@charset "utf-8";
/* CSS Document */
@font-face{
font-family:'Helvetica';
src: url('../img/helveticaneue-light-webfont.woff') format('opentype');
}

body{
margin:0;
font-family: 'Helvetica';
background-color:#fff;

}



#banner{
width: 100%;
height: 140px;
display:table;
border-bottom-width:0;
border-bottom-color:#245300;
border-bottom-style:solid;
box-shadow:0 5px 10px 0 #ccc;
background-color:#365327;
}

#logo{
	
width:258px;
display:table-cell;

}

#img{
display:table-cell;
width:258px;
border:0;
float: left;
margin:0 auto;

}

													/* MENU PRINCIPAL  */
#menuh {
		margin: 0;
		padding: 0;
		width:100%;
		display:table-cell;
}

#menuh ul {
        margin: 0;
        padding: 0;
		list-style:none;		

}
#menuh li {
       float: left;
	   width:25%;
	   cursor: pointer

}

#menuh a {
        font-size:20px;
        color: #fff;
		background-color:#365327;
        display: block;
        padding: 0px;
		text-decoration:none;
		text-align: center;
		height:140px;
		line-height:140px;
		font-weight:lighter;
}
#menuh a:hover {
	color:#FF0;
	text-shadow:1px 1px 10px #fff;
}
										/* TERMINA  MENU PRINCIPAL  */

									


#footer{
font-size: 12px;
color: #000;
padding-top:10px;
text-align: center;
}






.txt_titulo{
	color:#245300;
	font-size:20px;
	font-weight: bold;
	
}

.txt_subtitulo{
	color:#608643;

	font-weight: bold;
	margin:4px 0 0 0;
	text-align:center;
	margin-bottom:40px;
}


.txt_contenido{
	color:#333333;
	font-size:16px;
	
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	width:80%;
	margin:0 auto;
}

.listado-servicios{
margin:40px auto;
/*margin-left:70px;*/
max-width:600px;
}


.areas{
	display:none;	
	min-height:100px;
	margin-top:50px;
	
}




#mapa {
position: relative;
padding-bottom: 34.9%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-left:auto;
margin-right:auto;
}
#mapa iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height:450px;
margin-left:auto;
margin-right:auto;
}

@media (max-width:767px) {
	
	
	#banner{
width: 100%;

border-bottom-width:0;
border-bottom-color:#245300;
border-bottom-style:solid;
box-shadow:0 5px 10px 0 #ccc;
background-color:#365327;
}

#logo{
	
width:100%;
float:left;


}
	
#img{
	width:100%;
max-width:400px;
border:0;
margin:0 auto !important;
position:relative;
margin-left:auto;
margin-right:auto;





}
	
	
	#menuh {
		margin: 0;
		padding: 35px 0 0 0 !important;
		width:100%;
		display:block;
}

#menuh ul {
        margin: 0;
        padding: 0;
		list-style:none;		

}
	
	#menuh li {
       float: left;
	   width:100%;
	   cursor: pointer

}

#menuh a {
       
       
        padding: 0px;
		text-decoration:none;
		text-align: center;
		height:50px;
		line-height:50px;
		font-weight:lighter;
}
#menuh a:hover {
	color:#FF0;
	text-shadow:1px 1px 10px #fff;
}
	
	
.listado-servicios{
	padding-left:30px;
}	
#mapa {
	display:none !important;
}	
	
}