/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Fuente
--------------------------------------------- */


@font-face {
    font-family: 'allerregular';
    src: url('aller_rg-webfont.eot');
    src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_rg-webfont.woff') format('woff'),
         url('aller_rg-webfont.ttf') format('truetype'),
         url('aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'colaboratelightregular';
    src: url('colablig-webfont.eot');
    src: url('colablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('colablig-webfont.woff') format('woff'),
         url('colablig-webfont.ttf') format('truetype'),
         url('colablig-webfont.svg#colaboratelightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* LAYOUT BÁSICO
--------------------------------------------- */
body{
	background-image:url(images/fondo.png);
	background-position:inherit;
	background-repeat:repeat;
	background-attachment:fixed;	
	}

#contenido{
	width:940px;
	margin:auto;
	background-color:#FFF;
	overflow:hidden;
	display:block;	
	-moz-box-shadow: 0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;
	box-shadow: 0 0 50px #000;	
	}

#cont{
	clear:both;
	display:block;
	margin:auto;
	overflow:hidden;
	width:100%;
	}

header{
	background-color:#00853F;
	margin:auto;
	width:100%;	
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	position:absolute;
		}
	

/* Links y parrafo
--------------------------------------------- */
p{ padding-top:15px;}
/* Encabezados
--------------------------------------------- */
/* HEADER
--------------------------------------------- */

/* CONTENIDO
--------------------------------------------- */
#barra img{
	width:100%;
	float:right;}

#cintillo{
	display:block;
	height: auto;
	width:100%;
	overflow:hidden;
	}
		
.tercio1{
	background-color:#006935;
	display:block;
	float:left;
	clear:none;
	width:33.3333%;
	font-size:.85em;
	line-height:1.35em; 
	}
	
.tercio1 img{ width:300px;
padding:10px;	
	}	
	
.tercio2{
	background-color:#00853F;
	display:block;
	float:left;
	clear:none;
	width:33.3333%;
	font-size:.85em;
	line-height:1.35em; 
	}
	
.tercio2 img{ width:300px;
padding:10px;	
	}	

	
.tercio3{
	background-color:#6CB33F;
	display:block;
	float:right;
	clear:none;
	width:33.3333%;
	font-size:.85em;
	line-height:1.35em;
	}
.tercio3 img{ width:300px;
padding:10px;	
	}	
	
.tercio p{
	font-size:.6em; }
	
.tercio4{
	background-color:#8D9092;
	display:block;
	float:left;
	clear:none;
	width:29.3333%;
	height:auto;
	padding:2%;
	font-size:.95em;
	line-height:1.35em; 
	}
	
.tercio5{
	background-color:#ABADB0;
	display:block;
	float:left;
	clear:none;
	width:29.3333%;
		height:auto;
	padding:2%;
	font-size:.95em;
	line-height:1.35em; 
	}
	
.tercio6{
	background-color:#CBCCCE;
	display:block;
	float:left;
	clear:none;
	width:29.3333%;
	height:auto;
	padding:2%;
	font-size:.95em;
	line-height:1.35em; 
	}


#caja1{
	width:980px;
	display:block;
	float:right;
	clear:none;
	}
	
#caja1 img{
	width:20%;
	display:block;
	float:right;
	clear:none;
	padding-right:75px;
	}

#boxprincipal{
	width:665px;
	display:block;
	float:left;
	clear:none;
	}
	
#caja3{
	width:314px;
	display:block;
	float:right;
	clear:none;	
	}
	
#caja3 img{
	width:330px;
	height:auto;
	display:block;
	float:left;
	clear:none;
	}
					
#caja2{
	width:400px;
	display:block;
	float:left;
	clear:none;}
	
#caja2 img{
	width:321px;
	height:auto;
	padding-left:35px;
	}
	

/* MENU
--------------------------------------------- */
#menu{
	background-color:#00853F;
	font-family:'allerregular';
	font-size:85%;
	clear:none;
	color:#FFF;
	display:block;	
	margin:auto;
	width:100%;
	padding-left:21px;
	}
	
#menu li {
	clear:none;
	display:block;
	float:left;
	text-align:center;	
	}
	
#menu li a {
	color:#FFF;
	clear:none;
	display:block;
	float:left;
	padding:10px 19px 10px 19px;
	text-align:center;
	text-decoration:none;
	}
	
#menu li a:hover {
	background-color:#006935;
	color:#FFF;
	clear:none;
	display:block;
	float:left;
	padding:10px 19px 10px 19px;
	text-align:center;
	/* [disabled]text-decoration:none; */
	height:15px;
	}
	
.r{
	background-color:#6CB33F;
	color:#FFF;
	clear:none;
	display:block;
	float:left;
	height:15px;
	padding:10px 19px 10px 19px;
	text-align:center;
	text-decoration:none;
		}	
	

/* SIDEBAR
--------------------------------------------- */
/* FOOTER
--------------------------------------------- */
#footer {
	bottom:0px;
	margin:auto;
	width:100%;
	-moz-box-shadow: 0 0 25px #000;
	-webkit-box-shadow: 0 0 25px #000;
	box-shadow: 0 0 25px #000;
	display:block;
	float:left;
	clear:none;
}

#footer img{
	width:100%;
	float:right;}
	
/* Slideshow
--------------------------------------------- */

h1{
	font-family:'colaboratelightregular';
	font-size:1.3em;
	line-height:1.6em;
	color:#666;	
	padding:35px 30px 22px 77px;	
	letter-spacing:.01em;
	word-spacing:-.05em;
	}
	
h2{
	font-family:'colaboratelightregular';
	font-size:1em;
	line-height:1.8em;
	color:#FFF;
	padding:7px 7px 7px 15px;	
	}
	
h3{
	font-family:'colaboratelightregular';
	font-size:.9em;
	margin-left:80px;
	line-height:1.2em;
	color:#999;
	margin-bottom:50px;
	}

h4{
	font-family:'colaboratelightregular';
	font-size:1.2em;
	line-height:1.3em;
	color:#666;
	margin-bottom:30px;
	text-align:center;
	}
	
	
/*________Formulario____________*/

.box{
	background-color:white;
	width:460px;
	height:500px;
	padding-left:80px;
	padding-top:35px;
	display:block;
	float:left;
	clear:none;
	}
	
.contact_form h2 {
    background: none repeat scroll 0 0 #6CB33F;
    color: white;
    display: block;
    font-family:'allerregular', sans-serif;
    font-size:1.2em;
	letter-spacing:1px;
    padding:8px;
	text-align:center;
}

/*--- estilos para los ul y li del formulario ---*/
.contact_form ul {
    width:430px;
    list-style-type:none;
    margin:0px;
    padding:0px;
}
.contact_form li{
	padding-top:17px;
	padding-bottom:17px;
	border-bottom:1px solid #CCC;
    position:relative;
}
.contact_form label {
    color: #555555;
    display: inline-block;
    float: left;
    font-family: calibri;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    padding: 3px;
    width: 90px;
}
.contact_form input {
    height:20px;
    width:220px;
    padding:5px 8px;
}
.contact_form textarea {
    padding:8px;
    width:320px;
}
.contact_form button {
    margin-left:130px;
}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea {
    border:1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius:2px;
    color: #888;
    font-size: 12px;
    padding-right:30px;
    -moz-transition: padding .25s;
    -webkit-transition: padding .25s;
    -o-transition: padding .25s;
    transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
    background: #fff;
    border:1px solid #555;
    box-shadow: 0 0 3px #aaa;
    padding-right:80px;
}

/* === Estilos de Validacion === */    

.contact_form input:required:valid, .contact_form textarea:required:valid {
    box-shadow: 0 0 5px #093;
    border-color:#063;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
    box-shadow: 0 0 5px #C00;
    border-color:#C30;}

/* === Estilos del boton de Envio === */
button.submit {
    padding: 9px 17px;
   font-family: Helvetica,calibri, Arial, sans-serif;
   font-weight: bold;
   line-height: 1;
   color: #6CB33F;
   border: none;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#bbb));
   background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
   background-color: #fff;
   border: 1px solid #f1f1f1;
   border-radius: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
button.submit:hover {
    opacity:.55;
    cursor: pointer;
    color:#026937;
}
button.submit:active {
    border: 1px solid #222;
    box-shadow: 0 0 10px 5px #444 inset;
}