@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);

body{font-family:Lato;}
p{margin-bottom:0px;}
h1{font-size:52px;font-weight:100;}
h2{font-size:36px;font-weight:300;}
.blanco{color:#fff !important;}
.negro{color:#141414;}
.borde{width:40px; height:2px;margin:20px 0px;display:inline-block;}
.borde.negro{background-color:#141414;}
.borde.blanco{background-color:#fff;}
.texto{font-size:16px;color:#333;font-weight:400;}
.texto span{font-size:18px;margin-bottom:20px;display:inline-block;}
.texto span i{margin-right:5px;}
.margin10{margin:10px 0px;}

p.destacado{font-size:40px;font-weight:300;line-height:50px;text-transform:uppercase;}
p.destacado b{font-weight:700;text-transform:uppercase;}


#menu{position:fixed;z-index:2000;width:100%;background-color:#000;padding:10px 0px;}
#menu.fondo{background-color:#000;border-bottom:5px solid #dcc67f;}
#menu .logo{}
#menu .bajada{color: rgb(255, 255, 255);font-weight: 300;font-size: 16px;}
#menu .botonera{margin-top:35px;}
#menu .botonera .item{display:inline-block;font-weight:700;font-size:16px;padding:10px 15px;}
#menu .botonera .item.active{background-color:#3591EC;border-radius:5px;}
#menu .botonera .item a{color:#fff;}
#menu .bars{margin-top:35px;}
#menu .bars a{color:#fff;}
#menu .bars a i{font-size:30px;}
#menu .menumobile{text-align:right;display:none;}
#menu .menumobile .itemmobile{font-weight:700;font-size:16px;padding:5px 5px;}
#menu .menumobile .itemmobile.active{background-color:#3591EC;border-radius:5px;}
#menu .menumobile .itemmobile a{color:#fff;}

#myCarousel .item{height:650px;background-size:cover;background-position:center center;}
#myCarousel .item .leyenda{margin-top:250px;}
#myCarousel .item .leyenda h1{color:#fff;font-weight:300;}
#myCarousel .item .leyenda h2{color:#fff;}

#cajero{padding:100px 0px 100px 0px;background-image:url("../img/oro.jpg");background-size:cover;}
#cajero .foto img{width:100%;max-width:300px;}
#quienes{padding:100px 0px 0px 0px;}
#quienes .foto{margin-top:140px;}
#quienes .foto img{width:100%;max-width:380px;}
#quienes .datos{}
#quienes .datos .texto{margin:10px 0px;}
#quienes .hacer{box-shadow: 0px 0px 30px rgba(73, 78, 92, 0.15);padding:20px;margin-top:80px;text-align:left;min-height:165px;}
#quienes .hacer .tit{font-size:19px;margin-bottom:10px;}
#quienes .hacer .ico{text-align:center;}
#quienes .hacer .ico i{font-size:42px;margin-top:5px;color:#dcc67f;}

#productos{padding:70px 0px; background-color:#dfdfdf;}
#productos .destacado strong{color:#dcc67f;}
#productos .prod{margin-top:50px;}
#productos .prod .tituloprod{font-weight:700;font-size:20px;margin:10px 0px;}
#productos .content_acceso{margin-top:50px;}
#productos .content_acceso .acceso{background-color:#dcc67f;padding:40px 0px;border-radius:5px;margin-bottom:20px;}
#productos .content_acceso .acceso:hover{background-color:#111;}
#productos .content_acceso .acceso:hover a{color:#fff;}
#productos .content_acceso .acceso a{font-size:25px;color:#111;font-weight:300;text-decoration:none;}
#productos .content_acceso .acceso a strong{font-weight:500;}

.escalagris{
filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */
}

#vertodos{background-color:#0059ab;padding:30px;}
#vertodos p.destacado{font-size:24px;font-weight:700;text-transform:none;}
#vertodos p.destacado a:hover{color:#fff;}

#clientes{padding:70px 0px;}
#clientes #myCarouselMarcas{margin-top:50px;margin-bottom:80px;}
#clientes #myCarouselMarcas .carousel-control.left{background:none;width:10px;}
#clientes #myCarouselMarcas .carousel-control.right{background:none;width:10px;}
#clientes #myCarouselMarcas .carousel-control.left img{top:80px;position:absolute;left:50px;}
#clientes #myCarouselMarcas .carousel-control.right img{top:80px;position:absolute;right:50px;}
#clientes #myCarouselMarcas .marca img{width:100%;}
#clientes .persona{margin-top:30px;}
#clientes .persona .ico{display:inline-block;border:2px solid #ccc; width:80px;height:80px;border-radius:50%;}
#clientes .persona .ico i{font-size:60px;margin-top:5px;}
#clientes .persona .datos{display:inline-block; vertical-align:top;margin-top:20px;margin-left:10px;}
#clientes .persona .datos .nombre{font-size:18px;font-weight:700;color:#141414;}

#nube{padding:90px 0px 0px 0px;background-color:#dcc67f;}


#nube .content_icos{padding:30px 0px 70px 0px;}
#nube .content_icos .ico{margin-top:20px;}
#nube .content_icos .ico i{font-size:60px;}
#nube .titulo{font-weight:bold;font-size:20px;}
#nube .otro{margin-bottom:60px;}
#nube .titulootro{margin-top:40px;}

#content_google{position:relative;}
#content_google #google{width:100%; height:535px;}
#content_google .content_titulo{background-image:url("../img/fondo_donde.png");padding:30px;position:absolute;z-index:1000;width:100%;top:70px;}
#content_google .content_boton{position:absolute;z-index:1000;width:100%;bottom:50px;}
#content_google .content_boton .boton{display:inline-block;background-color:#dcc67f;padding:10px 20px;color:#111;}

#top_interna{width:100%;min-height:680px;background-size:cover;}
#top_interna .leyenda{margin-top:180px;}
#top_interna .leyenda h1{font-weight:300;}
#top_interna .icos{margin-top:200px;}
#top_interna .icos .content_ico{margin-bottom:40px;}
#top_interna .icos .content_ico .ico{height:155px;overflow:hidden;}
#top_interna .icos .content_ico .ico img{overflow:hidden;margin-top:-152px;}
#top_interna .icos .content_ico .ico img:hover{margin-top:2px;}
#top_interna .icos .content_ico .nombre{color:#fff;font-weight:700;font-size:16px;margin-top:5px;}
#top_interna .formdetalle{margin-top:180px;background-color:#FFC000;padding:20px;border-radius:10px;max-width:360px;position:fixed;z-index:1000;}
#top_interna .formdetalle .gif{position:absolute;left:-105px;top:-50px;}
#top_interna .formdetalle .info{color:#111;margin-bottom:10px;}
#top_interna .formdetalle .campo{width:100%;margin-bottom:10px;}
#top_interna .formdetalle .campo .txt{width:100%;height:30px;border:1px solid #e1e1e1;border-radius:5px;}
#top_interna .formdetalle .campo textarea.txt{height:65px;}
#top_interna .formdetalle .boton{margin-top:10px;}
#top_interna .formdetalle .boton .bot{background-color:#003C71;color:#fff;border:0px;padding:10px 15px;border-radius:5px;}
#top_interna .formdetalle .boton .bot:hover{background-color:#3591EC;}

#submenu{background-color:#fff; padding:10px 0px;border-bottom:1px solid #ccc;width:100%;}
#submenu.sticky{position:fixed;top:116px;z-index:1000}
#submenu .item{display:inline-block;border-left:1px solid #ccc;padding-left:10px;margin-right:10px;}
#submenu .item:first-child{border-left:0px;}
#submenu .item a{color:#6e6e6e;}
#submenu .item a:hover{color:#0059ab;text-decoration:none;}
#submenu .item.active a{color:#111;font-weight:700;}

.sector{padding:30px 0px;}
.sector.azul{background-color:#3591EC;}
.sector.azul ul{color:#fff;}
.sector.azul p{color:#fff;}
.sector.azul h3{color:#fff;}
.sector .cliente{padding:5px 10px;border:1px dashed #ccc;display:inline-block;width:200px;margin-right:20px;margin-bottom:20px;min-height:75px;vertical-align:top;}
.sector .cliente.blanco{}
.sector .cliente .nombre_cliente{font-size:16px;font-weight:400;}
.sector .cliente .ubicacion_cliente{font-size:15px;font-weight:300;}
.sector h3{margin-bottom:20px;}

.formulario{padding:50px 0px;}
.formulario .campo{width:100%;margin-bottom:10px;}
.formulario .campo .lbl{font-size:16px;font-weight:700;color:#9d9d9d;}
.formulario .campo .txt{width:100%;height:40px;border:1px solid #e1e1e1;border-radius:5px;}
.formulario .campo textarea.txt{height:200px;}
.formulario .boton{margin-top:10px;}
.formulario .boton .bot{background-color:#0059ab;color:#fff;border:0px;padding:10px 15px;border-radius:5px;}
.formulario .boton .bot:hover{background-color:#3591EC;}
.datos_contacto{padding:50px 0px;}
footer{background-color:#222;padding:30px;}
footer .small{font-size:11px;font-weight:100;}


@media (max-width:767px){
	#top_interna .formdetalle{margin-top:20px;margin-bottom:20px;}
	.sector .cliente{width:180px !important;}
	p.destacado{font-size:30px;}
	.datos.pull-right{float:none !important;}
	#cajero .foto img{width:50%;}
	#content_google .content_boton .boton h2{font-size:18px;}
	.titulo h2{font-size:30px;}
	.botonera{display:none;text-align:right;}
}