/* /styles/design_guia.css */ 

#contenedor {
  	position: relative;
	text-align: left;
	margin: 0 auto;
	width: 750px;
	top: 10px;
	background-color: #FFFFFF;
}

#pagina {
  width: 750px;
	background: url(../imagenes/5version750x_02.jpg) no-repeat 0px 132px;
	height: 430px;

}

#cabecera {
	/*ahora la cabecera no necesita nada por ahora */
	width: 750px;
	margin-right: 30px;
	height: 132px;
	background-image: url(../imagenes/5version750x_01.jpg);
	background-repeat: no-repeat;


}

#todo {
	/*tengo que porner relative pq en el html este elemento va antes que el
	menu, pero tiene sentivo si le quitamos todos los estilos */
	position: relative;
	width: 216px;

	/*esto me quita el problema de la altura y la posicion del menuPrincipal */
  height: 0px;

	left: 80px;
	top: 65px;


	font-family: Arial, Times, serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	color: #FFFFFF;
}

#menuPrincipal
{
	position: absolute;
	left: 333px;
	width: 418px;
	top: 0px;
	height: 41px;
	border-bottom: 0;
	background-image: url(../imagenes/menu_est.jpg);
	background-repeat: no-repeat;
	z-index: 9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 45px;
}

/*--- IE HACK -------------*/
* html #menuPrincipal
{

}


#titular {

	margin-left: 180px;
	margin-top: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #1962A6;
}




#contenido
{

 width: 662px;
 margin-left: 48px;
 margin-top: 00px;
 padding-top:0px;

 background-image: url(../imagenes/block_guia.gif);
 background-repeat: no-repeat;
 background-color:#FFFFFF;

}

#contenido h5
{
font-size:11px;
padding:0px;
padding-left:380px;
margin:0px;
height:1px;
color: #004B6A;
}

#cabecera h2
{
display: none;
position: absolute;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:normal;
	color: #004B6A;
	padding:0px;
	margin:0px;
	left:60px;
	top:115px;

}

#cabecera h6
{
	position: absolute;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	left:550px;
	top:118px;

}

#cabecera h3
{
display: none;
position: absolute;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #004B6A;
	padding:0px;
	margin:0px;
	left:60px;
	top:140px;

}
#left
{
	float:left;
	width:30%;
	padding-left:5px;
}

#leftzona
{
padding-top:15px;
float:left;
padding-left:35px;
}

#left .text
{
font-size:9px;
color:#336666;

}

#left a
{
color:#336666;
}

#left .capital
{
color:#336666;
font-size:10px;
}

#left h4
{
font-size:10px;
}

#left img
{
vertical-align:middle;
}

#right
{
text-align:right;
padding-top:20px;
padding-right:0px;
}


#rightzona
{
text-align:left;
padding-top:20px;
padding-right:0px;
}


#rightzona img
{
padding:0px;
vertical-align:middle;
}

#rightzona table
{
margin-top:100px;
}

#rightzona th
{
padding:0px;
text-align:right;
}

#contenido td
{
font-size:10px;
}

#yellow
{
margin:0px;
padding:0px;
position:absolute;
width:190px;
top:132px;
left:43px;


}

#islas
{
font-size:10px;
position: absolute;
top:167px;
left:64px;
}

#yellow h2
{
margin:0px;
padding:2px;
padding-left:3px;
font-weight:normal;
font-size:20px;
color:#339999;

}
#yellow h3
{
width:auto;
margin:0px;
padding:0px;
padding-left:3px;
font-size:12px;
color:#014D6D;

}

#islas a
{
color:#336666;
}



#pie {
	font-size: 10px;
	text-align: center;
	width: 735px;
	margin-top: 5px;
	margin-left: 15px;
	padding-top: 80px;
	height: 70px;
	background-image: url(../imagenes/cierre1.jpg);
	background-repeat: no-repeat;


}
#fotoevents {
	position: absolute;
	left: 558px;
	width: 112px;
	top: 101px;
	height: 79px;
	border-bottom: 0;
	background-image: url(/imagnewhome/somos3.jpg);
	background-repeat: no-repeat;
	z-index: 9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 10px;
	color: #0000CC;
}
#clear
{
padding-top:20px;
padding-left:35px;
clear:both;
}

#clear h2
{
width:auto;
font-size:16px;
padding-top:10px;
padding-bottom:10px;
color:#06284B;
}

#clear .Txt-pequeBolcolor
{
font-weight:bold;
color:#06284B;
}