/* CSS Document */

BODY {
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF no-repeat top center;
	margin: 0;
	padding: 0
}


img{
	border: none;
}
/*contenidos*/
#container {
	margin: 0 auto;
	padding: 0;
	height: auto;
	position: inherit;
	background-color: #ffffff;
}


#index {
	margin: 0;
	padding: 0;
	height: 600px;
	position: inherit;
	background: url(images/fondo.jpg) no-repeat top center;
	}
	
#index-obra{
	margin: 0;
	padding: 0;
	height: 300px;
	position: inherit;
	background: url(images/obra.jpg) no-repeat top center;
	padding-top: 220px;
	padding-left: 350px;
}

#index-semblanza{
	margin: 0 auto;
	padding: 220px 0px 20px 250px;
	width: 760px;
	height: auto;
	position: inherit;
	background: url(images/principal_semblanza.jpg) no-repeat top center;

}
#index-cronologia{
	margin: 0 auto;
	padding: 220px 30px 20px 60px;
	width: 760px;
	height: auto;
	position: inherit;
	background: url(images/cronologia.jpg) no-repeat top center;
}

#index-testimonios{
	margin: 0 auto;
	padding: 220px 30px 20px 60px;
	width: 760px;
	height: auto;
	position: inherit;
	background: url(images/testimonios.jpg) no-repeat top center;
	
}

#index-documentos{
	margin: 0 auto;
	padding: 220px 50px 20px 0px;
	width: 760px;
	height: auto;
	position: inherit;
	background: url(images/documentos.jpg) no-repeat top center;
}
#index-mapa{
	margin: 10px auto 0em auto;
	padding: 120px 30px 20px 60px;
	width: 760px;
	height: auto;
	position: inherit;
	background: url(images/mapa.gif) no-repeat top center;
}

/*barra superior*/
#barrasup {
	height: 85px;
	font-family: Arial, Helvetica, sans-serif;
	background: #8f413f no-repeat top center;
 	margin: 0;
	padding: 0;
	clear : both;
	padding-bottom: 5px;
}

/*NAVIGATION DEL MENU PRINCIPAL--------------------- */

#navcab {
	margin: 0;
	height: 59px;
	background: #000000;
	padding: 0;
}
	
ul#nav {
	 
   	width: 860px;
	margin: 0;
	list-style: none;
	background: #8f413f;
	color: #c8bf95;
	clear : both;
	padding: 5px 30px 5px 95px;
}

	
#nav li {
	display: block; 
	float: left;
	color: #c8bf95;
   	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
}
	
li#nav-obra, li#nav-semblanza, li#nav-cronologia, li#nav-testimonios, li#nav-documentos, li#nav-buscar, li#nav-mapa {
	border: 1px solid #5d1b0e;
	font-size: 11px;
    color: #c8bf95;
	margin-left: 3px;
		
}

#nav li a {
	display: block;
	color: #c8bf95;
	text-decoration: none;
	padding: 4.7px 13.1px 4.7px 18px;
	border: 0;
	background:#660301;
	}

#nav li a:hover {
	display: block;
	color: #c8bf95;
	background:#5c0403;
	text-decoration: underline;
}


li#nav-home {
	background: #007854;
	}

li#nav-home a {
	border-left: 0;	
	padding-right: 14px;
	background: none;
	}	

li#nav-contact {
	border-right: 0;	
	}	


	
/*
SON OF SUCKeRFISH DROPDOWNS
See http://www.htmldog.com/articles/suckerfish/dropdowns/
--------------------- */

/* 2nd and 3rd level menus */
#nav ul {
	position: absolute;
	z-index: 150;
	left: -999em;
	margin: 0;
	padding: 0;
	width: 20em;
	height: auto;
	border: 1px;
	border-width: 2px;
	text-align: left;
}


/* 3rd level menus only */
#nav ul ul {
	margin: -1.3em 0em 0em 18em;
}

/* 2nd and 3rd level menus */
/*capa de atras del menu*/
#nav li li {
	padding: 0px 0em 0px 0em;
	width: 20.8em;
	border: 1px solid;
}
/*capa de adelante del menu*/
/* 2nd and 3rd level menus */
#nav ul a {
	width: 18em;
	border-right: 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -99em;
	color: #000;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #660301;
	color: #c4bb92;
}


/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
	background: #660301;
	color: #c4bb92;
}



/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
	background: #660301;
	color: #c4bb92;
	}

/* 2nd level menus only */
#nav a.sub {
	background: #660301;
	color: #c4bb92;
}


/*fin menú horizontal*/

/*Include membrete*/

#membrete { 
 	clear: both;
 	margin:0;
	padding:0;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: inherit;
	text-decoration: none;
	color:#660301;
	}

#membrete A:link { 
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: inherit;
	text-decoration: none;
	color:#660301;
} 

#membrete A:visited {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color:#660301;
}

#membrete A:active {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color:#660301;
}

#membrete A:link IMG { 
	border: 0px;
}
#membrete A:hover {  
	font-size: 11px;
	text-decoration: underline;
}
/*fin del membrete*/

/*Menú de las principales de cada secci&oacute;n*/

#menuv-in {
        border-width: 1px 1px 0 1px;
        width: 250px;
        color: #660301;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
		
}
		
#menuv-in ul, li {
        list-style-type: none;
}

#menuv-in ul {
        margin: 0;
        padding: 0;
}

#menuv-in li {
		list-style: none;
		background-image: url(images/vineta.jpg);
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-left: 20px;

		}

#menuv-in a {
		color: #660301;
		text-decoration: none;
        background: #ffffff;
        display: block;
        padding: 1px 6px 2px 6px;
        width: 237px;
		
}

#menuv-in a:hover {
		text-decoration: underline;
		}
		

/*segundo nivel del menú*/
#menuv-in ul {
	position: absolute;
	z-index: 150;
	left: -999em;
	margin: 0;
	padding: 0;
	width: 20em;
	height: auto;
	border: 1px;
	border-width: 2px;
	text-align: left;
}


/* 3rd level menus only */
#menuv-in ul ul {
	margin: -1.3em 0em 0em 18em;
}

/* 2nd and 3rd level menus */
/*capa de atras del menu*/
#menuv-in li li {
	padding: 0px 0em 0px 0em;
	width: 20.8em;
	border: 1px solid;
}
/*capa de adelante del menu*/
/* 2nd and 3rd level menus */
#menuv-in ul a {
	width: 18em;
	border-right: 0;
}

#menuv-in li:hover ul ul, #menuv-in li:hover ul ul ul, #menuv-in li.sfhover ul ul, #menuv-in li.sfhover ul ul ul {
	left: -999em;
	color: #660301;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#menuv-in li:hover ul, #menuv-in li li:hover ul, #menuv-in li li li:hover ul, #menuv-in li.sfhover ul, #menuv-in li li.sfhover ul, #menuv-in li li li.sfhover ul {
	left: auto;
}

#menuv-in li:hover, #menuv-in li.sfhover {
	color: #660301;
}


/* 2nd and 3rd level menus */
#menuv-in ul li:hover, #menuv-in ul ul li:hover, #menuv-in ul li.sfhover, #menuv-in ul ul li.sfhover {
	color: #660301;
}



/* 2nd and 3rd level menus */
#menuv-in ul li a, #menuv-in ul ul li a {
	color: #660301;
	}

/* 2nd level menus only */
#menuv-in a.sub {
	color: #660301;
}



/*FIN Menú de las principales de cada secci&oacute;n*/

/*Semblanza */
/*Menú interno semblanza*/

#menu-semblanza{
		Width:192px;
		background-color: #660301;		
		height: auto;
		float: left;
		background-image: url(images/menu_int.jpg);
		background-repeat: no-repeat;
		background-position: top;
		padding-top: 173px;
}

#semblanza-in {
		height: inherit;
        border-width: 0px 0px 0 0px;
        width: 192px;
        color: #660301;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
}
		
#semblanza-in ul, li {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

#menuv-in ul {
        margin: 0;
        padding: 0;
}
#semblanza-in li{
		list-style: none;
		}

/*#semblanza-in li{
		list-style: none;
		background-image: url(images/vineta_5.gif);
		background-position: left bottom;
		background-repeat: no-repeat;
		padding-left: 12px;
		}*/

#semblanza-in a {
		color: #ffffff;
		display: block;
        padding: 2px 4px 3px 14px;
        width: 176px;
		text-decoration: none;
		background-image: url(images/vineta_5.gif);
background-repeat: no-repeat;
background-position: left;
		}

#semblanza-in a:hover {
		text-decoration: underline;
		color: #c8bf95;
}
/*fin del menú*/

/*contenido de la semblanza*/

#sembcomp{
		Width:100%;
		background-color: #660301;		
		height: 100%;
		float: left;
		}


#cont-semblanza{
		Width:588px;
		background-color: #ffffff;		
		height: inherit;
		float: left;
		}
		
.titulosemb{
		color: #c8bf95;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 30px;
		font-style: normal;
		font-weight: bolder;
		
		}
.titulosemb2{
		color: #8f413f;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 30px;
		font-style: normal;
		font-weight: bolder;
		
		}
.tex1{
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		
		}
.tex2{
		color: #660301;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: normal;
		
		}
.tex3{
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		
		}
.text_3{
		color: #ffffff;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: bold;
		
		}
.tex4{
		color: #660301;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: bold;
		
		}
		
.tex5{
		color: #660301;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 12px;
		font-style: normal;
		font-weight: bold;
		
		}
		
.leyendas{
		color: #000000;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		background-color: #c4bb92;
		text-align: center;
		}
/*pie*/
.pie{
font-size: 10px;
color: #818182;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
font-style: normal;
text-decoration: none;
}

#pie {
	clear : both; 
	width: 700px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #818182;
	font-size: 11px;
	position: relative;
}

a.pie:link {
	color: #afafb0;
	text-decoration: none;
}

a.pie:hover {
	color: #818182;
	text-decoration: underline;
}
/*fin del pie*/

/*enlaces externos*/

.externo {
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
color: #660301;
border-bottom: 01px dashed;
	text-decoration: none;
}
a.externo:link {
	color: #660301;
	text-decoration: none;
}

a.externo:hover {
	color: #6a654f;
	text-decoration: none; 
}

a.externo:visited {
	color: #6a654f;
	text-decoration: none; 
}
/*Fin enlaces externos*/

.barra_titulo{
background-image: url(images/barra_titulo.jpg);
width: 520px;
height: 30px;
padding-left: 25px;
float: left;
background-repeat: no-repeat;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
background-position: center;
padding-top: 10px;}

.barra_titulo2{
background-image: url(images/barra_titulo.jpg);
width: 260px;
height: 21px;
padding-left: 23px;
float: left;
background-repeat: no-repeat;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
background-position: left;
}

.titufoncron{
background-color: #bcbaac;
padding-left: 23px;
}

/*enlaces internos en general*/
.interno {
font-size: 12px; 
font-family: Arial, Helvetica, sans-serif; 
color: #660301;
}
a.interno:link {
	color: #660301;
	text-decoration: underline;
}

a.interno:hover {
	color: #6a654f;
	text-decoration: underline;
}
/*enlaces internos en general*/

/*Menú interno de cronologia*/

.navfondo {
   color: #660301;
   font-weight: bold;
   margin: 3px 0px 3px 6px;
   font-size:11px;
   background-color: #bcbaac;
   text-align: center;
   padding: 6px;
} 

.navcrono {
   color: #660301;
   font-weight: bold;
   /*border: 1px solid #999999;*/
   margin: 3px 0px 3px 6px;
   font-size:11px;
   padding: 6px;
   text-align: center;
   
}

.navcrono a {
   font-size:11px;
   color: #660301;
   text-decoration: none;
   display: block;
   width: 100%;
   background-color: #ffffff;
   text-align: center;
}

.navcrono a:hover {
color: #660301;
background-color: #bcbaac;
font-size:11px;
text-align: center;
} 

/*cronologia*/
/*Menú interno Galeria*/
#galeria-in {
		height: inherit;
        border-width: 0px 0px 0 0px;
        width: 192px;
        color: #660301;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
}
		
#galeria-in ul, li {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

#menuv-in ul {
        margin: 0;
        padding: 0;
}
#galeria-in li{
		list-style: none;
		}

#galeria-in a {
		color: #ffffff;
		display: block;
        padding: 2px 4px 3px 12px;
        width: 176px;
		text-decoration: underline;
		}

#galeria-in a:hover {
		text-decoration: underline;
		color: #c8bf95;
}
/*fin del menú*/

.navfondo2 {
   color: #660301;
   font-weight: bold;
   margin: 3px 0px 3px 6px;
   font-size:11px;
   background-color: #f7f7f7;
   text-align: center;
   padding: 6px;
}

#cont-obra{
		Width:588px;
		background-color: #ffffff;		
		height: inherit;
		float: left;
		}

/*Menú interno Obra*/
#menu-obra {
		Width:188px;
		background-color: #660301;		
		height: auto;
		float: left;
		background-image: url(images/obra_cont.jpg);
		background-repeat: no-repeat;
		background-position: top;
		padding-top: 173px;
		/*border-bottom: 1px #ececec solid;*/
		

}
		
#obra-in ul, li {
        display: block;
		/*padding-left:15px;*/
		color: #ffffff;
		font-weight: bold;
		font-size: 11px;
		
		}

#menu-obra ul {
        margin: 0;
        padding: 0;
        border-top: 1px #ececec solid;
}

#obra-in li {
		color: #ffffff;
		font-size: 13px;
		list-style-type: none;
		
		
}

#obra-in a {
        text-decoration: none;
        color: #ffffff;
        width: 148px;
		padding: 3px 0px 4px 15px;		
		font-size: 11px;
		background-image: url(images/vineta_5.gif);
		background-repeat: no-repeat;
		background-position: left;}

#obra-in a:hover {
		text-decoration: underline;
		color: #c8bf95;
        
}
#obra-biofabrica1 {
margin-left: 0px;
height: 140px;
background-image: url(images/biofabrica_1.jpg);
background-repeat: no-repeat;
background-position: center top;
border: 1px #A37F7F solid;
text-align: left;
padding-top: 320px;
margin-bottom: 500px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;
}

#obra-biofabrica2 {
margin-left: 00px;
height: 220px;
background-image: url(images/biofabrica_2.jpg);
background-repeat: no-repeat;
background-position: center top;
border: 1px #A37F7F solid;
text-align: left;
padding-top: 280px;
margin-bottom: 500px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;}

#obra-biofabrica3 {
margin-left: 0px;
height: 200px;
background-image: url(images/biofabrica_3.jpg);
background-repeat: no-repeat;
background-position: center top;
border: 1px #A37F7F solid;
text-align: left;
padding-top: 280px;
margin-bottom: 120px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0px;}

#obra-streptoquinasa {
margin-left: 0px;
height: 210px;
background-image: url(images/streptoquinasa.jpg);
background-repeat: no-repeat;
border: 1px #A37F7F solid;
text-align: left;
padding-top: 210px;
margin-bottom: 500px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}

#obra-streptococus {
margin-left: 0px;
height: 130px;
background-image: url(images/streptococus.jpg);
background-repeat: no-repeat;
border: 1px #A37F7F solid;
text-align: left;
padding-top: 350px;
margin-bottom: 300px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;}

#obra-ubicacion {
padding-left: 350px;
padding-top: 0px;
margin-right: 10px;
margin-top: -14px;
float: right;
color: #660301;
font-size: 11px;}

#obra-ubicacion2 {
padding-left: 250px;
padding-top: 0px;
margin-right: 10px;
margin-top: -14px;
float: right;
color: #660301;
font-size: 11px;}


/*#menu-obra{
		Width:190px;
		background-color: #660301;		
		height: auto;
		float: left;
		background-image: url(images/lastreptoquinasa.jpg);
		background-repeat: no-repeat;
		background-position: top;
		padding-top: 173px;
}

#obra-in {
		height: inherit;
        border-width: 0px 0px 0 0px;
        width: 192px;
        color: #660301;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		text-decoration: none;
		font-weight: bold;
		font-size: 11px;
}
		
#obra-in ul, li {
        list-style-type: none;
        margin: 0;
        padding: 0;
}

#obra-in ul {
        margin: 0;
        padding: 0;
}
#obra-in li{
		list-style: none;
		}



#obra-in a {
		color: #ffffff;
		display: block;
        padding: 2px 4px 3px 12px;
        width: 176px;
		text-decoration: underline;
		}

#obra-in a:hover {
		text-decoration: underline;
		color: #c8bf95;
}*/
/*fin del menú*/ 

/*********MAPA********/

/*#index-mapa{

width: 490px;
background-color: #fff;
float: left;
position: inherit;
height: 485px;
overflow:auto;
padding-left:150px;
padding-right:100px;
margin-bottom: 5em;
text-decoration: none;
}*/

#index-mapa a {
text-decoration: none;
color:#978a84;
}

#mapa a:visited {
text-decoration: underline;
color:#6c6c6c;
}

#index-mapa a:hover {
text-decoration: underline;
color:#6c6c6c;
}


#menu {
	width: 478px;
	height: 20px;
	background: url(images/mapa1.jpg) no-repeat center;
	
}
#columna1{
	width: 130px;
	float: left;
	margin-right:5px;
	}
#columna2{
	width: 130px;
	float: left;
	margin-left:20px;
	}
#columna3{
	width: 130px;
	float: left;
	margin-right:5px;
	margin-left:20px;
}

#columna4{
	width: 130px;
	float: left;
	margin-right:5px;
	margin-left:20px;
}
#columna5{
	width: 130px;
	float: left;
	margin-right:5px;
	margin-left:20px;
}
.titulomapa{
	width: 130px;
	text-align: center;
	color: #ffffff;
	background-color: #929291;
	padding:2px;
	font-size: 12px;
	background-image: url(images/barra_titulo.jpg);
	font-weight: bold;
}

.fondomap2{
	width: 130px;
	height: auto;
	text-align: center;
	color: #660301;
	background-color: #bcbaac;
	padding:2px;
	font-size: 11px;
	margin-top:5px;
	font-weight: bolder;
}
	
.list{
	text-align: left;
	color: #6c6c6c;
	font-size: 11px;
	font-weight: normal;
	background-image: url(images/m_09.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 18px;
	padding-top: 2px;
	}


/*fin del mapa*/

.borde_suave {
border: 0px #A37F7F solid;
background: #d0cec3;

}

/*Libro de visitas*/
.container_libro { 
text-align:left;
margin: 0 auto;
padding: 0;
height: auto;
position: inherit;
background-color: #ffffff;
width: 800px;
}

.content_libro{
background:  url(images/visitas.jpg) no-repeat top center;
padding: .5em;
height: 170px;
}

.guestbook{
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
background-color: #C9ABAC;
border-bottom: 3px solid #FFFFFF;
overflow: hidden;}

.guestbook_top{
padding: 3px;
background-color:#C9ABAC ;
border-bottom: 1px dashed #660000;}


.PDF10{
		color: #ffffff;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 10px;
		font-style: normal;
		font-weight: normal;
		text-decoration:none;


}