/*
 Site By Ja! Estudio | 2016 | Armando Pérez
*/


/*----------------

font-family: 'Roboto Condensed', sans-serif;
font-family: 'Raleway', sans-serif;

color #5b5b5b
------------------*/

*{ font-family: 'Montserrat', sans-serif; font-weight: 300;}
a:hover, a:focus{text-decoration: none !important;}
@rojo = blue;

/*Pops */b
.fancybox-overlay{ background: rgba(5,0,17,.8) !important;}
.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    -webkit-border-radius: none !important; 
    -moz-border-radius: none !important;
    border-radius: none !important;
}
.fancybox-skin{
	background-color: #fff !important;
}
.fancybox-close{
	top: -30px;
    right: -30px;
}
.fancybox-nav span{ visibility: initial !important;}


a.flotante-tel{
	width: 100px;
	height: 50px;
	background-color: #d1232a;
	position: fixed;
	top: 120px;
	right: -50px;
	z-index: 1000;
	border-radius: 5px 0 0 5px;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	transition: all .3s;
	display: block;
}
a.flotante-tel:hover{
	right: 0;
	background-color: #d1232a;
}

#flontante-pop{
	background-color: #F2F1F0;
	display: inline-block;
	width: 100%;
	padding: 15px;
}
#flontante-pop h3{
	color: #d1232a;
	text-align: center;
	border-bottom: solid 5px #d1232a;
}
#flontante-pop ul{
	text-align: center;
	padding-left: 0;
}

#flontante-pop ul li{
	list-style: none;
	font-size: 16px;
	font-weight: 300;
}

#flontante-pop a{
	display:  block;
	text-align: center;;
	border: solid 2px #d1232a;
	width: 180px;
	text-transform: uppercase;
	color: #fff;
	border-radius: 6px;
	padding: 5px;
	font-weight: 800;
	background-color: #d1232a;
	margin: 20px auto 0px;
}


.fondo{ background-color: rgba(0,0,0,.1);}
.flex{display: flex; flex-wrap:wrap;}
/*NAVEGACION _______________________________________________________________________*/

header.header-normal{
	width: 100%; 
/*	height: 90px; */
	/*background-color: #fff; */
	position: initial; 
	display: inline-block;
	z-index: 102; 
	-webkit-transition: background-color .5s;
	transition: all .5s;
	/*position: absolute;*/
	background-color:rgba(256,256,256,.95);
}
	.content-logo-header{
		width: 100%;
		max-width: 300px;
		text-align: center;
		padding: 20px;
		transition: all 1s;
		float: left;


	}
		img.logoheader{ 
			width: 100%;
		}


	.content_menu{
		width: auto;
		text-align: center;
		/*background-color: #fff;*/
		-webkit-transition: all .5s;
		transition: all 1s;
		float: right;
		z-index: 1;
		margin-top: 20px;
		margin-right: 25px;
	}
	ul.menu-items { 
		padding: 10px;
	}
	ul.menu-items li{ 
		display: inline-block;  
		text-transform: uppercase;
		-webkit-transition: color .5s;
		transition: color .5s}

	ul.menu-items li a{
		color: #5b5b5b;
		padding: 8px 15px; 
		text-decoration: none;
		font-weight: 400;
		font-size: 13px; 
		/*vertical-align: top;*/
		transition: all .3s;
		font-family: "Heebo";
		border-bottom: solid 2px transparent;
	}
	ul.menu-items li a:hover{
		 text-decoration: none;
		 color: #d12229 ;
		/* border-bottom: solid 2px #d12229;*/

	}
	.content_menu img.redes{
		height: 18px; 
		margin: 5px 5px 0;
	}


.header-pegajoso{
	position: fixed;
	width: 100%;
	background-color: #fff; 
	display: inline-block;
	z-index: 102; 
	box-shadow: 0 0px 30px -5px rgba(0,0,0,.8);
	-webkit-transition: background-color .5s;
	transition: all .3s;
	margin-top: -200px;
}

.content-logo-header-pegajoso{
	width: 100%;
	max-width: 300px;
	float: left;
	text-align: center;
	padding: 20px;
	transition: all 1s;
}

.content_menu-pegajoso{
	width: auto;
	text-align: center;
	background-color: #fff;
	-webkit-transition: all .5s;
	transition: all 1s;
	float: right;
	margin: 25px 20px 0 0;
}
.content_menu-pegajoso a{
	color: #333 !important;
}
.content_menu-pegajoso ul.menu-items li a:hover{
	color: #d12229 ;
}
.content_menu-pegajoso li{
	border-bottom: solid 2px transparent !important;
}
.content_menu-pegajoso li:hover{
	/*border-bottom: solid 2px #d2232a !important;*/
}






	/* MENU RESPONSIVO */
	#menu_cuad{ width:60px; height:auto; margin: auto; text-align:left; display:none;}
	#menudesp{ width:100%; height:auto; margin: auto; padding: 10px; }
	#menudesp:hover > div{
		background-color: #d12229;
	}
	.lineamenu{ width:100%; 
		height:6px; 
		background-color:#bababa; 
		margin:6px 0; 
		cursor: pointer;
		display: block;
		transition: all .3s;
	}

	#menudesplegado{ width:100%; 
		height:100vh; 
		padding: 80px 0;
		position:fixed; 
		top: -2000px; 
		z-index: 104;   
		overflow: overlay;
	} 
		.cerrarmenu{  
			text-align: right; 
			font-size: 30px; 
			font-weight: 700; 
			color: #000; 
			cursor: pointer; 
			margin:-50px 50px;
			position: absolute;
			right: 0;
			font-family: 'Raleway';
			font-weight: 800;
		}
	#menudesplegado ul{ 
		width:100%; 
		max-width: 400px;
		text-align: center; 
		padding: 0;
/*		background-color: #fff;*/
		margin: auto;
		padding: 20px 10px;

	} 
	#menudesplegado ul li{
		font-size: 18px; 
		padding: 15px 0; 
		font-weight: 800; 
		cursor:pointer; 
		display: block; 
		margin: 0 auto; 
		color: #00306b; 
		border-bottom: solid 1px #ccc;
		transition: all .5s;
		text-transform: uppercase; } 
	#menudesplegado ul a{ color: #000; text-decoration: none; font-weight: 600; }
	#menudesplegado ul a:hover{ text-decoration: none; }
	#menudesplegado ul li:hover{text-decoration: none; background-color: #d2232a; color: #fff}
			.back-menu{ width:100%; height:100%; position:fixed; background-color: rgba(256,256,256,.95); display:none; z-index: 103}

	.dropdown-menu{
		border-radius: none !important; 
	}
	.dropdown-menu>li{
		width: 100%;
	}
	.dropdown-menu>li>a{
		color: #5b5b5b !important;
		width: 100%;
	}
	.dropdown-menu>li>a:hover{
		color: #fff !important;
		width: 100%;
		background:#d2232a !important;
	}



/* BANNER __________________________________________________________________________________*/

section#inicio{ display: inline; padding-top: 100px;}

.contenedor_de_banner{/* padding-top: 75px;*/}

#inicio .glyphicon-chevron-right:before, #inicio .glyphicon-chevron-left:before{ content: none !important}
#inicio .carousel-control.left {
    background-image: none !important;
}
#inicio .carousel-control.right {
    background-image: none !important;
}
#inicio .carousel-control .glyphicon-chevron-left img, #inicio .carousel-control .glyphicon-chevron-right img{ height: 20px}

#inicio .carousel-control{
	width: 50px !important;
}
#inicio .carousel-inner>.item{ overflow: hidden; background-color: #d12229}

.carousel-inner{ max-height: 600px; }

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
	opacity: 0;
}

#banner1{
	background: url(../img/banner_01.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
#banner2{
	background: url(../img/banner_02.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
#banner3{
	background: url(../img/banner_03.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
#banner4{
	background: url(../img/banner_04.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}


	span.captionimage{ 
		width: 100%;
		/*max-width: 1400px;*/
		position: absolute;
		display: block;
		/*background-color: rgba(0,0,0,.3);*/
		color: #fff;
		text-align: center;
		margin: auto;
		top: 30%;;
	}
	span.captionboton{
		width: 100%;
		/*max-width: 1400px;*/
		position: absolute;
		display: block;
		/*background-color: rgba(0,0,0,.3);*/
		bottom: 20px;
		min-height: 50px;
		text-align: center;
	}
	.content-frases{
		width: 80%;
		max-width: 1100px;
		display: block;
		margin: 0 auto;
		padding: 20px;
		/*background-color: rgba(0,0,0,.8);*/
		text-align: left;

	}

	.content-frases span{
		/*font-family: "Heebo";*/
		width: 100%;
		display: block;
		padding: 10px;
		/*background-color: rgba(0,0,0,.8);*/
		font-size: 32px;
		font-weight: 800;
		text-align: center;
		margin: 20px auto 0;
		text-transform: uppercase;
	}
	.content-frases span small{
		display: block;
		font-size: 18px;
		font-weight: 300;
		margin-top: 15px;
	}
	.imagenesslid{ width: 100%; height: auto;}

.scroll-downs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 50px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  margin: auto;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  margin-left: -1.5px; 
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}



	
/*Contenido del inicio*/
.content-gral{
	width: 100%;
	max-width: 1450px;
	min-height: 200px;
	margin: 0 auto;
	padding: 20px;
}
.content-grallist{
	width: 100%;
	max-width: 1450px;
	min-height: 200px;
	margin: 0 auto;
	padding: 20px;
}
	
h2.titulos{
	width: 100%;
	max-width: 900px;
	text-align: center;
	margin: 40px auto 20px;
	text-transform: uppercase;
	position: relative;
	font-weight: 800;
	font-size: 35px;
}

p.texto-inicio{
	max-width: 1000px;
	margin: auto;
	text-align: center;
	font-size: 18px;
	color: #5b5b5b;
}

div.content-items-servicios{
	width: 100%;
	min-height: 300px;
	display: flex;
	flex-wrap: wrap;

}

div.content-items-mapas{
	width: 100%;
	min-height: 185px;
	display: flex;
	flex-wrap: wrap;

}

	a.items-services-inicio{
		width: 32.3%;
		margin: .5%;
		min-height: 50px;
		background-color: #000;
		position: relative;
	}
	a.items-services-inicio span{
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0;
		text-align: center;
		color: #fff;
		background-color: rgba(0,0,0,.1);
		transition: all .5s;
	}

/* ----------------MAPAS-----------------------------  */	
	a.items-contacto-mapas{
		width: 32.3%;
		margin: .5%;
		min-height: 50px;
		background-color: #000;
		position: relative;
	}
	a.items-contacto-mapas span{
		position: absolute;
		width: 100%;
		height: 100%;
		bottom: 0;
		text-align: center;
		color: #fff;
		background-color: rgba(0,0,0,.1);
		transition: all .5s;
	}
	
/* ----------------MAPAS-----------------------------  */		

	div.title-services{
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	div.title-services h4.ver{
		text-transform: uppercase;
		font-weight: 300;
		padding: 5px;
		font-size: 14px;
		max-width: 160px; 
		margin: 0 auto 20px;
		background-color: transparent;/* background-color: #d12229;*/
		transition: all .3s;
	}
	div.title-services h4.ver img{
		width: 15px;
		margin-top: -3px;
	}
	div.separacion-title{
		width: 80%;
		max-width: 150px;
		height: 2px;
		background-color: #fff;
		margin:0 auto -10px auto;
	}
	img.image-servicios{
		width: 100%;
	}
	
	a.items-services-inicio:hover > span{
		background-color: rgba(0,0,0,.5);
	}
	a.items-services-inicio:hover h4{
		background-color: #d12229;
	}

.fancybox-inner{ overflow: hidden !important}


/*Nosotros*/
section.contenedor-bannersup{
	width: 100%;
	min-height: 350px;
	background: red;
	position: relative;
}

section#banner-nosotros{
	background: url(../img/bs-nosotros.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

span.title-nosotros{
	display: block;
	margin: auto;
	width: 100%;
	position: absolute;
	top: 180px;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	padding: 20px;
	color: #ccc
}
section.linea-rojo{
	width: 100%;
	padding: 50px 20px;
	/*background-color: #d12229;*/
	background-color: #E5E5E5;
}
section.linea-rojo p{
	width: 100%;
	max-width: 1000px;
	color: #000;
	/*color: #fff;*/
	text-align: center;
	font-size: 17px;
	font-weight: 300;
	margin: 0 auto;
}

.imagen-nosotros{
	width: 40%;
	background: url(../img/fondo-nosotros.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: relative;

}
.imagen-nosotros span{
	position: absolute;
	display: block;
	height: 120px;
	padding: 10px;
	top: 0%;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	color: #fff;
	text-align: center;

}
.imagen-nosotros span h3{
	text-transform: uppercase;
	font-size: 60px;
	font-weight: 800;
}

.imagen-nosotros span h4{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 300;
}

.texto-nosotros{
	width: 60%;
	padding: 20px;

}
.texto-nosotros p{
	font-size: 15px;
	text-align: justify;

}
div.mv{
	width: 50%;
	border-right: solid 1px #ccc;
	padding: 20px;
}
div.mv h2{
	font-weight: 800;
	font-size: 30px;
	text-transform: uppercase;
}
div.mv p{
	font-size: 17px;
	line-height: 1.7;
	color: #333;
	text-align: justify;
}
p.desc-apartados{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #5b5b5b;
}

div.separacion-title-large{
	width: 100%;
	height: 2px;
	background-color: #d12229;
	max-width: 600px;
	margin: 0 auto;
}

.images-clientes-aliados{
	text-align: center;
	margin: 20px auto 0;
	max-width: 1200px;
}

.images-clientes-aliados img{
	margin: 10px;
	height: 50px;
}
.alliados img{ opacity: .5}



/*Servicios*/
section#banner-limpieza{
	background: url(../img/bs_limpieza2.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.title-banner{
	width: 100%;
	text-align: center;
	margin: 130px auto 0;
	color: #fff;
	display: inline-block;
	padding: 20px;
	text-transform: uppercase;
	font-size: 50px;
	font-weight: 800;

}

.titlesub-servicios{
	width: 100%;
	text-align: center;
	margin: 0px auto 0;
	color: #fff;
	display: inline-block;
	padding: 5px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;

}

.linea-rojo p b{
	font-weight: 500;

}


.contet-tipos{
}

a.items-tipos{
	background-color: blue;
	width: 32.333%;
	margin: .5%;
	position: relative;

}

a.items-tipos img{
	width: 100%;
}
a.items-tipos span{
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	background-color: rgba(0,0,0,.4);
	display: block;
	transition: all .5s;
	cursor: pointer;
}

a.items-tipos:hover span{
	background-color: rgba(209,43,41,.9);
}
a.items-tipos:hover div.title-tipos h4{
    background-color: #333;
}
a.items-tipos:hover div.title-tipos h3{
	text-shadow: 0 0 20px rgba(0,0,0,0);
}

a.items-tipos div.title-tipos {
    width: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100px;
}
a.items-tipos div.title-tipos h3{
    color: #fff;
    text-align: center;
	padding: 10px;
	text-transform: uppercase;
	font-size: 25px;
	text-shadow: 0 0 20px rgba(0,0,0,1);
}
a.items-tipos div.title-tipos h4{
    color: #fff;
    background-color: transparent;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 5px;
    width: 160px;
    margin: 0 auto 15px;
    font-size: 12px;
	transition: all .5s;
	border: solid 1px #fff;
	border-radius: 3px;
}

a.items-tipos div.title-tipos h4 img{
   height: 15px;
}

.pop-tipos{
	background-color: #222;
	display: inline-block;
	/*padding: 10px;*/
	color: #fff;
}

.pop-tipos img{
	width: 100%;
}
.pop-tipos h2{
	padding: 10px;
	text-align: center;
}
.pop-tipos p{
	padding:  20px 50px;
	text-align: justify;
}






.content-galeria{
	justify-content: center;
}

a.galeria-items{
	width: 19.5%;
	margin: .25%;
	position: relative;
}

a.galeria-items img.image-galeria{
	width: 100%;

}

a.galeria-items span{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	transition: all .5s;
}
a.galeria-items:hover span{
	background-color: rgba(0,0,0,.5);

}
a.galeria-items span img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 15px;
	opacity: 0;
	transition: all .3s;

}
a.galeria-items:hover span img{
	height: 30px;
	opacity: 1;

}

.desc-galeria{
	width: 100%;
	text-align: center;
	color: #4E4F4E;
	font-weight: 300;
	font-size: 16px;
}

div.content-texto-demas{
	width: 50%;
	padding: 25px;
	min-height: 200px;
	text-align: justify;
	font-size: 15px;
	color: #3b3b3b;
}
div.content-texto-demas strong{
	display: block;
	margin: 10px 0 10px 0;

}

/*Pisos*/
section#banner-mantenimiento-ind{
	background: url(../img/bs-mantenimiento-industrial.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}


section#banner-pisos{
	background: url(../img/bs-pisos.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-mantenimiento-techos-naves{
	background: url(../img/bs-mantenimiento-de-techo-de-naves.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-abrillantado{
	background: url(../img/bs-pulido-y-abrillantado.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-poliuretano{
	background: url(../img/bs-poliuretano-espreado.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-poliurea{
	background: url(../img/bs-poliurea.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}


section#banner-desinfeccion {
    background: url(../img/desinfeccion/servicios-desinfeccion.png) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-laminacion {
    background: url(../img/bs-laminado.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-pinturas-ind {
    background: url(../img/bs-pinturas-industriales.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-dron {
    background: url(../img/bs-dron.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-techumbres{
	background: url(../img/bs-techumbres.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-imperprofe{
	background: url(../img/bs-imperprofe.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

section#banner-contacto{
	background: url(../img/bs-contacto.jpg) #d12229 no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}










/*contacto */
.contenttexto-santuario{
	width: 100%; 
	min-height: 200px;	
	display: flex;
	flex-wrap:wrap;
}
	#map_queretaro{z-index: 3;}
	
	.contenedorpestanas{ 
		width: 96%; 
		padding: 10px;
		text-align: center;
		margin: -30px auto -20px;
		background-color: #d2232a;
		z-index: 4;
		position: relative;
		margin: 20px auto 0;

	}
	.contenedorpestanas span{
		padding: 10px; 
		display: inline-block; 
		color: #fff; 
		background-color: #00306b;
		text-transform: uppercase;
		cursor: pointer;
		font-weight: 800;
	}
	
	.contenedorpestanas span:hover{background-color: #eabe02; color: #00306b;}
	#pes_qro{ background-color: #fff; color: #5b5b5b  }
	
	.contenedor_mapas{ 
		width: 100%; 
		height:500px;
		border-top: solid 4px #d2232a;
		position: relative;
		margin-top: -10px;
		border-bottom: solid 1px #d1d1d1;
	}
	.mapassucursales{ 
		width: 70%; 
		height: 100%;  
		position: absolute !important;
		right: 0
	}

	#content_globo h3{
		font-weight: 800;
		/*color: #24b7df;*/
	}
	#content_globo h4{
		font-weight: 700;
		color: #333;
	}

	#content_globo p{
		font-weight: 400;
		color: #333;
		font-size: 14px
	}
	#content_globo p b{
		font-weight: 800;
		color: #333;
		display: block;
		margin-top: 10px;
	}
	#content_globo p a{
		font-weight: 800;
		color: #00306b;
		display: block;
		margin-top: 10px;
	}


.content-info-mapas{
	width: 30%;
	background-color: #f6f6f6;
	height: 100%;
	position: absolute;
	padding: 50px 15px;
	border-right: solid 1px #d1d1d1;
}
.content-info-mapas h4{
	text-transform: uppercase;
	font-weight: 600;
}

.content-info-mapas p{
	font-size: 16px;
	width: 100%;
	margin-top: 40px;
}

.content-info-mapas p strong{
	display: block;
	 margin-bottom: 5px;
}

.content-info-mapas p b{
	font-weight: 500;
}




.content-items-contacto{
	width: 100%;
	max-width: 1000px;
	background-color: white;
	margin: 30px auto 30px;
	box-shadow: 0 6px 20px rgba(0,0,0,.3)
}

span.datos-izq{
	width: 50%;
	 background: url(../img/banner_01.jpg) no-repeat center center ;
	 min-height: 200px;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 background-size: cover;

}
span.datos-izqr{
	width: 50%;
	 background: url(../img/mapar.png) no-repeat center center ;
	 min-height: 200px;
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 background-size: cover;

}

span.datos-der{
	width: 50%;
	min-height: 100px;
	padding: 10px;
}

span.datos-der p{
	text-align: center;
	padding: 20px 0px 0px;
	font-size: 16px;
	font-weight: 400;
}

	
	form#formulario-contacto{ 
		margin: 0 auto;
		padding: 0 30px;
		max-width: 650px;
	}
		#formulario-contacto input, #formulario-contacto textarea {
			width: 100%;
			display: block;
			padding:10px 10px;
			margin: 0 auto 3px auto;
			resize:none;
			color: #000;
			/*background-color: rgba(15,138,209,.1);*/ 
			border: solid 1px #d7d7d7;
			font-size: 13px;
			font-weight: 400;
		}

		#formulario-contacto textarea{ height: 110px;}
		
		::-webkit-input-placeholder { color: #666; font-weight: 200; font-size: 14px }

		:-moz-placeholder { color: #666; font-weight: 200; font-size: 14px  } /* Firefox 18- */

		::-moz-placeholder { color: #666; font-weight: 200; font-size: 14px  } /* Firefox 19+ */

		:-ms-input-placeholder { color: #666; font-weight: 200; font-size: 14px  }

		.mitad-fom-plan{ 
			width: 50%;
			float: left;
		}

		button#botonenviar{
			display: block;
			background-color: #333;
			color: #fff;
			border: none;
			width: 99%;
			padding: 10px 50px;
			font-size: 20px;
			font-weight: 600;
			line-height: 1;
			margin: 0 auto;
			transition: all .3s;
		}
		button#botonenviar:hover{
			background-color: #000; 
		}
		button#botonenviar img{
			margin-left:  10px;
			height: 15px;
		}

input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

/* Mensaje de Alerta */
	.mensaje_alerta{ width: 300px; position: fixed; z-index: 1000000000; top: 50%; margin-top: -30px; left: 50%; margin-left: -150px; background-color: #000; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; display: none; }
		.mensaje_alerta span{ float: right; right: 0; color: #fff; font-weight: 700; margin: 0px 0px; cursor: pointer;  width: 20px; height: 20px; text-align: center;; margin: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-weight: 700; font-family: 'Roboto'}
		.mensaje_alerta span:hover{ background-color: rgba(0,0,0,.1);}
		.mensaje_alerta p{ width: 96%; color: #fff; margin: 30px auto; text-align: center; font-weight: 700;}
	.black_alert{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,.7); display:none; z-index: 10000009}


	div#negro{
			    position: fixed;
			    z-index:1000000;
			    width: 100%;
			    height: 100%;
			    background-color: rgba(0, 0, 0, .8);

			}

			div#dialogo{

			    position: fixed;
			    top:20%;
			    left:50%;
			    margin-left: -150px;
			    padding-bottom: 15px;
			    width: 90%;
			    max-width: 300px;
			    height: auto;
			    background-color: #fff;
			    border-radius: 3px;
			    z-index: 1000001;

			}

			div#dialogo p{
				font-weight: 300;
			    padding:10px;
			    padding-top: 20px;
			    font-size: 16px;
			    text-align: center;
/*			    font-family: 'montserratlight';*/

			    color: #000;}

			div#dialogo span{/*font-family: 'montserratlight'; */color: #fff; text-align: center; font-weight: 300; font-size: 12px; width: 100%; display: block; margin-bottom: 20px;}

.content-cobertura{
	width: 100%;
	border-top: solid 1px #D9DAD8;
	border-bottom: solid 1px #D9DAD8
}
.max-cober{
	max-width: 1450px;
	margin: auto;
}
.item-mapa{
	width: 60%;
	min-height: 200px;
	padding: 20px;
	border-right: solid 1px #D9DAD8
}

.item-mapa img{
	width: 100%;
}

.item-cobertura{
	width: 40%;
	min-height: 200px;
	padding: 20px;
	padding-top: 60px;
}

.item-cobertura-mapas{
	width: 40%;
	min-height: 200px;
	padding: 20px;
	padding-top: 20px;
}

.item-cobertura span{
	display: flex;
	align-items: center;
	margin-top: 20px;

}
.item-cobertura span p{
	font-size: 16px;
	padding-left: 30px;
	margin-bottom: 0;

}
.item-cobertura span p b{
	margin-left: -20px;
}




/*Footer */
footer#footer{
	width: 100%;
	min-height: 80px;
	background-color: #f7f6f4;
	padding: 0px 0 10px	;

}

	div.content-sombra{
		width: 100%;
		height: 20px;
		background-color: #fff;
		box-shadow: 0 5px 10px rgba(0,0,0,0.1)
	}

	.content-datos-footer{
		width: 100%;
		max-width: 1450px;
		margin: 0 auto;
		color: #fff;
		font-size: 13px;
		display: flex;
		flex-wrap:wrap;
		min-height: 150px;
		/*padding: 10px;*/
		border-bottom: solid 1px #b5b5b5;
	}
	.content-datos-footer img{
		width: 90%;
		max-width: 300px;
		margin: 80px auto;
		display: block;
	}
	.content-datos-footer div.content-logo-footer{
		width: 30%; 
		border-right: solid 1px #b5b5b5;
	}
	.content-datos-indram{
		width: 70%;
		min-height: 100px;
		display: flex;
		flex-wrap:wrap;
	}
	.content-datos-indram span{
		width: 50%;
		padding: 20px 20px 20px 50px;
	}
	.content-datos-indram span h4{
		color: #d12229;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 13px;
	}
	.content-datos-indram span ul{
		padding-left: 20px;
	}
	.content-datos-indram span ul li{
		color: #5b5b5b;
		font-size: 15px;
		/*list-style: none;*/
		line-height: 1.7;
		font-weight: 300;
	}
	
footer#footer p{
	width: 90%;
	max-width: 1100px;
	margin: 10px auto;
	color: #5b5b5b;
	font-size: 12px;
	text-align: center;

}

footer#footer p a{
	color: #5b5b5b; 
}
footer#footer p a:hover{
	color: #d12229;
}


/* Aviso de Privacidad*/
	h1#avisotitle{ font-weight: 900;  text-transform: uppercase; text-align: center; margin-top: 20px;}
	p#aviso_parrafo{
		font-weight: 300; 
		width: 80%; 
		max-width: 1280px; 
		margin: 30px auto; 
		border-top: solid 3px #000; 
		padding: 2%; 
		text-align: justify; 
		font-size: 14px;
	}
	
	p#aviso_parrafo strong{ 
		font-weight: 600;
	}

	p#aviso_parrafo span{ 
		font-weight: 800;
	}
	p#aviso_parrafo span b{ 
		display:  block;
		margin-top: 10px;
		margin-left: -10px;
	}

	p#aviso_parrafo strong{ 
		display: block; 
		margin-top: 15px;
		margin-bottom: 10px;
		font-weight: 700;
		color: #333; margin-left: -10px;
	}



























/* ----------------------- RESPONSIVE ----------------------- */

@media screen and (max-width: 1450px) {
	/*banner*/
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{width: auto; height: 80vh !important; max-width: initial !important; /*float: right;*/}
	.carousel-inner{ max-height: 80vh}
	
}


@media screen and (max-width: 1080px) {
	/*menú*/
	.content-logo-header-pegajoso{ max-width: 350px;}
	ul.menu-items li a{ padding: 8px}

	/*Servicios*/
	a.items-tipos div.title-tipos h3{
		 font-size: 20px;
	}

}

@media screen  and (max-width: 1000px){
	/*Nav*/
    .menu-items{ display: none}
    #menu_cuad{ display: block;}

    /*Contacto*/
    .content-info-mapas{ width: 40%;}
    .mapassucursales{ width: 60%;}

    .item-cobertura span p b{display: block;}
    .item-cobertura{padding-top: 0    }



}

@media screen and (max-width: 900px) {
	/*inicio*/
	a.items-services-inicio { width: 49%; }
	
	/*contacto rediseño*/
	a.items-contacto-mapas { width: 49%; }

	/*Servicios*/
	a.items-tipos{width: 49%;}
	.contet-tipos{ justify-content: center;}

}


@media screen and (max-width: 850px) {
	/*horarios*/
	div.items-horarios{ width:32.333% }
	.content-horarios{ justify-content: center;}

}

@media screen and (max-width: 800px) {
	/*Footer*/
	.items-footer{ width: 49%;}
	/*Galería*/
	.items-galeria{width: 24.5%;}
	.content-videos{ min-height: 200px;}
	div.title-services h4.ver{ margin:  0 auto 10px auto;}


}

@media screen and (max-width:767px) {
	/*mernú*/
	.dropdown ul li{padding: 10px 0 !important; font-size: 14px !important;}
	.dropdown ul li a{font-weight: 500 !important;}
	/*inicio*/
	p.texto-inicio{ font-size: 16px; font-text-align: justify;}
	.title-services h3{ font-size: 18px;}
	a.items-services-inicio span{     background-color: rgba(0,0,0,.3);}
	div.title-services h4.ver{     background-color: #d12229; }
	/*footer*/
	.content-datos-footer div.content-logo-footer{ display: none}
	.content-datos-indram{ width: 100%;}

	/*Nosotros*/
	section.linea-rojo p{ text-align: justify; font-size: 15px;}
	.imagen-nosotros{ width: 100%; min-height: 300px;}
	.texto-nosotros{ width: 100%;}

	/*Servicios*/
	a.galeria-items{width: 24.5%;}
	a.galeria-items span img{ opacity: 1; height: 20px; right: 10px; bottom: 10px; margin:0; left: initial; top: initial; }
	a.galeria-items:hover span img{ height: 20px; }
	a.galeria-items span { width: 40px; height: 40px; right: 0;bottom: 0; background-color: rgba(0,0,0,.5);}
	div.content-texto-demas{ width: 100%; padding: 25px 0 0 0;}
	div.content-texto-demas p{ margin-bottom: 0;}
	
	/*contacto*/
	.content-info-mapas{ width: 100%; position: initial; height: auto;}
    .mapassucursales{ width: 100%;}
    .contentgral-mapas{ position: relative; height: 500px;}
    .contenedor_mapas{ height: auto;}

	.item-mapa{
		width: 100%;
		border-bottom: solid 1px #D9DAD8;
		border-right: none;
	}
	.item-cobertura{ width: 400px; margin: auto;}
	.item-cobertura span p b{ display:  initial;}

    span.datos-izq{ width: 100%;}
    span.datos-der{ width: 100%;}

}

@media screen and (max-width: 680px) {
	/*Banner*/
	.content-frases h4{display: none;}
	.content-frases a{ display: none;}

	/*Inicio*/	
	.title-services h3{ margin-bottom: 5px;}
	.content-frases span{ font-size: 22px;}
	.content-frases{ width: 95%;}

	/*Footer*/
	.content-datos-contacto-footer span{
		display:  block; margin-top: 10px;
	}
	.telefono-footer{ margin-left: 0}

}

@media screen and (max-width: 600px) {
	/*Banner*/
	.carousel-inner{ max-height: 500px; }
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{height: 500px !important;}
	span.captionimage{ top: 100px;}
	.content-logo-banner{ max-width: 350px; width: 100%;}

	/*servicios*/
	a.galeria-items { width: 32.8%;}


}

	
@media screen and (max-width:550px){
	/*Footer*/
	footer#footer p { text-align:  center;}
	footer#footer p a{ display:  block; margin-top: 10px;}
	/*inicio*/
	a.items-services-inicio{ width: 99%;}
	
	/*contacto rediseño*/
	a.items-contacto-mapas{ width: 99%;}
	
	/*nosotros*/
	div.mv{ width: 100%;}
	div.mv p{ font-size: 15px;}
	
	/*Servicios*/
	a.items-tipos{width: 80%;}
	
}

@media screen and (max-width: 500px) {
	/*menú*/
	.content-logo-header-pegajoso{ max-width: 300px; padding:10px;}
	.content_menu-pegajoso{ margin: 10px 0px 0 0;}
	
	/*nosotros*/
	section.linea-rojo p{ font-weight: 300;}
	.desc-galeria{ font-weight: 300;}

	/*banner principal*/
	.content-frases{ width: 90%;}
	.carousel-inner{ max-height: 450px; }
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{height: 450px !important;}
	.content-frases span{ font-size: 12px;}


	/*contacto*/
	.title-banner{ font-size: 30px;}
	section.contenedor-bannersup{ min-height: 390px;}

	
}

@media screen and (max-width: 450px) {
	/*footer*/
	.content-datos-indram span{width: 100%;}
	/*servicios*/
	a.galeria-items{ width: 49.5%;}
	section.contenedor-bannersup{min-height: 250px}
	.title-banner{ margin: 50px auto 0}

	/*contacto*/
	.item-cobertura{ width: 100%;}

	/*NOSOTROS*/
	span.title-nosotros{ top: 50px;}


}

@media screen and (max-width: 400px) {
	/*menú*/
	.content-logo-header-pegajoso{ max-width: 200px; padding:10px;}
	.content_menu-pegajoso{ margin: 0px 0px 0 0;}
	#menu_cuad{ width: 50px; margin-top: 8px;}
	#menudesp{padding: 10px 5px;}
	.content-logo-header{ max-width: 200px;}
	.content_menu{margin-top: 0; margin-right: 0px;}

	/*Nosotros*/
	.images-clientes-aliados img{ height: 40px}

	/*Footer*/
	.items-footer{ width: 98%;}

	/*contacto*/
	.item-cobertura span p b{ display:  block;}
	.item-cobertura span img{ width: 20px;}
	.item-cobertura span{ margin-top: 10px;}
}

@media screen and (max-width: 350px) {
	/*conociendo*/
	img.images-heroes{ width: 60px}

}