@font-face {font-family:'utsaah';src:url(../fonts/utsaah.ttf);}
@font-face {font-family:'utsaahb';src:url(../fonts/utsaahb.ttf);}
@font-face {font-family:'fontawesome-webfont.woff2';src:url(../fonts/fontawesome-webfont.woff2);}
@font-face {font-family:'glyphicons-halflings-regular.woff2';src:url(../fonts/glyphicons-halflings-regular.woff2);}
@font-face {font-family:'glyphicons-halflings-regular';src:url(../fonts/glyphicons-halflings-regular);}
@font-face {font-family: 'arial'; src:url();}
@font-face {font-family:'utsaahbold.eot';src:url(../fonts/utsaahbold.eot);}
h1{color: #0179A3;font-family:'utsaahb';text-align:center;font-weight:bold;}
h2{color:#fff;font-family:'utsaahb';text-align: center;font-weight: bold;}
/*texto nosotros*/h4{font-family: 'utsaah';font-size: 20px;padding: 0 10px 5px;}
/*texto carrousel chico*/h5{padding:0 0 0 5px;color:#fff;font-weight: 500;}
p{color: rgb(54, 46, 46);font-family: 'utsaah';font-size: 20px;text-align:left;}
/* NAVEGADOR */nav{height: 70px;width: 100%;text-align: right;background-color: transparent;//opacity: .5; position: fixed;z-index: 8;}
nav ul{padding-top: 20px;margin: auto;}
nav li{display: inline-block; margin-right: 20px;}
nav a{color: #fff;text-decoration: none;font-family: 'utsaah';font-size: 20px;text-align: center;}
nav a:hover{color:#E0DC51;text-decoration: none;}
/**Acomodo el icono (logo) del nav-bar*/.navbar-brand{margin-left: 100px; border-bottom-color: brown; border-bottom: 10px;}
.navpoint{height: 65px;width: 100%;}
.hdr1{width:100%;height: 970px;}
/* SERVICIOS */.servicios{height: 1200px;max-width: 1300px;}
.img1footer{position: absolute;top: 140px;z-index: 2;width: 100%;height: 50%;}
.texto, .texto p{float: left; color: #fff;font-weight: bold; }
.rombo{width: 40px;height: 40px;margin: 0px 20px;display: block;float: left;margin-top: 5px;}
.rombo img{width: 100%;height: 100%;}
.texto{margin: 15px 0 auto 0;color:#fff;float: left;}
.cuadro{border: 5px solid #0179A3;}
/* CLIENTES */#paddingGnl{padding-top: 50px;padding-right:30px;padding-bottom: 10px;padding-left: 20px;}
.clear{margin-left: 0;margin-right: 0;}
section.clientes img{display: block;margin: 10px auto;}
/* NOSOTROS*/.fondo{background-color: #ebebeb; width: 100%}
img.keepAspectRatio{width: 100%;height:100%;}
.row{margin-left: 0;margin-right:0;}
/* CONTACTO */.f1{background-color:#E0DC51;}
.f2{margin-top: 20px;border-top: 50px solid #E0DC51;background-color: #0179A3;padding: 20px;color: #fff;}
.f2 p{color: #fff;}
.btn{width:100px; background: #bab9b9;padding-left: 0 200px;}
.social{color: #fff;}
.inicio:hover{color: #fff;opacity: .3;}
.linkedin:hover{color:#000;opacity:.5;}.facebook:hover{color:#000;opacity:.5;}.twitter:hover{color:#000;opacity:.5;}
textarea{resize: none;cursor: ;}
.center{text-align: center;}
p > a > i{position: absolute;left: -20px;color: #fff;}
p > a > i:hover{color: #E0DC51;}
p > i{position: absolute;left: -20px;color: #fff;}
p > i:hover{color: #E0DC51;}
p.redes-sociales > a > i{position: relative;color: #fff;}
p.redes-sociales: > a > i:hover{color:  #000;}
/* ANIMACIONES */.slideInDown{-webkit-animation-delay: 0s;}
.pulse{-webkit-animation-duration: 3s;-webkit-animation-delay: 2s;-webkit-animation-iteration-count: infinite;}
@media (max-width:767px){.menu{display: none;} 
.slicknav_menu{display: block;background-color: #0179A3;position: fixed;z-index: 10;width: 100%;height: 70px;}
.slicknav_btn.slicknav_collapsed{background-color: #0179A3;color: deeppink;}
#menu{ color: crimson;}
.slicknav_menu, .slicknav_menu, .slicknav_nav li{background-color: #0179A3;}
}@media (min-width:768px){.menu{display: block;}.slicknav_menu{display: none;}
  
/*
}@media (max-width:991px){.item{display: none;} 
}@media (min-width:992px){.item{display: block;}
*/
}/*** Hace grande el carrusel**/.carousel-inner > .item > img{width: 1800px; height: 300px;}
#carousel-2372{top:600px;text-align:center;width:100%;}
#carousel-2372 h4{color: #fff;font-weight: bold;}
#servicios ~ div .row > div{margin: 20px 0;}
.carousel-inner > .item > img.keepAspectRatio{width: 100%;height: 100%;}
/*Efecto horacio*/.hideoverflow{overflow: hidden;}
.imgContainer{overflow-x: hidden; overflow-y: hidden; height: 200px;width: 350px;}
.img1{width: 350px; height:auto;z-index: 1;display: block;position: relative;//opacity: 0.5; //filter: alpha(opacity=50);overflow-y: auto;}
.img2{width: 350px;height: auto;z-index: 3;display: block;position: relative;opacity: 0; filter: alpha(opacity=0); }
.img1footer{ position: relative;top:-50px;z-index:3;width: 100%;height: 50%;background-color: transparent;}
.transparentfooter{position: relative;top: -350px;z-index: 2;width: 100%;height: 50%;background-color: #0179A3;opacity: 0.5;}