/*
	Ckled Systems
	Desarrollador: Jaaziel Mizraim Pulido Rgz.
	© 2013 ckled.net
	For any questions please visit www.ckled.net
	or email us at jaaziel.mizraim@ckled.net

*/ 

@charset "utf-8";
/* ============================= general ================================ */
body { 
margin: 0;
font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 24px;
color: #9b9b9b;
z-index:1;
background:#232323;
width: 100%; height: 100%; margin: 0;  }
.glob { width: 100%; height: 100%; overflow: hidden; position: absolute; }
.main { margin: 0px auto; width: 960px; z-index: 2; height: 100%; display:block; text-align:center}
.page_spinner { position: fixed; background: #fff; z-index: 99; width: 100%; height: 100%; top: 0; left: 0; }
.page_spinner > span { position: absolute; left: 50%; top: 50%; }
.spinner_bg { position: fixed; width: 0px; height: 0px; z-index: 10000; left: 50%; top: 50%; display: inline-block; }
#cuerpo{ background:#FFF}
article{ padding-bottom:170px;}
.logo { position:relative; padding-top:200px; padding-bottom:100px}
.prox{ text-transform:uppercase; color:#fff; font-family: 'Raleway', sans-serif; font-size:50px; font-weight:100; line-height:50px}
.prox-contacto{ padding-top:20px; padding-bottom:100px}
#porciento{ display:none; font-family: 'Raleway', sans-serif; position:absolute; top:0; left:0; color:#FFFFFF; font-size:18px; font-weight:100; margin-top:20px; margin-left:20px;}
#fondo-porciento {
    width: 0%;
    height: 100%;
    background: url(../images/www2.png) repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
	background-repeat:no-repeat;
}
a{ color:#ed5023; text-decoration:none}
.box-porciento {
    width: 508px;
    background: url(../images/www.png) repeat;
    margin: 0 auto;
    height: 58px;
    /* border: 1px solid #fff; */
    margin-top: 20px;
    position: relative;
	background-repeat:no-repeat;
}
#proximamente2{ font-size:20px; color:#fff}
/* ============================= galería de fondo =============================== */
html { _background: url(/images/trans.gif) no-repeat fixed }
.bgstretcher-area { text-align: left; width: 100%; height: 100%; }
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI { position: absolute; top: 0; left: 0; }
.bgstretcher UL, .bgstretcher UL LI { margin: 0; padding: 0; list-style: none; }
.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; _position: absolute; /*IE6 doesn't support fixed positioning*/ top: 0; left: 0; }
/*.prevBtn { width: 100px; height: 100px; display: inline-block; position: absolute; left: 0; background: url(../images/bg5.png); top: 35%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); cursor: pointer; overflow: hidden; z-index: 10; text-align: center; }
.nextBtn { width: 100px; height: 100px; display: inline-block; position: absolute; right: 0; background: url(../images/bg5.png); top: 35%; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4); cursor: pointer; overflow: hidden; z-index: 10; text-align: center; }*/
.botones{ display:block; width:68px; margin:0px auto 0 auto; position:relative; font-weight:100; padding-top:20px}
.prevBtn { width: 25px; height: 35px; display: inline-block; cursor: pointer; overflow: hidden; z-index: 10; text-align: center; border:#FFF solid 1px;}
.nextBtn { width: 25px; height: 35px; display: inline-block; cursor: pointer; overflow: hidden; z-index: 10; text-align: center; border:#FFF solid 1px; }
.bgstretcher-page { width: 100%; height: 100%; }
.arrow { font-family: 'Raleway', sans-serif; font-weight:100; line-height: 35px; color: #FFF; font-size:30px; }
/* ============================= footer ====================== */
footer {font-family: 'Raleway', sans-serif;}
.derechos{ font-size:10px; color:#FFFFFF; margin:0px auto 0 auto; display:block; margin: 10px; }
.derechos a {font-size:10px; color:#FFFFFF;}
.derechos2{ font-size:10px; color:#5dbc89; display:block; margin-top:10px; }
.derechos2 a {font-size:10px; color:#5dbc89;}