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

 @font-face {
  font-family:"Muli";
  src:url("../fonts/Muli-Regular.eot?") format("eot"),
  url("../fonts/Muli-Regular.woff") format("woff"),
  url("../fonts/Muli-Regular.ttf") format("truetype"),
  url("../fonts/Muli-Regular.svg#Muli") format("svg");
  font-weight:normal;
  font-style:normal;
}
#contenedor{
	width:100%;
	overflow:hidden;
	font-family:"Muli";
	position:relative;
	font-size: 22px;
  color: #000;
	}
.pad{
	padding-left:0px;
	padding-right:0px;
	}
.clear{
	clear:both;
	}
.logo{
	padding: 10px 15px;
}
header{
	background: url(../img/head.jpg) no-repeat bottom right;
	background-size: cover;
}
#barra-menu{
	background: #0060ad;
}
#menu{
  min-height: 40px;
  width: 100%;
  float:left;
  position: relative;
  margin-bottom:0px;
  border: none;
	background: transparent;
	border-radius: 0;
}
.menu {
  display: flex;
	justify-content: space-between;
}
#navbar li{
  display: inline-block;
  margin: 0px 10px;
}
#navbar a{
  color: #fff;
	display:inline-block;
	padding: 10px;
	padding-top: 20px;
	text-align:center;
	font-size: 22px;
}
#navbar a span{
	position: relative;
	width: 100%;
	float: left;
	font-size: 14px;
	margin-top: 10px;
}
#navbar a:hover{
	text-decoration: none;
	background: #FF8A00;
	color: #fff;
}
#navbar .selec{
	background: #FF8A00;
	color: #fff;
}
nav .me{
  text-align:center;
  margin:auto;
  padding-bottom: 4px;
  display: block;
  color: #fff;
  font-size: 15px;
}
.navbar-toggle .icon-bar{
  width: 38px;
  background-color: #fff !important;
}
.caption{
	position: absolute;
	bottom: 70px;
	right: 19%;
}
.caption h1{
	font-size: 60px;
	font-family:"Roboto Bold";
	text-align: right;
	color: #fff;
}
.caption a{
	float: right;
	position: relative;
	padding: 10px;
	background:#FF8A00;
	color: #fff;
}
.caption a:hover{
	background: #2b7fc5;
	text-decoration:none;
}
#carousel-home .carousel-indicators{
	text-align: right;
}
#carousel-home .carousel-indicators li{
	width: 18px;
	height: 18px;
	background: #000;
	border-color: #000;
}
#carousel-home .carousel-indicators .active{
	background: #eb891b;
	border-color: #eb891b;
}
#quienes-home{
	padding: 52px 15px;
	background: url(../img/home/bg-home.jpg) no-repeat center;
}
#quienes-home p{
	color: #fff;
	font-family:"Roboto Bold";
	line-height: 35px;
	font-size: 30px;
}
#quienes-home p span{
	color: #000;
}
#productos-home{
	padding: 40px 15px;
	background: url(../img/fondo.jpg) no-repeat;
}
.home-pro{
	background: #005ead;
	float: left;
	position: relative;
	width: 99%;
	margin: 20px 0px;
}
.home-pro h2{
	color: #fff;
	font-size: 34px;
	font-family:"Roboto Bold";
	line-height: 35px;
	margin-top: 43%;
}
.home-pro a{
	float: left;
	position: relative;
	padding: 10px 20px;
	background: #FF8A00;
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 12px;
	border: solid 1px #504e4d;
}
.home-pro:hover a{
	background: #fbfbfb;
	text-decoration: none;
	color: #000;
}
.home-pro:hover{
	background: #eb891b;
}
footer{
	background: url(../img/head.jpg) no-repeat bottom right;
	background-size: cover;
	padding: 20px 15px;
	font-family: 'Roboto', sans-serif;
}
footer p{
	line-height: 33px;
	color: #fff;
	font-size: 26px;
	font-family:"Roboto Bold";
}
footer h2{
	line-height: 23px;
	color: #fff;
	font-family:"Roboto Bold";
	font-size: 26px;
}
.redes{
	text-align: right;
}
#web-cont{
	background: #eb891b;
	padding: 5px;
}
#web{
	background: url(../img/web.png) no-repeat right;
	padding: 10px;
	padding-right: 142px;
	float: left;
	position: relative;
	color: #fff;
	text-decoration: none !important;
	font-size: 12px;
	margin-top: 5px;
}
#tw{
	background: url(../img/redes.png) no-repeat;
	width:77px;
	height:77px;
	display: inline-block;
	margin-top: 5px;
}
#tw:hover{
	background: url(../img/redes-h.png) no-repeat;
}
#fb{
	background: url(../img/redes.png) no-repeat right 0px;
	width:77px;
	height:77px;
	display: inline-block;
	margin-top: 5px;
}
#fb:hover{
	background: url(../img/redes-h.png) no-repeat right 0px;
}
#titulo{
  padding-top: 120px;
  padding-bottom: 70px;
	background-size: cover;
}
.bg-1{
  background: url(../img/bg1.jpg) no-repeat center top;
}
#titulo h1{
	text-align:center;
	font-family:"Roboto Bold";
	font-size: 60px;
	text-shadow: 4px 4px 10px #000;
	color: #fff;
}
#mision{
	background: url(../img/empresa/bg.jpg) no-repeat right;
	padding: 164px 15px;
	background-size: 85%;
}
#mision h1{
	font-family:"Roboto Bold";
	font-size: 44px;
	color: #373737;
	text-transform: uppercase;
	color: #383838;
}
.linea{
	width: 111px;
	height: 7px;
	display: inline-block;
	margin-top: 5px;
}
.naranja{
	background: #FF8A05;
}
.azul{
	background: #0060aa;
}
#mision p{
	text-align: justify;
	font-family:"Roboto Bold";
	font-size: 26px;
	line-height: 29px;
	color: #373737;
}
#objetivos{
	background: url(../img/empresa/objetivos.jpg) no-repeat;
	padding:114px 30px;
	padding-left: 10%;
	background-size: cover;
}
#objetivos h2{
	color: #fff;
	font-family:"Roboto Bold";
	font-size: 44px;
}
.objetivo{
	margin-top: 20px;
}
#objetivos p{
	margin-top: 10px;
	font-family:"Roboto Bold";
	color: #fff;
	line-height: 29px;
	font-size: 26px;
}
#valores{
	background: url(../img/fondo.jpg);
	padding:127px 50px;
	padding-right: 10%;
	background-size: cover;
}
#valores h2{
	color: #3b3b3b;
	font-family:"Roboto Bold";
	font-size: 44px;
	margin-top: 30px;
}
#valores p{
	margin-top: 20px;
	color: #3a3a3a;
	font-family:"Roboto Bold";
	font-size: 24px;
	line-height: 29px;
}
.bg-2{
  background: url(../img/bg2.jpg) no-repeat center top;
}
#productos{
	padding: 40px 15px;
	background: url(../img/fondo.jpg) no-repeat;
}
.productos{
	background: #005ead;
	float: left;
	position: relative;
	width: 99%;
	margin: 20px 0px;
}
.productos h2{
	color: #fff;
	font-size: 34px;
	font-family:"Roboto Bold";
	line-height: 35px;
	min-height: 70px;
	margin-top: 43%;
}
.productos a{
	float: left;
	position: relative;
	padding: 10px 20px;
	background: #FF8038;
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 14px;
	border: solid 1px #504e4d;
}
.productos:hover a{
	background: #fbfbfb;
	text-decoration: none;
	color: #000;
}
.productos:hover{
	background: #eb891b;
}
.bg-3{
  background: url(../img/bg3.jpg) no-repeat center top;
}
.cont-producto{
	background: url(../img/fondo.jpg);
	padding:140px 50px;
	padding-right: 10%;
	background-size: cover;
}
.cont-producto h2{
	color: #3b3b3b;
	font-family:"Roboto Bold";
	font-size: 40px;
}
.cont-producto p{
	margin-top: 20px;
	color: #3a3a3a;
	line-height: 26px;
	font-size: 24px;
}
.cont-producto a{
	display:inline-block;
	margin-top: 20px;
	background: #f4f4f4;
	padding: 8px 40px;
	border: solid 1px #000;
	font-size: 14px;
	color: #000;
}
.cont-producto a:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
}
.blanco{
	background: #fff;
}
.cont-producto2{
	background: #FF9E3B;
	padding:75px 50px;
	padding-left: 10%;
	background-size: cover;
}
.cont-producto2 h2{
	color: #fff;
	font-family:"Roboto Bold";
	font-size: 40px;
	margin-top: 20px;
}
.cont-producto2 p{
	margin-top: 20px;
	color: #fff;
	line-height: 24px;
	font-size: 24px;
}
.cont-producto2 a{
	display:inline-block;
	margin-top: 20px;
	background: #f4f4f4;
	padding: 8px 40px;
	font-size: 14px;
	color: #000;
}
.cont-producto2 a:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
}
#carousel-int .carousel-indicators{
	text-align: left;
}
#carousel-int .carousel-indicators li{
	width: 17px;
	height: 17px;
	background: #000;
	border-color: #000;
}
#carousel-int .carousel-indicators .active{
	width: 17px;
	height: 17px;
	background:#FF8904;
	border-color: #eb891b;
}
.img-pro img{
	margin-top: 50px;
}
.fondo-azul{
	background: #005ead !important;
}
.bg-4{
  background: url(../img/bg4.jpg) no-repeat center top;
}
#volver{
	text-align: center;
	padding: 50px 15px;
	background: #efefee;
}
#volver a{
	background: #f0f0f0;
	padding: 10px 20px;
	color: #000;
	border: solid 1px #8c5956;
	font-size: 14px;
}
#volver a:hover{
	background: #ea7d3a;
	text-decoration: none;
	padding: 10px 20px;
	color: #fff;
	border: solid 1px #8c5956;
}
.interna{
	background: url(../img/fondo.jpg);
	padding:40px 50px;
	padding-right: 10%;
	background-size: cover;
}
#interna h2{
	color: #3b3b3b;
	font-family:"Roboto Bold";
	font-size: 40px;
	margin-top: 20px;
}
#interna h3{
	color: #3b3b3b;
	font-family:"Roboto Bold";
	font-size: 36px;
	margin-top: 36px;
	margin-bottom: 20px;
}
#interna p{
	margin-top: 20px;
	color: #3b3b3b;
	font-size: 24px;
	line-height: 22px;
}
#interna a{
	display:inline-block;
	margin-top: 30px;
	background: #f4f4f4;
	padding: 7px 45px;
	font-size: 14px;
	color: #000;
	border: solid 1px #9d9d9c;
}
#interna a:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
}
.bg-5{
  background: url(../img/bg5.jpg) no-repeat center top;
}
#lista{
	padding: 40px 15px;
	background: #efefee;
}
.btn-manual{
	margin-top: 136px !important;
}
#lista h1{
	color: #3b3b3b;
	font-family:"Roboto Bold";
	font-size: 27px;
	margin-top: 20px;
	text-align: center;
}
#lista ul{
	margin-top: 20px;
	line-height: 22px;
	color: #eb891b;
	list-style: disc;
	list-style-position: inside;
}
#lista ul span{
	color: #000;
}
.bg-6{
  background: url(../img/bg6.jpg) no-repeat center top;
}
#manteniento{
	padding: 40px 15px;
	font-size: 24px;
}
.video{
	height: 400px;
}
#carousel-video{
	margin-top: 30px;
}
.arrows{
	text-align: center;
	padding: 30px;
}
#prev {
    background: url(../img/arrows.png) left;
    opacity: 1;
    width: 45px;
    height: 45px;
    top: 0;
    left: auto;
		position: relative;
		display: inline-block;
}
#prev:hover {
    background: url(../img/arrows-h.png) left;
}
#next {
    background: url(../img/arrows.png) right;
    opacity: 1;
    width: 45px;
    height: 45px;
    top: 0;
    right: 0;
		position: relative;
		display: inline-block;
}
#next:hover {
    background: url(../img/arrows-h.png) right;
}
.bg-7{
  background: url(../img/bg7.jpg) no-repeat center top;
}
.videos{
	padding: 111px 15px;
	background-size: 85%;
}
.videos h1{
	font-family:"Roboto Bold";
	font-size: 44px;
	color: #3b3b3b;
}
.videos .video{
	margin-top: 20px;
	height: 320px;
}
.videos h2{
	text-transform: uppercase;
	margin-top: 10px;
	color: #373737;
	font-family:"Roboto Bold";
	font-size: 40px;
	margin-top: 10px;
}
.videos p{
	color: #373737;
	margin-top: 10px;
}
#videos-fondo{
	padding: 40px 15px;
	background-size: 85%;
	background: url(../img/bg-videos.jpg) no-repeat;
}
#videos-fondo h1{
	font-family:"Roboto Bold";
	font-size: 30px;
	color: #FFF;
}
#videos-fondo .video{
	margin-top: 20px;
	height: 320px;
}
#videos-fondo h2{
	text-transform: uppercase;
	margin-top: 10px;
	color: #FFF;
	font-family:"Roboto Bold";
	font-size: 40px;
	margin-top: 10px;
}
#videos-fondo p{
	color: #FFF;
	margin-top: 10px;
}
#carousel-videos .carousel-indicators{
	bottom: -25px;
}
#carousel-videos .carousel-indicators li{
	width: 17px;
	height: 17px;
	background: #000;
	border-color: #000;
}
#carousel-videos .carousel-indicators .active{
	width: 17px;
	height: 17px;
	background: #FF8901;
	border-color: #FF8901;
}
.bg-8{
  background: url(../img/bg8.jpg) no-repeat center top;
}
#contacto{
	padding: 30px 0px;
}
#contacto h1{
	font-family:"Roboto Bold";
	font-size: 44px;
	color: #3b3b3b;
}
#contacto p{
	text-align: justify;
	line-height: 22px;
	color: #3a3a3a;
	margin-top: 15px;
}
#formulario .check{
	text-align: left;
	float: none;
	display: inline-block;
	width: auto;
}
#formulario h3{
	color: #000 !important;
	font-size: 20px;
	margin-top: 5px;
}
#formulario input{
	width:100%;
	background-color:#efefee;
	color:#000;
	border:none;
	font-size:24px;
	padding:10px;
	margin-top: 5px;
}
#formulario textarea{
	width:100%;
  background-color:#efefee;
	color:#000;
	border:none;
	padding:10px;
	margin-top: 5px;
  height: 100px;
}
#enviar{
	width:110px !important;
	cursor:pointer;
	position:relative;
	float:right;
	display: inline-block;
	background: #FF8A00 !important;
	color: #fff !important;
	border:none !important;
	padding: 10px 50px;
	margin-right: 20px;
	margin-top: 20px !important;
}
#enviar:hover{
	background: #0060aa !important;
	color: #fff !important;
}
#borrar{
	width:110px !important;
	cursor:pointer;
	position:relative;
	float:right;
	display: inline-block;
	background: #FF8A00 !important;
	color: #fff !important;
	border:none !important;
	padding: 10px 50px;
	margin-top: 20px !important;
	}
#borrar:hover{
	background: #0060aa !important;
	color: #fff !important;
}
.btn{
	float: left;
	position: relative;
	width: 100%;
	text-align: left;
	margin-top: 100px;
}
.btn a{
	display: inline-block;
	background:#FF8B01;
	color: #fff;
	padding: 8px 40px;
	font-size: 20px;
}
.btn a:hover{
	background: #0060aa;
	color: #fff;
	text-decoration: none;
}
#map{
	height:600px;
	}
#ampliar{
	background: #eb891b;
	width: 90px;
	height: 90px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	text-shadow: 2px 2px #000;
	position: absolute;
  text-decoration: none !important;
	bottom:30px;
	right:45%;
	font-size: 20px;
	padding: 10px 20px;
	}
#ampliar:hover{
	background: #0060aa;
	color: #fff;
	}
#ubicacion{

	}

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


@media (max-width: 800px){
	#barra-menu {
    margin-top: 0px;
	}
  #menu {
		padding-bottom: 0;
  }
	.menu {
    flex-direction: column;
	}
	.navbar-header {
	    float: none;
	}
	.navbar-left,.navbar-right {
	    float: none !important;
	}
	.navbar-toggle {
	    display: block;
			background: #eb891b !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;
			margin-left: 0;
	}
	.navbar-nav>li {
	    float: none;
	}
	.navbar-nav>li>a {
	    padding-top: 10px ;
	    padding-bottom: 10px;
	}
	.collapse.in{
	    display:block !important;
	}
	#navbar li {
	   width: 100%;
		 margin: 0;
	 }
	#navbar a{
	  width: 100%;
	  text-align: left;
		margin-top: 2px;
    border: none;
}
.caption {
    position: relative;
    bottom: auto;
    right: auto;
    background: #eb891b;
    padding: 10px;
		float: left;
		width: 100%;
		padding-bottom: 35px;
}
.caption h1{
	font-size: 25px;
}
.caption a{
	background: #2b7fc5;
	font-size: 14px;
}
.caption a:hover{
	background: #fff;
	color: #000;
}
#carousel-home .carousel-indicators {
    text-align: center;
}
#carousel-home .carousel-indicators .active {
    background: #FFF;
    border-color: #FFF;
}
.home-pro a {
    margin-bottom: 15px;
}
.home-pro h2 {
  margin-top: 15%;
  line-height: 18px;
  font-size: 16px;
}
#titulo h1 {
  font-size: 30px;
}
#titulo {
  padding-top: 50px;
  padding-bottom: 30px;
  background-size: cover;
}
.productos h2 {
  margin-top: 15%;
  font-size: 17px;
  line-height: 19px;
}
.productos a {
  margin-bottom: 20px;
  padding: 5px 8px;
  font-size: 9px;
}
.btn-manual {
  margin-top: 20px !important;
}
.video {
    height: 200px;
}
#videos-fondo .video {
    margin-top: 20px;
    height: 150px;
}
.videos .video {
    margin-top: 20px;
    height: 150px;
}
.videos h2 {
  font-size: 20px;
}
#videos-fondo h2{
	font-size: 20px;
}
.btn {
  margin-top: 20px;
}
.btn a {
  padding: 10px 20px;
}

#quienes-home p{
	font-size: 22px;
	line-height: 31px;
}

#mision p{
	font-size: 21px;
	line-height: 26px;
}

#objetivos p{
	font-size: 20px;
	line-height: 24px;
}

footer p{
	line-height: 31px;
	font-size: 20px;
}

}


@media (max-width: 900px) and (min-width:800px){

	#navbar li{
		margin: 0px -2px;
	}

	#navbar a{
		font-size: 20px;
	}

	#navbar a span{
		font-size: 11px;
	}
	.caption h1{
		font-size: 47px;
	}

	.caption a{
		font-size: 14px;
	}

	.home-pro h2{
		font-size: 26px;
		line-height: 28px;
		margin-top: 13%;
	}

	#mision p{
		font-size: 22px;
	}

	#mision h1{
		font-size: 40px;
	}

	#objetivos p{
		font-size: 17px;
		line-height: 21px;
	}

	#objetivos h2{
		font-size: 34px;
	}

	#valores p{
		font-size: 20px;
		line-height: 26px;
	}

	.productos h2{
		font-size: 18px;
		line-height: 21px;
		margin-top: 11%;
	}

	.videos h2{
		font-size: 30px;
	}

	#contacto h1{
		font-size: 36px;
	}

	#contacto p{
		font-size: 14px;
	}

	.btn a{
		font-size: 17px;
		padding: 8px 15px;
	}

	.caption h1{
		font-size: 39px;
	}
}

@media (max-width: 1000px) and (min-width:900px){

	#navbar li{
		margin: 0px 1px;
	}

	.caption h1{
		font-size: 46px;
	}

	.home-pro h2{
		font-size: 30px;
		margin-top: 17%;
	}

	.productos h2{
		font-size: 22px;
		line-height: 23px;
		margin-top: 20%;
	}

	.cont-producto p{
		font-size: 20px;
		line-height: 24px;
	}

	.cont-producto2 h2{
		font-size: 30px;


	}

	.cont-producto2 p{
		font-size: 18px;
		line-height: 24px;
	}

	.cont-producto h2{
		font-size: 30px;
	}

	#contacto h1{
		font-size: 38px;
	}

}

@media (max-width: 1100px) and (min-width:1000px){
	#navbar li{
		margin: 0px 1px;
	}

	#navbar a{
		font-size: 18px;
	}

	.productos h2{
		margin-top: 20%;
		line-height: 30px;
		font-size: 25px;
	}

	.home-pro h2{
		font-size: 26px;
	}

	.caption h1{
		font-size: 44px;
	}

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

@media (max-width: 1200px) and (min-width:1100px){
	#navbar li{
		margin: 0px 1px;
	}

	#navbar a{
		font-size: 20px;
	}

	.caption h1{
		font-size: 47px;
	}
}

@media (max-width: 1300px) and (min-width:1200px){
	#navbar li{
		margin: 0px 7px;
	}

	.productos h2{
		margin-top: 27%;
		font-size: 26px;
		line-height: 28px;
	}

	#navbar a{
		font-size: 19px;
	}

	.caption h1{
		font-size: 52px;
	}
}


@media (max-width: 1400px) and (min-width:1300px){
	#navbar li{
		margin: 0px 7px;
	}

	.productos h2{
		font-size: 28px;
		line-height: 32px;
		margin-top: 27%;
	}

	.cont-producto2 h2{
		font-size: 35px;
	}
}

@media (max-width: 1500px) and (min-width:1400px){
		#navbar li{
		margin: 0px 7px;
	}
	}