/*----------------------------------------------------------------------
                                REGLAS GRALES.
----------------------------------------------------------------------*/
img, p, span, div, a, a:hover {
  behavior: url(iepngfix.htc)
}
*{
  margin:0;
  padding:0;
  outline:none;
}

/*----------------------------------------------------------------------
                                LAYOUT GRAL
----------------------------------------------------------------------*/
html, body{
  width:100%;
  height:100%;
  font:0.9em Arial, Helvetica, sans-serif;
  line-height:1.4em;
  color:#414141;
}
body{
  background:#fff url(imagenes/bck.png) repeat-x;
}
#contenedor{
  width:960px;
  margin-top:200px;
  overflow:hidden;
}
#colIzq{
  float:left;
  width:250px;
  margin:2px;
  background:transparent url(imagenes/bck-menu.png) no-repeat;
}
#colDer{
  float:right;
  width:72%;
  margin:2px;
}
#footer{
  background:transparent url(imagenes/bck-footer.png) repeat-x;
  height:106px;
  margin-top:18px;
}
#footer p{
  padding-top:8px;
}
#footer .mail{
  display:block;
  position:relative;
  float:left;
  width:48px;
  height:48px;
  top:-20px;
  left:20px;
  margin-right:32px;
  background:transparent url(imagenes/icono-mail.png) no-repeat;
}
blockquote{
  margin: 15px auto;
  background:#f1faff  url(imagenes/quote1.png) top left no-repeat;
  padding:28px 20px 10px 30px;
  border-top: 2px dotted #0082cd;
  border-bottom:2px dotted #0082cd;
  width:95%;
}
.cierreblockquote{
  background: url(imagenes/quote2.png) bottom right no-repeat;
  padding:10px 30px 15px 0px;
  font-size:110%;
  line-height:120%;
  color:#666666;
}
/*----------------------------------------------------------------------
                                CABEZALES
----------------------------------------------------------------------*/
h1 a{
  background:transparent url(imagenes/logo.png) no-repeat;
  width:339px;
  height:81px;
  text-indent:-9999px;
  position:absolute;
  left:420px;
  top:100px;
}
.logo {
  left: -9999em;
  position:absolute;
}
h2{
	color:#036;
	font-family:"Trebuchet MS";
	font-size:180%;
	margin:18px 0;
	border-bottom:1px dotted #ccc;
	padding-bottom:2px;
	text-indent:4px;
}
h3{
  margin:18px 0px 4px 0px;
  font-size:140%;
  color:#98620c;
  font-family:"Trebuchet MS";
}
h3.enlaceTitu a{
  color:#13aed0;
  text-decoration:none;
}
h3.enlaceTitu a:hover{
  color:#037993;
}
h4{
  font-size:100%;
  text-align:center;
  color:#fff;
  display:block;
  padding:4px;
}
.hombres{background:#0082cd;}
.mujeres{background:#ff8ec1;}
/*----------------------------------------------------------------------
                                LISTAS OL / UL
----------------------------------------------------------------------*/
ol{
  list-style-position:inside;
  padding:4px;
  border:1px solid #98620c;
  background:#fffcf6;
}
ol li{
  border-bottom:1px dotted #e7cca0;
  padding:4px 0;
  margin:2px 0;
}
/*----------------------------------------------------------------------
                                ENLACES TOTALES
----------------------------------------------------------------------*/
a.gral{
	color:#036;
	text-decoration:none;
	font-weight:bold;
	border-bottom:1px dotted #ccc;
}
a:hover.gral{
	color:#66C;
}
a.enlaceMail{
  color:#026479;
  text-decoration:none;
}
a:hover.enlaceMail{
  text-decoration:underline;
}
/*----------------------------------------------------------------------
                                ALINEACION IMAGENES
----------------------------------------------------------------------*/
.imgizq{
  float:left;
  margin:2px 4px 2px 0;
}
.imgabajo{
  margin-top:6px;
}
/*-----------------------------Nota de Interes-------------------------------*/
#notainteres{
  width:250px;
  margin:2px;
  background:transparent url(imagenes/bck-notasinteres.png) no-repeat; 
}
#notainteres ul{
  font-size:85%;
  list-style-type:none;
  margin-top:40px;
  margin-left:16px;
  padding-top:45px;
}
#notainteres ul li{
  width:210px;
  line-height:24px;
  border-bottom:1px dotted #d7d7d7;
}
#notainteres ul li a{
  display:block;
  color:#007cb0;
  text-decoration:underline;
}
#notainteres ul li a:hover{
  color:#7b7b7b;
  text-decoration:none;
}
/*-----------------------------cabecera-------------------------------*/
#imgCabezara{
  position:absolute;
  top:0;
  left:0;
  width:425px;
  height:190px;
  background:transparent url(imagenes/img-cabezal.png) no-repeat;
}
/*-------------------contenido columna izquierda----------------------*/
#colIzq .menu{
  list-style-type:none;
  margin-top:55px;
  margin-left:16px; 
}
#colIzq .menu li{
  border-bottom:1px solid #d9d9d9;
  width:210px;
  line-height:30px;
  text-indent:14px;
  text-transform:uppercase;
  font-size:88%;
  font-weight:bold;
}
#colIzq .menu li a{
  display:block;
  color:#377b9f;
  text-decoration:none;
  background:transparent url(imagenes/bullet-enlaces-on.png) no-repeat left 11px;
}
#colIzq .menu li a:hover{
  color:#7b7b7b;
  background:#e6e6e6 url(imagenes/bullet-enlaces-off.png) no-repeat left 11px;
}
#colIzq .menu li span{
  display:block;
  color:#7b7b7b;
  background:#e6e6e6 url(imagenes/bullet-enlaces-off.png) no-repeat left 11px;
}
/*------------------------------Enlaces footer-----------------------------------------*/
#footer .enlacesfooter{
  font-size:85%;
  list-style-type:none; 
  margin-top:8px; 
}
#footer .enlacesfooter li{
  display:inline;
  text-transform:uppercase;
  border-left:1px solid #026479;
  margin:0 2px;
  padding-left:6px;
}
#footer .enlacesfooter li a{
  text-decoration:none;
  color:#fff;
}
#footer .enlacesfooter li a:hover{
  text-decoration:underline;
  color:#026479;
}
/*-----------------------------contenido columna derecha-------------------------------*/
#btnstop{
  text-transform: uppercase;
  text-align:right;
  font-weight:bold;
  font-size:90%;
  height:70px;
}
#btnstop a{
  text-decoration:none;
  color:#0f5c70;
}
#btnstop a:hover{
  text-decoration:underline;
  color:#fff;
}
#colDer p{
  margin:6px 0;
  text-align:justify;
  font:105% Arial, Helvetica, sans-serif;
  line-height:1.6em;
}
/*--------------------seccion contacto--------------*/
table{
  width:95%;
  border:0;
  font-size:105%;
  margin:6px 0;
}
table tr td{
  padding:4px;
}
input{
  color:#999;
  font-size:1.2em;
}
.boton{
  border:1px solid #999;
  background:#f7f7f7;
  color:#333;
  padding:4px;
  width:40%;
}
.vacio{
  background:transparent;
}
.columna1{
  width:20%;
}
.columna2{
  width:80%;
}
/*------------Cajas Resaltados Retoques----------------*/
.cajaHome{
  border:1px dotted #ff5900;
  background:#fff8f4 url(imagenes/bck-cajashome.png) no-repeat top right;
  padding:4px 6px;
}
.resaltado{
  background:#0082cd;
  padding:2px 4px;
  color:#fff;
}
.cajaH4{
  border:1px solid #ccc;
  margin-bottom:4px;
  padding:2px;
}
.colormujer{background:#ffedf5;}
.colorhombre{background:#dbf2ff;}
.testosterona{
  font-size:80%;
  line-height:18px;
  text-align:left;
  margin-left:6px;
  color:#0082cd;
}
.recuadrocentros{
  border:1px dotted #ceb70d;
  background:#fffdf4 url(imagenes/bck-cajaamarilla.png) repeat-x;
  padding:4px;
  margin:20px 0;
}
.entrelineas{
  border-top:2px dotted #0082cd;
  border-bottom:2px dotted #0082cd;
  padding:4px 0;
  color:#0082cd;
}