/*
Author: Miguel De Leon @antondele
*/


/*
Color fondo botones top: #6DB404
*/


*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;}
.center960{width: 960px;margin: 0 auto;text-align: center;}
#pagina{height: 100% !important; width: 100%;position: fixed;}
/* General Styles
==================================================================*/
header.cabecera{width:100%;height:110px;background: rgba(0,0,0,0.5);/*box-shadow: 0px 0px 20px black;*/}
.logo{width:150px;heigth:100px;float:left;}
nav ul{min-width: 400px;float:right;margin: 45px 0 0 0;}
nav ul li{display:inline-block;}
nav ul li a{font-family: 'Open sans', sans-serif;font-weight: 400;color: white;text-decoration: none;padding: 5px 8px;border-radius: 4px;}
nav ul li a:hover{background: white;color: black;transition: .7s;-webkit-transition: .7s;-moz-transition: .7s;}
nav ul li:after{content:"";border-right: 1px solid rgba(109,180,4,0.4);padding-right:5px;}
nav ul li:last-child:after{border:none;}
/*nav ul li a:hover{background: #5e9903;color: white;transition: .7s;}*/
ul.secciones{width: 100%;margin: 0 auto 0 auto;text-align:center;position:absolute;bottom:50px;}
ul.secciones li{display: inline-block;}
ul.secciones li a{color: white;font-family: 'Open sans', sans-serif;padding: 5px 10px;background: rgba(0,0,0,0.5);border-radius: 3px;margin: 0 10px;}
ul.secciones li a:hover{background: #6DB404;transition: 1s;color: white;}
.footer{background: rgba(0,0,0,0.5);position:absolute;bottom:0;left: 0;width:100%;height: 30px;color: white;}
.footer p{text-align: center;padding: 5px 0;font-size: 14px;}

/* Content Styles
==================================================================*/
h2{font-family: 'Open sans', sans-serif;font-size: 22px;color: #6DB404;}
p{font-family: 'Open sans', sans-serif;font-size: 14px;text-align:justify;}
h3{color: white;font-family: 'Open Sans', sans-serif;font-size: 22px;}
ul li{color: white;font-family: 'Opens Sans', sans-serif;margin: 10px 0;}
/*ul li:before{content:"-";}*/

/* Modal Styles
==================================================================*/
a.close-reveal-modal{background: silver;padding: 4px;color: white !important;border-radius: 50% 50%;-webkit-border-radius: 50% 50%;-moz-border-radius: 50% 50%;}
a.close-reveal-modal:hover{background: #f1f1f1;color: black !important;transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;}

#quienes-somos{background: url(../images/quienes-somos.jpg);background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;width: 800px;min-height: 600px;position: absolute;left:50%;margin-left:-450px;}
#quienes-somos p{color: white;padding: 0px 20px 20px 20px;font-size: 13px;}
#quienes-somos h2{color: #6DB404;font-size: 28px;text-align: center;margin: 20px 0;}
.text{width: 320px;height: 600px;overflow: auto;}
.text{float:right;background: rgba(0,0,0,0.7);}

#proyectos, #servicios, #vivero{width:800px;height:600px;position:absolute;left:50%;margin-left: -430px;margin-top: -90px;text-align: center;}
iframe#iframeproyectos{margin-left:-190px;height: 600px;width: 1000px;}

#contacto{width:700px;position: absolute;left: 50%;margin-left: -380px;}
#contacto p{font-size: 16px;font-family: 'Open Sans', sans-serif;}
#nombre, #correo, #asunto, #mensaje{width:300px;height: 30px;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border: 1px solid silver;}
#mensaje{resize: none;height:100px;}
#enviar{padding: 5px 10px;}
.donde-estamos{position:absolute;right: 2%;top: 45%;}
.donde-estamos p{width: 400px;margin: 0 auto;text-align: center;}