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



#contenedor{
  	width:100%;
  	overflow:hidden;
  	z-index:9999;
  	font-family:"Montserrat-Regular";
  	position:relative;
  	background: url(../img/bg2.jpg);
}

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

.clear{
  	clear:both;
}

#head{
  	padding: 3px 0px;
}

#pague{
    margin-top: 146px;
    float: right;
		right: 314px;
}

#barra-menu{
  	background-size: cover;
  	background: #009CDE;
  	box-shadow: 0px 3px 8px #000;
}

#menu{
		padding-bottom: none;
		background: transparent;
		width: 100%;
		margin-bottom:0;
		border: none;
		min-height: 10px;
		font-family:"Nunito-Regular";
}

.menu{
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-flow: row wrap;
  	justify-content: space-around;
}

.menu li{
  	text-align: center;
}

#navbar a{
  	font-size: 24px;
		float: left;
		position: relative;
		padding: 10px;
		text-decoration: none !important;
		border-top: solid 3px #fff;
		font-family: "Nunito-Regular";
		color: #fff;
}

#navbar a:hover{
  	background: #bc0723;
  	color: #FFF;
}

#navbar .selec{
 		background: #bc0723;
 		color: #FFF;
}

.borde{
  	border-left: solid 1px #000;
}

.caption{
  	font-family:"Nunito-Regular";
  	font-size:79px;
  	color: #FFF;
  	position: absolute;
  	top: 54%;
  	left: 20%;
  	z-index: 999;
  	line-height: 40px;
  	text-shadow: 2px 2px 2px #000;
}

.carousel-fade .carousel-inner .item {
  	opacity: 0;
  	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  	opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  	left: 0;
  	opacity: 0;
  	z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  	opacity: 1;
}

.bootstrap-touch-slider .carousel-control {
  	z-index: 2;
}

#bootstrap-touch-slider .carousel-indicators {
  	text-align: left;
  	bottom: 13%;
}

#bootstrap-touch-slider .carousel-indicators li{
  	background: #fff;
  	border-radius: 29px;
  	border-color: #fff;
  	width: 30px;
  	height: 20px;
}

#bootstrap-touch-slider .carousel-indicators .active{
  	background: #bc0723;
  	border-color: #fff;
}

#home{
  	background: url(../img/bg.jpg);
  	padding: 10px 0px;
  	border-bottom: 3px solid #fff;
}

#home h1{
 		color: #009CDE;
		font-family:"Nunito-Regular";
		font-size: 38px;
		text-shadow: 2px 2px 2px #fff;
}

#home p{
  	margin-top: 20px;
  	font-size: 18px;
  	line-height: 24px;
  	color: #000;
  	font-weight: bold;
  	padding-bottom: 31px;
		text-align: justify;
}

#home a{
  	display: inline-block;
  	padding: 5px 20px;
  	background: #bc0723;
  	color: #fff;
  	margin-top: 0px;
  	text-decoration: none!important;
}

#home a:hover{
	  background: #009CDE;
  	color: #fff;
  	text-decoration: none!important;
}

#home img{
  	margin-top: 0px;
}

#banner-home{
		border-bottom: 2px solid #fff;
}

.photo {
 		padding:80px 0px;
 		margin-top: 0px;
 		background-attachment: fixed;
 		background-position: 50% 0;
 		background-repeat: no-repeat;	
 		position: relative;
 		background-image: url(../img/img.jpg);
 		background-size: cover;
}

.photo h1{
		color: #fff;
		font-family:"Nunito-Regular";
		font-size: 55px;
		text-align: center;
		padding: 81px;
		text-shadow: 1px 1px 1px #000;
}

#foot{
		padding-bottom: 12px;
}

#foot h1 {
		font-size: 22px;
		text-align: center;
		color: #000;
		padding-bottom: 0px;
		padding-top: 9px;
		font-family:"Nunito-Regular";
		background: #fff;
		border-radius: 47px;
}

footer{
  	background-color: #009CDE;
  	padding-top: 15px;
  	border-top: 3px solid #fff;
}

footer p{
		font-size: 18px;
		line-height: 22px;
		color: #fff;
}

#redes{
  	text-align: center;
}

#fb{
  	display: inline-block;
  	background: url(../img/redes.png) left;
  	width: 55px;
  	height: 48px;
  	margin-top: 20px;
}

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

#ins{
  	display: inline-block;
  	background: url(../img/redes.png) right;
  	width: 55px;
  	height: 48px;
  	margin-top: 20px;
}

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

.bs-slider-overlay{
		background:rgba(0, 0, 0, 0.43);
}

#web{
  	display: inline-block;
  	padding: 12px;
  	border-top-right-radius: 10px;
  	border-top-left-radius: 10px;
  	padding-right: 145px;
  	font-size: 15px;
  	color: #ffffff5e;
  	background: url(../img/web.png) no-repeat right #bc0723;
  	margin-top: 138px;
}

#empresa{
  	padding: 70px 0px;
  	background: url(../img/bg3.jpg);
}

#empresa h1{
		font-size: 38px;
		border-bottom: solid 3px #bc0723;
		padding-bottom: 6px;
		color: #009CDE;
		font-family:"Nunito-Regular";
}

#empresa img{
  	margin-top: 20px;
		border-radius: 48px;
}

.texto-emp{
  	margin-top: 50px;
}

#empresa h2{
  	font-family: "mf-still-kinda-ridiculous";
  	font-size: 30px;
  	margin-top: 20px;
  	color: #641780;
}

#empresa p{
  	margin-top: 20px;
		font-size: 18px;
		line-height: 22px;
		color: #000;
		text-align: justify;
}

#mision{
  	background: url(../img/mision.jpg);
  	background-size: cover;
  	padding: 290px 15px;
  	border-top: 3px solid #009CDE;
}

#productos{
  	padding: 30px 0px   95px;
  	background: url(../img/bg3.jpg);
}

#productos h1{
  	font-size: 38px;
		border-bottom: solid 3px #bc0723;
		padding-bottom: 6px;
		color: #009CDE;
		font-family: "Nunito-Regular";
}

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

.caption-pro{
  	width: 88%;
  	min-height: 100%;
  	font-size: 22px;
  	line-height: 25px;
  	color: #fbfbfb;
  	padding: 60px 15px;
  	position: absolute;
  	left: 0px;
  	top: 0px;
}

.caption-ampliar{
  	width: 60px;
  	height: 60px;
  	position: absolute;
  	bottom: 43px;
  	right: 6px;
  	background: url(../img/ampliar.png);
}

.caption-ampliar:hover{
  	background: url(../img/ampliar-h.png);
}

#vol {
  	padding: 70px 0px;
  	background-color: #fff;
}

#volver {
 		padding:10px 20px;
 		background:#bc0723;
 		color:#fff;
 		margin-top:20px;
 		margin-bottom:20px;
 		font-size:20px;
 		text-decoration: none!important;
}

#volver:hover {
 		background:#009CDE;
 		text-decoration: none!important;
}

.contacto p{
  	margin-top:40px !important;
  	text-align: justify;
}

#formulario{
  	margin-top: 20px;
}

#formulario h2{
		color: #000 !important;
  	margin-left: 5px;
		text-transform: none;
		font-size: 18px !important;
		margin-top: 5px;
		font-family: "Nunito-Regular";
}

#formulario input{
		width:100%;
		background-color: #fff;
		color:#000;
		border:none;
		font-size:14px;
		padding:13px 8px;
		margin-top: 5px;
		border: 3px solid #009CDE;
}

#formulario textarea{
		width:100%;
    background-color: #fff;
		color:#000;
		border:none;
		font-size:14px;
		padding:7px 8px;
		margin-top: 5px;
    height: 129px;
		border: 3px solid #009CDE;
}

#enviar{
		width:90px !important;
		cursor:pointer;
		position:relative;
		float:right;
		font-size:16px !important;
		color: #fff !important;
		text-align:center;
		margin-top:20px !important;
		padding:10px 0px !important;
		background: #bc0723 !important;
		margin-right: 15px;
  	border: none !important;
}

#enviar:hover{
  	background: #009CDE !important;
		color: #FFF !important;
}

#borrar{
		width:90px !important;
		cursor:pointer;
		position:relative;
		float:right;
		font-size:16px !important;
		color: #fff !important;
		text-align:center;
		margin-top:20px!important;
		padding:10px 0px !important;
		background: #bc0723 !important;
  	border: none !important;
}

#borrar:hover{
  	background:#009CDE !important;
		color: #FFF !important;
}

.img-footer{
  	z-index: 999;
  	position: relative;
}

#mapa {
	padding: 60px 15px;
  	background-color: #fff;
  	padding-top: 50px;
}

#mapa h1{
  	color: #009CDE;
    font-family: "Nunito-Regular";
  	font-size: 38px;
  	margin-top: 15px;
  	text-align: center;
}

#map{
  	height:400px;
  	float: left;
  	width: 100%;
}

#ampliar{
  	background-color: #bc0723;
  	text-shadow: 1px 1px 1px #000;
  	border-radius: 50%;
  	width: 90px;
  	height: 90px;
  	color: #FFF;
  	text-align: center;
  	padding: 5px 20px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	position: absolute;
  	text-decoration: none !important;
  	bottom:-30px;
  	right: 45%;
}

#ampliar:hover{
  	background: #009CDE;
}

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





@media (max-width: 800px){
	
	.navbar-header {
	    float: none;
	}

	.navbar-left,.navbar-right {
	    float: none !important;
	}

	.navbar-toggle {
	    display: block;
			background: #FFF !important;
	}

	.navbar-collapse {
	    border-top: 1px solid transparent;
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}

	.navbar-fixed-top {
	    top: 0;
	    border-width: 0 0 1px;
	}

	.navbar-collapse.collapse {
	    display: none!important;
	}

	.navbar-nav {
	    float: none!important;
	    margin-top: 7.5px;
	}

	.navbar-nav>li {
	    float: none;
	}

	.navbar-nav>li>a {
	    padding-top: 10px ;
	    padding-bottom: 10px;
	}

	.collapse.in{
	    display:block !important;
	}

	#navbar li {
	    width: 100%;
	}

	#navbar a{
	  	width: 100%;
	  	text-align: left;
			padding: 5px;
			margin-top: 2px;
    	border: none;
	}
  
  .caption {
    	font-size: 20px;
    	top:23%;
    	left: 20%;
    	line-height: 20px;
  }

  #home img {
    	margin-top: 0px;
  }

  #home h1 {
    	margin-top: 20px;
  }

 	.boton {
    	height: 33%;
  }

  .centro{
    	padding: 15px;
  }

  .btn4 {
    	width: 46%;
  }

  .cont-hover {
    	font-size: 19px;
    	line-height: 20px;
  }

  .serv {
    	margin-top: 0px !important;
  }

  .contacto{
    	margin-bottom: 50px;
  }
  
  #web{
	  	margin-top:21px;
  }
  
  #home p{
	  	font-size:16px;
  }
  
  #bootstrap-touch-slider .carousel-indicators li{
	  	width:27px;
	  	height:7px;
  }
  
  #mision{
	  	padding:112px 15px;
  }

  #mision p{
	  	font-size:23px;
  }
  
  #empresa h2{
	  	margin-top:0px;
  }
  
  .photo{
	  	padding:58px 0px 50px 0px;
  }

  .photo h1 {
  		font-size: 32px;
  		padding: 81px;
  }

  #foot h1 {
  		font-size: 13px;
  		padding-bottom: 9px;
  }
  
  footer p{
	  	font-size:17px;
  }
  
  #empresa p{
	  	font-size:19px;
  }
}



@media (max-width:900px) and (min-width:800px){
	
	.caption{
			top:52%;
			left:10%;
			font-size:30px;
	}
	
	#carousel-home .carousel-indicators{
			bottom:9%;
	}
	
	#home img{
			margin-bottom:50px;
			margin-top:15px;
	}
	
	.texto-emp{
			margin-top:10px;
	}
	
	#mision{
			padding:127px 15px;
	}
	
	.serv{
			margin-top:52px !important;
	}
	
	.carousel-indicators{
			left:40%;
	}

	#servicios h1{
			font-size:28px;
	}
	
	.caption-ser{
			line-height:13px;
			font-size:12px;
	}

	#foot h1 {
  		font-size: 18px;
  }
	
}


@media (max-width:1000px) and (min-width:901px){
	
	.caption{
			top:49%;
			left:10%;
			font-size:40px;
	}
	
	.carousel-indicators{
			left:40%;
	}
	
	.texto-emp{
			margin-top:5px;
	}
	
	.serv{
			margin-top:52px !important;
			margin-bottom:25px;
	}
	
	#home img{
			margin-top:0px;
	}
	
	#mision{
			padding:141px 15px;
	}

}


@media (max-width:1100px) and (min-width:1001px){
	
	.caption{
			top:49%;
			left:10%;
			font-size:50px;
	}
	
	.carousel-indicators{
			left:40%;
	}
	
	.texto-emp{
			margin-top:16px;
	}
	
	#mision{
			padding:149px 15px;
	}
	
	.serv{
			margin-top:41px !important;
	}
	
	.texto-emp{
			margin-bottom:65px;
	}

	footer p {
  		font-size: 15px;
  }

}


@media (max-width:1200px) and (min-width:1101px){
	
	.caption{
			top:49%;
			left:10%;
			font-size:55px;
	}
	
	.carousel-indicators{
			left:40%;
	}
	
	.serv{
			margin-top:6px !important;
	}
	
	.texto-emp{
			margin-bottom:65px;
	}
	
	#mision{
			padding:202px 15px;
	}

	footer p {
  		font-size: 15px;
  }

}

@media (max-width:1300px) and (min-width:1201px){
	
	.caption{
			top:55%;
			left:10%;
			font-size:55px;
	}
	
	.carousel-indicators{
			left:40%;
	}
	
	#home p{
			font-size:16px;
	}
	
	.serv{
			margin-top:41px !important;
	}
	
	#empresa img{
			margin-bottom:151px;
	}
	
	#mision{
			padding:202px 15px;
	}

	footer p {
  		font-size: 14px;
  }

	#web {
  		font-size: 13px;
  }

}


@media (max-width:1500px) and (min-width:1301px){
	
	
	.caption{
			top:55%;
			left:10%;
			font-size:58px;
	}
	
	
	.carousel-indicators{
			left:40%;
	}
	
	#mision{
			padding:202px 15px;
	}
	
	#empresa img{
			margin-bottom:153px;
	}

	footer p {
  		font-size: 16px;
  }
}


@media (max-width:1800px) and (min-width:1501px){
	
	.caption{
			top:55%;
			left:10%;
			font-size:65px;
	}
	
	.carousel-indicators{
			left:40%;
	}
	
	#mision{
			padding:194px 15px;
	}
	
	#empresa img{
			margin-bottom:95px;
	}

	.caption-ser{
			font-size:16px;
	}
}