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

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Text+Me+One');
@import url('https://fonts.googleapis.com/css?family=Mogra');

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend, article, section, header, footer {margin:0;padding:0;border:none;outline:0;font-weight:normal;font-style:inherit;font-family:inherit;}
ol,ul{list-style:none;padding: 0; margin:0;}

/*PARA IE*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}

html, body {
        position: relative;
        height: 100%;
        font-family: 'Roboto', sans-serif;
    }

video { display: block; }

/*COMUNES*/
.center{text-align: center !important;}
.left{text-align: left !important;}
.right{text-align: right !important;}
.black{font-weight: bolder !important; }
.white{color:#fff !important;}
.dark{background-color: #333 !important;}
.rojizo{color: #c60e3b !important; }
.grisaceo{color: #666666 !important;}

.azulCode{color:#0000ff;font-weight: bold;}
.rojoCode{color:#ff0000;font-weight: bold;}
.amarilloCode{color:#f6b65d;font-weight: bold;}
.verdeCode{color:#00913d;font-weight: bold;}

.saltoInicial{margin-top: 100px;}
/*HOME*/

.seccion{width: 100%;clear: both;overflow: hidden;padding: 50px 0 0 0;position: relative;}

.titSeccion{width: 80%;margin:auto;font-size: 25px; padding-bottom: 5px;margin-bottom: 10px;color:#c60e3b;border-bottom: 1px solid #bbbbbb; font-family: 'Text Me One', sans-serif;}
.descriSeccion{font-size: 16px; font-weight: lighter;width: 80%; margin:auto;text-align: justify;padding-bottom: 20px;color:#333;}
.homeSpeTitle{font-size: 50px;font-family: 'Mogra', cursive; padding: 50px 50px 0 50px;text-align: center;}

/*SERVICIOS*/
.swiper-slide{

}
.especialImgR{width: 50% !important;}

/*CLIENTES*/
#clientes {
	width: 100%;	
	padding: 100px 0;
	overflow: hidden;
	position: relative;
}

#clientes>div{
	width: 70%;
	margin: auto;
}

#clientes .titSeccion{
	width: 90%;
	margin: auto;
}

#clientes .logoCliente {
	width: 25%;
	text-align: center;
	float:left;
	padding: 20px 0;
}

.logoCliente img{
	max-width: 80%;
	height: auto;
}

/*ZONA FOOTER*/


.end {
	font-size: 70px;
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
}

.start {
	font-size: 70px;
	position: absolute;
	top: 40%;
	width: 100%;
	text-align: center;
}

.contactaBt {
	position: absolute;
	top: 55%;
	width: 300px;
	left:0;
	right: 0;
	margin: auto;
	font-size: 24px;
	color:#ddd;
	padding: 20px;
	border: 1px solid #000;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	text-align: center;
	background: rgba(0,0,0,0.7);
}

.contactaBt:hover{
	background: rgba(0,0,0,0);
	color:#000;
}

.contactaBt:hover{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;-ms-transition: all 0.4s ease;}
.contactaBt{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;-ms-transition: all 0.4s ease;}

/* =Media Seccion*/

#medSection{
	width: 100%;
	height: 50vh;
	position: relative;
	overflow: hidden;
}

#medSection p {
	position: absolute;
	top:50%;
	width: 70%;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
	font-size: 35px;
	font-weight: lighter;
	color:white;
}

#medSection .contacto {background: -webkit-linear-gradient(top left, rgba(198, 14, 59, .85), rgba(200, 200, 200, .85)), url(../images/contacto/fondo-contacto2.jpg) no-repeat center top;background-size: cover;} 

.bcg-med {
	position: absolute;
	top: -100%;
	width: 100%;
	height: 200%;
	background: -webkit-linear-gradient(top left, rgba(10, 10, 100, .85), rgba(255, 255, 105, .85)), url(../images/home/fondo-proyectos.jpg) no-repeat center center;background-size: cover;
} 


/* = FOOTER */
#footer{
	background-color: #999999;
	width: 100%;
	overflow: hidden;
	padding: 20px 0;
}

#footer .direccion{
	float: left;
	margin-left:10px;
}
	#footer .direccion p{
		font-size: 16px;
		color: #fff;
		font-weight: lighter;
	}

#footer .enlaces {
	float: right;
	margin-right:10px;
	text-align: right;
}
	#footer .enlaces a{
		display: inline-block;
		font-size: 18px;
		font-weight: lighter;
	}

#footer .direccion a:link,.enlaces a:link{color:#fff;text-decoration: none;}
#footer .direccion a:visited,.enlaces a:visited{color:#fff}
#footer .direccion a:hover,.enlaces a:hover{color:#dadada}

.s2 .swiper-pagination.swiper-pagination-bullets{
	/*position: absolute;	
	top:0;*/
}

.swiper-pagination-bullet-active{
	background: #333 !important;
}


/* =SERVICIOS */
.ctNoMovilServicios {
    width: 100%;
    padding-top: 0px;
}

.NoMovilServicios {
	width: 90%;
	max-width: 1300px;
	margin: auto;
	text-align: center;
}

.ctNoMovilServicios .item-noMov-slide {
    background-position: center;
    background-size: cover;
    width: 24%;
    text-align: center;
    display: inline-block;
    margin: 30px 0;
    vertical-align: top;

}

.ctNoMovilServicios .item-noMov-slide img{
    width: 50px;
    text-align: center;
}

.respContacto{
	width: 100%;
	text-align: center;
}
.respContacto img{
	width: 85px;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (min-width: 640px) and (max-height: 720px){
	
	/* =Media Seccion*/

	#medSection{
		width: 100%;
		height: 100vh;
		position: relative;
	}

	#medSection p {
		top:40%;
		width: 90%;
		font-size: 30px;
	}
}

@media screen and (max-width: 640px){
	/*CLIENTES*/
	#clientes {
		width: 100%;	
		padding: 50px 0;
		overflow: hidden;
		position: relative;
	}

	#clientes>div{
		width: 90%;
		margin: auto;
	}

	#clientes .titSeccion{
		width: 90%;
		margin: auto;
	}

	.logoCliente img{
		max-width: 80%;
		height: auto;
	}

	#clientes .logoCliente {
		width: 50%;
		padding: 20px 0;
		padding: 20px 0;
	}
	
	/* =Media Seccion*/

	#medSection{
		width: 100%;
		height: 100vh;
		position: relative;
	}

	#medSection p {
		top:40%;
		width: 90%;
		font-size: 30px;
	}

	/* =Footer*/

	#footer .direccion{
		float: inherit;
		margin-left:0px;
		text-align: center;
	}
	

	#footer .enlaces {
		margin-top:10px;
		float: inherit;
		margin-right:0px;
		text-align: center;
	}
	
	.ctNoMovilServicios .item-noMov-slide {
	    width: 80%;
	    margin: 30px auto;
	}

}



@media screen and (min-width: 640px) and (max-width: 980px){
	

	#clientes .logoCliente {
		width: 33.3%;
		padding: 20px 0;
		padding: 20px 0;
	}

	.ctNoMovilServicios .item-noMov-slide {
	    width: 49%;
	    margin: 30px 0;
	}


}

@media screen and (min-width: 981px) and (max-width: 1200px){
  	
  	.ctNoMovilServicios .item-noMov-slide {
	    width: 32% !important;
	    margin: 30px 0;
	}
	
}

@media screen and (min-width: 1201px){

}

/**/
/*Transicion*/
/*
{-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;-ms-transition: all 0.4s ease;}
*/

/**/
/*Opacidad*/
/*
{opacity: 0.7;}
*/