/*
Author: Miguel De Leon
*/


/*
Color background top buttons: #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:0px;left:0;width:100%;color: white;height: 30px;}
.footer p{text-align: center;padding: 5px 0;font-size: 14px;}
.coliz{width: 460px; float: left;padding-left: 15px;}
.colde{width: 460px; float: right;}

/* 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: #6DB404;font-family: 'Open Sans', sans-serif;font-size: 22px;padding: 5px 5px 5px 0px;text-align: left;}
#about-us ul li{color: white;font-family: 'Opens Sans', sans-serif;margin: 10px 0;font-size: 13px;padding: 0 10px;background: url(../images/point.png) no-repeat 0px 5px;}

/* 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;}

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

#about-us, #proyectos, #servicios, #vivero, #delivery, #gallery{width:800px;height:600px;position:absolute;left:50%;margin-left: -430px;margin-top: -90px;text-align: center;padding: 10px !important;}
#location{width:800px;height:460px;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;}





/*Styles of Modal Box made with CSS3
======================================================*/
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}
.modalDialog > div {
	width: 400px;
	min-height: 100px;
	position: relative;
	margin: 2% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 4px;
	background: #fff;
	background: white;
}
.modalDialog > div  h2{
	margin-top: 40px;
	color: black;
}
.pop {
	width: 800px;
	min-height: 600px;
	position: relative;
	margin: 2% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 4px;
	background: #fff;
	background: white;
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #f0f0f0; color: black;}

/*Gallery*/
#gallery{padding: 0;}
.gallery01{width: 400px; height: 600px; background-image: url(../images/gallery-img01.jpg);float:left;opacity: .5;}
.gallery01:hover{opacity:1;}
.gallery01 a{position: absolute;top:50%;left:0;color: black;font-weight:600;font-size:24px;font-family: 'Open Sans', sans-serif;background: rgba(255,255,255,0.5);width:400px;padding:20px 0px;}
.gallery02{width: 400px; height: 600px; background: url(../images/gallery-img02.jpg);float:right;opacity: .5;}
.gallery02:hover{opacity:1;}
.gallery02 a{position: absolute;top:50%;right:0;color: black;font-weight:600;font-size:24px;font-family: 'Open Sans', sans-serif;width: 400px;padding:20px 0px;background: rgba(255,255,255,0.5);}

ul.fields {width: 960px;height:460px;margin: 30px auto 0 auto;padding: 10px 0 10px 10px;overflow:auto;}
ul.fields li{display: inline-block;position: relative;margin: 2px;}
.caption-fields{position: absolute;bottom: 5px;background: rgba(0,0,0,0.6);color: white;width: 145px;min-height:20px;padding: 2px 0 2px 5px;font-size: 12px;font-family: 'Open Sans', sans-serif;}