@font-face {
	font-family:"Androgyne_TB";
	src:url("../fonts/Androgyne_TB.eot?") format("eot"),
	url("../fonts/Androgyne_TB.woff") format("woff"),
	url("../fonts/Androgyne_TB.ttf") format("truetype"),
	url("../fonts/Androgyne_TB.svg#Androgyne_TB") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face {
  	font-family:"Montserrat-Bold";
  	src:url("../fonts/Montserrat-Bold/Montserrat-Bold.eot?") format("eot"),
  	url("../fonts/Montserrat-Bold/Montserrat-Bold.woff") format("woff"),
  	url("../fonts/Montserrat-Bold/Montserrat-Bold.ttf") format("truetype"),
  	url("../fonts/Montserrat-Bold/Montserrat-Bold.svg#Montserrat-Bold") format("svg");
  	font-weight:normal;
  	font-style:normal;
}
@font-face {
  	font-family:"Montserrat-Regular";
  	src:url("../fonts/Montserrat-Regular/Montserrat-Regular.eot?") format("eot"),
  	url("../fonts/Montserrat-Regular/Montserrat-Regular.woff") format("woff"),
  	url("../fonts/Montserrat-Regular/Montserrat-Regular.ttf") format("truetype"),
  	url("../fonts/Montserrat-Regular/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
  	font-weight:normal;
  	font-style:normal;
}


#contenedor{
	width:100%;
	overflow:hidden;
	z-index:9999;
	position:relative;
}

.pad{
	padding-left:0px;
	padding-right:0px;
}

.clear{
	clear:both;
}

header{
  	background: url(../img/bg1.jpg) no-repeat;!important;
  	box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  	z-index: 1;
}

#head-menu {
    position: relative;
    z-index: 111;
}

#logo{
  	background: #FFF;
  	box-shadow:  0px 5px 13px rgba(0, 0, 0, 0.6);
}

#navbar a {
    color: #002873;
	font-size: 20px;
	float: left;
	position: relative;
	padding: 18px 30px;
	margin-left: 0px;
	font-family:"Androgyne_TB";
	margin-top: 30px;
	text-decoration: none !important;
}

#navbar .selec {
    background-color: #002873;
    color: #fff;
    text-decoration: none !important;
}

#navbar .hover {
    background-color: #002873;
    color: #fff;
    text-decoration: none !important;
}

#carousel-home .carousel-indicators li{
  	background: #fff;
  	border-color: #fff;
	border-width: 2px;
}

#carousel-home .carousel-indicators .active{
  	background: #00aded;
  	border-color: #00aded;
}

.home-ser {
    margin: 10px 0;
    float: left;
    position: relative;
    width: 100%;
    text-align: center;
}

#home-ser{
	padding: 20px 15px;
	background: url(../img/motivo.jpg);
}

.home-ser{
	margin: 10px 0;
	float: left;
	position: relative;
	width: 100%;
	text-align: center;
}

.home-ser-text{
	position: absolute;
	top: 25%;
	width: 100%;
}

.home-ser h1{
	font-family:"Androgyne_TB";
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-shadow: 1px 4px 2px #000;
}

.home-ser a{
	display: inline-block;
	padding: 8px 12px;
	border: solid 1px #fff;
	font-family:"Montserrat-Regular";
	color: #fff;
	font-size: 15px;
	margin-top: 20px;
	background: #00aded;
}

.home-ser a:hover{
	background: #002873;
	text-decoration: none;
	color: #fff;
}

#home-pq {
    background: repeat right #fff;
    padding: 64px 15px;
}

#home-pq h1{
	font-family:"Androgyne_TB";
	color: #002873;
	font-size:34px;
	border-bottom: 2px solid #002873;
	padding-bottom: 12px;
}

#home-pq p{
	margin-top: 22px;
	font-size: 17px;
	color: #797777;
	font-family:"Montserrat-Regular";
	line-height: 23px;
	text-align: justify;
}

#home-frase{
	background: url(../img/home/bg.jpg) no-repeat center;
	padding: 171px 15px;
	background-attachment: fixed;
	background-size: cover;
}

#home-frase h1{
	text-align: center;
	color: #fff;
	font-size: 46px;
	font-family:"Androgyne_TB";
	line-height: 56px;
	text-shadow: 1px 4px 2px #000;
}

#home-frase2{
	padding: 107px 15px;
	color: #fff;
	font-size: 80px;
	background: url(../img/motivo.jpg);
}

#home-frase2 h1{
	text-align: center;
	font-size: 30px;
    text-transform: uppercase;
	color: #a7a7a7;
    font-family:"Montserrat-Bold";
    line-height: 39px;
}

footer{
  	background: #002873;
  	padding: 15px 0px;
  	border-top: 4px solid #fff;
}

footer p {
	font-family:"Montserrat-Regular";
    color: #fff;
	font-size: 17px;
	padding-bottom: 8px;
	line-height: 25px;
}

footer h1 {
    color: #fff;
	font-size: 25px;
	padding-bottom: 13px;
	font-family:"Montserrat-Bold";
}

#fb{
  	background: url(../img/redes.png) no-repeat left;
  	width: 76px;
  	height: 69px;
  	float: left;
  	margin-left: 0%;
  	position: relative;
}

#fb:hover{
  	background: url(../img/redes-h.png) no-repeat left;
}

#ins{
  	background: url(../img/redes.png) no-repeat right;
  	width: 106px;
    height: 69px;
  	float: left;
  	position: relative;
  	margin-left: 5px;
}

#ins:hover{
  	background: url(../img/redes-h.png) no-repeat right;
}

#web {
  	background: url(../img/web.png) no-repeat right;
  	padding: 3px;
  	padding-right: 145px;
  	margin-left: 20%;
  	color: #fff;
  	position: relative;
  	font-family:"Montserrat-Regular";
}
#web:hover{
  	background: url(../img/web-h.png) no-repeat right;
  	text-decoration: none;
}

.motivo{
  	background: url(../img/motivo.jpg);
}

#empresa-texto h1{
    font-family: "Androgyne_TB";
    color: #002873;
    font-size: 34px;
    margin-top: 84px;
}

#empresa-texto p{
  	text-align: justify;
	color: #797777;
	font-size: 17px;
	line-height: 23px;
	margin-top: 12px;
	font-family: "Montserrat-Regular";
}

#img-empresa{
  	margin-top: 20px;
  	z-index: -111;
}

#empresa2{
  	background: repeat right #f2f2f2;
  	padding-bottom: 100px;
  	padding-top: 50px;
  	margin-top: 20px;
  	border-top: 5px solid #002873;
}

.mision {
    text-align: center;
    color: #000;
    width: 100%;
    display: block;
    margin: auto;
    margin-top: auto;
    margin-top: 20px;
}

.mision img{
  	border: solid 5px #002873;
  	max-width: 180px;
  	max-height: 180px;
}

.mision h1{
  	font-family: "Androgyne_TB";
  	margin-top: 15px;
  	color:#002873;
}

.mision p{
	padding: 21px;
	color: #797777;
    font-size: 17px;
	line-height: 23px;
	margin-top: 25px;
	font-family: "Montserrat-Regular";
}

#titulo-servicios{
  	margin-top: 50px;
  	padding-bottom: 30px;
}

#titulo-servicios h1{
  	font-family: "Androgyne_TB";
    color: #002873;
    font-size: 34px;
  	text-align: left;
 	padding-bottom: 10px;
}

.servicios-b{
  padding-bottom: 30px;
  float: left;
  position: relative;
  width: 100%;
  margin-top: -32px;
}

.servicio{
  	float: left;
  	position: relative;
  	width: 100%;
  	margin-top: 30px;
}

.servicio-caption{
  	position: absolute;
  	bottom: 0px;
  	left: 0px;
  	background: rgba(0, 173, 237, 0.75);
  	width: 100%;
  	padding: 15px;
  	font-family:"Montserrat-Bold";
  	color: #FFF;
  	font-size: 17px;
}

.mas{
  	position: absolute;
  	right: 15px;
  	top: 15px;
  	color: #FFF;
}

#titulo-servicios a{
  	float: right;
  	font-family:"Montserrat-Bold";
  	font-size: 20px;
  	padding: 10px;
  	margin-top: 20px;
  	position: relative;
  	background: #00aded;
  	color: #FFF;
	text-decoration: none !important;
}

#titulo-servicios a:hover{
  	background: #002873;
  	color: #FFF;
	text-decoration: none !important;
}

#servicios-fotos{
  	margin-top: -34px;
  	padding-bottom: 50px;
}

.servicio-foto{
  	float: left;
  	position: relative;
  	width: 100%;
  	margin-top: 20px;
}

.servicio-foto:hover .ser-mas{
  	width: 100%;
  	display: block;
  	height: 100%;
  	position: absolute;
  	left: 0px;
  	z-index: 10;
  	top: 0px;
  	background: rgba(0, 0, 0, 0.20);
}

.ser-foto-cap{
  	float: left;
  	position: relative;
  	margin-top: 3px;
  	background: #00aded;
  	color: #FFF;
  	font-family:"Montserrat-Bold";
  	padding: 10px;
  	width: 100%;
  	font-size: 15px;
  	z-index: 20;
}

.ser-mas{
  	display: none;
}

.mas-s{
  	color: #FFF;
  	font-size: 40px;
  	text-align: center;
  	width: 100%;
  	margin-top: 25%;
}

#diseno {
    padding-bottom: 100px;
    margin-top: 20px;
	background: url(../img/bg1.jpg) !important;
}

.diseno h1{
  	font-size: 20px;
	color: #00aded;
	font-family:"Montserrat-Bold";
	text-shadow: -4px -1px 1px #fff;
	margin-top: 0px;
}

.diseno p{
	text-align: justify;
    color: #797777;
    font-size: 17px;
    line-height: 23px;
	float: left;
	margin-top: 7px;
}

.diseno-contenido{
	margin-top: 20px;
}

.diseno-img img{
	 margin-bottom: 50px;
}

.politicas {
   	position: relative;
   	float: left;
   	margin-top: 45px;
}
.politicas p{
	font-family:"Montserrat-Regular";
	font-size: 16px;
	margin-top: -23px;
}
.politica{
 	background: #002873;
 	float: left;
 	position: relative; 
 	width: 50%;
 	padding: 10px;
	text-decoration: none !important;
}

.photo2 {
	background-attachment: scroll;
	background-size: auto auto;
	padding: 140px 0px;
	color: #fff;
	background-attachment: fixed;
	background-size: cover;
	background: url(../img/servicios-bg4.jpg) no-repeat center top;
}

.photo2 h1{
  	font-family:"Montserrat-Bold";
  	font-size: 40px;
  	text-align: center;
  	color: #FFF;
}

#contacto{
  	border-top: solid 2px #002873;
  	padding-top: 40px;
  	margin-top: 100px;
}

#texto-cont h1{
  	font-size: 34px;
  	color: #ff5f00;
}

#texto-cont p{
  	text-align: justify;
  	font-family:"Montserrat-Regular";
  	margin-bottom: 20px;
  	margin-top: 30px;
  	font-size: 17px;
	line-height: 23px;
	color: #797777;
}

#texto-cont img{
  	float: right;
}

#formulario{
  	margin-bottom: 10px;
}

#formulario h2{
    font-family:"Montserrat-Bold";
  	font-size: 18px;
  	text-transform: uppercase;
  	margin-top: 6px;
}

#formulario input{
	width:100%;
	background-color:transparent;
	border:solid 1px #002873;
	color:#000;
	font-family:"Montserrat-Bold";
	font-size:16px;
	padding:10px;
	margin-top:2px;
}

#formulario textarea{
	width:100%;
    background-color:transparent;
	border:solid 1px #002873;
	color:#000;
	font-family:"Montserrat-Bold";
	font-size:16px;
	padding:15px;
	height:95px;
	margin-bottom:7px;
	margin-top:2px;
}

#enviar{
	width:90px !important;
	border:none !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:16px !important;
	color:#FFF !important;
	text-align:center;
    font-family:"Montserrat-Bold";
	background:#00aded !important;
	margin-top:5px !important;
	margin-bottom:0px !important;
	padding:10px 0px !important;
	margin-right:15px;
}

#enviar:hover{
	background:#002873 !important;
}

#borrar{
	width:90px !important;
	border:none !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:16px !important;
	color:#FFF !important;
	text-align:center;
  	font-family:"Montserrat-Bold";
  	background:#00aded!important;
	margin-top:5px !important;
	margin-bottom:0px !important;
	padding:10px 0px !important;
}

#borrar:hover{
	background:#002873 !important;
}

#mapa{
    margin-top: 30px;
    padding-bottom: 20px;
}

#map{
	height:315px;
	margin-bottom:30px;
	margin-top:30px;
    border: solid 1px #002873;
}

#ampliar{
	background-color: #00aded;
	text-shadow: 1px 1px 1px #000;
    color: #FFF;
    text-align: center;
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
    text-decoration: none !important;
	bottom:15px;
	font-size:18px;
	right:45%;
	font-family:"Montserrat-Bold";
}

#ampliar:hover{
	background: #002873;
}

#back-top {
    background-image: url(../img/whatsapp.png);
    width: 51px;
    height: 51px;
    position: fixed;
    right: 15px;
    z-index: 900;
    bottom: 18px;
}



@media (max-width: 600px) and (min-width:400px){
	
	#carousel-home h1 {
    	font-size: 21px;
    	margin-top: 21%;
	}
	#navbar a {
   		margin-top: 0px;
    }
	#home-frase h1 {
    	font-size: 20px;
    	line-height: 37px;
    }
	#home-frase2 h1 {
    	font-size: 28px;
    }
	footer h1 {
    	font-size: 22px;
    }
	#empresa-texto h1 {
    	font-size: 26px;
    	margin-top: 35px;
	}
	#titulo-servicios h1 {
    	font-size: 26px;
	}
	.photo2 h1 {
    	font-size: 24px;
    }
	#home-pq h1 {
    	font-size: 20px;
    }
	.servicio-caption {
   		font-size: 15px;
	}
}




@media (max-width: 780px)and (min-width:601px){

	header{
       height: auto;
	}
	.menu a{
   		width: 100%;
 	}
	#navbar a {
   		margin-top: 0px;
    }
	#carousel-home h1 {
    	font-size: 21px;
    	margin-top: 21%;
	}
	#home-pq h1 {
    	font-size: 18px;
    }
	#home-frase h1 {
    	font-size: 20px;
    	line-height: 37px;
    }
	#home-frase2 h1 {
    	font-size: 28px;
    }
}


@media (max-width:900px) and (min-width:780px){
	
	#carousel-home h1 {
    	font-size: 50px;
    	margin-top: 21%;
	}
	header{
  		height:auto;
   		background: #fff;
  		box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  		z-index: 1;
  		position:relative;
  		float:left;
	}
	#navbar a{
		font-size: 17px;
		float: left;
		position: relative;
		padding: 10px 7px;
		margin-left: 52px;
		margin-top: 10px;
	}
	#logo{
  		background: #FFF;
  		box-shadow:  0px 5px 13px rgba(0, 0, 0, 0.6);
  		width:100%;
	}
	#empresa-texto h1 {
    	font-size: 24px;
		margin-top: 41px;
	}
	.photo2 h1{
    	font-size: 28px;
  	}
	#home-pq h1 {
    	font-size: 18px;
    	padding-bottom: 9px;
	}
	#home-frase h1 {
     	font-size: 22px;
    	line-height: 34px;
    }
	#home-frase2 h1 {
    	font-size: 25px;
    }
	footer h1 {
    	font-size: 18px;
 	}
	footer p {
    	font-size: 15px;
   	}
	.mision h1 {
    	font-size: 24px;
	}
	.mision p {
    	font-size: 18px;
    	margin-top: -4px;
    }
	.servicio-caption {
  		font-size: 14px;
	}
	#titulo-servicios h1 {
    	font-size: 24px;
		margin-top: -23px;
	}
	#titulo-servicios a {
   		font-size: 14px;
   		margin-top: 14px;
    }
	.diseno h1 {
    	font-size: 18px;
    	margin-top: -14px;
	}
	#texto-cont p {
    	font-size: 17px;
    }
	#formulario h2 {
    	font-size: 16px;
    }
	.ser-foto-cap {
   		font-size: 10px;
    }
}



@media (max-width:1000px) and (min-width:900px){
	
	header{
  		height:auto;
  		background: #fff;
  		box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  		z-index: 1;
  		position:relative;
  		float:left;
	}
	#navbar a{
  		font-size: 17px;
		float: left;
		position: relative;
		padding: 10px 7px;
		margin-left: 80px;
		margin-top: 10px;
	}
	.hero { 
		width: 980px; 
	}
	#home-pq h1 {
    	font-size: 22px;
    }
	#home-frase h1 {
    	font-size: 30px;
    	line-height: 50px;
    }
	#home-frase2 h1 {
    	font-size: 35px;
    }
	#empresa-texto h1 {
    	margin-top: 38px;
    	font-size: 30px;
	}
	#titulo-servicios h1 {
    	font-size: 30px;
    }
	#texto-cont p {
   		margin-top: -24px;
    }

    .diseno h1 {
  		margin-top: -24px;
	}

	.photo2 h1 {
  		font-size: 28px;
  	}

	#contacto {
    	margin-top: 25px;
	}
}

@media (max-width:1200px) and (min-width:1000px){
	
	header{
  		height:auto;
  		background: #fff;
  		box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  		z-index: 1;
  		position:relative;
  		float:left;
	}
	#navbar a{
  		font-size: 20px;
		float: left;
		position: relative;
		padding: 10px 7px;
		margin-left: 80px;
		margin-top: 10px;
	}
	.home-ser h1 {
    	font-size: 16px;
    }
	#home-pq h1 {
    	font-size: 23px;
    }
	#home-frase h1 {
   		font-size: 30px;
    	line-height: 44px;
    }
	#home-frase2 h1 {
    	font-size: 28px;
    }
	#empresa-texto h1 {
    	margin-top: 45px;
    	font-size: 31px;
	}
	#titulo-servicios {
   		padding-bottom: 16px;
	}
	#titulo-servicios h1 {
    	font-size: 31px;
    	margin-top: -33px;
	}
	#titulo-servicios a {
    	margin-top: 6px;
    }

    .diseno h1 {
  		margin-top: -23px;
	}
	.ser-foto-cap {
    	font-size: 13px;
    }
}


@media (max-width:1300px) and (min-width:1200px){
	
	.me{
		color: #fff;
	}
	header{
  		background: #fff;
  		box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  		z-index: 1;
  		position:relative;
  		float:left;
	}
	#navbar a{
	  	font-size: 14px;
  		float: left;
  		position: relative;
  		padding: 18px 26px;
	}
	.home-ser h1 {
    	font-size: 16px;
	}
	.ser-foto-cap {
   		font-size: 13px;
     }

     #home-frase h1 {
  		font-size: 34px;
  	}
	
}


@media (max-width:1400px) and (min-width:1300px){
	
	.me{
		color: #fff;
	}
	header{
  		background: #fff;
  		box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  		z-index: 1;
  		position:relative;
  		float:left;
	}
	#navbar a{
	  	font-size: 14px;
  		text-transform: uppercase;
  		float: left;
  		position: relative;
  		padding: 18px 41px;
	}
	.home-ser h1 {
    	font-size: 16px;
	}
	#home-pq h1 {
    	font-size: 25px;
    }
	#home-frase h1 {
    	font-size: 35px;
    	line-height: 51px;
	}
	.ser-foto-cap {
   		font-size: 11px;
    }
	
}

@media (max-width:1500px) and (min-width:1400px){
	
	.me{
		color: #fff;
	}
	header{
  		background: #fff;
  		box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  		z-index: 1;
  		position:relative;
  		float:left;
	}
	#navbar a{
	  	font-size: 13px;
  		float: left;
  		position: relative;
  		padding: 18px 11px;
	}
	.home-ser h1 {
    	font-size: 16px;
	}
	#home-frase h1 {
    	font-size: 36px;
    }
	
}

@media (max-width:1600px) and (min-width:1500px){
	
	.me{
		color: #fff;
	}
	header{
  		background: #fff;
  		box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  		z-index: 1;
  		position:relative;
  		float:left;
	}
	#navbar a{
	  	font-size: 14px;
  		float: left;
  		position: relative;
  		padding: 18px 13px;
	}
	.home-ser h1 {
    	font-size: 16px;
	}
	.ser-foto-cap {
   		font-size: 12px;
    }
	
}

@media (max-width:1700px) and (min-width:1600px){
	
	header{
  		background: #fff;
  		box-shadow:  0px 2px 4px rgba(0, 0, 0, 0.6);
  		z-index: 1;
  		position:relative;
  		float:left;
	}
	#navbar a{
	  	font-size: 14px;
  		float: left;
  		position: relative;
  		padding: 18px 18px;
	}
	#home-frase h1 {
    	font-size: 31px;
    	line-height: 45px;
    
	}
	.ser-foto-cap {
   		font-size: 13px;
    }
}









/*
#home-texto{
	background: url(../img/bg-pq.jpg) no-repeat right #f2f2f2;
	padding: 40px 15px;
}
#home-texto p{
	margin-top: 20px;
	color: #7b797a;
	line-height: 23px;
}


.title-home a {
    position: absolute;
    right: 0px;
    bottom: 10px;
    color: #fff;
    font-size: 24px;
}
#formulario input[type="radio"] {
    padding: 10px;
    margin-top: 16px;
    margin-left: 15px;
    margin-bottom: 12px;
	width: 30%;
}



.bull{
  	position: absolute;
  	left: -12px;
  	top: 7px;
  	color: #FFF;
  	font-size: 20px;
}
#sub-banner{
  	background: #FFF;
  	padding-bottom: 15px;
  	margin-top:74vh;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.dropdown {
  	position: relative;
  	float: left;
}
.btn-ser{
  	float: left;
  	position: relative;
  	margin-top: 30px;
  	width: 100%;
}




#titulo-servicios p{
  	position: relative;
  	float: right;
  	text-align: left;
  	font-size: 16px;
  	margin-top: 29px;
  	color: #000;
  	text-transform: uppercase;
}





#precision{
  	background: repeat right #f2f2f2;
  	padding-bottom: 100px;
  	padding-top: 50px;
  	margin-top: 20px;
  	border-top: 5px solid #0270bd;
}
.balanzas {
    text-align: center;
    color: #000;
    width: 100%;
    display: block;
    margin: auto;
    margin-top: auto;
    margin-top: 20px;
	background: repeat right #f2f2f2;
}
.balanzas h1{
  	font-family:"Montserrat-Bold";
  	margin-top: 15px;
  	color:#000;
	font-size: 20px;
}
.balanzas p{
	padding: 21px;
	color: #000;
	font-size: 17px;
	line-height: 23px;
	margin-top: 25px;
	font-family: "Montserrat-Regular";
}