﻿body, html { height: 100%; font-family:Tahoma; color: #28333A; text-align:center; overflow : -moz-scrollbars-vertical;  margin-bottom: 1px; }


#main{
width:1024px; padding:0;margin:0 auto;height:auto; 
}

@charset "windows-1251";
a{text-decoration:none;}
a:hover{text-decoration:none;}

div,td{font-family: Tahoma; font-size: 11px; color: #28333A;}
.t11{font-family: Tahoma; font-size: 11px; color: #28333A;}
form{margin: 0px}
.t10{font-family: Tahoma; font-size: 10px; color: #28333A;}
.t10r{font-family: Tahoma; font-size: 10px; color: #FF0000;}

.inp1{height: 19px; width: 179px; font-family: Arial; font-size: 10px; color: #28333A; border: #D4D4D4 1px solid;}


/* -------------- IZQUIERDA--------------*/				
#divI{
	 float:left; padding:0;margin:0;width:203px; height:auto; text-align:left; border-right:1px solid #FFF; font-size:10px
}
	#logo{
		float:left;padding-top:3px; width:203px; height:67px;  text-align:center; 
	}
	#menu{
		float:left;width:203px; height:auto; text-align:left
		}
		
		.menuTD{
		padding: 5px 5px 5px 0; font-weight:bold; color:#89B04E; 
		}
		.menuTD a{
		color:#666666; text-decoration:none
		}
		.menuTD a:hover{
		color:#000; text-decoration:none
		}
		.menuTD img{
		padding-right:35px
		}
		.menuTD .img2{
		padding-right:5px
		}
		
	
	.accesos{
		float:left;padding-top:10px; padding-bottom:10px; width:203px; height:auto;  text-align:left; border-bottom:1px solid #D3D6DB
	}
	
/* -------------- DERECHA --------------- */


#divD{
	float:right; padding:0;margin:0;width:820px; height:auto; text-align:left
	}

	#menuSup{
		float:left; padding:0;margin:0;width:820px;height:70px
		}
		#menuSup ul {
			margin:0;padding:0;list-style:none;width:820px
			
			}
		#menuSup li {
			display:inline;margin:0;padding:0; height:70px
			}
		#menuSup a {
			float:left;margin:0;padding:0;text-decoration:none;
			
			}
		#menuSup  span {
			float:left;display:block;padding:0;margin-right:1px;width:272px;height:70px
			
			}	
			
			#menuSup a #m1 {
	background:url(../images/m1.gif) no-repeat ; background-position:top;
			}
			#menuSup #m1 {
	background:url(../images/m1.gif) no-repeat ; background-position:bottom;
			}
			#menuSup a #m2 {
			background:url(../images/m2.gif) no-repeat; background-position:top;
			}
			#menuSup  #m2 {
			background:url(../images/m2.gif) no-repeat; background-position:bottom;
			}
			#menuSup a #m3 {
			background:url(../images/m3.gif) no-repeat; background-position:top;
			}
			#menuSup  #m3 {
			background:url(../images/m3.gif) no-repeat; background-position:bottom;
			}
			#menuSup a  {
			float:left;display:block;
	}
		
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#menuSup a span {float:none;}
		
		/* End IE5-Mac hack */
		
		#menuSup a:hover #m1 {
			background-position:bottom;
			}
		
		#menuSup a:hover #m2 {
			background-position:bottom;
			}
		#menuSup a:hover #m3 {
			background-position:bottom;
			}
			
			
			
			
	#imagen{
		 float:left;padding:0;margin:0;width:820px; height:auto
	}
	#contentCenImg{
		float: left;padding:0;margin:0;width:820px; height:auto
	}
	#contentCen{
		float: left;padding:0;margin:0;width:820px; height:auto
	}
	#contentCenIndex{
		float: left;padding:0;margin:0;width:550px; height:auto
	}
		
		#contentCen a{ 
				color:#28333A; text-decoration:none; 
			}
			#contentCen  a:hover{ 
				color: #CA001A; text-decoration: underline; 
				}
				
				
				#contentCen .cuadro2I  ul{
					height:100%; padding:0 10px;margin:0 10px; list-style-type:square; color:#666; text-align:justify; 
					}
				#contentCen .cuadro2I li{
					 margin-bottom:10px;
					}
					


				

			
/* -------------- CONTENIDO --------------- */
#content{
	width:1024px;padding:0 0 10px 0;margin:0;background-color:#FFFFFF;font-size: 12px;color: #666666;text-align:justify; height:auto
}

	#content a{ color: #666666;text-align:justify; text-decoration:none; 
		}
		#content a:hover{ 
			
		color:#006699; 
		
		}
#contentIz{
			width:590px; padding:0 10px 0 0;margin:0;float:left;
		}
			#contentIz ul li{
				list-style-type:square; padding-bottom:10px
			}
		
		
	
			.contentIzIz {
				width:264px;padding:0 15px 5px 0;float:left; 
			}
				
			.contentIzD{
				width:265px; padding:0 15px 5px 15px;float:right;border-right:#000000 1px dotted;border-left:#000000 1px dotted;
			}
			

				
#contentDcha{
	width:404px;padding:0 10px 10px 10px;margin:0;float:right; 
}

	.contentDchaText{
		width:190px;padding:0 0 5px 15px; border:solid 1px #CACACC;
	}
		.contentDchaText a{ 
				color:#353A3C; text-decoration:none;  font-family: Verdana; font-size: 16px; line-height:55px;
			}
		.contentDchaText  a:hover{ 
			text-decoration: underline;color: #CA001A
		}
		.contentDchaText ul {
		width:190px; padding:0; margin:0; text-align:center; list-style-type:none
			}
		.contentDchaText  > ul > li{
			padding:5px 0 5px 0; list-style-type:none; margin:0
			}
			

	.contentFilaDI{ 
					width:189px;  float:left; padding:0 20px 0 0; margin:0;  vertical-align:top; height:auto;  border-right:1px solid #A5A4A4;   
				}

#contentI{
				width:502px; float:left; padding:20px 10px 20px 0px;   text-align:justify
			}
				.contenI{
					
					width:502px; padding-bottom:20px; margin:0
				}
				.contenII{
					
					float:left; width:170px; padding-right:10px;text-align:left
				}
				.contenID{
					
					width:317px; float: right; text-align:left; padding:10px 0 10px 5px; font-weight:bold; text-align:right
				}
				
				
	
#contentD{
				width:472px; float:right; padding:10px 0px 20px 10px; height:auto; margin:0; background-color:#FFFFFF;
			}
				#contentD p{
				text-align:justify  
				}
				.contenDC{
				 width:472px; margin:15px 0 10px 0
				}
				.contenDI{
					float:left; width:170px; padding-right:10px; text-align:left
				}
				.contenDD{
					float:right;width:280px; padding:30px 0px 0px 10px; font-size:1em; font-weight:bold; text-align:right; margin:0
				}
				
						
			

.recuadro{
	width: 252px; float: left;padding:20px 10px 0 10px;font-size: 12px; margin:0; text-align:left; border-left:1px dotted #999; font-family:"Courier New", Courier, mono
}	
.recuadro2{
	width: 251px; float: left;padding:20px 10px 0 10px;font-size: 12px; margin:0; text-align:left; border-left:1px dotted #999; border-right:1px dotted #999; font-family:"Courier New", Courier, mono
}
.recuadroIndex{
	width: 250px; float: right;padding:5px 0 0 0; margin:0; 
}
.recuadro a{
	color:#999
}
.recuadroImg{
	width: 132px; float: right;font-size: 11px;font-weight:bold; margin:0;  padding:20px 0 0 0 
}

.cuadroUl{
width:100%; color:#666; list-style:none; padding:0; margin:0; vertical-align:bottom; 

}
#contentVideo{
	width: 378px; float: left;padding:20px 10px 0 10px; margin:0; border-left:1px dotted #999; border-right:1px dotted #999; 
}	
.contentGr{
	width: 400px; float: right;padding:20px 10px 0 10px;
}	
.cuadro{
	width: 252px; float: left;padding:20px 10px 0 10px;font-size: 12px; margin:0; text-align: justify; border-left:1px dotted #999; font-family:"Courier New", Courier, mono;
}	
.cuadro ul{
 padding:0; margin:0

}
.cuadro li{
 color:#666; list-style:none; border-top:1px dotted #666; height:15px; padding:10px 0 10px 0; height:auto

}
.cuadro li img{
 foloat:left; padding:0 5px 0 0; height:auto

}
.cuadro a{
	color:#999
}
	
/* -------------- PIE --------------- */	

#pieIndex{
	width: 1024px;height: auto; margin:0 auto;padding: 5px 0 5px 0;color: #3A3A3A; text-align:right;    border-top:#BFBFC1 1px solid; line-height:1.4em; font-size:95%
}
#pie{
	width: 1024px;height: auto; margin:0 auto;padding: 5px 0 5px 0;color: #3A3A3A; text-align:right;    border-top:#BFBFC1 1px solid; line-height:1.4em; font-size:95%
}
#pie a{
	color: #3A3A3A; text-decoration:none;
}

#pie a:hover{
	color:#CA001A; border-bottom: 1px solid #CA001A;
}				

#pie ul{
	margin: 0;padding:0;list-style-type:square;
}
			
#pie ul li{ 
	 margin:0 0 0 2px; display: inline;
}
#pie  li a{
	text-decoration: none;color:#3A3A3A; 
}
#pie  li a:hover {
	color:#CA001A;
}
			
#partners{
	width:880px;height:auto;padding:10px 0;float:right;   margin:0; float:right
}
#notIndex{
	width:820px;height:auto;padding:0;float:right;   margin:0; float:right
}

.enlace{
		float:left;padding:0; width:140px; height:auto;  text-align:left;
	}
	
/* -------------- ESTILOS --------------- */ 		

h1{
	font-size:14px; color:#495B70; font-weight:normal; width:auto
}
h2{
	font-size:14px; color:#495B70; letter-spacing:0.1em; font-weight:normal
}

img{
	border:0; 
}
.clear {
	clear:both;margin:0; padding:0
}

	.resaltado{
	 text-align:left; font-weight:bold
}
.mas  span.dos {
			float:left;display:block;padding:0;width:230px;height:20px; background:url(../images/mas.gif) no-repeat ; background-position:left top; text-align:left
			
			}	

.mas  span {
			float:left;display:block;padding:0;width:272px;height:20px; background:url(../images/mas.gif) no-repeat ; background-position:left top; text-align:left
			
			}	
			
	.mas a  {
			height:auto; 
	}		
			.mas a  {
			float:left;display:block; width:auto
	}
		
		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		.mas a span {float:none;}
		
		/* End IE5-Mac hack */
		
		.mas a:hover span  {
			background-position:left bottom;
			}
.masInfo {
	border-top:1px dotted #666; margin-top:10px; width:100%; text-align: right; height:auto; float:right; color: #666; padding-bottom:5px; clear:none;
}
.lineaOrange{
line-height:1.3em; text-align:left; font-weight:bold; border-bottom:1px solid #CC6600; font-size: 14px;
}
.lineaBlue{
line-height:1.3em; text-align:left; font-weight:bold; border-bottom:1px solid #006699; font-size: 14px;
}
.lineaGrenn{
line-height:1.3em; text-align:left; font-weight:bold; border-bottom:1px solid #80A01F;font-size: 14px;
}
.lineaRed{
line-height:1.3em; text-align:left; font-weight:bold; border-bottom:1px solid #990000;font-size: 14px;
}

.contenedor{
					
width:820px; padding-bottom:20px; margin:0
				}
			.separador {
	border-top:1px dotted #000; margin-top:20px; width:100%; height:20px; margin-bottom:10px
}

.separador2 {
	border-top:1px dotted #000; margin-top:10px; width:100%; height:5px; margin-bottom:10px; float:left; text-align:right
}
.separador3 {
	border-top:1px dotted #000; margin-top:5px; width:100%; height:5px; margin-bottom:10px
}
.blue{
	 color:#00486a
}
.blue a{
	 color:#00486a
}
.blue a:hover{
	 color:#882F47; text-decoration:underline
}
.h1 {
	color:#00486a; font-weight: bold;
}

/* --------------FORMULARIO --------------- */ 	

form{
	margin: 0;line-height:120%;display:block; font-family: Verdana, Arial, Helvetica, sans-serif;
}
input{
	border-left:1px solid #A8B3B2; border-right:1px solid #426867; border-top:1px solid #426867;border-bottom:1px solid #A8B3B2;   color: #4D5253;width:270px;height:18px;
}
textarea{
	border-left:1px solid #A8B3B2; border-right:1px solid #426867; border-top:1px solid #426867;border-bottom:1px solid #A8B3B2;color:#4D5253;width:270px;height:180px;
}
.boton{
	border:1px solid #A8B3B2; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 1em; color: #FFFFFF; background-color:#384150; font-weight:bold;width:270px; margin-top:10px;
}
