@charset "utf-8";
@import "reset.css";
@import "fonts/stylesheet.css";

body { margin: 0 auto; font-family: 'TradeGothic'; font-size: 12px; color: white; -webkit-font-smoothing: antialiased; }

/* links  */ 

a { color: black; -webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
a:hover { color: #dca926; -webkit-transition: all 0.2s ease; }

.link1 { color: white; } .link1:hover { color: #4c4847; }

/* títulos y texto */ 

p { line-height: 20px; }
h1 { font-family: 'TradeGothic Bold'; font-size: 30px; letter-spacing: 2px; margin-bottom: 60px; }
h2 { float: left; padding: 20px 30px; font-family: 'TradeGothic Bold'; font-size: 30px; width: 100%; background-color: rgba(255,255,255,0.25); }
h3 { font-family: 'TradeGothic Bold'; font-size: 20px; }

/* colores  */ 

.clr_black { color: black; }
.bg_green { background-color: #183026; }
.bg_gray { background-color: #4c4847; }
.bg_gray2 { background-color: #c3c5ca; }
.bg_yellow { background-color: #dca926; }

/* arreglos  */ 

.center { text-align: center; }
.align_right { text-align: right; }
.fullscreen { height: 87vh; }

/* estructura  */ 

.pre-load-web { width:100%; height: 100%; width: 100vw; height: 100vh; position:absolute; position:fixed; left:0; top:0; -ms-display: flex; display: -webkit-flex; display: flex; align-items:center; justify-content: center; z-index:100000; }
.imagen-load img { width: 150px; }

.main { position: absolute; width: 100%; }
.section { float: left; width: 100%; }
.cont { margin: 0 auto; width: 1050px; padding: 80px 30px; display: table; overflow: hidden; }
.fila { float: left; width: 100%; height: 490px; overflow: hidden;  }
.col50 { position: relative; float: left; width: 50%; height: 100%; overflow: hidden; }
.col50 p { line-height: 16px; font-size: 11px; }
.col50 img { height: 100%; display: block; }
.col33 { float: left; width: 32%; }

/* secciones  */ 

.header { position: fixed; display: table; z-index: 2000; width: 100%; height: 180px; background-color: rgba(255,255,255,0.3); padding: 60px; z-index: 3000; }

.slick { width: 100%; height: 100%; overflow: hidden; }
.slick div { width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom; }
.nav { position: absolute; right: 60px; top: 137px; }
.nav li { display: inline-block; margin-left: 60px; }
.nav li a { font-size: 22px; font-family: 'TradeGothic Bold'; letter-spacing: 2px; }

.smallheader .logo { width: 150px;  }
.smallheader .nav { top: 22px; }
.smallheader { height: 70px; padding: 12px 60px; background-color: rgba(255,255,255,0.7); }

.padding { float: left; padding: 30px; padding-top: 20px; width: 100%; display: block; }
.download { position: absolute; bottom: 0; padding: 30px; width: 100%; border-top: 1px solid white; padding-top: 10px; z-index: 2000; }
.download a { display: inline-block; color: white; background-color: rgba(255,255,255,0.25); padding: 10px; letter-spacing: 2px; font-family: 'TradeGothic Bold'; font-size: 22px; margin-right: 10px; }
.download a:hover { color: white; background-color: #dca926; }

.listado { float: left; margin-left: 90px; font-size: 15px; }
.listado li { display: block; margin-bottom: 10px; letter-spacing: 2px; }
.listado li a { color: white; }
.listado li a:hover { color: #dca926; }
.listado li i { display: inline-block; vertical-align: middle; text-align: center; width: 40px; color: rgba(255,255,255,0.25); }
.listado li i:hover { color: #dca926; }

input, textarea { border: 0; margin: 0; margin-bottom: 10px; width: 100%; height: 50px; padding: 0 20px; color: white; font-size: 15px; font-family: 'TradeGothic'; background-color: rgba(255,255,255,0.25); }
textarea { padding: 20px; height: 220px; }
.listado2 { -ms-display: flex; display: -webkit-flex; display: flex; align-items: flex-start; justify-content:space-between; }
button { background-color: rgba(255,255,255,0.25); border: 0; height: 50px; color: white; font-size: 15px; font-family: 'TradeGothic'; text-align: center; width: 162px; cursor: pointer; }
button:hover { background-color: #dca926; }

#footer { padding: 40px; -ms-display: flex; display: -webkit-flex; display: flex; align-items: center; justify-content:space-between; }
.info { font-family: 'TradeGothic Bold'; letter-spacing: 2px; }
.ancho { width: 100%; display: block; }

@media (max-width: 900px) {

	.slick div { background-size: auto 100%; background-position: right bottom;  }
	.header { padding: 0; padding-left: 50px; padding-top: 40px; height: 220px; }
	.logo { width: 200px; }
	.nav { right: auto; left: 50px; top: 115px; }
	.nav li { display: block; margin: 0; margin-bottom: 3px; }
	.fullscreen { height: 70vh; }

	.cont { width: 100%; padding: 60px 30px; }
	.fila { float: left; width: 100%; height: auto; }
	.download { position: static; bottom: auto; float: left; }
	.download a { font-size: 15px } 
	.col50 { width: 100%; }
	.col50 img { width: 100%; height: auto; }

	.col33 {  width: 32%; }

	h1, h2 { font-size: 22px; }
	h2 { padding: 20px 30px; }
	h3 { font-size: 14px; }
	.align_right { text-align: left; }
	
	.listado {  margin: 0; font-size: 11px; margin-top: 30px; }
	.listado li { letter-spacing: normal; }

	#footer { display: block; text-align: center; }
	.logo_footer { margin: 20px 0; width: 120px; }

	.smallheader .nav { top: 13px; left: auto; right: 40px; }
	.smallheader .nav li a { font-size: 14px; }
	.smallheader { padding-top: 15px; height: 80px; }
	
	.slick-dots { left: 20px; bottom: -20px; }

	
}