@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body{background: #f5efe8 url(../images/bg-footer.gif) repeat-x bottom left; padding: 0; margin: 0;}
*{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #6b4a25; line-height: 20px;}
#fnd{ width: 100%; margin: 0; padding: 0; background: url(../images/bg-top.gif) repeat-x top left;}
#content{width: 960px; margin: 0 auto;}

/* ----------------------- Column Right ----------------------- */
#column-right{width: 697px; float: right;}
#top{width: 697px; margin: 0 0 22px; padding: 0; float: left; height: 307px;}
#top .contacto{width: 697px; margin: 15px 0 0; padding: 0; float: left; height: 29px; }
#top .contacto .text strong{ font-weight: normal; color: #4c4b4a; text-align: center; padding: 0 6px;}
#top .contacto .text a{text-align: centert; font-size: 14px; color: #d0aa7e;}
#top .contacto .text a:hover{color: #CCC;}
#top .contacto a.chat{text-align: center; font-size: 11px; color: #6b4a25; background: url(../images/btn-info.png) no-repeat 0 0; width: 99px; height: 19px; display: block; float: right; padding: 0; font-weight: bold; margin: 2px 0 0 0; line-height: 17px;}
#top .contacto a.chat:hover{ background-position: 0 -19px;}
#top .contacto .text{float: right; margin:0 10px;text-align: center; font-size: 14px; color: #d0aa7e;}

#info{width: 677px; margin: 0; padding: 0 0 50px 20px; float: left;}
#info .row{width: 677px; margin: 0; padding: 0 0 10px; float: left;}
#info .row strong{font-size: 13px; font-weight: bold;}
#info .row .image{float: left; background: #fcfcfc; border: 1px solid #ede2d6; padding: 4px; margin: 0 12px 0 0;}
#info .row .image img{float: left;}
#info2{width: 669px; margin: 0; padding: 0 0 50px 28px; float: left;}

/*Homepage*/
#banner-home{float: left; background: url(../images/banner-home.jpg) no-repeat top left; height: 52px; width: 647px; padding: 124px 25px 0; color: #ba8243; font-size: 14px;}
#banner-home h1{font-size: 19px; font-weight: normal; color: #c5955e; margin: 0; padding: 2px 0; line-height: normal;}
#banner-home h1 strong{color: #c5955e;}
.mas{text-align: center; font-size: 11px; color: #6b4a25; background: url(../images/btn-info.png) no-repeat 0 0; width: 99px; height: 19px; display: block; float: left; padding: 0; font-weight: bold; margin: 2px 0 0 0; line-height: 17px;}
.mas:hover{ background-position: 0 -19px; color: #6b4a25;}

#info .separador{width: 677px; margin: 0; padding: 20px 0 20px; float: left; background: url(../images/bg-separador.gif) no-repeat top left;}
#info .separador .left{float: left; width: 315px;}
#info .separador .right {float: right; width: 297px; background: url(../images/bg-testimonials-top.gif) no-repeat 15px 35px; padding: 0 0px 0 45px; border-left: 1px solid #ecddcd;}
#info .separador .right .testimonials-quote{float: right; width: 277px; background: url(../images/bg-testimonials-down.gif) no-repeat bottom right; padding: 0 20px 0 0px; border: none;}
#info .separador .right2{float: right; width: 282px;padding: 0 15px 0 45px; border-left: 1px solid #ecddcd;}
#info .separador .left .text, #info .separador .right .text, #info .separador .right2 .text{ width: 100%; min-height: 90px;}

/*Ingredientes*/
#banner-ingredientes{float: left; background: url(../images/banner-ingredientes.jpg) no-repeat top left; height: 85px; width: 647px; padding: 195px 25px 0; color: #ba8243; font-size: 14px;}
#banner-ingredientes h1{font-size: 50px; font-weight: bold; color: #ad793f; margin: 0; padding: 2px 0; line-height: normal;}
.listado{width: 669px; float: left; padding: 10px 0;}
.listado .field{width: 669px; float: left; margin: 0 0 12px;}
.listado .field .title{width: 663px; background: url(../images/bg-ingredientes.jpg) no-repeat top left; height: 23px; padding: 2px 0 0 6px; color: #6b4a25; font-size: 14px; line-height: normal; margin: 0 0 3px 0;}
.listado .field .title strong{ padding: 0 9px 0 0; color: #ad793f; font-size: 14px;}

/*Quienes Somos*/
#banner-quienes{float: left; background: url(../images/banner-quienes.jpg) no-repeat top left; height: 85px; width: 739px; padding: 176px 25px 0; color: #ba8243; font-size: 14px;}
#banner-quienes h1{font-size: 50px; font-weight: bold; color: #ad793f; margin: 0; padding: 2px 0; line-height: normal;}
.quienes{width: 669px; float: left; padding: 20px 0 0; background: url(../images/bg-separador.gif) no-repeat top;}
.quienes ul{padding: 15px 0; float: left;}
.quienes ul li{float: left; background: url(../images/vinieta.jpg) no-repeat left; padding: 0 0 0 20px; margin: 0 0 8px; width: 203px;}
.quienes ul.ul li{background: url(../images/vinieta.jpg) no-repeat 0 5px; padding: 0 0 0 20px; margin: 0 0 8px; float: none; width: auto;}
p.p{float: left; width: 660px; font-size: 15px; line-height: 25px;}

/*Estudios Clinicos*/
#banner-clinicos{float: left; background: url(../images/banner-estudios-clinicos.jpg) no-repeat top left; height: 85px; width: 750px; padding: 187px 25px 0; color: #ba8243; font-size: 14px;}
#banner-clinicos h1{font-size: 50px; font-weight: bold; color: #ad793f; margin: 0; padding: 2px 0; line-height: normal;}
.estudios{width: 669px; float: left; padding: 0;}
.estudios .row{width: 669px; float: left; padding: 0 0 15px; border-bottom: 1px solid #e8dac8; margin: 0 0 10px;}
a.descargar{ background: url(../images/btn-descargar.jpg) no-repeat 0 0; width: 61px; height: 18px; display: block; padding: 1px 0 0 20px; font-size: 11px; line-height: normal; font-weight: bold;}
a.descargar:hover{ background: url(../images/btn-descargar.jpg) no-repeat 0 -19px; width: 61px; height: 18px; display: block; padding: 1px 0 0 20px; font-size: 11px; line-height: normal; font-weight: bold;}

/*Contacto*/
#banner-contacto{float: left; background: url(../images/banner-contacto.jpg) no-repeat top left; height: 280px; width: 647px; padding: 0 25px 0; color: #ba8243; font-size: 14px;}
#banner-contacto h1{font-size: 50px; font-weight: bold; color: #ad793f; margin: 0; padding: 2px 0; line-height: normal;}
#banner-contacto .right{float: right; width: 180px; padding: 0 130px 0 0; margin: 47px 0 0 0;}
.hora{float: left; width: 180px; padding: 10px 0 0 0; font-size: 14px;}
#banner-contacto .left{float: left; width: 647px; margin: 7px 0 0 0;}
.quienes .left{float: left; width: 250px; font-size: 15px; line-height: 40px;}
.quienes .left a{ text-decoration: underline;}
.quienes .left strong, .quienes .right strong{ font-weight: normal; color: #be012c; font-size: 15px;}
.quienes .right{float: left; width: 300px; border-left: 1px solid #ecddcd; padding: 0 0 0 21px;}
fieldset {float:left;width:350px;margin:10px 0 0 0;}
fieldset .row{width:350px;float:left;margin:5px 0;}
fieldset .row label{float:left;width:90px;cursor:pointer;}
fieldset .row label span{font-size:10px;color:red;}
fieldset .row input{float:left;width:250px;border:solid #C6B9A8 1px;}
fieldset .row textarea{float:left;width:250px;border:solid #C6B9A8 1px;height:150px;}
fieldset .row img{float:left;}
fieldset .row .button{float:left;width:250px;border:solid #C6B9A8 1px;float:right;width:90px;margin-right:8px;cursor:pointer;}

/*------------------------ compra ---------------------------- */

.compra { background: url(../images/bk-compra.png) no-repeat top center; /*width:670px;*/ width: 670px; height:70px; padding-top: 38px; margin: 0 auto; }
.compra p.btn-compra { width: 223px; height:25px; float:left; text-align:center; background: url(../images/btn-ubicacion.png) no-repeat  top center; padding-top:6px; }
.compra p.btn-compra a {color:#FFF;}
.columna-venta { width:160px; background: url(../images/bg-columna-venta.png) repeat-y top left; margin: 25px 21px 25px 0; float: left; height: 444px; }
.columna-venta h2 { width: 160px; height: 39px; background: url(../images/bg-columna-venta-head.png) no-repeat top left; color:#FFF; font-size: 11px; text-align: center; }
.tit-venta { background: #a90127 url(../images/bk-btn-compra.png) repeat-x top left; color:#FFF; font-size: 13px; text-align: center; font-weight: bold; vertical-align: middle; padding: 5px 0; }
.columna-venta img { margin: 15px 0 15px 9px; }
.oscuro { color:#6B4A25; font-size:21px; font-weight:bold; line-height:90px; text-align:center; }
.claro { color:#b78042; font-size:21px; font-weight:bold; line-height:90px; text-align:center; }

/* ----------------------- column Left ----------------------- */
#column-left{width: 263px; float: left;}
#column-left .repeat {width: 263px; float: left; background: url(../images/bg-banner-middle.jpg) repeat-y top left;}
#column-left .repeat .top{width: 263px; float: left; background: url(../images/bg-banner-middle.png) no-repeat bottom left;}
#column-left .repeat .top .middle{width: 263px; float: left; background: url(../images/bg-banner-top.jpg) no-repeat top left;}
#logo{width: 263px; padding: 0; float: left; height: 175px; margin: 0;} 
#menu{width: 213px; float: left; margin: 0;padding: 0 25px}
#menu li{ width: 213px; background: url(../images/btn-menu-o.png) no-repeat 0 -100px; border-bottom: 1px dashed #d60131; height: 29px; float: left; margin: 0;}
#menu li a{color: #FFF; font-size: 12px;padding: 0 0 0 20px; background: url(../images/vinieta-menu.gif) no-repeat 2px 6px; display: block; margin: 5px 0 0 0;}
#menu li a:hover, #menu li.select a{color: #d0aa7e;}
#menu li.select, #menu li:hover{background-position: 0 0;}
#column-left .repeat .top .middle .image{float: left; background: url(../images/images-sensual.png) no-repeat top left; width: 213px; padding: 35px 25px 0;}
#column-left .repeat .top .middle .image .title{width: 213px; font-weight: bold; font-size: 16px; color: #dfc5a8; height: 145px;}
#column-left .repeat .top .middle .image li{ background: url(../images/vinieta-banner.png) no-repeat 0 3px; color: #FFF; padding: 0 0 0 20px; margin: 0 0 5px;}
#column-left .down{width: 263px; float: left; background: url(../images/bg-banner-down.png) no-repeat bottom left; height: 74px;}
.jin{text-align: center; width: 263px; float: left; padding: 0; height: 140px;}
.iconos-redes { text-align:right; margin-left: 15px; float:right; color:#D0AA7E; font-size:14px; }
.iconos-redes img { width:20px; height:20px; vertical-align:middle; }

/* ----------------------- Text ----------------------- */
p{margin: 0 0 10px 0; padding :0; text-align: left; line-height: 19px;}
.red{ font-size: 14px; color: #9e0125; margin: 0; display: block;}
a{text-decoration: none; font-size: inherit;}
a:hover{ color:#999;}
strong{font-size: inherit;}
.gr{color: #6b4a25; font-size: 15px; line-height: 22px;}
h1{font-size: 27px; font-weight: bold; color: #af0808; margin: 0; padding: 2px 0; line-height: normal;}
h2{font-size: 20px; font-weight: bold; color: #aa0127; margin: 0; padding: 0; line-height: normal;}
h3{font-size: 20px; font-weight: bold; color: #b78042; margin: 0; padding: 2px 0; line-height: normal;}
h4{font-size: 13px; font-weight: bold; color: #6b4a25; margin: 0; padding: 2px 0 8px; line-height: normal;}
ul.lista li{float: left; background: url(../images/vinieta.jpg) no-repeat left; padding: 0 0 0 20px; margin: 0 0 8px; width: 203px;}

/* ----------------------- Footer ----------------------- */
#footer{padding: 0; width: 960px; margin: 0 auto; height: 135px;float: left; color: #d0aa7e; font-size: 20px; line-height: normal;}
#footer-menu{padding: 0; width: 960px; margin: 0;float: left; margin: 7px 0 0 0;}
#footer-menu ul li{float: left; padding: 0 25px 0 0;}
#footer-menu ul li a{color: #8e8a86;}
#footer-menu ul li a:hover{color: #d0aa7e;}
#footer .left{font-size: 12px; color: #4a4542; text-align: left; width: 400px; float: left; margin: 20px 0 0;}
#footer .right{font-size: 12px; color: #4a4542; text-align: right; width: 400px; float: right; margin: 20px 0 0;}
#footer .right a{ color: #59524f; font-weight: bold;}


/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0; }
.clearfix {display: inline-block;}

/* start commented backslash hack \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* close commented backslash hack */