/*
	DISEÑO GRÁFICO: DUO EXECUTIVES
	PROGRAMACIÓN WEB: NOVO AGENCIA - WWW.NOVOAGENCIA.COM
*/

@charset "utf-8";

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

.negrita {
	font-weight:600;
}

* {
	outline:none;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   	font-weight: 300;
}

body {
	margin:0;
	padding:0;
}

.container {
	width: 1023px;
	margin: 0 auto;
	box-shadow: 0px 0px 15px 3px #666;
}

header {
	background-color:#656564;
	height:104px;
}

header .logo {
	float:left;
	margin-top:23px;
	margin-left:100px;
}

header .contacto {
	float:right;
	margin-right:100px;
	margin-top:30px;
	font-size:larger;
}

header .contacto p {
	color:#FFF;
	padding:0;
	margin:0;
	text-align:center;
	font-style:italic;
}

header .contacto a {
	color:#FFF;
	text-decoration:none;
}

header .contacto a:hover {
	color:#BBB;
}

.negrita {
	font-weight:600;
}

section {
	height:660px;
	background-image:url(../images/section.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

footer {
	height:530px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
}

.medio h2 {
	color:#E14724;
	text-align:center;
	font-weight:600;
}

.medio p {
	color:#656665;
	text-align:center;
	padding-left: 10%;
	padding-right: 10%;
}

.form {
	float:right;
	padding: 20px;
	width: 350px;
	background-color: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 20px 3px #333;
	
	margin-right:50px;
	margin-top:30px;
	
	font-weight: 300;
}

.form table {
	margin-top:20px;
}

.form table td {
	padding-bottom:5px;
}

.form h2 {
	color:#E14724;
	text-align:center;
	margin:10px 0 5px;
	font-weight: bold;
}
	
.form p {
	margin:0;
	text-align:center;
	color:#656665;
	font-size:smaller;
}

.form label {
	font-size: smaller;
}

.form input {
	width:95%;
	background-color:#F1F0F1;
	padding:7px 1%;
	border:1px solid #E2E4E5;
}

.form select {
	width:98%;
	background-color:#F1F0F1;
	padding:7px 1%;
	border:1px solid #E2E4E5;
}

.form button {
	margin:15px 0;
	width:95%;
	background-color:#CC5B2F;
	background-image: url(../images/button.png);
	background-repeat:no-repeat;
	background-position:center;
	height:42px;
	border:1px solid #F39A63;
	color:#FFF;
	font-size:large;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.form button:hover {
	cursor:pointer;
}

.nutrient {
	float:left;
	color:#FFF;
	text-align:center;
	width:500px;
	margin-left:30px;
}

.nutrient h2 {
	margin-bottom:10px;
	font-weight:700;
}

.nutrient h3 {
	margin-top:10px;
}

.nutrient strong {
	color:#304599;
	font-size:smaller;
}

.tabla {
	color:#56A2D2;
}

.icono {
	padding:10px 0 10px;
}

.raya {
	border-right:1px solid #D8D8D8;
}

.agua {
	height:176px;
	background-image:url(../images/agua.jpg);
	background-repeat:no-repeat;
	margin-top:50px;
	text-align:center;
}

.agualink {
	display: inline-block;
	padding:13px 70px;
	background-color:#56A2D2;
	color:#FFF;
	text-decoration:none;
	margin-top:67px;
	font-size:large;
}

.agualink:hover {
	color:#BBB;
}

.tfooter {
	width:450px;
	float:right;
	margin-top:40px;
	margin-right:30px;
}

.tfooter td {
	padding-bottom:10px;
}

.uno {
	color:#E14724;
	font-size: 24px;
	font-weight:700;
}

.dos {
	color:#56A2D2;
	font-style:italic;
	font-size:28px;
}

.tres {
	color:#57A1D1;
}

.cuatro {
	color:#065150;
	font-weight:700;
	font-size: 18px;
}

.cinco {
	color:#656564;
	font-weight:700;
	font-size: 22px;
	font-style:italic;
}

.seis {
	color:#656564;
}

.siete {
	color:#656564;
	font-weight:700;
	font-style:italic;
}

.hr {
	border-color:#81B8DC;
	width:100px;
}

.grande {
	width:90%;
	float:left;
}