@charset "utf-8";
/* CSS Document */
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}

.clearer { clear:both;}

body { background:#14363A;}

h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#261308; font-size:16px; padding-bottom:15px; font-weight:bold;}

h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#261308; font-size:16px; padding-bottom:15px; font-weight:bold;}


#head { height:517px; background:url(../img/bg.head.home.jpg) repeat-x; text-align:center;}

#head_inside { background:url(../img/bg.head.jpg) repeat-x #F4EDCE; text-align:center;}

#menu { height:91px; text-align:left; width:809px; margin:0 auto; background:url(../img/bg.menu.jpg) top no-repeat; padding-top:36px; padding-left:151px;}

#footer { background:url(../img/bg.footer.jpg) repeat-x; padding-top:47px;}

.container { width:960px; margin:0 auto; font-family:Georgia, "Times New Roman", Times, serif; color:#261308; font-size:16px;}

.container p { font-family:Georgia, "Times New Roman", Times, serif; color:#261308; font-size:13px; margin-top:10px; width:440px;}

.container p span { font-family:Georgia, "Times New Roman", Times, serif; color:#D1EEF0; font-style:italic; font-size:13px; margin-top:10px; width:440px;}

.container p a { font-family:Georgia, "Times New Roman", Times, serif; color:#006633; font-style:italic; font-size:13px; }

#form_pie { width:500px; float:right;} 

#form_pie input { border:2px solid #CBD0AB; padding:7px; font-family:Georgia, "Times New Roman", Times, serif; color:#7F6C59; font-size:13px; margin-bottom:12px;}

#form_pie textarea { border:2px solid #CBD0AB; padding:7px; font-family:Georgia, "Times New Roman", Times, serif; color:#7F6C59; font-size:13px; margin-bottom:12px;}

#img_foot { float:left;}

#content_container {background:#D1EEF0; text-align:center; padding-top:45px; }

#content { background:#D1EEF0; width:960px; margin:0 auto; }

#content input { border:2px solid #CBD0AB; padding:7px; font-family:Georgia, "Times New Roman", Times, serif; color:#7F6C59; font-size:13px; margin-bottom:12px;}

#content textarea { border:2px solid #CBD0AB; padding:7px; font-family:Georgia, "Times New Roman", Times, serif; color:#7F6C59; font-size:13px; margin-bottom:12px;}

#content p { font-family:Georgia, "Times New Roman", Times, serif; color:#261308; font-size:16px; line-height:24px; padding-bottom:25px;}

#lateral { width:350px; float:right; margin-left:80px;}

#lateral p { font-family:Georgia, "Times New Roman", Times, serif; color:#261308; font-size:14px; line-height:24px; padding-bottom:25px;}

#lateral ul { margin-left:25px; padding-bottom:25px;}

#lateral ul li { list-style-type:square; font-family:Georgia, "Times New Roman", Times, serif; color:#7F6C59; font-size:12px; padding-bottom:12px;}

#form_partners label { font-family:Georgia, "Times New Roman", Times, serif; color:#7F6C59; font-style:italic; font-size:13px; margin-top:10px; }

.producto { padding:15px; width:425px; height:170px; background:#6BC8CF; float:left; margin-right:25px; margin-bottom:25px;}
.producto img { float:left; margin-right:15px;}

.producto2 { padding:15px; width:425px; height:170px; background:#F4EDCE; float:left; margin-right:25px; margin-bottom:25px;}
.producto2 img { float:left; margin-right:15px;}

#img_about { float:left; width:527px; margin-bottom:25px;}

a.webmail { color:#FFF; text-decoration: none;}
a.webmail:hover { color:#FFF; text-decoration: underline;}

.localidad {width:33%; float:left; text-align:center; padding:35px 0px;}
.localidad h2 {text-align:center;margin-top: 15px;}
.localidad p {padding:0px 20px; text-align:center;}

#menu-productos {width: 960px; margin:0 auto; text-align: center;}
.item-menu-productos {background: #6BC8CF; width:270px; padding:15px; text-align:center;}
.item-menu-productos img {margin-bottom:15px;}
#item-menu-productos-sides {margin: 0px 15px; float:left;}
#item-menu-productos-middle {margin: 0px; float:left;}

#head-productos {width: 960px; margin:0 auto; text-align:center; height: 50px; padding-top:250px; font-family:Georgia, "Times New Roman", Times, serif; color:#016533; font-size:30px; font-weight: bold; text-shadow: 1px 1px #000; margin-bottom:15px;}
.head-agricola {background:url(../img/bg-agricola.png); }
.head-solares {background:url(../img/bg-solares.png); }
.head-reciclaje {background:url(../img/bg-reciclaje.png); }

#menu-secundario-productos {width: 640px; margin:0 auto; text-align: center;}
#menu-secundario-productos p {text-align: center;}

.link-productos {text-decoration: none; color:#0C1C2C; font-weight: bold; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;}
.link-productos:hover {text-decoration: underline;}


.modal-covid {
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.8);
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	
	display: flex;
	
	animation: modal-covid 2s 3s forwards;
	visibility: hidden;
	opacity: 0;
}

.contenido-covid {
	margin: auto;
    
	background: white;
}

#cerrar-covid {
	display: none;
}

#cerrar-covid + label {
	position: fixed;
	color: #fff;
	font-weight:bold;
	font-size: 16px;
	z-index: 9999999;
	background: #1E4C77;
	height: 30px;
	width: 20px;
	line-height: 28px;
	border-radius: 50%;
	right: 30%;
	top: 40px;
	cursor: pointer;
	font-family:arial;
	padding-left:10px;
	
	animation: modal-covid 2s 3s forwards;
	visibility: hidden;
	opacity: 0;
}

#cerrar-covid:checked + label, #cerrar-covid:checked ~ .modal-covid {
	display: none;
}

@keyframes modal-covid {
	100% {
		visibility: visible;
		opacity: 1;
	}
}