@charset "utf-8";
p.separador { margin: 0 auto; height: 0; width: 8%; margin-top:2.5em; border: 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #b99340; }
p.separadormin {  margin: 0 auto;height: 0; width: 8%; margin-top:1.5em;border: 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #b99340; }
p.separadorPopUp { margin: 0 auto; height: 0; width: 8%; margin-top:2.5em; border: 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #9f2929; } 
p.separadorLounge { margin: 0 auto;height:0; width: 100%; margin-top:1.8em; margin-bottom:.1em; border: 0; border-top: 1px solid #FFFFFF; border-bottom: 2px solid #9f2929; }
p.separadorDetail { margin:0 auto; height:0; width: 100%; margin-bottom:.1em; border: 0;  border-bottom: 1px solid #e3bd68; }
header#navtop { position:fixed;z-index:1100;margin-bottom: 0em; overflow: hidden; text-align: center; width: 100%; padding: 0em 0em; top:0px;background: #179E8A;}
header nav ul {float:left; overflow: hidden;padding: 1em 1em 0em 1em; border-left: none; line-height: 2em;height: 50px; }
header nav{ max-width: 1044px; margin: 0 auto; height: 50px; }
li { list-style: none; text-align: center; }
li a {	 font-size:16px; }
#navtop .subheader{ padding-top: 40px;}
p{color:#606060;}
.mobile span { float:left; padding-left:1.5em; }
.mobile span img{max-width:50px; padding-top:3px; }
.mobile #callMenu img{ float:right; padding-right:1.5em; }
.mobile #closeMenu{ display: none; }
.mobile #closeMenu img{ float:right; padding-right:1.5em; }
#showMenu{ position:fixed; width:60px; height:60px; top:3%; right:0%; z-index:700; }
 

/* home */
.main #home{ padding:0em 0em;}
.mobile {width:100%; border-bottom:none; padding-bottom:0px;background: #179E8A; }
.mobile li{ text-align:center; }
#home{ /*height:100vh;*/ background:#fff; }
.home{background:url(../imgs/fondo.png); background-size:cover;height:80vh;}
.piso{background:url(../imgs/piso.png); height:20%;background-repeat:repeat-x;}
.banderin img{margin: 0 auto;display: block;width: 150px;margin-top: 50px;padding-left: 3em;margin: 0 auto;margin-top: 50px;}
.libro{ position: absolute;width: 100%;padding-left: 2em; margin-top: -20px;}
.libro img{padding-left: 3em;width: 250px;margin: 0 auto;display: block;}
.up{ position:fixed; width:40px; height:40px; bottom:10.5%; right:1%; webkit-transition: 1s ease-in-out linear; }
.ingreso img{ margin: 0 auto; display: block; margin-top:20px;margin-bottom: 20px;}
.cd-switcher{padding: 0;}
.cd-switcher li{width: 215px;margin: 0 auto;background: #179E8A;margin-bottom: 5px;}
.cd-switcher li a{ display: block;padding: 8px;color: white;text-decoration: none;}
.textodetalle{width: 80%;text-align: center;margin: 0 auto; margin-top: 30px;}
#home select{width: 100%; padding: 7px;}
p select option{margin: 0 0 1em; font-size:12px!important;}

/*ingreso*/
.cd-form{margin: 0 auto; width: 215px;    margin-top: 30px;}
.cd-form input{ width: calc(100% - 60px);line-height: 30px;padding-left: 5px;border:1px solid #B3B3B3;}
.fieldset{width: 50px; float: left;}
.submit input{ width: 215px; height:40px;background-color:#ff9e15;color:white;border:none;}
.submit input:active{border:2px solid #ff9e15;}
.olvido{text-align: center;margin-top: 10px; margin-bottom: 5px;}
.olvido a{ text-decoration:underline; color: grey;}
.barratop{background:#179E8A;padding: 12PX;}
.submit{ height: 39px;background: #179E8A;color: white;margin-top: 30px;text-align: center; padding-top: 6px;}
.submit2{background: #ff9e15;color: white;margin-top: 15px;}
.botonaceptar{ color: white; text-align: center; padding: 10px;}

/*cuponera*/
.cuponeraboton{ width: 200px; margin: 0 auto; margin-top: 30px;}
.atras{ width: 50px;float: left;}
.cuponeraboton p{color:white;}
.horas{text-align:center; font-size:65px!important;color:#ff9e15;margin-top:50px;text-align: center;font-size: 65px!important;color: #ff9e15;margin-top: 50px;line-height: 134px;border: 1px solid #FF8000;border-radius: 50%;width: 140px;height: 140px;margin: 0 auto;margin-top: 50px;}
.titulo{text-align: center; margin-top: 50px;}
.menu li img{padding-right: 20px;}

/*historial*/
.bloque{padding: 20px;border-bottom: 1px solid #EAEAEA;}
.recomprar{ float: left; width:100px;background-color:#75BF21;text-align: center;padding: 5px;}
.recomprar p{color:white;}
.estrellas{width: 100px; float: right; padding-bottom: 20px;    text-align: right;}
.conjunto{ height: 20px;}
.imgunica{width: 50px; margin: 0 auto;display: block;margin-bottom: 20px;}

/*confirmaciones*/
.aceptar {width:100px;background-color:#75BF21;text-align: center;padding: 5px;}
.aceptar p {color:white;}
.detalle {width: 100px; background-color: #ff9e15; text-align: center; padding: 5px;}
.detalle a {color: white !important; text-decoration: none !important;}

/*contratadas*/
.cancelar{  width:120px;background-color:#F68C11;text-align: center;padding: 5px;}
.cancelar p{color:white;}

/*login*/
.cont_login{background-color:#00a887; height:100%;}
.imglogoMPEC{width: 70px; margin: 0 auto;display: block;margin-bottom: 40px;}
.login-box-msg{text-align: center; color: white; font-weight: 500;}
.a_login{color: white !important; text-decoration: none !important;}
.span_login{display: table; margin: 0 auto; font-weight: 500; font-size: 1.5rem; margin-top: 3em;}

/*horarios - detalle solicitud*/
#horarios { min-height: 110px; }
#horarios .nav-tabs .active a { background: #ff9e15 !important; color: white !important; border-radius: 4px !important; border: 0px !important; margin-right: 0px !important; }
#horarios .nav-tabs a { text-decoration: none !important; }
#horarios .nav-tabs { border-bottom: 0px !important; }
#horarios .tab-pane p { margin: 0px !important; }

/*clase agendada - detalle solicitud*/
#claseAgendada { margin-top: 1em; }
#claseAgendada .box.box-solid.box-success { border: 1px solid #75BF21; }
#claseAgendada .box { position: relative; border-radius: 3px; background: #fff; border-top: 3px solid #75BF21; margin-bottom: 20px; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,.1); }
#claseAgendada .box.box-solid.box-success>.box-header { color: #fff; background: #75BF21; }
#claseAgendada .box-header { color: #444; display: block; padding: 10px; position: relative; }
#claseAgendada .box-header>.fa, .box-header>.glyphicon, .box-header>.ion { margin-right: 5px; }
#claseAgendada .box-header .box-title, .box-header>.fa, .box-header>.glyphicon, .box-header>.ion { display: inline-block; font-size: 18px; margin: 0; line-height: 1; }
#claseAgendada .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro',sans-serif; }
#claseAgendada .box-body:after, .box-body:before, .box-footer:after, .box-footer:before, .box-header:after, .box-header:before { content: " "; display: table; }
#claseAgendada .fa-check:before { content: "\f00c"; }
#claseAgendada .box-body:after, .box-footer:after, .box-header:after { clear: both; }
#claseAgendada .box-body { border-radius: 0 0 3px 3px; padding: 10px; }
#claseAgendada p { margin: 0px !important; }

/*botonera - detalle solicitud*/
#botonera { margin-top: 1em; }
.btnCancelar, .btnAceptar, .btnRechazar, .btnValidar, .btnRecomprar { background-color: #75BF21; border-color: #75BF21; color: white; }
.btnCalificar { background-color: #F68C11; border-color: #F68C11; color: white; }

/*calificación de docentes*/
.clasificacion label { color:grey; font-size: 60px !important; padding-right: 8px}
.clasificacion input[type = "radio"] { display:none; }
.clasificacion { direction: rtl; float: left; /* unicode-bidi: bidi-override;*/ }
.clasificacion label:hover { color:yellowgreen; }
.clasificacion label:hover ~ label { color:yellowgreen; }
.clasificacion input[type = "radio"]:checked ~ label { color:yellowgreen; }

/*mensaje luego de registro de docente y alumno*/
.divTxt p{ margin: 0 auto; display: block; margin-top:20px; margin-bottom: 20px; text-align: center; width: 60%; }

@media (max-width:320px)
{
    /*calificación de docentes*/
    .clasificacion label { color:grey; font-size: 60px !important; padding-right: 8px; margin-left: 0px}
    .clasificacion input[type = "radio"] { display:none; }
    .clasificacion { direction: rtl; float: left; /* unicode-bidi: bidi-override;*/ }
    .clasificacion label:hover { color:yellowgreen; }
    .clasificacion label:hover ~ label { color:yellowgreen; }
    .clasificacion input[type = "radio"]:checked ~ label { color:yellowgreen; }

}