/* CSS Document */

      /* undohtml.css */
   
      /* (CC) 2004 Tantek Celik. Some Rights Reserved. */
   
      /* http://creativecommons.org/licenses/by/2.0 */

      /* This style sheet is licensed under a Creative Commons License. */
   
      /* http://www.tantek.com/log/2004/undohtml.css */
 
      /* Purpose: undo some of the default styling of common (X)HTML browsers */

      /* link underlines tend to make hypertext less readable,
 
        because underlines obscure the shapes of the lower halves of words */
 
      :link,:visited { text-decoration:none }

       
 
      /* no list-markers by default, since lists are used more often for semantics */

      ul,ol { list-style:none }
     

      /* avoid browser default inconsistent heading font-sizes */

      /* and pre/code too */

      h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

       

      /* remove the inconsistent (among browsers) default ul,ol padding or margin */
 
      /* the default spacing on headings does not match nor align with
 
        normal interline spacing at all, so let's get rid of it. */

      /* zero out the spacing around pre, form, body, html, p, blockquote as well */
 
      /* form elements are oddly inconsistent, and not quite CSS emulatable. */
      /* nonetheless strip their margin and padding as well */

      ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

      { margin:0; padding:0 }

      /* whoever thought blue linked image borders were a good idea? */

      a img,:link img,:visited img { border:none }
  
      /* de-italicize address */
 
      address { font-style:normal }
  
      /* more varnish stripping as necessary... */
	  a {outline:none;}
#marco
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:auto;
	
}

#cabecera
{
	top: 1px;
	background:url(../img/cabecera.gif) no-repeat left top;
	height: 101px;
	width:auto;

}
#cabeceraenglish
{
	top: 1px;
	background:url(../img/cabeceraenglish.gif) no-repeat left top;
	height: 101px;
	width:auto;

}
body
{
	font-family:Arial, Helvetica, sans-serif;
}
h1
{
	text-indent:-10000px;
}

#logotipo
{
	width:900px;
	height: 90px;
}
h2
{
	margin-left:-10000px;
}

#texto
{
	position:absolute;
	padding:0 5px 0 5px;
	top: 150px;
	left:200px;
	width:550px;
	height:600px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size: 14px;
	color: #3399CC;
	line-height: 22px;
	border-style:solid;
	border-color:#3399CC;
	border-left-width: 20px;
	border-bottom-width: 20px;
	border-right-width: 20px;
	border-top-width:thick;

}
p
{
	margin-left:auto;
	margin-right:auto;
}
#textoempresa
{
	margin-left:20px;
	width:850px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #3399CC;
	font-size: 10px;
	line-height: 14px;	
}
h4
{
	text-indent:-10000px;
	width:680px;
	height:auto;
}

#contacto
{
	float:left;
	width:270px;
	height:170px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 11px;
	color: #3399CC;
	line-height: 22px;
	border-style:solid;
	border-color:#3399CC;
	border-width: 3px;
	
}
#mapa
{
	width:450px;
}
.menu
{
	width:900px;
	height:30px;
	float:left;
	margin-left:auto;
	margin-right:auto;

}
.menu ul li
{
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	display:block;

	float: left;
	color:#3399CC;
	margin: 20px 50px 30px 50px;
}

.menu ul li a
{
	font-family:Arial, Helvetica, sans-serif;
	list-style:none;
	display:block;
	color:#3399CC;
	background:url(../img/bola.gif) no-repeat center top;
	line-height: 120px;
	vertical-align: baseline;
	text-align: center;
}
ul li a#english
{
	background:
	url(../img/bolaenglish.gif) no-repeat center top;
}
ul li a#spanish
{
	background:
	url(../img/bolaspanish.gif) no-repeat center top;
}
.menu ul li a:hover
{
	color:
	#006666;
}

#logotiposintexto a
{
	height: 100px;
	width: 300px;
	display:block;
	text-indent:-10000px;
	background:url(../img/logo-inWater.gif) transparent no-repeat left top;
}


.menusecundario
{
	width:900px;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	float:left;
}
.menusecundario ul li
{
	font-family:Arial, Helvetica, sans-serif;
	background:url(../img/bola3.gif) no-repeat left top;
	display: block;
	color:#3399CC;
	float: left;
	margin-right: 20px;
}
.menusecundario  ul li a
{
	font-size:12px;
	color:#3399CC;
	text-decoration:none;
	margin-left: 40px;
	line-height: 20px;
}

.menusecundario ul li a:hover
{
	color:#FFFFFF;
	background-color:#000066;
}
.menuactividades
{
	width:1000px;
	height:30px;
	margin-left:150px;
	float:left;
	
}

.menuactividades ul li
{
	display: inline;
}
.menuactividades ul li a
{
	font-size: 11px;
	color:#3399CC;
	text-decoration:none;
	line-height: 20px;
	border-left: 2px solid #3399CC;
	padding-left: 5px;
	margin-left: 15px;
}
.menuactividades ul li a:hover 
{
	color:#FFFFFF;
	background-color: #000099;
}
/*.menuactividades ul li a:visited
{
	color: #FFF;
	background-color: #009;
}
*/
.camino
{
	width:900px;
	height:20px;
	background-color:#CCCCCC;
	float:left;
	
}
.camino a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color:#3399CC;
	margin-left:10px;
}
.actividades
{
	
	height:290px;
	background-image:url(../img/simbolofotos.jpg);
	background-repeat:no-repeat;
	margin-left:50px;

}
.actividadesenglish
{
	
	height:290px;
	background-image:url(../img/simbolofotosenglish.jpg);
	background-repeat:no-repeat;
	margin-left:50px;

}
.vinculoimguno 
{
	top: 200px;
	left: 100px;
	width:239px;
	height:290px;
	float:left;

}
.vinculoimguno a
{
	display:block;
	text-indent:-10000px;
	width:239px;
	height:290px;
}
.vinculoimgdos
{
	/*top: 200px;*/
	left:339px;
	width:159px;
	height:290px;
	float:left;

}
.vinculoimgdos a
{
	display:block;
	text-indent:-10000px;
	width:159px;
	height:290px;
}
.vinculoimgtres
{
	/*top: 200px;*/
	left:498px;
	width:156px;
	height:290px;
	float:left;
	
}
.vinculoimgtres a
{
	display:block;
	text-indent:-10000px;
	width:156px;
	height:290px;
}
.vinculoimgcuatro
{
	top: 200px;
	left:654px;
	width:200px;
	height:290px;
	float:left;
	
}
.vinculoimgcuatro a
{
	display:block;
	text-indent:-10000px;
	width:200px;
	height:290px;
}


.contenido
{
margin-left:auto;
margin-right:auto;

	width:850px;
	height:700px;
	
}
.imgtxt 
{
width:130px;
height:450px;
left: 5px;
float:left;

}

#listado
{
	position:absolute;
	width:898px;
	height:auto;
	left: 150px;
	float:left;
	margin-top:20px;
	margin-left:100px;
	top: 170px;
	
}

#listado ul li 
{

	letter-spacing:3px;
	line-height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3399CC;
	margin-left:120px;
}

#contenedor
{
	margin:auto;
	width:900px;
}
#pdf
{
float:left;
}
#pdf a
{
	display:block;
	width:60px;
	height:130px;
	margin-left:30px;
	background:url(../img/pdf.jpg) no-repeat left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	color: #3399CC;
	float:left;
}
#cajaref
{
	position:relative;
	font-size:10px;
	margin-left:30px;
	width: 700px;
	height: auto;
	padding-bottom: 5px;
	left:0px;
}
.entrada
{
	margin:10px 10px 10px 10px;
	background-color:#FFFFCC;
	width:815px;
	height:65px;
	overflow: hidden; 
	border:1px double #999999

	
}

.entrada h5
{
	color:#666666;
	width:auto;
}
.entrada img
{
	float: left;
	clear: left;
	padding: 5px;
	margin-right: 5px;
}
.imginicio  
{
	width:900px;
	height:auto;
	margin-top:150px;
}
#pie
{

	background-color:#3399CC;
	width: 900px;
	height:80px;
	top:10px;
	text-align:center;
}
#pie p, #pie h2
{
	left:50%;
	margin: 5px;
	font-size: 10px;
	width: 900px;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:1em;
	margin-left:auto;
	margin-right:auto;
}
#pie a
{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
h7
{
color:#333333;
background-color:#FFFFFF;
text-align:center;
}