/* 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. */

/* 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... */


/* basic elements */
body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top:0px;
	}
#container {
	position: absolute;
	width: 957px;
	height: 533px;
	margin-top: 0px;
	margin-left: 0px;
}
#base {
	position: absolute;
	visibility: visible;
	width: 957px;
	height: 533px;
	}
.seccion {
	background: url('imgs/fondo.gif') no-repeat left top;
	}
#imgsanimadas {
	margin-left: 26px;
	margin-top: 327px;
	position: absolute;
	visibility: visible;
	width: 136px;
	height: 162px;
	}
#my_slideshow {
	margin-left: 0px;
	margin-top: 0px;
	width: 136px;
	height: 162px;
	}
h1 {
margin-left: 72px;
margin-top: 50px;
width: 257px;  
height: 56px;
position: absolute;
visibility: visible;
z-index: 5;

}
h2 {
margin-left: 429px;
margin-top: 119px;
width: 291px;  
height: 34px;
position: absolute;
visibility: visible;

}

#bloquetxt {
	overflow: auto;
	margin-left: 352px;
	margin-top: 159px;
	position: absolute;
	visibility: visible;
	width: 368px;
	height: 316px;
	}
#bloquetxtlocal {
	margin-left: 352px;
	margin-top: 154px;
	position: absolute;
	visibility: visible;
	width: 368px;
	height: 124px;
	}
#bloquetxtlocal p {
	font-size: 12px;
	
	}

p {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0.5em 0.75em 0.2em;
	text-align: left;
	color: #000000;
	text-decoration: none;
}
#bloquetxt ul li {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 0 0 0.2em;
	text-align: left;
	color: #000000;
	text-decoration: none;
}
 a {
	color: #000000;
	text-decoration: none;
}
 a:hover {
	color: #0164a3;
	text-decoration: none;
}
dl {
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0.75em 0.5em 0.75em 0.2em;
	text-align: left;
	color: #000000;
	text-decoration: none;
	list-style-type: none;
}
#mapa {  
	margin: 6px 10px 0 0;
	float: left;
	clear: left;
	width: 173px;  
	height: 154px;
	
	visibility: visible;
	}
#tel {  
	margin-top: 276px;
	margin-left: 245px;
	width: 33px;  
	height: 21px;
	position: absolute;
	visibility: visible;
	}

#numtel {  
	margin-top: 308px;
	margin-left: 222px;
	width: 77px;  
	height: 29px;
	position: absolute;
	visibility: visible;
	}
#email {  
	margin-top: 407px;
	margin-left: 192px;
	width: 147px;  
	height: 21px;
	position: absolute;
	visibility: visible;
	background: url('imgs/mailb.jpg') no-repeat left top;
	}
#email a {	
	width: 147px;  
	height: 21px;
	position: absolute;
	visibility: visible;
	background: url('imgs/mail.jpg') no-repeat left top;
	text-indent: -10000px;
}
#email a:hover {	
	width: 147px;  
	height: 21px;
	position: absolute;
	visibility: visible;
	text-decoration: none;
	background: url('imgs/mailb.jpg') no-repeat left top;
	text-indent: -10000px;
}
#ampliar {  
	margin-top: 403px;
	margin-left: 545px;
	width: 92px;  
	height: 43px;
	position: absolute;
	visibility: visible;
	background: url('imgs/ampliarb.jpg') no-repeat left top;
	}
#ampliar a {	
	width: 92px;  
	height: 43px;
	position: absolute;
	visibility: visible;
	background: url('imgs/ampliar.jpg') no-repeat left top;
	text-indent: -10000px;
}
#ampliar a:hover {	
	width: 92px;  
	height: 43px;
	position: absolute;
	visibility: visible;
	text-decoration: none;
	background: url('imgs/ampliarb.jpg') no-repeat left top;
	text-indent: -10000px;
}

#correo {  
	margin-top: 374px;
	margin-left: 246px;
	width: 30px;  
	height: 18px;
	position: absolute;
	visibility: visible;
	background: url('imgs/sobre-mail-b.gif') no-repeat left top;
	}
#correo a {	
	width: 30px;  
	height: 18px;
	position: absolute;
	visibility: visible;
	background: url('imgs/sobre-mail.gif') no-repeat left top;
	text-indent: -10000px;
}
#correo a:hover {	
	width: 30px;  
	height: 18px;
	position: absolute;
	visibility: visible;
	text-decoration: none;
	background: url('imgs/sobre-mail-b.gif') no-repeat left top;
	text-indent: -10000px;
}
#versubmenu {  
	margin-top: 212px;
	margin-left: 228px;
	text-align: center;
	width: 91px;  
	height: 35px;
	position: absolute;
	}
#versubmenu a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: center;
	color: #0f5e9a;
	text-decoration: none;
}
#versubmenu a  em {	
	color: #134870;
	font-weight: bold;
	text-decoration: none;
}
#versubmenu a:hover em{	
	font-weight: bold;
	color: #0f5e9a;
}

 /***********MENU***************/
#menu {
	margin-left: 65px;
	margin-top: 64px;
	position: absolute;
	visibility: visible;
	/*padding: 4px;*/
	background-color: #ffffff;
	border: 1px solid #000000;
	}
ul#menu {
	width: 759px;  
	height: 49px;  
	list-style: none;
}
ul#menu li { 
position: absolute;
display: block;
height: 43px;
margin-top: 3px;
margin-left: 3px;
}






/*aqui empiezan los botones del menu */ 
ul#menu li#quien { 
	margin-left: 279px;  
	width: 183px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	background: url('imgs/menuquienb.jpg') no-repeat left top;
	}

ul#menu li#quien a { 
	width: 183px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	background: url('imgs/menuquien.jpg') no-repeat left top;
	text-indent: -10000px;
}
ul#menu li#quien a:hover { 
	width: 183px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	text-decoration: none;
	background: url('imgs/menuquienb.jpg') no-repeat left top;
	text-indent: -10000px;
}
ul#menu li#servicios { 
	width: 118px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	background: url('imgs/menuserviciosb.jpg') no-repeat;
	}
ul#menu li#servicios a { 
	width: 118px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	background: url('imgs/menuservicios.jpg') no-repeat;
	text-indent: -10000px;
}
ul#menu li#servicios a:hover { 
	width: 118px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	text-decoration: none;
	background: url('imgs/menuserviciosb.jpg') no-repeat;
	text-indent: -10000px;
}
ul#menu li#local { 
	width: 170px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	background: url('imgs/menulocalb.jpg') no-repeat;
	}
ul#menu li#local a { 
	width: 170px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	background: url('imgs/menulocal.jpg') no-repeat;
	text-indent: -10000px;
}
ul#menu li#local a:hover { 
	width: 170px;  
	height: 43px;
	float: left;
	position: relative;
	visibility: visible;
	text-decoration: none;
	background: url('imgs/menulocalb.jpg') no-repeat ;
	text-indent: -10000px;
}
/********* fin del menu ********/

/**********submenu*********/

#contenedordesubmenu {
	margin-left: 0px;
	margin-top: 118px;
	width: 245px;  
	height: auto;
	position: absolute;
	visibility: visible;
	z-index: 10;
	overflow: hidden;
	}

#submenu {
	margin-left: 21px;
	margin-top: 0px;
	width: 181px;  
	height: 460px;
	background-color: #ffffff;
	border: 1px solid #0f2a81;
	z-index: 10;
	position: relative;
	}
ul#submenu li{
	margin: 0 0 0 0;
	text-align: right;
	width: 175px;  
	list-style-type: none;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	}
ul#submenu li a, ul#submenu li ul li a{
	color: #000000;
	text-align: right;
	text-decoration: none;
}
ul#submenu li a:hover, ul#submenu li ul li a:hover {
	color: #0164a3;
	text-decoration: none;
}
ul#submenu li ul#submenureformas li, ul#submenu li ul#submenupintura li{
	margin: 2px 0 0 0;
	text-align: right;

}
ul#submenu li a.pinchado, ul#submenu li.pinchado{
	color: #0164a3;
	text-decoration: none;
}
/**********fin del submenu*********/

#biosfera4 a {
	margin-left: 833px;
	margin-top: 479px;
	position: absolute;
	visibility: visible;
	width: 86px;
	height: 19px;
	background: url('imgs/biosfera4.jpg') no-repeat; 
	text-indent: -10000px;
}
#logos {
	margin-left: 730px;
	margin-top: 210px;
	position: absolute;
	visibility: visible;
	width: 88px;
	height: 266px;
	padding: 0;
}

#logos img{
	margin: 0 0 20px 0;
}

#logossieteimgs {
	margin-left: 730px;
	margin-top: 125px;
	position: absolute;
	visibility: visible;
	width: 88px;
	height: 266px;
	padding: 0;
	text-align: center;
}

#logossieteimgs img{
	margin: 0 0 0 0;
}
#logossieteimgs img#logofleck{
	margin: 0 0 0 12px;
}

#logosseisimgs {
	margin-left: 730px;
	margin-top: 135px;
	position: absolute;
	visibility: visible;
	width: 88px;
	height: 266px;
	padding: 0;
}

#logosseisimgs img{
	margin: 0 0 5px 0;
}
#logoscincoimgs {
	margin-left: 730px;
	margin-top: 160px;
	position: absolute;
	visibility: visible;
	width: 88px;
	height: 266px;
	padding: 0;
}

#logoscincoimgs img{
	margin: 0 0 13px 0;
}
a img {
border: none;
}
/********** miniaturas **************/
#contenedorminiaturas {
	margin-left: 695px;
	margin-top: 202px;
	width: 245px;  
	height: auto;
	position: absolute;
	z-index: 10;
	overflow: hidden;
	}

#miniaturas {
	margin-left: 0;
	margin-top: 0px;
	width: 192px;  
	height: auto;
	background-color: #a6d3f0;
	border: 1px solid #0f2a81;
	z-index: 10;
	overflow: auto;
	padding-bottom:7px;
	position: relative;
	}
ul#miniaturas li{
	margin:  0 0 10px 10px;
	width: 82px;  
	height: 39px;
	list-style-type: none;
	font-family:"Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #ffffff;
	float: left;
	text-decoration: none;
	overflow: hidden;
	}
#vermuestras {  
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	position: absolute;
	}
#vermuestras a {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: left;
	color: #134870;
	font-weight: bold;
	text-decoration: none;
}
#vermuestras a:hover {	
	font-weight: bold;
	color: #0f5e9a;
}
a#cerrar{
	margin-left: 135px;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: right;
	color: #0f5e9a;
	text-decoration: none;
}
 a:hover#cerrar{	
	color: #134870;
}