@charset "utf-8";
/* CSS Document */


#aapDiv7 {
	
	display:inline-block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	z-index: 1;
	font-size:20px;
	color:#333;
	background: rgba(97, 165, 109, 1);
	padding-bottom:20px;
	
}
#aapDiv8 {
	
	display:inline-block;
	width:32%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	z-index: 1;
	color:#333;
	
	
}
#aapDiv9 {
	
	display:inline-block;
	width:32%;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	z-index: 1;
	
	
}#aapDiv10 {
	
	display:inline-block;
	width:32%;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	z-index: 1;
	
	
}
#pie1 {
	
	display:inline-block;
	width:95%;
	padding-left:4%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	z-index: 1;
	font-size:18px;
		
	}
#pie2 {
	width: 100%;
	z-index: 2;
	font-size:20px;
	font-weight:bold;
	
color:#222;
	padding:5px;

}

#pie3 {
	width: 100%;
	z-index: 2;
	padding-top:10px;
	
	}

#pie4 {
	width: 100%;
	z-index: 2;
	padding-top:10px;
	cursor:pointer;
}

#pie5 {
	width: 100%;
	z-index: 2;
	padding-top:10px;
	}

#pie6 {
	width: 100%;
	z-index: 2;
	padding-top:10px;
}

#pie7 {
	width: 100%;
	z-index: 2;
    padding-top:10px;	}


#pie8 {
	width: 100%;
	z-index: 2;
    padding-top:10px;
}

#pie3a {
	width: 100%;
	z-index: 2;
	padding-top:10px;
	cursor:pointer;
	
	}
#pie3a:hover {
	color:#000;
	font-size:24px

}

#pie4a {
	width: 100%;
	height: 20px;
	z-index: 2;
	padding-top:10px;
	cursor:pointer;
}
#pie4a:hover {
	color:#000;
	font-size:24px

}

#pie5a {
	width: 100%;
	height: 20px;
	z-index: 2;
	padding-top:10px;
	cursor:pointer;
	}
#pie5a:hover {
	color:#000;
	font-size:24px

}



/* leer mas sobre politica de cookies. */
#postit{display:scroll;position:fixed;bottom:0px;left:0px; 
background:rgba( 53, 145, 6  ,0.4);color:#000;border:1px solid #000; 
z-index:100000000000;font:12px verdana;width:100%;padding:3px;height:80px;} 
#postit a{color:#ff9900;text-decoration:none;}
#cerrar{ position:absolute;padding:5px;top:10px;width:100px;height:20px; border:1px sold #999; color:#FFF; background-color:#65b602;text-decoration:none; right:150px;cursor:pointer;text-align:center;font-style: italic;
font-weight: bold;
font-variant: normal;
}
#leermas{ position:absolute;padding:5px;top:10px;width:100px;height:20px; border:1px sold #999; color:#FFF; background-color:#65b602;text-decoration:none; right:30px; cursor:pointer; text-align:center;font-style: italic;
font-weight: bold;
font-variant: normal;
}
/* redes sociales. */


/* efecto de iamgen index y modelo. */
.div-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.div-img.hidden {
  overflow: hidden;
}
.div-img .img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-img:hover .img {
  transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -o-transform: scale(0.8);
}


#news1 {
	width:100%
	text-align:center;
	z-index: 1;
}
#news2 {
	display:inline-block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:30px;
	color:#F00;
	z-index: 1;
}
#news3 {
	display:inline-block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:18px;
	z-index: 1;

}
#news4 {
	display:inline-block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	z-index: 1;

}
#news5 {
	display:inline-block;
	width:300px;
		margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	z-index: 1;

}
#news6 {
	display:inline-block;
	width:100%;
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	z-index: 1;

}
.formulario{
	height:35px;
	border:1px solid #CCC;
	border-radius:5px;
	width:100%;
	font-size:14px;
	color:#666;
	
	
}
.div{
	border:5px solid #fff;
		
	}
	@media screen and (max-width: 767px) {

	
}
@media screen and (max-width: 614px) {
	#pie1 {
	
	width:50%;
	
}
	#aapDiv8 {
	
	width:50%;
	}
#aapDiv9 {
	
	width:50%;
}
	#aapDiv10 {
	
	width:50%;	
}
}
@media screen and (max-width:580px) {
#pie1 {
	
	width:50%;
	
}
#aapDiv8 {
	
	width:50%;
}
#aapDiv9 {
	
	width:50%;
}
#aapDiv10 {
	
	width:50%;
}

}
@media screen and (max-width: 479px) {

#pie1 {
	
	width:100%;
	
}
#aapDiv8 {
	
	width:100%;
	
}
#aapDiv9 {
	
	width:100%;
	
}
#aapDiv10 {
	
	width:100%;
	
}
}