body {
 background:#000  url(images/body_bkg.jpg) repeat-x 0 0;
 color: #999999;
 margin:0px;
 padding:0;
 text-align: left;
}

#wrapper {
 display:block;
 width: 908px;
 background: url(images/wrapper.jpg) no-repeat 0 0;
 color: #999999;
 margin:0 auto;
 padding:0;
 text-align: left;
}

.red{
	color:#ff0000;
	}


/*_____________________________________________________header_____________________________________________________*/

#header {
 display:block;
 width: 908px;
 height: 220px;
 margin: 0px auto 0px auto;
 padding:0 0 0 0;

 }




/*_____________________________________________________header menu_____________________________________________________*/
#hmenu {
 display:block;
 height: 30px;
 margin: 0 auto 0 auto;
 padding: 20px 170px 0 0;
}

#hmenu ul {
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";
text-align:right;
margin:0;
font-size:13px;
float: right;
list-style-type: none;
}

#hmenu ul li {
color:#fff;
display:inline;
}

#hmenu ul li a{
display:block;
height:20px;
float:left;
padding: 0 0 0 10px;
color:#fff;
text-decoration:none;
margin: 0 1px 0 0px;
}

#hmenu li a:hover, #hmenu li a:active{
color:#ff0000;
}
/*_____________________________________________________body_____________________________________________________*/



/*_div contenedor de sidebar y contenido_*/
#container {
 display: block;
 width: 895px;
 height:auto;
font-family: Bookman Old Style, Book Antiqua, "Times NewRoman";
 text-align: left;
 margin:0px auto 15px auto;
 padding: 0 0 100px 5px;
background:#fff url(images/contentfooter.jpg) no-repeat 100% 100%;
}

.clear{
 clear:both;
}

a.subir {
display:block;
width:23px;
height:23px;
margin:0 20px 0 0;
padding:0;
float: right;
background: url(images/subir.jpg) no-repeat 0 0;
}

a.subir:hover {
background: url(images/subir.jpg) no-repeat -23px 0;
}




/*_______________________________________________________sidebar___________________________________________________---*/

#sidebar {
 float: left;
 display: block;
 width: 20%;
 color: #000;
 border:0px solid #000;
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";
padding: 0;
margin:0 0 20px 5px ;
}

#sidebar img a{

	margin-bottom: 0px;
	}

#sidebar p{
	margin: 0 0 15px 0;
	padding: 0 5px;
	}

#sidebar ul {
 padding:0;
 margin:0;
list-style-type: none;
 width: 180px;
}
 
#sidebar ul li{
  margin: 0;
  font-size: 0.8em;
 }
 
 #sidebar ul li a{
color:#fff;
display:block;
width:160px;
margin: 0 0 10px 0px;
padding:12px 5px 13px 10px;
 border:0px solid #fff;
 background: url(images/sidebar_btn.jpg) no-repeat 0 0px;
}

 #sidebar ul li a:hover{
 color:#fff;
 background: url(images/sidebar_btn.jpg) no-repeat -175px 0px;
 }

 #sidebar ul li a.btnseccion{
 color:#fff;
 background: url(images/sidebar_btn.jpg) no-repeat -175px 0px;
 }


 

/*_____________________________________________________contenido____________________________________________________*/

/*_div contenedor del contenido de la pagina_*/

#contenedor_ppal{
 display: block;
 width: 76%;
 padding:0 0 0 20px;
 overflow:auto;
}


/*_____________________________________________________portada_____________________________________________________*/

.filaportada{
display:block;
width:98%;
padding:0px;
margin: 0 0 15px 0px;
position:relative;
float:left;
border:0px solid #ff0000;
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";

}


.bloqueportada{
display:block;
width:48%;
float:left;
padding:0x;
margin: 0 5px;
	}


.bloqueportadacontent{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
margin:0;
padding: 10px 10px 10px 7px;
overflow:auto;
	}

H1.bloquetitle, H2.bloquetitle{
color:#fff;
font-size: 15px;
background-image:url(images/portada_moduleheader.jpg);
background-repeat:no-repeat;
background-position: 100% 0;
padding: 10px 0 12px 11px;
margin:0;
}

.bloqueportada p{
margin: 0 0 10px 0;
}




.filaportada .foto{
 margin: 0 0 5px 10px;
float: right;
overflow:auto;
}


.filaportada p, .filaportada2 p{
color:#333333;
font-size: 13px;
line-height:20px;
text-align: left;
margin-left:5px;
}


.filaportada2{
display:block;
width:96%;
padding:0px;
margin: 0 0 15px 5px;
position:relative;
float:left;
border:0px solid #ff0000;
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";
font-size: 13px;
color:#000;
}

.logos{
display:block;
float:right;
width:150px;
height:350px;
background-image:url(images/grupo_biospersonales.jpg);
background-repeat:no-repeat;
background-position: 0 0;
margin: 5px 20px 5px 5px;
}

H1.bloquetitle2, H2.bloquetitle2{
color:#fff;
font-size: 15px;
line-height:20px;
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";
background-image:url(images/portada_bloque2.jpg);
background-repeat:no-repeat;
background-position: 100% 0;
padding: 12px 0 12px 20px;
margin:0;
}


.filaportada2 ul{
padding: 0 0 0 25px;
	}


.filaportada2 ul li{
margin: 0 0 15px 0px;
line-height:20px;	}


.bloqueportadacontent2{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
background: #fff url(images/footer_bloqueportada2.jpg) no-repeat 50% 95%;
margin:0;
padding: 0px 0px 50px 0px;
overflow:auto;
	}


/*________________________________________________contenido paginas interiores___________________________________________________*/


.contenidointerior{
display:block;
width:96%;
padding:0px;
margin: 0 0 15px 5px;
position:relative;
float:left;
border:0px solid #ff0000;
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";
font-size: 13px;
color:#000;
text-align:justify;
}

.contenidointeriortxt{
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
background: #fff url(images/footer_bloqueportada2.jpg) no-repeat 50% 99%;
margin:0;
padding: 10px 20px 50px 20px;
overflow:auto;
line-height:20px;
	}

.contenidointerior h3{
color: #660000;
background:url(images/dot.jpg) no-repeat 0 60%;
padding-left:35px;
}

H1.seccion, H2.seccion{
color:#fff;
font-size: 17px;
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";
background-image:url(images/portada_bloque2.jpg);
background-repeat:no-repeat;
background-position: 100% 0;
padding: 12px 0 12px 20px;
margin:0;
	}

.contenidointerior ul li{
margin-bottom:10px;
}

.contenidointerior a{
color:#742624;
}

.foto{
float:left;
margin-right:10px;
border:0px solid #cccccc;
}

.fotoright{
float: right;
margin-left:10px;
margin-top:70px;
border:0px solid #cccccc;
}






/*________________________________________________tipografia general___________________________________________________*/


a {
color:#222222;
text-decoration:none;
margin:0;
}

a:hover{
color:#003300;
}

img, img a, img a:hover {
border:0;
}

h1, h2 {
color:#222222;
}







/*________________________________________________Formulario___________________________________________________*/

#formulario {
	margin: 0 ;
	width:auto;
	text-align:left;
	color: #222222;
	
}

#formulario fieldset {
	border: 1px solid #003300;
	display: block;
	margin-top:20px;
	width:530px;
	overflow: auto;
	padding: 0 0 10px 10px;
		
}

#formulario legend {
	font-size: 0.9em;
	padding: 0 5px;
}

#formulario label {
	float: left;
	display: block;
	margin: 10px 10px 0 0;
	font-size: 0.7em;
	color:#003300;

	
}

#formulario input, #formulario select {
	display: block;
	margin:10px 0 0 0;
}

#formulario input.enviar {
	width: 100px;
}



/*________________________________________________footer___________________________________________________*/
#footer {
  display: block;
 width: 99%;
 color: #555555;
 margin: 0 0 100px 0 ;
 font-size:12px;
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";
text-align: center;
}

.mymlink{
	display:block;
	width:40%;
	float:left;
	padding-left:280px;
	}

#footer p{
margin:0 0 5px 0;
}

#footer a{
color:#333333;
font-family: Century Gothic, Bookman Old Style, Book Antiqua, "Times NewRoman";
}

#footer a:hover{
color:#fff;
}
	
/*________________________________________________Iconos validacion___________________________________________________*/

#validacion{
	display: block;
	margin: 0;
	float: right;
	width:25%;
}

#validacion a{
	}

/*________________________________________________Info formulario___________________________________________________*/

.field{
	display: block;
	margin: 15px auto;
	color: #fff;
	}

.field b{
	color: #555555;
text-transform: uppercase;	}

.infomail{
	background:#000;
	padding: 20px;
	display:block;
	width:600px;
	margin: 130px auto 0 auto;
	}

.infomail h1{
	text-align:center;
	}

.validbutton{
	float:right;
	}

.returnlink, .returnlink a{
	margin: 0 auto;
	text-align:center;
text-transform: uppercase;	}