/* CSS Document */

html, body{ font-family:Arial, Helvetica, sans-serif;
font-size:12px; background-image:url(../imagenes/bg-body.jpg);
background-repeat:repeat-x; background-color:#006697; 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#contenedor-pagina{ background-color:#FFFFFF; 
 width:980px; margin-top:6px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 height:300px; 
  background-color:#83B35C; 
 width:100%;
} 

#contenedor-menu {height:42px; margin:2px; border: solid 1px #99CCFF;}
 
#contenedor-left{
 width:204px; border-right:dotted 1px #CCCCCC;  
 float:left; margin:2px; height:470px; 
 background-color:#ffffff; 
 }
 
#twocols{ margin-left:2px;
 width:78%; 
 float:right; 

  }
 
#contenedor-foto {width:156px; height:136px; margin:auto;
margin-top:10px; border:solid 1px #CCCCCC;
background-image:url(../imagenes/castro.jpg);
background-repeat:no-repeat;}

#bienvenida {width:300px; height:20px; margin:auto;
margin-top:10px; text-align:center; font-size:14px;
font-family:Arial, Helvetica, sans-serif;}
 
#contenedor-contenido{background-color: #FFFFFF;  
 float: left; height:700px; margin:2px; 
 width:755px; border:solid 1px #99CCFF; 
 }
 
 #titulo {width:300px; height:30px; margin:auto;
 margin-top:20px; text-align:center; padding-top:6px;
 color:#003366;}
 
 #saludo {width:600px; height:500px; margin:auto; margin-top:10px;
 text-align:justify;}
 
 #contenedor-foto {width:150px; height:130px;
 margin:auto; margin-top:10px; border:solid 1px #CCCCCC;}
 
#footer{ font-family:Arial, Helvetica, sans-serif;
font-size:12px; text-align:center; padding-top:6px;
 height:36px; color:#FFFFFF; 
  background-color:#003366; 
 clear:both;
 } 
 

 
 /* *** hack css *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

#contenedor-banner{

	/* CSS HACK */
	width: 980px;	/* IE 5.x */
	width/* */:/**/980px;	/* Other browsers */
	width: /**/980px;
	
	/* CSS HACK */
	height: 300px;	/* IE 5.x */
	height/* */:/**/300px;	/* Other browsers */
	height: /**/300px;
	
	background-color:#FFF;
	position:relative;	/* Never change this value */
	margin-left:auto;
	margin-right:auto; margin-top:0px; 
	
}
.imageInGallery{		
	width:980px;
	height:300px;
	background-color:#FFF;
	
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}
#contenedor-banner img{
	position:absolute;
}

/*chris - description overlay*/
#the_captions{
	display:none;
	}
.imageInGallery_DESC{
	position:absolute;
	color:#FFFFFF;
	padding:30px;
	padding-top:25px;
	margin-left:30px;
	margin-top:5px;
	z-index:100;
	/*height:200px;*/
	width:240px;
	font-size:80%;
	}
.imageInGallery_DESC h1{
	color:#99cc33;
	font-size:140%;
	margin:0px;
	padding:0px 0px 0px 0px;
	}
	
	
	.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background: url(../imagenes/blueslate_background.gif); repeat-x top left; font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:capitalize;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0; width:auto;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(../imagenes/blueslate_backgroundOVER.gif) no-repeat top center;}