@charset "utf-8";
/* CSS Document */
body {
	padding:0px;
	margin:0px;
	background-color: #d9d9d9;
	background-image: url(../imagenes/trama.png);
	background-repeat: repeat;
	font-family:Arial, Helvetica, sans-serif, Antipasto;
	background-attachment: fixed;
}
@font-face {
font-family: BigNoodleTitling;
src: url(../big_noodle_titling.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
a {text-decoration: none;}
a:hover {text-decoration: none;}
.clear {margin:0px;padding:0px;clear:both;}
p {
	color: #666;
	text-align: justify;
}
h1 {font-family:BigNoodleTitling; color:#566e47; font-size:36px; margin-left:10px;}
h3{
	font-size: 20px;
	color: #6b772b;
	margin: 5px 0px;
	padding: 0px;
	text-align:left;
}



#header {width:1000px; height:125px; margin: auto auto 5px auto; text-align:center;}
#redes-sociales {
	height: 30px;
	width: 1000px;
	margin:auto;
	float:right;
	padding: 0px;
	margin-top:10px;
	margin-bottom:-20px;
}

#facebook {
	background-image: url(../imagenes/facebook-twitter.png);
	height: 30px;
	width: 30px;
	margin:auto;
	float: right;
	margin-right:15px;
	background-position: 0px -30px;
}
#facebook:hover {
	background-position: 0px 0px;
}
#twitter {	
	background-image: url(../imagenes/facebook-twitter.png);
	height: 30px;
	width: 30px;
	margin:auto;
	float: right;
	margin-right:20px;
	background-position: 30px -30px;

}
#twitter:hover {
	background-position: 30px 0px;
}

#menu {
	text-align: center;
	height: 50px;
	width: 100%;
	min-width:1000px;
}
#area-botones {
	margin: auto;
	height: 40px;
	width: 1030px;
	padding-left:0px;
	font-family: Arial, Helvetica, sans-serif, Antipasto;	
	font-weight:bold;
	font-size:18px;
	border: 2px solid #4a4a4a;
	border-radius:10px 10px 5px 5px;
	background:  #285224;
	background: -moz-linear-gradient(top,  #285224 0%, #54833d 50%, #285224 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#285224), color-stop(50%,#54833d), color-stop(100%,#285224));
	background: -webkit-linear-gradient(top,  #285224 0%,#54833d 50%,#285224 100%);
	background: -o-linear-gradient(top,  #285224 0%,#54833d 50%,#285224 100%);
	background: -ms-linear-gradient(top,  #285224 0%,#54833d 50%,#285224 100%);
	background: linear-gradient(to bottom,  #285224 0%,#54833d 50%,#285224 100%);
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	z-index:10;
	position:relative;
}


.boton{
	width:auto;
	height:auto;
	margin:auto;
	float:left;
	color:#FFF;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	text-align: center;
	background-image: url(../imagenes/menu_sep.png);
	background-repeat: no-repeat;
	background-position:right;
	
	-webkit-transition: all 0.5s ease;
}
.boton:hover{
	color:#566e47;
	text-shadow: 0px 0px 5px #888888;
}

.boton-selected{
	width:auto;
	height:auto;
	margin:auto;
	float:left;
	color:#3e572d;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	text-align: center;
	background-image: url(../imagenes/menu_sep.png);
	background-repeat: no-repeat;
	background-position:right;
	text-shadow: 0px 0px 5px #888888;
}

.boton-selected-contacto{
	width:auto;
	height:auto;
	margin:auto;
	float:left;
	color:#3e572d;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	text-align: center;
	text-shadow: 0px 0px 5px #888888;
}

.boton-contacto{
	width:auto;
	height:auto;
	margin:auto;
	float:left;
	color:#FFF;
	text-align: center;
	padding-top: 10px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
	-webkit-transition: all 0.5s ease;
}
.boton-contacto:hover{
	color:#566e47;
	text-shadow: 0px 0px 5px #888888;
}

.footer{
	width:100%;
	height:60px;
	text-align: center;
	vertical-align: middle;
	min-width: 1100px;
	font-size:14px;
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:330px;
	padding-bottom:0px;
	float:left;
	letter-spacing:1px;
	background-image: url(../imagenes/bg_footer.png);
	background-repeat: repeat-x;
	margin-top:-320px;
	z-index:-1;
	position:relative;
}

.firma{
	font-size:14px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	
	-webkit-transition: all 0.5s ease;
}
.firma:hover{
	color:#566e47;
}

#footer_hostito {
	width:100%;
	height:15px;
	text-align: center;
	vertical-align: middle;
	min-width: 1100px;
	padding-top:10px;
	padding-bottom:10px;
}
.firma_hostito{
	font-size:10px;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	
	-webkit-transition: all 0.5s ease;
}
.firma_hostito:hover{
	color:#3e572d;
}

#contenido {
    clear: both;
	width:980px;
	height: auto;
	background:#FFFFFF;
	overflow:hidden;
	z-index:2;
	position:relative;
	margin-top: -10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 15px 10px 10px 10px;
	-webkit-box-shadow: inset 0px 0px 80px 0px rgba(153,153,153,1);
-moz-box-shadow: inset 0px 0px 80px 0px rgba(153,153,153,1);
box-shadow: inset 0px 0px 80px 0px rgba(153,153,153,1);
border-radius: 0px 0px 5px 5px;
}



.foto_destacados {
	width:290px;
	height:90px;
	float:left;
	margin:0px;
	border-left: 10px solid #3e6228;		
	filter: brightness(0.3);
	-webkit-filter: brightness(0.3);
	-moz-filter: brightness(0.3);
	-o-filter: brightness(0.3);
	-ms-filter: brightness(0.3);
	-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.75);
	-webkit-transition: all 0.5s linear;
	z-index:2;
	position:relative;
}

.foto_destacados:hover {	
	filter: brightness(1.1);
	-webkit-filter: brightness(1.1);
	-moz-filter: brightness(1.1);
	-o-filter: brightness(1.1);
	-ms-filter: brightness(1.1);
	-webkit-box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.5);
}

.titulo_destacados{
	font-family:BigNoodleTitling;
	color: #fff;
	font-size: 24px;
	z-index:3;
	bottom: 5px;
	left:15px;
	float:left;
	position: absolute;
	background: rgba(0,0,0,0.5);
	padding:2px 5px;
	border-radius:5px;
	text-transform: uppercase;
}


.box_destacados {
	background:#033;
	float:left;
	position: relative;
	height:90px;
	width:290px;
	margin: 30px 16px;
}



.box_1000 {
	height: auto;
	width:940px;
	float:left;
	padding:20px;
}



.box_600 {
	height: auto;
	width:600px;
	float:left;
	padding:0px;
}
.box_600b {
	height: auto;
	width:560px;
	float:left;
	padding:20px;
}
.box_600c {
	height: auto;
	width:650px;
	float:left;
	padding:20px;
}
.box_600d {
	height: auto;
	width:520px;
	float:left;
	padding:20px;
}
.box_400 {
	height: auto;
	width:370px;
	height: auto;
	float:left;
	margin: 20px 0px 0px 10px;
}

.box_400b {
	height: auto;
	width:280px;
	height: auto;
	float:left;
	margin-top: 40px;
}
.box400c {
	height: auto;
	width:400px;
	float:left;
	padding:10px;
}	
.box400c p{
	font-size:16px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 40px;
}
.box400c img{
	float:left;
}

.firma_header{
	color:#666;
}
.firma_header:hover{
	color:#485402;
	text-decoration: underline;
}

.box_noticias {
	height:auto;
	width:180px;
	float:left;
	background:#fff;
	padding:5px;
	text-align:center;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 0px;
	box-shadow: 2px 2px 2px #333333;
	border: 1px solid #999;
	min-height:245px;

}
.box_noticias h3{
	font-size: 16px;
	color: #38410a;
	margin: 8px 0px 3px 0px;
	padding: 0px;
	text-align:left;
}
.box_noticias p{
	font-size:12px;
	margin: 0px;
	padding: 0px;
}



.vermas2 {
	background-image: url(../imagenes/vermas2.png);
	height: 19px;
	width: 92px;
	float:right;
	background-position: 0px 0px;
	margin-top:10px;
	margin-bottom:5px;
	position: relative;
}

.vermas2:hover {
	background-image: url(../imagenes/vermas2.png);
	background-position: 0px -19px;
}



.fotos {
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	border: 1px solid #6b772b;
	float:left;
}

.fotos2 {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #6b772b;
	float:left;
	border-radius:50%;
}
.fotos2:hover {
	opacity:0.8;
}


	
.box_cv_interior{
	width:400px;
	height:auto;
	margin-top:90px;
	float:left;
	margin-left:10px;
}	
.box_cv_interior h1{
	font-size: 24px;
	color: #6b772b;
	padding:5px;
	margin: 0px;
}
.box_cv_interior p{
	font-size: 16px;
	padding:0 5px;
	margin:0px;
	text-align:left;
}	

 ul{
	font-size: 16px;
	padding:0px 40px;
	margin:-10px 10px 10px 10px;
	text-align:left;
	color: #666;
}


.fotos_servicios{
	height:165px;
	width:165px;
	margin:5px 13px;	
	border-radius:10px;
	-moz-box-shadow: 0 10px 14px -8px #000;
	-webkit-box-shadow: 0 10px 14px -8px #000;
	box-shadow: 0 10px 14px -8px #000;
}
.fotos_servicios:hover {
	opacity:0.8;
}


.foto_clientes {
	width:140px;
	height:140px;
	float:left;
	margin:18px;
	padding:5px;		
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
	-moz-filter: grayscale(1);
	-o-filter: grayscale(1);
	-ms-filter: grayscale(1);
	border-radius:50%;
	border: 1px solid #6b772b;;
	-webkit-transition: all 0.3s linear;
}

.foto_clientes:hover {	
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);
}



#bloque-img-mapa{
	width:auto;
	height:auto;
	float:left;
	padding:10px;
	border: 1px solid #ccc;
	margin-right: auto;
	margin-bottom: 10px;
	margin-top:20px;
	margin-left:-80px;
	text-align:center;
}


#galeria2{
	width:900px;
	height: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	margin-top:0px;
	background:#fff;
	border-radius: 5px 5px 0 0;
}