/******** GENERAL *******/
html, body{margin: 0; padding: 0; background-color: #fafafa; font-size-adjust: 100%; font-family: 'Raleway', sans-serif;}
img {border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%;}
.over{cursor: pointer;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.over:hover{opacity: .8;}
.raya{position: relative; display: block; margin: 90px auto 70px auto; width: 90%; max-width: 400px; height: 1px; border-bottom: 1px #4d7392 solid;}


/******** CABEZA *******/
.cabeza-fondo{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color:#fff; z-index: -1;}
.cabeza-botones-fondo{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color:#fcb040; z-index: -1;}
.cabeza1{position: fixed; display: table; top: 0; left: 0; width: 100%; height: 60px; z-index: 100; text-align: center; border-bottom: 1px #333 solid;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; 
}
.cabeza1-cont{position: relative; display: table; margin: 0 auto 0 auto;}
.cabeza1-img{position: relative; display: table-cell; width: 110px; vertical-align: middle; text-align: left;}
.cabeza1-img img{width: 60px;}
.cabeza1-botones{position: relative; display: table-cell;}
.cabeza1-botones li{position: relative; display: table-cell; padding: 0 20px 0 20px; height: 60px; border-left: 1px #333 solid; vertical-align: middle;}
.cabeza1-botones a{position: relative; display: table-cell; text-decoration: none; color: #fff; font-family: 'Dosis', sans-serif; font-size: 16px;}
.cabeza1-botones li span{text-decoration: none; color: #fff; font-family: 'Dosis', sans-serif; font-size: 16px;}
.cabeza2-img{position: relative; display: table-cell; width: 60px; vertical-align: middle; text-align: left;}
.cabeza2-img img{width: 60px;}
.sub1{position: absolute; display: none; width: 100%; top: 60px; left: 0;}
.sub1-bots{position: relative; display: flex; align-items: center; padding: 0 20px 0 20px; height: 60px; border: 1px #fff solid; text-align: left; vertical-align: middle; background-color:#222; white-space: nowrap;}



.sub1-bots a{position: relative; display: table-cell; text-decoration: none; color: #fff; font-family: 'Dosis', sans-serif; font-size: 16px;}
.sub1-rompe{display: table-row; visibility: collapse;}
.short-cont{position: fixed; display: block; top: 60px; left: 50%; transform: translate(-50%, 0); width: 100%; max-width: 280px; height: 90vh; z-index: 200; background-color: #fff; opacity: .95; overflow: scroll;}
.short-cont li{position: relative; display: flex; align-items: center; padding: 0 20px 0 20px; height: 60px; border: 1px #fff solid; background-color: #333; text-align: left;}
.short-cont a{text-decoration: none; color: #fff; font-family: 'Dosis', sans-serif; font-size: 16px;}
.short-cont li span{color: #fff; font-family: 'Dosis', sans-serif; font-size: 16px;}
.short-sale{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 190;}
.botShort-tit{position: relative; display: flex; align-items: center; height: 30px !important; border-left: 1px #fff solid; border-right: 1px #fff solid; background-color: #fcb040 !important; text-align: center; font-family: 'Dosis', sans-serif; font-size: 16px;}


/******** CUERPO *******/
.cuerpo-cabecero{position: relative; display: table; width: 100%; height: 50vw; background-size: cover; background-position: center;}
.cuerpo-tit{position: absolute; display: table; top: 30%; right: 10%; left: 10%; font-family: 'Dosis', sans-serif; font-size: 100px; color: #fff; font-weight: bolder;
text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000;
}
.cuerpo-flecha{position: absolute; display: table; width: 70px; bottom: 20%; left: 50%; transform: translate(-50%, 0); cursor: pointer;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.cuerpo-flecha:hover{bottom: 19%;}
.cuerpo-flechaW{position: absolute; display: table; width: 70px; bottom: 20%; left: 50%; transform: translate(-50%, 0); cursor: pointer; background-color:#333;
-ms-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-ms-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
.cuerpo-flechaW:hover{bottom: 19%;}
.cuerpo{position: relative; display: table; margin: 0 auto 0 auto; width: 90%; max-width: 900px;}
.cuerpo-tit1{position: relative; display: table; margin: 0 auto 0 auto; max-width: 700px; color: #f29100; font-family: 'Dosis', sans-serif; font-size: 50px; font-weight: bolder; text-align: center; line-height: 50px;}
.cuerpo-tit2{position: relative; display: table; margin: 0 auto 0 auto; max-width: 700px; color: #4d7392; font-size: 22px; text-align: center;}
.cuerpo-tit3{position: relative; display: table; margin: 0 auto 0 auto; max-width: 700px; color: #333; font-size: 20px; text-align: center; font-weight: bold;}
.cuerpo-tit4{position: relative; display: block; width: 100%; padding: 10px 0 10px 0; color: #4d7392; font-size: 22px; text-align: center; font-weight: bold; border: 1px #4d7392 solid; background-color:#f4f4f4;}

.cuerpo-tit5{position: relative; display: block; width: 100%; color: #4d7392; font-family: 'Dosis', sans-serif; font-size: 30px; text-align: center; font-weight: bold;}



.cuerpo-text{position: relative; display: table; margin: 0 auto 0 auto; color: #333; font-size: 18px; text-align: left;}
.cuerpo-text a{color: #f29100; font-size: 20px; font-weight: bold;}
.cuerpo-lista1{position: relative; display: table; margin: 30px auto 40px 20px;}
.cuerpo-lista1 ul{margin: 0;}
.cuerpo-lista1 li{color: #333; font-size: 18px; text-align: left;}
.cuerpo-lista2{position: relative; display: table; margin: 0 auto 30px 0;}
.cuerpo-lista2 li{list-style: none; color: #333; font-size: 22px; text-align: left;
padding: 6px 0 6px 50px;
background-image: url("../im/Topo.png");
background-repeat: no-repeat;
background-position: left 10%;
background-size: 30px;
}


#botIco{display: none;}
#botShort{display: none;}
#botSale{display: none;}



/******** PIE *******/
.pie{position:relative; display:table; width: 100%; height: 100px; background-color:#1a1a1a;}
.pie-tx{position:relative; display:table-cell; text-align: center; vertical-align: middle; color: #fff; font-size: 16px;}