body {
	width:100%;
	margin: 0 auto;
	background: #fff url("../images/layout/background.gif") no-repeat scroll 50% 0pt;
	font:normal 11px/14px "Trebuchet MS", verdana, arial;
	color:#222222; 
}

/* HOME */

/* TAGS */
A {color:#7d521d;text-decoration:none!important;}
A:visited {color:#7d521d;}
A:hover {color:#53330b;text-decoration:none;}

OL,P {font-size:13px;line-height:18px;}
H1 {font-size:21px; line-height:20px; color:#7d521d; margin:29px 0;}
H2 {font-size:20px;line-height:17px;font-weight:bold;}
H3 {font-size:15px;line-height:18px; color:#7d521d; margin:0 0 10px 0; }

p.clear {margin:0;padding:0;clear:both;}

.path {color:#808080;} 
.path a{color:#808080; text-decoration:none;} 
.path a:hover{color:#808080; text-decoration:underline !important;} 


.line {border-bottom:1px dashed #adb1b2; margin:10px 0;}

/* FONTS */
.title {font-size:19px; line-height:24px; color:#3d5345;}
.title2 {font-size:14px; line-height:18px; color:#6d6e71; font-weight:bold;}

.title-main {margin:90px 0 0 300px; font-size:14px; line-height:20px;}

.dark-brown {color:#7d521d;}
.light-brown {color:#bd8317;}

.bullet {font:bold 11px/14px "Comic Sans Ms" ; color:#7d521d; text-decoration:none; font-weight:bold;}
.grey {color:#808080;}

.orange {color:#f4791f; font-weight:bold; font-size:13px;} 
.orange a{color:#f4791f; text-decoration:none;} 
.orange a:hover{color:#ca5500; text-decoration:none !important;} 

/* LOGO NATURA */
.logo-natura {
position:relative;
margin-top:-10px;
margin-right:0px;
text-align:right;
vertical-align:top;
width:94;
height:84px;
background-image:url(../images/logo_natural.gif);
background-repeat:no-repeat;
background-position:right top;
padding:0px 0px 0px 84px; 
float:right;
}

.home .logo-natura {
	display: none;
}


/* NAV */
.total {width:800px; margin:auto; /* position:relative; left: -10px */}

.logo {margin:5px 0 14px 16px;}

.nav {margin:0 16px 0 0; width:179px; font-size:11px; float:left;}

.nav-left {width:179px; float:left; background:url("../images/layout/nav-left-background.jpg") repeat-x; background-color:#e8c172;}

/* FOR IE 6 */
* html .nav-top {margin-left: 65px; }

.nav-top {width:245px;background-color:#f6f6e8;height:20px;background-image:url("../images/layout/nav-top-left.jpg");background-position:left top;background-repeat:no-repeat; padding:5px 0 0 15px; float:left; margin-bottom:20px; margin-left:130px;}
.nav-top-right {width:170px;background-color:#eeecd7;height:20px;background-image:url("../images/layout/nav-top-right.jpg");background-position:right top;background-repeat:no-repeat; padding:5px 0 0 10px; float:left; margin-bottom:20px; margin-left:1px;}


/* DESPLEGABLE */
.box{width:150px;padding-left:15px;line-height:18px;}

.box a:hover {color:#da5c00; text-decoration:none !important;}

.boxholder{clear: both;padding: 1px;}

.tab {float: left; height: 32px; margin: 0 1px 0 0; padding-left:5px;}

.tabtxt{margin: 0; font-size: 11px; font-weight: bold; padding: 7px 0 5px 0;  background:url("../images/layout/nav-left-line.gif") repeat-x; width:159px;}

/* ////DESPLEGABLE */


.login {width:179px; float:left; margin-top:13px; background:url("../images/layout/login-background.jpg") repeat-x; background-color:#fff; border-bottom:none;}
.login ul {margin:0; padding:0 10px; list-style:none; width:159px; }
.login ul li {margin:0 0 6px 0;}  /* border-bottom:1px solid #ddb55c;*/

.padding-login {padding:5px 10px 10px 10px;
background-image:url(../images/layout/login-back.gif);
background-repeat:repeat-y;}

.main {width:572px; float:left;}

.submain {width:164px; float:left; padding-right:15px; margin-left:15px; border-right:1px solid #d3d5d6; font-size:13px; line-height:18px;}
.submain img {margin:10px 0;}

.main-left {float:left; width:375px; margin-right:16px;}
.main-right {float:left; width:180px; line-height:16px;}

.foot {
	border-top:1px dashed #c6c9ca;
	margin:30px 10px;
	color:#808080;
	line-height:18px;
	text-align: center;
}

.foot .legal {
	background:url(../images/bottom.jpg) 50% 0 no-repeat;
	height:80px; 
}


.ir {
	display: block;
	text-indent: -5000em;
	outline: 0;
}

#veja-comercial {
	background:url(../images/bannerComercial.jpg) 0 0 no-repeat;
	width: 183px;
	height: 66px;
	margin-left: 8px;
	margin-top: 10px;
	float: left;
}

#veja-comercial:hover {
	background-position: 0 -66px;
}

#bannerExercicios {
	background:url(../images/bannerExercicios.png) 0 -68px no-repeat;
	width: 183px;
	height: 68px;
	margin: 0;
	float: left;
}

#bannerExercicios:hover {
	background-position: 0 0;
}

#bannerCadastro {
	background:url(../images/bannerCadastro.png) 0 0 no-repeat;
	width: 179px;
	height: 27px;
	float: left;
}

#bannerCadastro:hover {
	background-position: 0 -27px;
}


.picture-main {background:url("../images/main.jpg") no-repeat; background-color:#fff; width:572px; height:346px;}

.table-a {background-color:#f5f4eb; border-top:1px solid #d8dadb; border-bottom:1px solid #d8dadb; padding:6px;}
.table-b {padding:5px;}


/*TABLAS*/
DL {display:block; margin:auto; float:left; border-bottom:1px solid #d8dadb;}
DL.light {background-color:#f9f8f3;}

DD {margin:0; width:549px; float:left; padding:5px 10px;}
DD.top {width:569px; height:16px; padding:7px 0; border-top:1px solid #d8dadb; background-color:#efeedf; border-right:0;}

DD.small {margin:0; width:169px; float:left; border-right:1px solid #d8dadb; padding:5px 10px;}
DD.xs {margin:0; width:160px; float:left; padding:5px 10px;}

/* no funciona en mac \*/
DL:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
/* fin */

.preview {float:left; margin-right:10px; margin-bottom:15px;}
.preview img {margin-right:5px;}

/* FORM */
INPUT.login{border:1px solid #C4C4C4; font:normal 11px/13px "Trebuchet MS", verdana, arial; color:#444; margin-top:5px;vertical-align:middle;}

.long120{width:120px;}
.long130{width:130px;}
.long140{width:140px;}
.long150{width:153px; margin-top:10px;}
.long190{width:190px;}
.long250{width:250px;}
.long260{width:261px;}

.file{padding:5px 0;text-align:right;}
.file img{vertical-align:middle;}

.button {height:22px; text-align:center; font:bold 11px/9px "Trebuchet MS"; background-color:#da7800; color:#fff; border:1px solid #ccc; background:url("../images/layout/button.jpg") repeat-x; cursor:hand; margin:7px 0;}


.form table td {
	padding: 6px 4px;
}

.personales,
.obligatorio {
	background: #f8f1de;
}

.no-obligatorio {
	background: #f9f8eb;
}

.enviar {
	background: #e7ce9c;
}

.enviar td {
	padding: 1em;
	text-align: center;
}

.form table {
	width: 85%;
	margin: 0 auto;
	padding: 1em 0;
}

.form table table {
	width: auto;
	margin: 0;
	padding: 0;
}

.form table .informacion table,
.form table .productos table {
	width: 100%;
}

.form table .informacion .label,
.form table .area .label {
	padding-top: 6px;
	vertical-align: middle;
	color: #CE9037;
}

.no-obligatorio table,
.personales table {
	border-top: 1px solid #f5c161;
}

.personales table {
	margin-top: 1em;
}

.no-obligatorio table table,
.personales table table {
	border-top: none;
}


.personales label,
.obligatorio label {
	width: 10em;
}

.label {
	text-align: right;
}

.no-obligatorio .label {
	padding-top: 14px;
	vertical-align: top;
}

.no-obligatorio .trabajo.label,
.no-obligatorio .hijos.label,
.no-obligatorio .productos .label {
	padding-top: 6px;
	vertical-align: middle;
}

.no-obligatorio td.hijos table {
	margin-right: 5px;
}



		.fdo_enviar {
			background-image: url(img/fdo_enviar.gif);
			background-repeat: no-repeat;
			background-position: top;
		}
		.fdo_der {
			background-image: url(img/fdo_der.gif);
			background-repeat: no-repeat;
			background-position: right top;
		}
		.fdo_iz {
			background-image: url(img/fdo_iz.gif);
			background-repeat: no-repeat;
			background-position: left top;
		}
		.txt_bld {
			font-family: "Trebuchet MS";
			font-size: 14px;
			font-weight: bold;
			color: #925927;
		}
		.txt_bld12 {
			font-family: "Trebuchet MS";
			font-size: 12px;
			font-weight: bold;
			/* color: #925927; */
		}
		select,
		textarea,
		.campos {
			background-color: #FFFFFF;
			border: 1px solid #f5c161;
			font-family: "Trebuchet MS";
			font-size: 12px;
			color: #925927;
			padding: 1px;
			width: 95%;
		}

		.no-obligatorio table table .label,
		.no-obligatorio select,
		.no-obligatorio textarea,
		.no-obligatorio .campos {
			color: #777;
		}

		.no-obligatorio table td.hijos .label,
		.productos table table .label,
		.no-obligatorio .label {
			color: #ce9037;
		}
		
		.boton {
			border: 1px solid #F5E6C6;
			color: #925927;
		}
		.txt_12 {
			font-family: "Trebuchet MS";
			font-size: 12px;
			font-weight: normal;
			color: #925927;
		}

.contato form {
	margin: 0;
	padding: 10px 0 0 0;
	background: #e7ce9c url(../images/form-top.png) no-repeat left top;
	color: #8f6040;
	width: 568px;
}

.contato fieldset {
	width: 48%;
	border: 0;
	margin: 0;
	padding: 1%;
	float: left;
}

.contato fieldset.pantalla {
	float: none;
}

.contato .formbody {
	background: #f8f1de;
	padding: 2em 2em 0 2em;
}

.contato label {
	display: block;
}

.contato label .label {
	float: left;
	width: 8em;
	padding-left: 1em;
	text-align: left;
	font-weight: bold;
}

.contato label .campos {
	width: 12em;
	margin: 0 0 0.4em 0;
	font-size: 1em;
}

.contato .submit-container,
.contato .campos-obligatorios {
	text-align: center;
	padding: 1em;
}

.contato .campos-obligatorios {
	border-top: 1px solid #f5c161;
	margin-top: 10px;
}

.contato .submit-container {
	background: #e7ce9c url(../images/form-bottom.png) no-repeat left bottom;
}

#divError {
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;
	color: #E05E2C;
	border: 1px solid #f5c161;
	background: white;
	padding: 0.5em;
	margin: 0 0 1em 0;
}

.imc input,
.cadastro .submit,
.enviar input,
.contato .submit {
	color: #8f6040;
	font-weight: bold;
}

.contato #autorizo-contato {
	margin: 2em 1em 1em 1em;
	position: relative;
}

.contato #autorizo-contato .field {
	width: 2em;
	float: left;
}
.contato #autorizo-contato .label {
	float: left;
	width: 17em;
}

.camposfechadia {
			background-color: #FFFFFF;
			border: 1px solid #f5c161;
			font-family: "Trebuchet MS";
			font-size: 12px;
			color: #925927;
			padding: 1px;
			width: 16%;
		}

		.camposfechames {
			background-color: #FFFFFF;
			border: 1px solid #f5c161;
			font-family: "Trebuchet MS";
			font-size: 12px;
			color: #925927;
			padding: 1px;
			width: 18%;
		}

		.camposfechaanio {
			background-color: #FFFFFF;
			border: 1px solid #f5c161;
			font-family: "Trebuchet MS";
			font-size: 12px;
			color: #925927;
			padding: 1px;
			width: 20%;
		}


.sign-in form {
	margin: 0;
	padding: 0;
}

/* Hide from mac */
*+html .floatFix {height:1%}
* html .floatFix {height:1%}
.floatFix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* parametro para mozilla y opera */


/* tests */

.test-link {
	padding: 10px 30px;
	background: url(../images/test-bg.png) no-repeat;
	height: 36px;
	font-size: 10px;
	color: #666;
	line-height: 16px;
	margin-left: 0;
}


.test-link-otro {
	background-image: url(../images/test-bg-otro.png);
	height: 56px;
}

form.test {
	font-size: 13px;
	margin: 10px 0;
}

.pre-label,
.imc h4,
.tests legend span,
.test-link a,
.tests h2 {
	font-size: 13px;
	color: #cc6633;
	font-weight: bold;
}

.test-link-otro a {
	font-weight: normal;
	color: #7d521d;
}

.tests legend span {
	font-weight: normal;
	width: 490px;
	display: block;
	padding-bottom: 1em;
}

.tests fieldset label {
	margin-left: 50px;
	width: 400px;
	color: black;
	padding-bottom: 0.5em;
}

.tests .formbody {
	background-color: #faf9f3;
	padding-bottom: 2em;
}

.tests .submit-container,
.tests form {
	background-color: #E4E0C3;
}

.tests .submit-container {
	padding: 1.5em;
}

.test h3 {
	margin-left: 30px;
}

.navAnterior {
	margin-top: -7px;
	float: left;
	padding-left: 25px;
	background: url(../images/flechaAtras.png) no-repeat;
	height: 20px;
}

.numerosPosicionContainer {
	margin-top: -5px;
	float: right;
	font-size: 11px;
	font-weight: bold;
	color: #cc6633;
}

.respuesta1 {
	background-image: url(../images/respuesta-bg-1.png);
}
.respuesta2 {
	background-image: url(../images/respuesta-bg-2.png);
}
.respuesta3 {
	background-image: url(../images/respuesta-bg-3.png);
}
.respuesta4 {
	background-image: url(../images/respuesta-bg-4.png);
}


.respuesta {
	padding: 10px 0 0 60px;
	height: 40px;
	background-position: left center;
	background-repeat: no-repeat;
	color: black;
}

.pantalla p {
	margin-top: 0;
}

/* IMC Calculator */ 

#imc-result-container {
	float: right;
	font-weight: bold;
	padding-right: 0.5em;
	position: relative;
}

* html #imc-result-container {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

#imc-result {
	font-size: 2em;
	color: #cc6633;
}

.imc .respuesta1 {
	background-image: url(../images/respuesta-bg-2.png);
}
.imc .respuesta2 {
	background-image: url(../images/respuesta-bg-3.png);
}
.imc .respuesta3 {
	background-image: url(../images/respuesta-bg-2.png);
}
.imc .respuesta4 {
	background-image: url(../images/respuesta-bg-2.png);
}
.imc .respuesta5 {
	background-image: url(../images/respuesta-bg-1.png);
}
.imc .respuesta6 {
	background-image: url(../images/respuesta-bg-1.png);
}

.imc .respuesta {
	height: auto;
	min-height: 40px;
	background-position: left top;
}
* html .imc .respuesta {
	height: 40px;
}


.imc h4 {
	margin: 0;
	padding: 0;
	margin-top: -0.5em;
	font-weight: normal;
}

.imc .campos {
	position: relative;
	top: 0.3em;
}