@charset "utf-8";
/* CSS Document */

body {background:#eff4fc; margin:0; padding:0; font-family:Ebrima, Arial, Helvetica, sans-serif; color:#585858 }
h1{ font-family:Impact,Arial,Helvetica,sans-serif; font-size:30px; color:#385756; margin-left:40px}
h1 span{ color:#a3a3a6;font-size:40px}
#contenido{ width: 984px; height:auto;
background:url(images/bg.png) repeat-y; margin:auto}
.comparativa1{ color: #385756;
    font-family: Impact,Arial,Helvetica,sans-serif;
    font-size: 48px;
    height: auto;
    margin-bottom: 23px;
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 984px; }
.comparativa1 span{font-size:55px; color:#a3a3a6;}
.comparativa2{ background:url(images/img_14.jpg) no-repeat; width:984px; height: 230px;}

.fotologo{background:url(images/fotologo.jpg) no-repeat scroll 0 10px transparent; height: 200px; 
padding-top: 10px; width: 956px; 
margin:auto;
}

.separador01{ background:url(images/separador_01.png) no-repeat scroll 0 10px transparent; height: 85px; margin: auto; padding-top: 20px; width: 922px;}
.logo{ height:70px; background: #227d1f; font-family:Impact,Arial,Helvetica,sans-serif; font-size:48px; color:#8ab9b9; text-transform: uppercase; text-align:center; margin-bottom: 0 auto 23px;}
.logo span{font-size:55px; color:#ade021;}


.introduccion{font-family:Arial;font-size:17px; color:#312a20;text-transform: none; margin-left:35px; margin-right:35px; margin-top:20px; margin-bottom:0px; }

/*pastillas*/
.pastillas .masinfo a{ background:url(images/flechaverde.png) scroll 60px 50% no-repeat; color:#385756;
    display: block;
    font-weight: bold;
    height: 55px;
    margin: 10px auto 0 -10px;
    text-align: left;
    text-decoration: none;
    width:130px;}
.pastillas{ background: url(images/bgtabla_volume.jpg); width:407px; height:513px; float:left;margin-left: 35px;}
.pastillas .primero{ float: left;
    font-size: 12px;
    height: 300px;
    margin-left: 44px;
    margin-top: 119px;
    width: 90px;}
.pastillas .primero .resultados{ font-weight: bold;
    margin-bottom: 35px;
    margin-left: -30px;
    text-align: center;}
.pastillas .primero .bullets { width:94px; margin-top:13px; line-height:14px;}
.pastillas .primero .bullets ul{ margin:0px; padding:0px; list-style:none}
.pastillas .primero .bullets li{margin-bottom: 15px;}
.pastillas .primero .web a{ color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 22px;
    margin: 66px auto 0 -15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 87px;}
.pastillas .segundo{ width:131px; height:387px; font-size:12px; float:left;}
.pastillas .segundo .resultados{ margin-top:127px; text-align:center; font-weight:bold}
.pastillas .segundo .bullets { width:80px; margin-top:13px; line-height:14px}
.pastillas .segundo .bullets ul{ margin:0px; padding:0px; list-style:none}
.pastillas .segundo .bullets li{height:45px;}
.pastillas .segundo .web a{ color:#FFF; font-weight:bold; text-transform: uppercase; width:87px; height:22px; text-align:center; text-decoration:none; display:block; margin:69px auto 0 auto;}
.pastillas .vimax{ width:127px; height:387px; font-size:12px; float:left}
.pastillastxt{ width:415px; height:30px; float:left; font-size:10px; margin-left:32px; color:#a4a4a4; line-height:14px;margin-bottom:20px; margin-top: 88px;}
.pastillastxt2{ width:415px; height:30px; float:left; font-size:10px; margin-left:32px; color:#a4a4a4; line-height:14px;margin-bottom:20px; margin-top: 108px;}
.pastillastxt3{ width:415px; height:30px; float:left; font-size:10px; margin-left:32px; color:#a4a4a4; line-height:14px;margin-bottom:20px; margin-top: 184px;}

/*pastillas2 */

.pastillas2{ background:url(images/bgtabla_sizegain.jpg); width:407px; height:529px; float:left;margin-left: 35px;}
.pastillas2 .primero{ float: left;
    font-size: 12px;
    height: 300px;
    margin-left: 44px;
    margin-top: 119px;
    width: 90px;}
.pastillas2 .primero .resultados{ text-align:center; font-weight:bold;margin-left:-33px;;}
.pastillas2 .primero .bullets { width:94px; margin-top:13px; line-height:14px;}
.pastillas2 .primero .bullets ul{ margin:0px; padding:0px; list-style:none}
.pastillas2 .primero .bullets li{margin-bottom: 15px;}
.pastillas2 .primero .web a{ color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 22px;
    margin: 78px auto 0 -15px;
	*margin: 76px auto 0 -15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 87px;}
.pastillas2 .segundo{ width:131px; height:387px; font-size:12px; float:left;}
.pastillas2 .segundo .resultados{ margin-top:127px; text-align:center; font-weight: bold}
.pastillas2.segundo .bullets { width:80px; margin-top:13px; line-height:14px}
.pastillas2 .segundo .bullets ul{ margin:0px; padding:0px; list-style:none}
.pastillas2 .segundo .bullets li{height:45px;}
.pastillas2 .segundo .web a{ color:#FFF; font-weight:bold; text-transform: uppercase; width:87px; height:22px; text-align:center; text-decoration:none; display:block; margin:69px auto 0 auto;}
.pastillas2 .vimax{ width:127px; height:387px; font-size:12px; float:left}
.pastillas2txt{ width:415px; height:30px; float:left; font-size:10px; margin-left:32px; color:#a4a4a4; line-height:14px;margin-bottom:20px; margin-top: 88px;}
.pastillas2 .masinfo a{ background:url(images/flechaverde.png) scroll 60px 50% no-repeat; color:#52514f;
    display: block;
    font-weight: bold;
    height: 22px;
    margin: 5px auto 0 -10px;
    text-align: left;
    text-decoration: none;
    width:130px;}


/* extensores */
.extensores{ background:url(images/bgtabla_extensores.jpg); width:407px; height:607px; float:left;margin-left: 35px;}
.extensores .primero{ float: left;
    font-size: 12px;
    height: 300px;
    margin-left: 44px;
    margin-top: 119px;
    width: 90px;}
.extensores .primero .resultados{font-weight: bold;
    margin-left: -35px;
    margin-top: 15px;
    text-align: center;}
.extensores .primero .bullets {line-height: 14px;
    margin-top: 41px;
    width: 94px;}
.extensores .primero .bullets ul{ margin:0px; padding:0px; list-style:none}
.extensores .primero .bullets li{margin-bottom: 15px; *margin-bottom: 13px;}
.extensores .primero .web a{ color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 22px;
    margin: 76px auto 0 -15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 87px;}
.extensores .segundo{ width:131px; height:387px; font-size:12px; float:left;}
.extensores .segundo .resultados{ margin-top:127px; text-align:center; font-weight:bold}
.extensores.segundo .bullets { width:80px; margin-top:13px; line-height:14px}
.extensores .segundo .bullets ul{ margin:0px; padding:0px; list-style:none}
.extensores .segundo .bullets li{height:45px;}
.extensores .segundo .web a{ color:#FFF; font-weight:bold; text-transform: uppercase; width:87px; height:22px; text-align:center; text-decoration:none; display:block; margin:69px auto 0 auto;}
.extensores .vimax{ width:127px; height:387px; font-size:12px; float:left}
.extensorestxt{ width:415px; height:30px; float:left; font-size:10px; margin-left:32px; color:#a4a4a4; line-height:14px;margin-bottom:20px; margin-top: 88px;}
.extensores .primero .masinfo a{background:url(images/flechaverde.png) scroll 60px 50% no-repeat; 
color:#52514f;
    display: block;
    font-weight: bold;
    height: 22px;
    margin: 5px auto 0 -10px;
    text-align: left;
    text-decoration: none;
    width:130px;
}



/*ACEITES*/

.aceites{ background:url(images/bgtabla_aceites.jpg); width:407px; height:513px; float:left;margin-left: 35px;}
.aceites .primero{ float: left;
    font-size: 12px;
    height: 300px;
    margin-left: 44px;
    margin-top: 119px;
    width: 90px;}
.aceites .primero .resultados{ text-align:center; font-weight:bold;margin-left: -22px;}
.aceites .primero .bullets { width:94px; margin-top:26px; line-height:14px;}
.aceites .primero .bullets ul{ margin:0px; padding:0px; list-style:none}
.aceites .primero .bullets li{margin-bottom: 15px;}
.aceites .primero .web a{ color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 22px;
    margin: 75px auto 0 -15px;
	*margin: 76px auto 0 -15px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 87px;}
.aceites .segundo{ width:131px; height:387px; font-size:12px; float:left;}
.aceites .segundo .resultados{ margin-top:127px; text-align:center; font-weight:bold}
.aceites .segundo .bullets { width:80px; margin-top:13px; line-height:14px}
.aceites .segundo .bullets ul{ margin:0px; padding:0px; list-style:none}
.aceites .segundo .bullets li{height:45px;}
.aceites .segundo .web a{ color:#FFF; font-weight:bold; text-transform: uppercase; width:87px; height:22px; text-align:center; text-decoration:none; display:block; margin:69px auto 0 auto;}
.aceites .vimax{ width:127px; height:387px; font-size:12px; float:left}
.aceitestxt{ width:415px; height:30px; float:left; font-size:10px; margin-left:32px; color:#a4a4a4; line-height:14px;margin-bottom:20px; margin-top: 88px;}
.aceites .masinfo a{ background:url(images/flechaverde.png) scroll 60px 50% no-repeat; color:#52514f;
    display: block;
    font-weight: bold;
    height: 55px;
    margin: 5px auto 0 -10px;
    text-align: left;
    text-decoration: none;
    width:130px;}


/* productos */
.clear{ clear:both;}
.productos01{ background:url(images/bgproductos_01.png) no-repeat scroll 0 43px transparent; height: 290px; margin: auto; padding-top: 32px; width: 922px; *padding-top: 45px;width: 922px;}

.productos01 .txt{ float: left;
    font-size: 10px;
    line-height: 20px;
    margin-left: 122px;
    margin-top: 8px;
    text-align: left;
    width: 200px;}
.productos01 .txt2{ float: left;
    font-size: 10px;
    line-height: 20px;
    margin-left: 100px;
    margin-top: 8px;
    text-align: left;
    width: 200px;}
	
.productos02{ background:url(images/bgproductos_02.png) no-repeat scroll 0 43px transparent; height: 290px; margin: 26px auto; padding-top: 32px; width: 922px; *padding-top: 45px;width: 922px;}

.productos02 .txt{ float: left;
    font-size: 10px;
    line-height: 20px;
    margin-left: 122px;
    margin-top: 8px;
    text-align: left;
    width: 200px;}
.productos02 .txt2{ float: left;
    font-size: 10px;
    line-height: 20px;
    margin-left: 100px;
    margin-top: 8px;
    text-align: left;
    width: 200px;}
	

	
	
.productos03{  background:url(images/bgproductos_03.png) no-repeat scroll 0 43px transparent; height: 290px; margin: auto; padding-top: 32px; width: 922px; *padding-top: 45px;width: 922px;}

.productos03 .txt{ float: left;
    font-size: 10px;
    line-height: 20px;
    margin-left: 122px;
    margin-top: 8px;
    text-align: left;
    width: 200px;}
.productos03 .txt2{ float: left;
    font-size: 10px;
    line-height: 20px;
    margin-left: 100px;
    margin-top: 8px;
    text-align: left;
    width: 200px;}
	
.productos04{  background:url(images/bgproductos_04.png) no-repeat scroll 0 43px transparent; height: 290px; margin: 12px auto; padding-top: 32px; width: 922px; *padding-top: 45px;width: 922px;}

.productos04 .txt{ float: left;
    font-size: 10px;
    line-height: 20px;
    margin-left: 122px;
    margin-top: 8px;
    text-align: left;
    width: 200px;}
.productos04 .txt2{ float: left;
    font-size: 10px;
    line-height: 20px;
    margin-left: 100px;
    margin-top: 8px;
    text-align: left;
    width: 200px;}

.pasos ul{ width:895px; margin:auto; list-style:none; font-size:14px; padding:0}
.pasos li{ margin-bottom:10px;}
.pasos li span{ font-size:19px; color:#385756; font-weight:bold}
.titulo{font-family:Impact,Arial,Helvetica,sans-serif; font-size:48px; color:#8ab9b9; text-transform: uppercase; text-align:center; margin-bottom: 23px; margin-top:50px}
.titulo span{ color:#3b5aa3;}
.cierre{ background:url(images/bg_footer.png) repeat-x; height:95px; margin:auto; width:957px}
.footer{ width:957px; margin:auto; height:150px; font-size:12px; margin-top:20px; text-align:center; color:#999}


	
	

	
.infografia1{  background: url(images/fotosemen.png) no-repeat scroll 0 0 transparent; background-color:#cac9c9;
    float: left;
    height: 486px;
	margin:8px auto auto 20px;
    width: 485px;}
	
.infografia2{  background: url(images/fotoalargamiento.png) no-repeat scroll 0 0 transparent; background-color:#cac9c9;
    float: left;
    height: 481px;
	margin:11px auto auto 20px;
    width: 485px;}
	
	
.infografia3{  background: url(images/fotoextensores.png) no-repeat scroll 0 0 transparent; background-color:#cac9c9;
    float: left;
    height: 575px;
	margin:11px auto auto 20px;
    width: 485px;}
	
	
.infografia4{  background: url(images/fotoaceites.png) no-repeat scroll 0 0 transparent; background-color:#cac9c9;
    float: left;
    height: 486px;
	margin:12px auto auto 20px;
    width: 485px;}
	
.iralaweb a{ float: left;
    font-size: 16px;
	color:#FEFEFE;
    margin:8px auto 0 -95px;
	*margin:12px auto 10 -100px;
    text-align: left;
	text-decoration:none;
    width: 200px;}
	
.iralaweb a:hover{ float: left;
    font-size: 16px;
	color: #FFFF80;
    margin:8px auto 0 -95px;
	*margin:12px auto 10 -100px;
    text-align: left;
	text-decoration:none;
    width: 200px;}

	
.iralaweb2 a{ float: left;
    font-size: 16px;
	color:#FEFEFE;
    margin:8px auto 0 -87px;
	*margin:12px auto 10 -100px;
    text-align: left;
	text-decoration:none;
    width: 200px;}
	
.iralaweb2 a:hover{ float: left;
    font-size: 16px;
	color:#FFFF80;
    margin:8px auto 0 -87px;
	*margin:12px auto 10 -100px;
    text-align: left;
	text-decoration:none;
    width: 200px;}
	
	
.iralaweb3 a{ float: left;
    font-size: 16px;
	color:#FEFEFE;
    margin:8px auto 0 -79px;
	*margin:8px auto 0 -79px;
    text-align: left;
	text-decoration:none;
    width: 200px;}
	
.iralaweb3 a:hover{ float: left;
    font-size: 16px;
	color:#FFFF80;
    margin:8px auto 0 -79px;
	*margin:20px auto 10 -79px;
    text-align: left;
	text-decoration:none;
    width: 200px;}


.medicos{ background:url(images/fotomedicos.png) scroll 0 0 no-repeat; height: 215px; margin: auto; padding-top: 32px; width: 919px;}

.textoinfografia01{
	width:415px; height:100px; float:left; font-size:12px; margin-left:32px; color:#52514F; line-height:16px;margin-bottom:20px; margin-top: 362px; text-align:justify;}
	
.textoinfografia01 span{
	font-size:12px; font-weight:bold;color:#385756;}	
	
.textoinfografia02{
	width:415px; height:100px; float:left; font-size:12px; margin-left:32px; color:#52514F; line-height:16px;margin-bottom:20px; margin-top: 386px; text-align:justify;}
	
.textoinfografia02 span{
	font-size:12px; font-weight:bold;color:#385756;}	
	
.textoinfografia03{
	width:415px; height:100px; float:left; font-size:12px; margin-left:32px; color:#52514F; line-height:16px;margin-bottom:20px; margin-top: 376px; text-align:justify;}
	
.textoinfografia03 span{
	font-size:12px; font-weight:bold;color:#385756;}
	
.textoinfografia04{
	width:415px; height:100px; float:left; font-size:12px; margin-left:32px; color:#52514F; line-height:16px;margin-bottom:20px; margin-top: 368px; text-align:justify;}
	
.textoinfografia04 span{
	font-size:12px; font-weight:bold;color:#385756;}
	
	
.txtmedico01 {float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 110px;
    text-align: left;
    width: 204px;
	height:60px;}
	
.txtmedico01 span { color:#042e91; font-weight:bold}
	
.txtmedico02 {float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 110px;
    text-align: left;
    width: 204px;
	height:60px;}
	
.txtmedico02 span { color:#042e91; font-weight:bold}
	
.txtmedico03 {float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 110px;
    text-align: left;
    width: 204px;
	height:60px;}
	
.txtmedico03 span { color:#042e91; font-weight:bold}
	
.txtmedico04 {float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 20px;
    margin-top: 110px;
    text-align: left;
    width: 204px;
	height:60px;}
	
.txtmedico04 span { color:#042e91; font-weight:bold}