/* CSS Document */

/*--------------------------------------------------
########### CSS RESET
--------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {margin: 0;padding: 0;border: 0;outline: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
body {line-height: 1;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
input, textarea {margin: 0;padding: 0;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #fff;height: 1px;}

/*--------------------------------------------------
########### HTML Tags
--------------------------------------------------*/
body{background:#fff url("img/bg.jpg") repeat-x;font:normal 100%;}
h1{
	font:normal 24px/26px "Century Gothic";
	color:#00835a;
	margin-bottom:16px;
	
}
h2{font:normal 16px/18px "Century Gothic";color:#00835a;margin-bottom:12px; margin-top:6px;}
h3{font:normal 18px/22px "Century Gothic";color:#00835a;margin-bottom:18px;}
h4{font:bold 18px/21px "Century Gothic";color:#00835a;margin-bottom:5px;}
h5{font:bold 16px/18px "Century Gothic";color:#f9b03c;margin-bottom:12px; margin-top:6px;}
h6{font:bold 18px/18px "Century Gothic";color:#00835a;margin-bottom:0px;}
/*a{font:bold 14px/20px "Tahoma"; color:#00835a; text-decoration:none}
a:Link{font:bold 14px/20px "Tahoma"; color:#00835a; text-decoration:none}
a:Hover{font:bold 14px/20px "Tahoma"; color:#00835a; text-decoration:underline}*/
p{font:normal 14px/21px "Tahoma";color:#888888;}
p span{color:#cb081c;}

/*--------------------------------------------------
########### Structure
--------------------------------------------------*/
#mainwrapper{width:906px;margin:0 auto;}
#contenedor{width:906px;margin:0 auto;}
#encabezado{width:906px; height:102px;}
#encabezado_izq{width:241px; height:102px; float:left}
#encabezado_der{width:401px;height:57px;float:right;padding-top:45px;}

#encabezado_der2{width:351px;height:82px;float:right;padding-top:20px; padding-right:50px; background-image:url(img/headchile.jpg); background-repeat:no-repeat; background-position:right;}


#contenido{
	width:906px;
	overflow:hidden;
	float:left;
}
#footer{width:906px;height:80px;margin-bottom:20px; float:left;text-align:left;
}
#secciones{
	width:906px;
	overflow:hidden;
}
#titulos{
	width:906px;
	padding-top:12px;
	height:50px;
}
#columna_izq{
	width:620px;
	float:left;
	padding-top:10px;
	padding-right:10px;
	border-right:solid 1px #ddd;
}
#columna_der{
	width:260px;
	float:right;
	padding-left:11px;
}

#contenidoproductos{width:900px; padding:20px 20px 20px 20px;overflow:hidden;}


/*--------------------------------------------------
########### Navegacion
--------------------------------------------------*/

#menu{height:59px;width:906px}

.nav{margin-top:0px;}
.nav{float:left;width:906px}
.nav ul{}
.nav ul li{display:inline;}
.nav ul li a{display:block;float:left;height:59px;margin:0px;}

.nav ul li a.nosotros{background:url("img/bot05.jpg") no-repeat left top;width:87px;}
.nav ul li a.tratamientos{background:url("img/bot02.jpg") no-repeat left top;width:126px;}
.nav ul li a.productos{background:url("img/bot03.jpg") no-repeat left top;width:106px;}
.nav ul li a.promociones{background:url("img/bot04.jpg") no-repeat left top;width:127px;}
.nav ul li a.galeria{background:url("img/bot01.jpg") no-repeat left top;width:132px;}
.nav ul li a.prensa{background:url("img/bot06.jpg") no-repeat left top;width:80px;}
.nav ul li a.puntosdeventa{background:url("img/bot07.jpg") no-repeat left top;width:151px;}
.nav ul li a.contacto{background:url("img/bot08.jpg") no-repeat left top;width:97px;}


.nav ul li a.nosotros:hover{background:url("img/bot05.jpg") no-repeat left -59px;}
.nav ul li a.tratamientos:hover{background:url("img/bot02.jpg") no-repeat left -59px;}
.nav ul li a.productos:hover{background:url("img/bot03.jpg") no-repeat left -59px;}
.nav ul li a.promociones:hover{background:url("img/bot04.jpg") no-repeat left -59px;}
.nav ul li a.galeria:hover{background:url("img/bot01.jpg") no-repeat left -59px;}
.nav ul li a.prensa:hover{background:url("img/bot06.jpg") no-repeat left -59px;}
.nav ul li a.puntosdeventa:hover{background:url("img/bot07.jpg") no-repeat left -59px;}
.nav ul li a.contacto:hover{background:url("img/bot08.jpg") no-repeat left -59px;}


.nosotrosactive{background:url("img/bot05.jpg") no-repeat left bottom;width:87px;height:59px;display:block;float:left;margin:px;}
.tratamientosactive{background:url("img/bot02.jpg") no-repeat left bottom;width:126px;height:59px;display:block;float:left;margin:0px;}
.productosactive{background:url("img/bot03.jpg") no-repeat left bottom;width:106px;height:59px;display:block;float:left;margin:0px;}
.promocionesactive{background:url("img/bot04.jpg") no-repeat left bottom;width:127px;height:59px;display:block;float:left;margin:0px;}
.galeriaactive{background:url("img/bot01.jpg") no-repeat left bottom;width:132px;height:59px;display:block;float:left;margin:0px;}
.prensaactive{background:url("img/bot06.jpg") no-repeat left bottom;width:80px;height:59px;display:block;float:left;margin:0px;}
.puntosdeventaactive{background:url("img/bot07.jpg") no-repeat left bottom;width:151px;height:59px;display:block;float:left;margin:0px;}
.contactoactive{background:url("img/bot08.jpg") no-repeat left bottom;width:97px;height:59px;display:block;float:left;margin:0px;}


/*--------------------------------------------------
########### Generales
--------------------------------------------------*/
.formularios{
background-color:#F3FAE8;
border:solid 1px #ddd;
margin-top:10px;
padding:2px 4px 2px 4px;
font-family: "Tahoma";
color:#888;
}

.txt13{font:normal 13px/17px "Tahoma";color:#888888;}
.verde20{
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
color:#00835a;
font-size:20px;
font-weight:normal;
}
.verdeclaro20{
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
color:#98c659;
font-size:20px;
font-weight:bold;
}
.txt14{
	color:#888;
	font-weight:normal;
	font-family: "Tahoma";
	font-size: 14px;
	font-style: italic;
	line-height: 20px;
	font-variant: normal;
}
.txt14verde{font:bold 14px/21px "Tahoma";color:#00835a;}
.txt13verde{font:bold 13px/21px "Tahoma";color:#00835a;}
.leermas{
	font:normal 13px/18px "Tahoma";
	color:#98c659;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #98c659;
	text-decoration:none;
}
.leermas:link{
	color:#98c659;
	font:bold 13px/18px "Tahoma";
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #98c659;
	text-decoration:none;
}
.leermas:hover{
	color:#00835a;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00835a;
	text-decoration:none;
}
.leermas2{
	font:normal 13px/18px "Tahoma";
	color:#f9b03c;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f9b03c;
	text-decoration:none;
}
.leermas2:link{
	color:#f9b03c;
	font:bold 13px/18px "Tahoma";
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #f9b03c;
	text-decoration:none;
}
.leermas2:hover{
	color:#00835a;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00835a;
	text-decoration:none;
}
.enviar{
background-color:#00835a;
font-family: "Tahoma";
color:#FFFFFF;
font-weight:bold;
border:solid 1px #ddd;
}
.enviar:Link{
background-color:#00835a;
font-family: "Tahoma";
color:#FFFFFF;
font-weight:bold;
}
.enviar:Hover{
background-color:#98c659;
font-family: "Tahoma";
color:#FFFFFF;
font-weight:bold;
}
.enlaces{
font:normal 14px/21px "Tahoma";color:#888888;
text-decoration:none;
}
.enlaces:Link{
font:normal 14px/21px "Tahoma";color:#888888;
text-decoration:none;
}
.enlaces:Hover{
font:normal 14px/21px "Tahoma";color:#00835a;
text-decoration:none;
}
.enlaces2{
font:bold 14px/21px "Tahoma";color:#00835a;
text-decoration:none;
}
.enlaces2:Link{
font:bold 14px/21px "Tahoma";color:#00835a;
text-decoration:none;
}
.enlaces2:Hover{
font:bold 14px/21px "Tahoma";color:#98c659;
text-decoration:none;
}
.bullets {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #888888;
	background-image: url(img/bullet2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top:0px;
	padding-left:18px;
	line-height: 20px;
}
.bullets2 {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #888888;
	background-image: url(img/bullet2.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding-top:0px;
	padding-left:18px;
	line-height: 12px;
}
.marcofotos {
border: solid 1px #ddd;
}

.ingredientes{font:normal 12px/17px "Tahoma";color:#888888;}

.tablas{font:normal 13px/18px "Tahoma";color:#00835a;
text-align:center;
border-bottom:solid 1px #ddd;
border-top:solid 1px #ddd;
padding-bottom:5px;
padding-top:5px;
margin-bottom:10px;}

/*--------------------------------------------------
########### Productos
--------------------------------------------------*/
#destacados{
width:580px;
float:left;
padding:10px 12px 0px 12px;
background-color:#F3FAE8;
border:solid 1px #ddd;
margin-bottom:12px;
}
#destacados2{
width:598px;
float:left;
padding:10px 12px 0px 12px;
background-color:#F3FAE8;
border:solid 1px #ddd;
margin-bottom:12px;
}
#destacado_precio{
width:220px;
float:left;
}
#destacado_comprar{
width:220px;
float:right;
}
#carro{
width:49px;
float:left;
}
#comprar{
width:170px;
padding-top:6px;
float:right;
}
#page_productos{
width:610px;
float:left;

}
#page_productos_foto{
width:220px;
float:left;
}
#page_productos_txt{
width:370px;
padding-right:10px;
float:right;
}
#page_productos_ing{
width:610px;
float:left;
padding-bottom:15px;
}

#lista_productos{
width:620px;
float:left;

}

#prod_izq{
width:310px;
float:left;
height:280px;
}
#prod_izq2{
width:290px;
float:left;
height:240px;
}
#prod_izq3{
width:370px;
float:left;
height:300px;
}
#prod_foto{
width:108px;
float:left;
height:290px;
}
#prod_desc{
width:202px;
float:right;

}
#prod_comprar{
width:202px;
float:left;
height:40px;
}
#masinfo{
width:142px;
float:left;
padding-top:10px;
height:35px;
}
#carrito{
width:60px;
float: right;
padding-top:5px;
height:45px;
}
#prod_der{
width:310px;
float:right;
height:224px;
}
#prod_der2{
width:320px;
float:right;
height:240px;
padding-right:10px;
}
#prod_der3{
width:240px;
float:right;
height:300px;
padding-right:10px;
}
#destaque{
width:370px;
font:normal 14px/21px "Tahoma";color:#00835a;
text-align:center;
border-bottom:solid 1px #ddd;
border-top:solid 1px #ddd;
background-color:#F3FAE8;
padding:5px;
}
#carritocompras{
width:580px;
float:left;
padding:10px 12px 0px 12px;
border:solid 1px #ddd;
margin-bottom:12px;
}
#carritocompras2{
width:580px;
float:left;
margin-bottom:20px;

}
/*--------------------------------------------------
########### Promos
--------------------------------------------------*/
#lista_promos{
width:600px;
padding:10px;
float:left;
border:solid 1px #ddd;
margin-bottom:10px;

}

#promo_izq{
width:250px;
float:left;

}
#promo_der{
width:335px;
padding-right:10px;
float:right;

}

#destacados_promo{
width:325px;
float:left;
padding:14px 0px 0px 0px;
/*background-color:#F3FAE8;
border:solid 1px #ddd;*/
margin-bottom:12px;
}
#destacado_promo_precio{
width:160px;
float:left;
}
#destacado_promo_comprar{
width:140px;
float:right;
}

#comprar_promo{
width:90px;
padding-top:6px;
float:right;
}
/*--------------------------------------------------
########### Tratamientos
--------------------------------------------------*/
#tratam{
width:620px;
float:left;
}
#tratam_1{
width:620px;
float:left;
}
#tratam_2{
width:200px;
height:110px;
float:left;
}
#tratam_3{
width:420px;
float:right;
height:110px;
}

#page_tratamientos{
width:610px;
float:left;
height:470px;
}
#page_tratamientos2{
width:610px;
float:left;

}

#trata_izq{
width:290px;
float:left;

}
#trata_der{
width:300px;
float:right;
margin-right:15px;

}
/*--------------------------------------------------
########### Noticias
--------------------------------------------------*/
#lista_noticias{
width:600px;
float:left;
padding:10px;
border:solid 1px #ddd;
margin-bottom:10px;
}

#lista_testi{
width:590px;
float:left;
padding:10px;
border:solid 1px #ddd;
margin-bottom:18px;
}

#masnoticias{
width:600px;
float:left;
padding-top:10px;

}
#noti_izq{
width:210px;
float:left;

}
#noti_der{
width:370px;
padding-right:10px;
float:right;

}

/*--------------------------------------------------
########### Contacto
--------------------------------------------------*/
#forms{
width:620px;
border-bottom:solid 1px #ddd;
float:left;

}

.formularioscontacto{
font:normal 13px "Tahoma";color:#888888;
background-color:#eeeeee;
border-bottom:solid 1px #fff;
border-top:solid 1px #fff;
border-left:0px;
border-right:0px;
padding-top:2px;
padding-bottom:2px;

}
.textoform{
font:bold 13px "Tahoma";color:#888888;
margin-top:8px;
}

/*--------------------------------------------------
########### Prensa
--------------------------------------------------*/
#lista_prensa{
width:600px;
float:left;
margin-bottom:20px;
border-bottom:solid 1px #ddd;
}

#prensa_izq{
width:280px;
height:70px;
padding:5px 10px 5px 10px;
float:left;
}

#prensa_der{
width:280px;
height:70px;
padding:5px 10px 5px 10px;
float:right;
}

#prensa_titulos{
	width:210px;
	float:left;
	padding-left:60px;
	margin-bottom:10px;
	background-image: url(img/video.jpg);
	background-repeat: no-repeat;
}
#prensa_titulos2{
width:140px;
float:left;
border-bottom:solid 1px #ddd;
margin-bottom:10px;
}

#prensag_der{
width:280px;
height:295px;
padding:5px 5px 5px 5px;
float:right;
margin-bottom:15px;
background-color:#f3fae7;
border-bottom:solid 1px #ddd;
}

#prensag_izq{
width:280px;
height:295px;
padding:5px 5px 5px 5px;
float:left;
margin-bottom:15px;
background-color:#f3fae7;
border-bottom:solid 1px #ddd;
}

#lista_prensa2{
width:600px;
float:left;
height:180px;
margin-bottom:10px;
border-bottom:solid 1px #ddd;
}
#prensa2_der{
width:294px;
float:right;

}
#prensa2_izq{
width:294px;
float:left;

}

#prensa3_der{
width:140px;
float:right;


}
#prensa3_izq{
width:140px;
float:left;

}

/*--------------------------------------------------
########### Footer
--------------------------------------------------*/
.legals{overflow:hidden; 
float:left;
width:906px;
border-top: solid 1px #ddd;
padding-top:8px;
padding-bottom:8px;
text-align:left;
margin-top:15px;

}

.legals a {font:normal 13px/16px "Tahoma";color:#888888;text-decoration:none;}
.legals a:hover {text-decoration:underline;}

.legals ul{color:#888888;margin:4px 0 4px 11%;}
.legals ul li{display:inline;float:left;}
.legals ul li a{font:normal 12px/16px "Tahoma";color:#888888;text-decoration:none;}
.legals ul li a:hover{text-decoration:underline;}

.design{
	overflow:hidden;
	float:left;
	width:906px;
	border-top: solid 1px #ddd;
	padding-top:8px;
	padding-bottom:8px;
	font:normal 13px/16px "Tahoma";
	color:#888888;
	text-decoration:none;
	background-image: url(img/formasdepago.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}