/* CSS Document */

body{
width:98%;
height:100%;
margin-top:10px;
background-color:#94a3b0;
color:#666666;
height:100%;
font: 11px Tahoma, "Trebuchet Ms", Arial; 
}

div {
     display: block;
}	

h1 { 
		font:  160% Tahoma, "Trebuchet Ms", Tahoma,  Arial; 
		color: #336699;
		padding-bottom:5px;
		text-align:left;
}

h2{
	font: bold 12px Tahoma, "MS Sans Serif", Arial;
	padding-left:20px;
	padding-bottom:0px;
	margin-bottom: 0px;
	/*line-height: 50%;*/
}
h3{
	font-family: Tahoma, "MS Sans Serif", Arial;
	font-size: 11px;
	/*font-style: oblique;*/
	padding-left:20px;
	color: #999;
	line-height: 1px;
}
h4{
	font-family: Tahoma, "Trebuchet Ms", Arial;
	font-size: 12px;
	/*font-style: oblique;*/
	color: #666;
	line-height: 2px;
	padding-left:20px;
}
p { 
	font: 11px Tahoma, "Trebuchet Ms", Arial; 
	margin-bottom: 0px; 
	color: #666;
	padding-left:20px;
	padding-top:0px;
	line-height: 135%;
}


.tituloMenu {
	font-family: Tahoma, "Trebuchet Ms", Arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

a:link, a:active, a:visited{
	color: #336699;
	text-decoration: underline;
}

a:hover {
	color: #8c9cab;
	text-decoration: underline;
}

#pie a:link, a:active, a:visited{
	color: #336699;
	text-decoration: underline;
}

#pie a:hover {
	color: #FFF;
	text-decoration: underline;
}

li {
	line-height: 150%;
}


.clear{clear:both}

.cita {
	font-family: Verdana;
	font-style: italic;
	color: #999999;
	font-size: 10px;
}

.gris{
color: #999;
}

#container {
width:780px; 
/*height:100%;*/
margin:auto; 
text-align:left; 
}

#header {
width:780px;
height:247px;
}
	#cabecera {
	background-image: url(../images/header_back.png);
	height:199px;
	background-repeat: no-repeat;
	position: relative;
	}
	
	#cabecera2 {
	background: #103C63;
	height:119x;
	position: relative;
	}	
		#logo {
		width:350px; 
		height:119px;
		position: relative;
		}	
			#logo img{
				border:0px;
				margin-top:25px;
				margin-left:30px;
				}
		
	#tituloImg	{
	height:129px;
	background-color: #FFFFFF;
	/*padding-bottom:19px;*/
	}
	
/*  div de contenido */
	#contenido {
	width:758px;
	background-color: #FFFFFF;
	padding-left:11px;
	padding-right:11px;
	/*padding-top:19px;*/
	/*margin-top:19px;*/
	height:100%;
	/*position: relative;*/
	}
	
		#bloqueIzquierda{
		float:left;
		width:177px;
		background-color: #e8e6e6;
		height: 100%;
		position: relative;
		background-image: url(../images/blue_top.png);
		background-repeat: repeat-x;
		background-position: top;
		border: 1px solid #e0dfdf;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 10px;
		padding-left: 5px;
		}
		
			#menuTopVerde{
			width:176px;
			background-image: url(../images/menutop_verd.png);
			background-repeat: no-repeat;
			background-position:bottom;
			height: 15px;
			/*padding-top:8px;*/
			}
			
			#menuVerde{
			width:161px;
			background-color: #14b04d;
			background-image:url(../images/fondo_menuverd.png);
			background-position:right bottom;
			background-repeat:no-repeat;
			padding-right: 5px;
			padding-top: 5px;
			padding-left: 10px;
			padding-bottom: 5px;
			color:#FFFFFF;
			}
			
			#menuBottomVerde{
			width:176px;
			background-image: url(../images/menubottom_verd.png);
			background-repeat: no-repeat;
			height: 7px;
			}
			
			#menuTopNarj{
			width:176px;
			background-image: url(../images/menutop_narj.png);
			background-repeat: no-repeat;
			background-position:bottom;
			height: 15px;
			/*padding-top:8px;*/
			}
			
			#menuNarj{
			width:161px;
			background-color: #ff6633;
			background-image:url(../images/fondo_menunarj.jpg);
			background-position:right center;
			background-repeat:no-repeat;
			padding-right: 5px;
			padding-top: 5px;
			padding-left: 10px;
			padding-bottom: 5px;
			color:#FFFFFF;
			}
			
			#menuBottomNarj{
			width:176px;
			background-image: url(../images/menubottom_narj.png);
			background-repeat: no-repeat;
			height: 7px;
			}
			
			#menuTopAzul{
			width:176px;
			background-image: url(../images/menutop_azul.png);
			background-repeat: no-repeat;
			background-position:bottom;
			height: 15px;
			/*padding-top:8px;*/
			}
			
			#menuAzul{
			width:161px;
			background-color: #003366;
			background-image:url(../images/fondo_menuazul.png);
			background-position:right bottom;
			background-repeat:no-repeat;
			padding-right: 5px;
			padding-top: 5px;
			padding-left: 10px;
			padding-bottom: 5px;
			color:#FFFFFF;
			}
			
			#menuBottomAzul{
			width:176px;
			background-image: url(../images/menubottom_azul.png);
			background-repeat: no-repeat;
			height: 7px;
			}
			
			#menuTopVerd2{
			width:176px;
			background-image: url(../images/menutop_verd2.png);
			background-repeat: no-repeat;
			background-position:bottom;
			height: 15px;
			/*padding-top:8px;*/
			}
			
			#menuVerd2{
			width:161px;
			background-color: #aca420;
			background-image:url(../images/fondo_menuverd2.png);
			background-position:right top;
			background-repeat:no-repeat;
			padding-right: 5px;
			padding-top: 5px;
			padding-left: 10px;
			padding-bottom: 5px;
			color:#FFFFFF;
			}
			
			#menuBottomVerd2{
			width:176px;
			background-image: url(../images/menubottom_verd2.png);
			background-repeat: no-repeat;
			height: 7px;
			}
		
		#bloqueDerecha{
		float:right;
		width:543px;
		background-color: #f7f7f7;
		height: 100%;
		position: relative;
		background-image: url(../images/blue_top.png);
		background-repeat: repeat-x;
		background-position: top;
		border: 1px solid #efefef;
		padding-top: 20px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		}
		
			#infoTop{
			width:543px;
			background-image: url(../images/contenido_top.png);
			background-repeat: no-repeat;
			background-position: bottom;
			height: 7px;
			}
			
			#info{
			width:513px;
			background-color: #FFFFFF;
			padding-right: 15px;
			padding-top: 5px;
			padding-left: 15px;
			padding-bottom: 10px;
			}
			
			#infoBottom{
			width:543px;
			background-image: url(../images/contenido_bottom.png);
			background-repeat: no-repeat;
			height: 7px;
			}
			
#bottom {
	width:780px;
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
	height: 10px;
}	

#pie {
 width:780px;
 color:#369;
 text-align:center;
 padding-top: 15px;
}

/* menus colores*/

.ul_MenuVerd, .ul_MenuNarj, .ul_MenuAzul, .ul_MenuVerd2{
	padding-left: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	margin-top: 8px;
}
.ul_MenuVerd li, .ul_MenuNarj li, .ul_MenuAzul li, .ul_MenuVerd2 li{
	font-family:  "Trebuchet Ms", Tahoma, Arial;
	font-size: 13px;
	line-height: 150%;
	/*list-style-image: url(../images/li.png);*/
	list-style-type: none;
}

.ul_MenuVerd li a:active, .ul_MenuVerd li a:link, .ul_MenuVerd li a:visited, .ul_MenuVerd2 li a:active, .ul_MenuVerd2 li a:link, .ul_MenuVerd2 li a:visited, .ul_MenuAzul li a:active, .ul_MenuAzul li a:link, .ul_MenuAzul li a:visited, .ul_MenuNarj li a:active, .ul_MenuNarj li a:link, .ul_MenuNarj li a:visited{
color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
	padding-left: 15px;
}

.ul_MenuVerd li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	/*list-style-position: inside;
	list-style-image: url(../images/li_verd.png);*/	
	background-image: url(../images/li_verd.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}

.ul_MenuNarj li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../images/li_narj.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}
.ul_MenuAzul li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../images/li_azul.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}
.ul_MenuVerd2 li a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../images/li_verd2.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}

.menuVerd_On{
color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../images/li_verd.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}
.menuNarj_On{
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../images/li_narj.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}

.menuAzul_On{
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../images/li_azul.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}

.menuVerd2_On{
	color: #FFFFFF;
	text-decoration: underline;
	background-image: url(../images/li_verd2.png);
	background-repeat: no-repeat;
	background-position: 1px center;
	padding-left: 15px;
}

/* banners contenido */

#banners{
	/*display: inline;*/
	width: 543px;
	height: 88px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
#banners img{
	padding:3px;
}

/* banners acceso afiliados */

.ul_afiliado{
	color: #FFFFFF;
}

.ul_afiliado li {
	/*display: inline;
	border: 1px solid #CCCCCC;*/
	padding: 15px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../images/acceso_back.png);
	background-repeat: no-repeat;
	float: left;
}

.afiliado {
	/*display: inline;
	padding-left: 15px;*/
	background-image: url(../images/acceso_back.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 33px;
	float: left;
	color: #FFFFFF;
	margin-left: 20px;
	margin-top: 5px;
	padding-top: 10px;
	/*text-align: center;*/
}

.afiliado a:link, .afiliado a:active, .afiliado a:visited{
	color: #FFFFFF;
	padding-left: 20px;
	
}
.afiliado a:hover {
color: #ccc;
padding-left: 20px;
}


.az_cursiva{
	font-style: italic;
}