@charset "utf-8";

@import url("fonts/raleway/stylesheet.css");

/********************************* GENERADOR CSS 3 *************************************/
/* BORDER */
.loginBox input, .loginBox textarea, .bigBtn, .soporteTerminos, .fakeBtn, .contactResponse{-webkit-border-radius: 2px; border-radius: 2px; -moz-border-radius:2px;}

/* BOX SHADOW */
.gbody{ -webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); box-shadow:0px 0px 5px 0px rgba(0,0,0,.4); }
.loginBox input[type="text"]:focus,.loginBox input[type="email"]:focus, .loginBox input[type="password"]:focus, .loginBox textarea:focus{ -webkit-box-shadow: 0px 0px 9px 0px #00ADEE, inset 0px 0px 0px 100px #FFF; box-shadow: 0px 0px 9px 0px #00ADEE, inset 0px 0px 0px 100px #FFF; }
.loginBox input[type="submit"]:hover, .loginBox input[type="button"]:hover, .loginBox input[type="submit"]:focus, .loginBox input[type="button"]:focus,.bigBtn:hover{ -webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,.8); box-shadow:0px 1px 2px 0px rgba(0,0,0,.8);}
.loginBox input[type="submit"]:active, .loginBox input[type="button"]:active, .bigBtn:active{ -webkit-box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.5); box-shadow:inset 0px 1px 5px 0px rgba(0,0,0,.5);}
/* TEXT SHADOW */
.xxx{text-shadow: 1px 1px 0 #FFFFFF;}
/* TRANSITION */
.loginBox input, a, .bigBtn{ -webkit-transition: all .15s linear; -moz-transition: all .15s linear; -ms-transition: all .15s linear; -o-transition: all .15s linear; transition: all .15s linear; }

/************************************* GENERAL *****************************************/
body{ background:url(img/kindajean.png); color:#333; margin:0;}
a{color:#333;}
a:hover{color:#00ADEE; text-decoration:none;}
a:active{color:#00ADEE; text-decoration:none;}
.hide{display:none;}
.fleft{float:left;}
.scroll{height:530px; overflow:auto; }

/* CONTENEDORES */
.gbody{background-color:#F9F9F9; min-width:320px; }
.contentA, .footer{max-width:970px; min-width:320px; margin:0px auto; overflow:auto; font-size:14px;}
.contentTxt{max-width:700px; min-width:320px; margin:0px auto; overflow:auto; font-size:14px; }
.contentTxt p{text-align:justify; margin-bottom:30px;}
.contentTxt h4{font-family:'ralewayregular'; font-size:24px;}
.box{ width:320px; font-family:'ralewayregular'; text-align:center; margin:0 auto;}
/* PANEL DE LOGIN */
.loginBox{ width:320px; font-family:'ralewayregular'; text-align:center; float:left;}
.logo{ width:320px; height:115px; background:url(img/nuberama_log.png?v=1.0.0) no-repeat; background-position: center; background-size: contain;margin:15px auto;}
.loginBox .title, .box .title{text-align:center; padding:20px 0px; letter-spacing:1px; background:url(img/divider_login.png) no-repeat; background-size:contain;font-family:'ralewaybold';}
.loginBox .title label{font-size:16px; cursor:default;}
.loginBox table td{overflow:visible; padding:0 10px 10px 0;}
.loginBox input, .loginBox textarea{font-family:'ralewayregular'; font-size:14px; margin:0;}
.loginBox input[type="email"], .loginBox input[type="password"], .loginBox input[type="text"]{width:285px; border:#999 1px solid; height:35px; padding:0 5px; color:#333; }
.loginBox textarea{width:285px; border:#999 1px solid; padding:5px; color:#333; resize:none; }
.loginBox input[type="email"]:focus, .loginBox input[type="password"]:focus, .loginBox input[type="text"]:focus, .loginBox textarea:focus{ border:#00ADEE 1px solid; }
.loginBox input[type="submit"], .loginBox input[type="button"]{ width:50%; height:40px; border:none; background:#00ADEE; color:#FFF; font-size:16px; font-family:'ralewaybold'; padding:0px;	outline:none; }
/* PANEL DE INFO */
.rightBox{min-width:310px; margin:0 10px 50px 330px;}
.mainmenu{font-family:'ralewaybold'; font-size:15px; margin:20px 0px 10px 20px; padding:15px 0 0 0;}
.mainmenu li{display:inline; margin-right:15px;}
/* SOPORTE */
.soporteParrafo, .soporteTerminos{width:80%; margin:5px auto; padding:5px; text-align:left;}
.soporteTerminos{background-color:#E9E9E9; }
.soporteItalic{font-style:italic;}
.soporteBold{font-family:'ralewaybold';}
.bigBtn{margin:10px auto; padding:5px; text-align:left; font-size:15px; line-height:40px; background:#00ADEE; color:#FFF; cursor:pointer;}
.bigBtn div{background:url(img/nuberama_sprite.png) no-repeat; width:40px; height:40px; float:left; margin:0 5px;}
#btnSoporte{width:80%;}
#btnSoporte div{ background-position:0 -120px;}
/* CONTACTO */
.contactResponse{background-color:#E9E9E9; width:275px; padding:10px 15px; text-align:left; float:right;}

/* FOOTER */
.footer{margin:10px auto; font-size:13px; font-family:'ralewayregular'; padding:0px 10px;}
.footer li{display:inline;}
/* VALIDATE */
.loginBox div.error, .loginBox div#access_error{background-color:#F90; color:#FFF; padding:3px 10px; width:277px; -webkit-border-radius: 0px 0px 2px 2px; border-radius:0px 0px 2px 2px; -moz-border-radius:0px 0px 2px 2px;}
input.error, input.error, textarea.error{ border:#F90 1px solid !important; -webkit-border-radius: 2px 2px 0px 0px; border-radius:2px 2px 0px 0px; -moz-border-radius:2px 2px 0px 0px;}
input.error:focus, input.error:focus, textarea.error:focus{ -webkit-box-shadow: 0px 0px 9px 0px #F90, inset 0px 0px 0px 100px #FFF !important; box-shadow: 0px 0px 9px 0px #F90, inset 0px 0px 0px 100px #FFF !important;}
div#access_error{margin-top:10px; font-weight:bold; display:none;}



/* MEDIA QUERIES */
/*************************************/
@media screen and (max-width: 680px){
.loginBox{float:none; margin: 0 auto;}
.rightBox{margin:0 5px;}
}
@media screen and (max-width: 370px){
.mainmenu li{list-style:none; display:block; text-align:center;}
.footer li{list-style:none; display:block; text-align:center;}
.fseparator{display:none !important;}
}
@media screen and (max-width: 320px){
.loginBox{float:none; margin: 0 auto;}
.rightBox{margin:0px 5px;}
}