@charset "utf-8";
/* CSS Document */
/*GLOBAL*/
body{font-family:Verdana,sans-serif;color:#096;text-align:center;background:url(img/bg.jpg); margin:0; padding:0;}
img {border:none;}
a, a:link, a:visited, a:hover {color:#0c0;text-decoration:none;}
div.container {width:900px;margin:50px auto;}
/*HEADER*/
.header{display:block;text-align:left;}
.titulo{position:relative;float:right;margin:2.5em; font-size:12px;}
/*MAIN*/
.main{height:380px;text-align:left;padding:0 1em;background:#FFF;}
.index{background:url(img/mainimg.jpg) no-repeat right #FFF;}
.main h1,h2,h3,h4{margin:0;}
.descrip{width:375px; font-size:18px;margin-left:1em; float:left;}
.descrip ul{padding-left:1em;width:250px;}
.descrip ul li strong{color:#F00;font-size:12px;display:block;}
.ropa{background:url(img/ropa.jpg) no-repeat right bottom;height:250px;}
.comofunciona{font-size:11px;}
.componentes{width:300px;float:left;margin:0 1em;}
.modoempleo{width:525px;float:right;margin:0 1em;}
.modoempleo ul{padding-left:1em;}
.beneficios{font-size:12px;}
.beneficios ul{padding-left:1em;}
.beneficios ul li{line-height:14px; margin:.7em 0;}
.beneficios .col{width:245px;float:left;margin:0 1.7em;}
.comprar{font-size:12px;}
/*MENU*/
.menu{color:#FFF;margin:0;padding:0;clear:both;height:75px;}
.menu ul li{width:179px;height:75px;background:#096;border-right:1px solid #FFF;border-bottom:1px solid #FFF;float:left;list-style-type:none;margin:0;padding:0;}
.menu ul li.last{border-right:none;width:180px;}
.menu ul li a{width:auto;display:block;line-height:75px;letter-spacing:1px;font-size:16px;}
.menu a, .menu a:link, .menu a:visited, .foot a, .foot a:link, .foot a:visited{color:#FFF;}
.menu a:hover{background:#FFF;color:#096;font-weight:bold;}
.menu a.active{background:#FFF;color:#096;}
.menu a.active:hover{font-weight:normal;}
ul{margin:0;padding:0;}
/*COMPARTE*/
.comparte{height:50px;color:#FFF;font-size:12px;padding:0 .5em; background:url(img/bg-comp.png) no-repeat; background-position:bottom;}
.comparte form{display:inline;float:right;margin-top:.4em;}
.comparte h4{display:inline;float:left;margin:0;margin-top:.4em;text-align:left;font-size:12px;}
.comparte span{float:left;font-size:12px;display:inline;margin-right:1.3em;}
.comparte span.minitxt{font-size:10px;margin:0 auto;display:block;clear:both;margin-top:.5em;padding-top:.2em; text-align:right;width:888px;}
.comparte span input{width:104px;height:12px;border:none;font-size:10px;}
.comparte input.submit{display:inline;height:16px;border:none;font-size:11px;width:50px;}
.comparte span.submit{margin:0;}
/*FOOT*/
.foot{margin:0;margin-top:.5em;padding:.3em;color:#FFF;font-size:10px; display:block;text-align:left;clear:both;background:url(img/bgfoot.png) repeat;}
.foot img{vertical-align:middle;}
.foot a{line-height:16px;}
/*COMPRAR FORM*/
.comprar form .col{width:300px;float:left;margin:0 2.3em;}
.comprar form .col-2{width:400px;float:right;margin:0 2.3em;}
.distribuidores form .col{width:300px;float:left;margin:0 1em;}
.distribuidores form .col-2{width:250px;float:left;margin:0 1em;}
.distribuidores form .col-3{width:230px;float:left;margin:0 1em;}
div.block {clear:both;height:450px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;margin-top:1em;}
div.block form p {margin:0;padding:0;font-size:10px;font-weight:bold;line-height:10px;}
.comprar form {margin:0;padding:0;line-height:20px;}
.comprar form span.dato label {float:left;width:110px;}
.comprar form span input {width:300px;height:14px;float:right;border:1px solid #096;color:#096;padding-bottom:.1em;}
.comprar form input.submit {width:75px;height:20px;border:none;background:#096;color:#FFF;padding-bottom:.1em;margin-top:.2em;}
.comprar form span.dato input {width:175px;height:14px;float:right;border:1px solid #096;}
.comprar form textarea {border:none;width:400px;border:1px solid #096;}
.distribuidores form textarea {border:none;width:230px;border:1px solid #096;}
/*.comprar form .txtarea label {line-height:12px;}*/
.comprar form table{border:1px solid #096;margin-top:1em;}
.precio{text-align:center;}
/*div form input.submit {border:solid 1px #FFF;width:75px;margin:auto;float:none;background-color:#00cc00;color:#FFF;}*/
div.txtarea {clear:both;display:block;}
span.dato {display:block;padding-bot8om:.5em;}
span.mini {font-size:8px;}
/*h3 {margin:0;padding:0;margin-bottom:1em;color:#009900;text-align:center;}
h3 span {color:#FF0000;}*/
div.gracias h1 {color:#009900;font-family:Verdana, Arial, Helvetica, sans-serif;}
div.gracias {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;text-align:center;color:#009900;}
div.gracias a:link {color:#009900;text-decoration:none;}
div.gracias a:hover {text-decoration:underline;}
div.gracias a:visited {color:#009900;}
span.dato label {text-align:right;}
span.dato input#via {width:398px;}
span.radio input#dist {border:none;width:20px;float:none;}
span.radio p{text-align:left;display:inline;margin-left:20px;}