/*=============================================
GLOBAL
=============================================*/

*{
	margin:0px;
	padding:0px;
	list-style: none;
	text-decoration: none;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif; 
}
body { font-size: 16px; }
*, body, p, a { -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }

ul, ol{
	padding:0px;
}

a, p { color:#666; margin: 0 !important; }

a:visited, a:link, a:focus, a:hover, a:active{
	list-style: none;
	text-decoration: none;
	color:#666;
}

.border-bottom { border-bottom:1px solid #eaeaea; }
.border-gris   { border: 1px solid #efefef; }

h1,h2,h3,h4,h5,h6 { padding: 0; margin: 0; }

h1 { font-weight: bold; }

h2 { font:bold 30px Arial, Helvetica Neue, Helvetica, sans-serif; }
h3 { font:bold 18px Arial, Helvetica Neue, Helvetica, sans-serif; color: #98b965;  }
h4 { font:bold 18px Arial, Helvetica Neue, Helvetica, sans-serif; color: #666666;  }

/*.form-control { height: 40px !important; } */
.max-width { max-width: 100%; }

.color-cafe, a.color-cafe   		{ color: #493723 !important; }
.color-verde, a.color-verde			{ color: #618037; }	
.color-tinto, a.color-tinto			{ color: #7f2929; }
.color-marino, a.color-marino		{ color: #23383f; }
.color-cremita, a.color-cremita		{ color: #a9411b; }
.color-gris, a.color-gris			{ color: #837f76; }
.color-amarillo, a.color-amarillo	{ color: #a76900; }
.color-azul, a.color-azul			{ color: #629bc1; }

.color-gris-bajito, a.color-gris-bajito { color:#737577; }
a.color-gris-bajito:hover { color:#444; }


a.btn-verde, input[type="submit"] { background: rgba(168,207,85,1); background: linear-gradient(to bottom, rgba(168,207,85,1) 0%, rgba(137,175,78,1) 100%);  
text-transform: uppercase; color: #fff; font-size: 18px; padding:7px 23px;
border-radius: 35px 5px 35px 7px;
-moz-border-radius: 35px 5px 35px 7px;
-webkit-border-radius: 35px 5px 35px 7px;
border: 0px solid #ffffff;

}
a.btn-verde:hover { color:#000; }

.barraSuperior{
	background:#f9fcf1;
	border-bottom: 1px solid #eaeaea;
}

.barraSuperior a{
	color:white;
}

.backColor, .backColor a{
	background:#89af4e;
	color:white;
}

.fondoBreadcrumb{
	margin-bottom:0px;
	background: rgba(0,0,0,0);
}
/*=============================================
BREADCRUMP
=============================================*/

.breadcrumb h2 { color:#a5b6c2; text-transform: uppercase;  }

/*=============================================
CATEGORIAS HOME
=============================================*/

.wrapper-general { display: block; width: 100%; padding: 60px 0 60px; }
.wrapper-general--gris { background-color: #f4f4f4; }

.wrapper-categorias { display: block; width: 100%; padding: 40px 0 0; }
.wrapper-categorias .title { padding-left:15px; display: block;  }
.wrapper-categorias .imagen { display: block; width: 100%; position: relative; }
.wrapper-categorias .imagen img { width: 100%; }
.wrapper-categorias .imagen > p { position: absolute; left: 15px; z-index: 9; bottom: 5px; margin:0; padding: 0;
font-size: 14px; font-weight: bold; }
.wrapper-categorias .imagen .btn-verde { position: absolute; bottom: 15px; right: 5px; z-index: 99; 
background: rgba(168,207,85,1); background: linear-gradient(to bottom, rgba(168,207,85,1) 0%, rgba(137,175,78,1) 100%);  
text-transform: uppercase; color: #fff; font-size: 18px; padding:7px 23px;
border-radius: 35px 5px 35px 7px;
-moz-border-radius: 35px 5px 35px 7px;
-webkit-border-radius: 35px 5px 35px 7px;
border: 0px solid #ffffff;

}

.wrapper-categorias .bar { float: left; display: block; width: 100%; margin-top: 0; padding-top: 15px;
padding-bottom: 5px; }
.wrapper-categorias h3 { font-weight: bold; font-size: 14px; color: #fff; text-align: right; margin: 0; padding-right: 15px; }

.wrapper-categorias .bar--cafe { background-color: #493723; }
.wrapper-categorias .bar--verde	{ background-color: #618037; }	
.wrapper-categorias .bar--tinto	{ background-color: #7f2929; }
.wrapper-categorias .bar--marino	{ background-color: #23383f; }
.wrapper-categorias .bar--cremita	{ background-color: #a9411b; }
.wrapper-categorias .bar--gris		{ background-color: #79756d; }
.wrapper-categorias .bar--amarillo	{ background-color: #a76900; }
.wrapper-categorias .bar--azul		{ background-color: #629bc1; }

.wrapper-categorias .description { float: left; width: 100%; display: block; padding: 10px 3%; background-color: #f9fcf1;  }

hr { float: left; width: 100%; margin:35px 0; height: 1px; background-color: #eaeaea; display: block; }


/*=============================================
PLECAS
=============================================*/

.wrapper-plecas { display: block; width: 100%; margin: 10px 0 50px; padding: 10px 0; background: #fafcf2; text-align: center; }
.wrapper-plecas img { max-width: 100%; margin:10px 0; }



/*=============================================
MOBILIARIO URBANO
=============================================*/

.wrapper-mb { display: block; width: 100%; padding: 40px 0 40px; position: relative;
	background: linear-gradient(to right, rgba(220,231,175,1) 0%, rgba(204,221,166,1) 100%); }
.wrapper-mb .texto { padding-left: 15px; }
.wrapper-mb .imagen { display: block; width: 100%; text-align: left; }


.wrapper-mb .container { position: relative; }



/*=============================================
SERVICIOS
=============================================*/

.wrapper-servicios { display: block; width: 100%; padding: 40px 0 40px; }
.wrapper-servicios .container { position: relative; }
.wrapper-servicios .texto { padding-left: 15px; }


.wrapper-servicios .servicios	{ display: table; margin-top: 20px; width: 100%;  }
.wrapper-servicios .servicio 	{ display: table-cell; vertical-align: bottom; float: none; }
.wrapper-servicios .imagen { text-align: center; margin-top: 20px; }
.wrapper-servicios .title { margin:10px 0 0; padding: 10px; background-color: #97b963; border-radius: 15px 15px 0px 0px;
-moz-border-radius: 15px 15px 0px 0px; -webkit-border-radius: 15px 15px 0px 0px; border: 0px solid #fff; }
.wrapper-servicios .title h5, .wrapper-servicios .title h4 { color: #fff; font-weight: bold; font-size: 17px; text-align: center; }
.wrapper-servicios .descripcion { background-color: #f9fcf1; padding: 10px; text-align: justify; }

/*=============================================
PROYECTOS
=============================================*/

.wrapper-proyectos { display: block; width: 100%; padding: 0px 0 0px; text-align: center; }
.wrapper-proyectos .bg-title { float: left; background-color: #dee9cc; padding: 20px 0px 20px; display: block; width: 100%; }
.wrapper-proyectos .bg-title h2 { padding-left: 15px; margin: 0; height: auto; }
.wrapper-proyectos .proyectos { float: left;; width: 100%; display: block; background-color: #eaeaea; padding: 15px 0; }
.wrapper-proyectos .proyectos img { max-width: 100%; }
.wrapper-proyectos .proyectos h5 { text-align: center; margin-top: 15px; }

/*=============================================
NOTICIAS
=============================================*/

.wrapper-noticias { display: block; width: 100%; padding: 45px 0 0px; text-align: center; }
.wrapper-noticias .bg-title { float: left; background-color: #dee6cc; padding: 20px 0px 20px; display: block; width: 100%; }
.wrapper-noticias .bg-title h2 { padding-left: 15px; margin: 0; height: auto; }
.wrapper-noticias .noticias { float: left;; width: 100%; display: block; padding: 15px 0; }
.wrapper-noticias .noticias img { max-width: 100%; }
.wrapper-noticias .noticias h2 { font-size: 18px; margin:15px 0 10px; }
.wrapper-noticias .descripcion { float: left; background-color:#f9fcf1; padding: 0 15px 25px; text-align: justify; }

/*=============================================
CATEGORÍAS
=============================================*/

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span,
.pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #89af4e;
    border-color: #89af4e;
}
.pagination> li> a, .pagination> li> span { color: #000; }
.pagination> li> a:hover, .pagination> li> span:hover { color: #000; }

.grid0 .img-responsive { border: 1px solid #efefef; }


/*=============================================
ACERCA DE
=============================================*/

.wrapper-verde { display: block; width: 100%; padding: 40px 0 40px; position: relative;
	background: linear-gradient(to right, rgba(220,231,175,1) 0%, rgba(204,221,166,1) 100%); }


/*=============================================
PROYECTOS
=============================================*/

.proyectos-resultados h4 { margin-top: 15px; }
.proyectos-resultados .col-xs-12  {  }


/*=============================================
MICROSITOS
=============================================*/

.wrapper-wupc  { margin: 60px 0;  }



/*=============================================
REDES SOCIALES
=============================================*/

.redSocial{
	width:30px;
	height:30px;
	text-align: center;
	line-height:30px;
}

/*FACEBOOK*/

.facebookBlanco{
	color:#c6c0af;
}

.facebookNegro{
	color:black;
}

.facebookColor{
	color:white;
	background:#46639f;
}

/*LINKEDIN*/

.linkedinBlanco{
	color:#c6c0af;
}

.linkedinNegro{
	color:black;
}

.linkedinColor{
	color:white;
	background:#46639f;
}

/*YOUTUBE*/

.youtubeColor{
	color:white;
	background:#d6513e;
}

.youtubeBlanco{
	color:#c6c0af;
}

.youtubeNegro{
	color:black;
}

/*TWITTER*/

.twitterColor{
	color:white;
	background:#0ab2e6;
}

.twitterBlanco{
	color:#c6c0af;
}

.twitterNegro{
	color:black;
}

/*GOOGLE PLUS*/

.googleColor, .google-plusColor{
	color:white;
	background:#d71617;
}

.googleBlanco, .google-plusBlanco{
	color:#c6c0af;
}

.googleNegro, .google-plusNegro{
	color:black;
}

/*INSTAGRAM*/

.instagramColor{
	color:white;
	background:linear-gradient(45deg, #fca925, #ee1d5f,  #6350a2);

}

.instagramBlanco{
	color:#c6c0af;
}

.instagramNegro{
	color:black;
}

/*=============================================
ERROR 404, VERIFICAR
=============================================*/

.error404 .verificar{
	color:#333;
}

/*=============================================
SCROLL UP
=============================================*/
#scrollUp{
	display: none !important;
	bottom: 40px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: url(../img/plantilla/flecha.jpg);
}


/*=============================================
ESCRITORIO GRANDE (LG revisamos en 1366px en adelante)
=============================================*/

@media (min-width:1200px){

	.col-lg-0{
		display: none;
	}

	.error404 h1{
		font-size:300px;
		text-shadow:8px 8px 1px #dadada;
	}

	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}

}

/*=============================================
ESCRITORIO MEDIANO O TABLET HORIZONTAL (MD revisamos en 1024px)
=============================================*/

@media (max-width:1199px) and (min-width:992px){

	.col-md-0{
		display: none;
	}

	.error404 h1{
		font-size:200px;
		text-shadow:6px 6px 1px #dadada;
	}

	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}

}

/*=============================================
ESCRITORIO PEQUEÑO O TABLET VERTICAL (SM revisamos en 768px)
=============================================*/

@media (max-width:991px) and (min-width:768px){

	.col-sm-0{
		display: none;
	}

	.error404 h1{
		font-size:150px;
		text-shadow:4px 4px 1px #dadada;
	}

	.verificar h3{
		margin-top:30px;
		font-size:100px;
		text-shadow:4px 4px 1px #dadada;
	}

}

/*=============================================
MAX TABLET (revisamos en 991px)
=============================================*/

@media (max-width:991px){

	.wrapper-menu { display: none !important; }

	.wrapper-servicios .servicio { display:block; }
	.wrapper-proyectos h4, .wrapper-noticias h4 { margin-bottom: 20px; }
	.wrapper-mb .imagen { text-align: center; }
	header dl, #buscador { display: none; }
	header { border-bottom: 3px solid #89af4e; }
	header .iconos-cabezote { display: block; }
	#scrollUp { display: none; }

}

/*=============================================
MIN ESCRITORIO (revisamos en 991px)
=============================================*/

@media (min-width:992px){

	.wrapper-mb .container::after { content: ""; background-image:url('../img/plantilla/bg-planta-01-min.png') ; width: 278px; 
height: 342px; position: absolute; bottom: -40px; right: 0 }
	.wrapper-servicios .container::after { content: ""; background-image:url('../img/plantilla/bg-planta-02-min.png') ; width: 278px; 
height: 152px; position: absolute; top: -40px; right: 0 }
	header .iconos-cabezote { display: none; }

	#servicios .container::after { content: ""; background: none; width: 0px; 
height: 0px;  top: 0px; right: 0 }

	.grid0 li { min-height: 450px; }

	
}



/*=============================================
MOVIL (XS revisamos en 320px)
=============================================*/

@media (max-width:767px){

	.col-xs-0{
		display: none;
	}

	.error404 h1{
		font-size:75px;
		text-shadow:2px 2px 1px #dadada;
	}

	.verificar h3{
		margin-top:30px;
		font-size:50px;
		text-shadow:2px 2px 1px #dadada;
	}
	#top { display: none !important; }
	header #logotipo img { padding-left:0 !important; padding-right: 0 !important; }


}