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


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

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

@font-face {
	 font-family:"Cuprum Bold";
	 src:url("../fonts/Cuprum-Bold.eot?") format("eot"),
	 url("../fonts/Cuprum-Bold.woff") format("woff"),
	 url("../fonts/Cuprum-Bold.ttf") format("truetype"),
	 url("../fonts/Cuprum-Bold.svg#Cuprum-Bold") format("svg");
	 font-weight:normal;
	 font-style:normal;
	 }
	 
@font-face {
	font-family:"Miso Bold";
	src:url("../fonts/miso-bold.eot?") format("eot"),
	url("../fonts/miso-bold.woff") format("woff"),
	url("../fonts/miso-bold.ttf") format("truetype"),
	url("../fonts/miso-bold.svg#Miso-Bold") 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 {
  height: 42px;
}
#barra-menu{
  background:url(../img/head.png);
}

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

.menu {
  text-align:right;
}

#navbar li{
  display: inline-block;
  margin: 0px 0px 0px 48px;
}

#navbar a{
  color: #000;
  font-size: 18px;
  float: left;
  position: relative;
  padding: 12px 10px;
  font-family:"Roboto Regular";
  text-decoration: none !important;
  min-height: 32px;
}

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

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

#logo{
  z-index: 999;
}

.caption{
  position: absolute;
  right:19%;
  bottom: 147px;
}

.caption h1{
  font-family:"Miso Bold";
  font-size: 48px;
  line-height:38px;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  text-shadow:4px 0px #000;
}

#carousel-home .carousel-indicators{
  text-align: right;
  width: 67%;
}

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

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

#home-texto{
  background:#DA251E;
  text-align: center;
  padding-top: 20px;
  padding-bottom:20px;
}

#home-texto h1{
  text-align:center;
  display: inline-block;
  font-family:"Cuprum Italic";
  color: #FFF;
  vertical-align: middle;
  font-size: 21px;
  margin: 0px 30px;
}

#home-texto img{
  display: inline-block;
  vertical-align: middle;
}

#contenido{
  background: url(../img/bg.jpg);
  padding-bottom: 15px;
}

.sombra{
  background: url(../img/sombra.png) no-repeat center;
  height: 30px;
  width: 100%;
  margin-top: 15px;
  float: left;
  position: relative;
}

.home-pro{
  margin-top: 20px;
  margin-bottom:49px;
  float: left;
  position: relative;
  background-color: #fff;
}

.nombre-ser{
  background: #4c4c4c;
  color: #FFF;
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  font-family:"Miso Bold";
  text-transform: uppercase;
  font-size: 23px;
  padding-top: 10px;
}

.nombre-ser-tex{
  padding: 10px;
  display: block;
  text-align:left;
}

.ico-ser{
  width: 19px;
  height: 19px;
  float: right;
  position: relative;
  background: url(../img/flecha.png);
  margin-top: 14px;
}

.home-pro:hover .nombre-ser{
  background:#DA251E;
}

.line{
  width: 100%;
  float: left;
  position: relative;
  height: 1px;
  background: #FFF;
}

#servicios-home{
  background: url(../img/bg-home.jpg) no-repeat center;
  background-size: cover;
  padding: 30px 0px;
}

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

.home-ser span{
  float: left;
  position: relative;
  width: 100%;
  color: #FFF;
}

.t-home-ser{
	font-family:"Miso Bold";
	font-size: 36px !important;
	text-transform:uppercase;
}

.t-home-ser2{
  margin-top: 15px;
  font-family:"Cuprum Italic" !important;
  margin-bottom: 20px;
  font-style: normal !important;
  font-size: 21px !important;
}

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

.datos{
  padding: 20px 0px;
  font-family:"Miso";
  color: #000;
}

.datos p{
  font-family:"Cuprum";
  float: left;
  margin-left: 12px;
  position: relative;
  font-size: 18px;
  line-height: 27px;
}

.redes{
  background: url(../img/bg-redes.png) no-repeat center bottom;
  text-align: center;
}

.azul{
  color: #153A84;
  font-family:"Cuprum Bold";
  font-size:18px;
}

#fb{
  background: url(../img/redes.png) no-repeat left top;
  width: 52px;
  height: 50px;
  display: inline-block;
  margin-top: 30px;
  margin-left: 20px;
}

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

#tw{
  background: url(../img/redes.png) no-repeat right top;
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-top: 30px;
  margin-left: 20px;
}

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

#web{
  background: #143B86;
  padding: 11px 0px;
}

#web a{
  background: url(../img/web.png) no-repeat right;
  padding-right: 112px;
  font-family:"Cuprum";
  color: #FFFFFF38;
  text-decoration: none;
  float: right;
  font-size: 12px;
}

#titulo{
  background: url(../img/title.jpg) no-repeat center top;
  background-size: cover;
  padding: 68px 0px;
}

#titulo h1{
  font-family:"Miso Bold";
  font-size: 51px;
  color: #FFF;
  text-transform: uppercase;
  text-align: right;
}

.empresa{
  font-family:"Miso";
  padding: 100px 0px;
  text-align: center;
}

.empresa h2{
  border: solid 1px #143B86;
  padding: 5px 83px;
  display: inline-block;
  font-family:"Miso Bold";
  text-transform: uppercase;
  color: #143B86;
  font-size: 32px;
}

.empresa p{
  margin-top: 30px;
  font-family: 'Cuprum', sans-serif;
  text-align: justify;
  padding: 0px 50px;
  line-height: 20px;
  font-size: 19px;
}

#carousel-emp{
  font-family: 'Cuprum', sans-serif;
  background: #E03D36;
}

#carousel-emp h2{
  text-transform: uppercase;
  padding: 16px 35px;
  display: inline-block;
  font-size: 32px;
  font-family:"Miso";
  color: #fff;
  background: #143A84;
}

#carousel-emp ul{
  text-align: justify;
  list-style-position: outside;
  list-style: disc;
  margin-top: 40px;
  color: #143A84;
  line-height: 20px;  
}

#carousel-emp ul span{
  color: #fff;
  font-family:"Cuprum";
  font-size:18px;
}

#carousel-emp ul li{
	padding-bottom:15px;
}

#carousel-emp .carousel-indicators{
  text-align: right;
  left: auto;
  right: 5%;
  bottom: 40px;
}

#carousel-emp .carousel-indicators li{
  background: #000;
  border-color: #000;
  width: 50px;
  border-radius: 0px;
}

#carousel-emp .carousel-indicators .active{
  background: #c00215;
  border-color: #c00215;
}

.texto-emp{
  padding: 50px;
  padding-left: 150px;
}
#prev{
  background: url(../img/empresa/l.png) no-repeat center;
  width:69px;
  opacity: 1;
}

#next{
  background: url(../img/empresa/r.png) no-repeat center;
  width:69px;
  opacity: 1;
}

.photo {
	background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
	background-position: 20% 0;
	position: relative;
  background-image: url(../img/productos/bg.jpg);
  background-size: cover;
  text-align: center;
}

.texto-photo{
  display: inline-block;
  padding: 30px;
  color: #FFF;
}

.texto-photo h1{
  width: 100%;
  text-align: center;
  float: left;
  position: relative;
  font-family:"Miso Bold";
  color: #fff;
  font-size: 48px;
  line-height:64px;
}

.producto{
  margin-top: 20px;
  float: left;
  position: relative;
}

.nombre-pro{
  background: #000;
  color: #FFF;
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: 10px;
  font-family:"Miso";
  font-size: 30px;
  padding-top: 10px;
}

.nombre-pro-tex{
  padding: 10px;
  float: left;
}

.ico-pro{
  float: right;
  position: relative;
  margin-top: 10px;
  margin-right: 10px;
}

.producto:hover .nombre-pro{
  background:#183980;
}

#volver{
  float: right;
  padding: 10px 20px;
  float:right;
  font-size: 24px;
  font-family:"Miso";
  color: #fff;
  background: #D72817;
  margin-top: 20px;
  position:relative;
  z-index:99999999;
}

#contenido h4{
  text-transform: uppercase;
  padding: 13px 59px;
  float: left;
  font-size: 32px;
  font-family:"Miso";
  color: #fff;
  background: #000;
  position:relative;
  margin-bottom:50px;
  z-index:99999999;
}

#carousel-pro{
  padding-bottom: 30px;
}

#carousel-pro .carousel-indicators{
  bottom: -10px;
}

#carousel-pro .carousel-indicators li{
  background: #000;
  border-color: #000;
  width:17px;
  height:17px;
}

#carousel-pro .carousel-indicators .active{
  background: #183980;
  border-color: #183980;
  width:17px;
  height:17px;
}

.textos{
  margin-top: 20px;
  font-size: 19px;
}

.textos h1{
   font-family:"Miso";
  font-size: 30px;
  color:#D72817;
  font-weight: bold;
  border-bottom: solid 2px #D72817;
  padding-bottom: 7px;
}

.textos h2{
  font-family:"Cuprum";
  font-size: 26px;
  margin-top: 10px;
  color: #D72817;
}

.rojo{
  color:#D72817;
}

.textos p{
  margin-top: 15px;
  font-size:20px;
  font-family:"Cuprum";
  line-height:24px;
}

.photo h2{
  text-align: left;
  font-family:"Miso Bold";
  color: #fff;
  font-size: 36px;
  margin-bottom: 50px;
}
#carousel-pro h5{
  font-family:"Miso Bold";
  font-size:26px;
  margin-bottom: 20px;
  margin-top: 20px;
  color: #D72817;
}

.artes p{
  font-family: 'Cuprum', sans-serif;
  margin-top: 30px;
  font-size: 20px;
}

#mapa{
	height:400px;
  width: 100%;
  float: left;
  position: relative;
  margin-top: 70px;
}

#ampliar{
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #484848;
  color: #FFF;
  text-align: center;
  position: absolute;
  left:50%;
  top:30px;
  font-size: 21px;
  text-align: center;
  z-index: 1;
  font-family:"Miso";
  padding-top: 21px;
}

#ampliar:hover{
	background: #DA251E;
  text-decoration: none;
}

#formulario{
  margin-top: 30px;
}

#formulario h2{
	color: #000 !important;
	font-family:"Miso";
	text-transform: none;
	font-size: 22px;
	margin-top: 5px;
}

#formulario input{
	width:100%;
	background-color:#283d82;
	color:#fff;
	border:none;
	font-family:"Miso";
	font-size:20px;
	padding:10px 8px;
	margin-top: 5px;
}

#formulario select{
	width:100%;
	background-color:#283d82;
	color:#FFF;
	border:none;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	padding:5px 8px;
	margin-top: 5px;
  border-radius: 0px;
}

#formulario textarea{
	width:100%;
	background-color:#283d82;
	color:#fff;
	border:none;
	font-family:"Miso";
	font-size:20px;
	padding:7px 8px;
	margin-top: 5px;
}

#enviar{
	width:110px !important;
	cursor:pointer;
	position:relative;
	float:right;
	font-size:29px !important;
	color:#FFF !important;
	text-align:center;
	margin-top:10px !important;
	padding:10px 0px !important;
	background: #484848 !important;
	font-family:"Miso";
  text-transform: uppercase;
}

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

#borrar{
	width:110px !important;
	cursor:pointer;
	position:relative;
  margin-right: 15px;
	float:right;
	font-size:29px !important;
	color:#FFF !important;
	text-align:center;
	margin-top:10px!important;
	padding:10px 0px !important;
	font-family:"Miso";
	background: #484848 !important;
  text-transform: uppercase;
}

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

#contacto p{
  text-align: justify;
  font-family: 'Cuprum', sans-serif;
  margin-top: 70px;
  font-size: 20px;
  padding-left: 30px;
}

.servicios{
  background: #E42314;
}

.servicios h1{
  text-transform: uppercase;
  padding: 10px 42px;
  display: inline-block;
  font-size: 32px;
  font-family:"Miso";
  color: #fff;
  background: #283d82;
  margin-top: 20%;
  margin-left: 20%;
}

.servicios p{
  font-size:18px;
  font-family:"Cuprum";
  color: #fff;
  margin-top: 20px;
  margin-left: 20%;
}

#carousel-ser .carousel-indicators{
  text-align: right;
  width:75%;
}

#carousel-ser .carousel-indicators li{
	width:17px;
	height:17px;
  background: #fff;
  border-color: #fff;
}

#carousel-ser .carousel-indicators .active{
  background: #E42314;
  border-color:#E42314;
}

#carousel-ser2 .carousel-indicators{
  text-align: right;
  width:75%;
}

#carousel-ser2 .carousel-indicators li{
  background: #fff;
  border-color: #fff;
  width:17px;
  height:17px;
}

#carousel-ser2 .carousel-indicators .active{
	width:17px;
	height:17px;
  background: #bb2a23;
  border-color: #bb2a23;
}

.nav-tabs{
  text-align: center;
  border: none;
}

.nav-tabs li{
  display: inline-block;
  float: none;
  margin-left: 71px;
  margin-right: 71px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background: none;
  border: none;
}

.nav-tabs > li > a{
  border: none;
}

.nav-tabs > li > a:hover {
  border:none;
}
.nav > li > a:hover {
  text-decoration: none;
  background-color:transparent;
}

.btn span{
  text-transform: uppercase;
  padding: 5px 43px;
  display: inline-block;
  font-size: 36px;
  font-family:"Miso Bold";
  color: #000;
  margin-top: 15px;
}

.btn:hover span{
  color: #fff;
  background: #283d82;
}

.nav-tabs > li.active > a span{
  color: #fff;
  background: #283d82;
}

#ver_pdf{
  position: relative;
  float: left;
  width:321px;
  z-index: 99999;
  height: 87px;
  left: 41%;
  background-image: url(../img/pdf.png);
}



@media (max-width: 800px){

  header {
    height: auto;
  }

  #navbar a {
    width: 100%;
    text-align: left;
    padding: 7px;
    border: none;
  }

  #navbar li{
    margin:0px;
  }

  .navbar-header {
    float: none;
  }

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

  .navbar-toggle {
    display: block;
    border: 1px !important;
    margin-top: 9px;
    margin-right: 0px;
  }

   nav .me{
    color:#000;
    font-size:17px;
  }

  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
    
  .navbar-collapse.collapse {
    display: none!important;
  }

  .navbar-default .navbar-toggle .icon-bar{
    background-color: #000;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
  }

  .navbar-toggle .icon-bar{
    width: 36px;
    height: 4px;
  }

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

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

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

  .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    border-color: #fff0;
  }

  .img2 {
    width: 182px;
    float: left;
  }

  #navbar li {
    width: 100%;
  }

	.menu{
	  display: block;
	}

  .caption {
    bottom: 40px;
  }
  .caption h1 {
    font-size: 20px;
    line-height:21px;
  }
  #carousel-home .carousel-indicators {
    width: 77%;
  }

  #carousel-emp ul{
  	line-height:18px;
  }

  #carousel-emp h2{
  	font-size:28px;
  }

  .empresa{
  	padding:35px 0px;
  }

  .empresa p {
    padding: 0px 10px;
  }
  .empresa h2{
    margin-top: 20px;
  }

  .texto-emp {
    padding: 50px;
    padding-left:30px;
  }

  .nav-tabs li {
    margin-left: 0px;
    margin-right: 0px;
  }

  .servicios p {
    margin-bottom:25px;
  }
  .texto-photo h1 {
    font-size: 34px;
  	line-height:41px;
  }

  #contenido h4 {
    margin-top: 20px;
  }
  .photo img{
    margin-top: 10px;
  }
  #contacto p {
    padding-left: 0px;
  }

  #carousel-home .carousel-indicators li{
  	height:6px;
  }

  #home-texto h1{
  	padding:17px 0px;
  	font-size:17px;
  }

  #titulo{
  	padding:54px 0px;
  }

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


@media (max-width:900px) and (min-width:850px){
  
  #navbar a{
    font-size: 14px;
    min-height:42px;
  }

   #navbar li{
    margin: 0px 0px 0px -11px;
  }
  
  #home-texto h1{
    padding:20px 0px;
  }
  
  .texto-emp{
    padding-left:50px;
  }
  
  .nombre-pro{
    font-size:20px;
  }
  
  .texto-photo h1{
    font-size:44px;
    line-height:52px;
  }
  
  .textos p{
    line-height:20px;
    font-size:17px;
  }
  
}


@media (max-width:950px) and (min-width:800px){
  
  #navbar a{
    font-size: 13px;
    min-height:42px;
  }

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

  
  #home-texto h1{
    padding:20px 0px;
  }
  
  .texto-emp{
    padding-left:50px;
  }
  
  .nombre-pro{
    font-size:20px;
  }
  
  .texto-photo h1{
    font-size:44px;
    line-height:52px;
  }
  
  .textos p{
    line-height:20px;
    font-size:17px;
  }
  
}


@media (max-width:1000px) and (min-width:950px){
	
	#navbar a{
		font-size: 14px;
		min-height:42px;
	}

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

	
	#home-texto h1{
		padding:20px 0px;
	}
	
	.texto-emp{
		padding-left:50px;
	}
	
	.nombre-pro{
		font-size:20px;
	}
	
	.texto-photo h1{
		font-size:44px;
		line-height:52px;
	}
	
	.textos p{
		line-height:20px;
		font-size:17px;
	}
	
}

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

	#navbar a{
    font-size: 15px;
		min-height:42px;
	}
	
	#home-texto h1{
		font-size:18px;
		margin:0px 19px;
	}
	
	.caption{
		bottom:66px;
	}
	
	.empresa p{
		padding:0px 22px;
	}
	
	.texto-emp{
		padding-left:82px;
	}
	
	.textos p{
		font-size:19px;
		line-height:22px;
	}
	
	.nombre-pro{
		font-size:25px;
	}
}


@media (max-width: 1190px) and (min-width:1180px){

  #navbar a{
    font-size: 16px;
  }
	
  #navbar li{
    margin: 0px 0px 0px 4px;
  }
	
}

@media (max-width: 1500px) and (min-width:1190px){
	
	#navbar a{
		min-height:42px;
    font-size: 15px;
	}
	
	#home-texto h1{
		font-size:17px;
		margin:
	}
	
	#carousel-emp ul li{
		padding-bottom:8px;
	}
	
	#carousel-emp h2{
		font-size:27px;
	}
	
	.nombre-pro{
		padding-top:3px;
		padding-bottom:3px;
		font-size:20px;
	}

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

}

@media (max-width: 1600px) and (min-width:1500px){
	
	
	.nombre-pro{
		padding-top:3px;
		padding-bottom:3px;
		font-size:23px;
	}

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


@media (max-width: 1800px) and (min-width:1600px){

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

}

@media (max-width: 1900px) and (min-width:1800px){

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

}