@charset "utf-8";
/* CSS Document */



         /* Client-specific Styles */
         div, p, a, li, td { -webkit-text-size-adjust:none; }
         #outlook a {padding:0;} /* Force Outlook to provide a "view in browser" menu link. */
         html{width: 100%; }
         body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0;}
         /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */
         .ExternalClass {width:100%;} /* Force Hotmail to display emails at full width */
         .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing. */
         #backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
         img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic; 
    width:100%;
    max-width:600px;
}
         a img {border:none;}
         .image_fix {display:block;}
         p {margin: 0px 0px !important;}
         table td {border-collapse: collapse;}
         table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
         a {color: #ffffff;text-decoration: none;text-decoration:none!important;}
         /*STYLES*/
         table[class=full] { width: 100%; clear: both; }
         /*IPAD STYLES*/
         @media only screen and (max-width: 790px) {
         a[href^="tel"], a[href^="sms"] {
         text-decoration: none;
         color: #33b9ff; /* or whatever your want */
         pointer-events: none;
         cursor: default;
         }
         .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
         text-decoration: default;
         color: #33b9ff !important;
         pointer-events: auto;
         cursor: default;
         }
         table[class=devicewidth] {width: 480px!important; }
         table[class=devicewidthinner] {width: 480px!important;text-align:center!important;}
         img[class=banner] {width: 480px!important;height:250px!important;}
         img[class=col2img] {width: 480px!important;height:250px!important;}
         
         
         }
         /*IPHONE STYLES*/
         @media only screen and (max-width: 480px) {
         a[href^="tel"], a[href^="sms"] {
         text-decoration: none;
         color: #33b9ff; /* or whatever your want */
         pointer-events: none;
         cursor: default;
         }
         .mobile_link a[href^="tel"], .mobile_link a[href^="sms"] {
         text-decoration: default;
         color: #33b9ff !important; 
         pointer-events: auto;
         cursor: default;
         }
         table[class=devicewidth] {width: 300px!important;}
         table[class=devicewidthinner] {width: 300px!important;text-align:center!important;}
         img[class=banner] {width: 300px!important;height:160px!important;}
         img[class=col2img] {width: 300px!important;height:160px!important;}
         
        
         }
      #apDiv1 {
	position: absolute;
	width: 66px;
	height: 151px;
	z-index: 1;
	left: 84px;
	top: 613px;
}
.ii a[href] {
    color: #EB8A23 !important ;
}



@import url(http://fonts.googleapis.com/css?family=Open+Sans);
 
html,body{
  font-family:'Opens Sans',helvetica;  
  height:100%;
  width:100%;
  margin: 0px;
  background-color:#d1d1d1;
}
 
.portada{
   background: url(../img/fondo1.jpg) no-repeat fixed center;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
   height: 100%;
   width: 100% ;
   text-align: center;
 
}
.img-fijo-usuario{
	width:49px !important;
	height:46px !important;}
	
.img-fijo-close{
	width:21px !important;
	height:21px !important;}	
	
.text{
  margin: 30px 0px 30px 0px;	
  padding: 10px;
  background: rgba(0,0,0,0.5);
  display: inline-block;
}



.cont-logo{
	width: 100%;
    height: 200px;
    background:url(../img/logo-11.png) no-repeat  center;
    background-size: contain;
   
	}


.titulo_inicio{
font-family: 'Fjalla One', sans-serif;
font-size:31px;
color: #ffffff;
text-shadow: 1px 1px 1px #333333;
text-align:left;
line-height: 38px;
letter-spacing: 1.5px;

}
.titulo_inicio_n{

color: #666666;

}

 .textbox
  {
	  width:100%;
  border: 1px solid #DBE1EB;
  font-size: 18px;
  font-family: Arial, Verdana;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  background:rgba(255, 255, 255, 0.6);

  background: linear-gradient(left, rgba(255, 255, 255, 0.6);, #F7F9FA);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.6);, #F7F9FA);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.6);, #F7F9FA);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.6);, #F7F9FA);
  color: #2E3133;
  }
  
  .textbox:focus
  {
  color: #2E3133;
  border-color: #FBFFAD;
  }
  
  button {
 border: none;
 font-family:'Fjalla One', sans-serif;
 background: #e2231a;
 color: #ffffff;
 padding: 10px;
 font-size: 18px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 cursor:pointer;
 letter-spacing:1px;
 
}
button:hover {
	font-family:'Fjalla One', sans-serif;
 background: rgba(0,0,0,0);
 color: #FFFFFF;
 box-shadow: inset 0 0 0 3px #e2231a;
 cursor:pointer;
 letter-spacing:1px;
}
.button-n {
 border: none;
 font-family:'Fjalla One', sans-serif;
 background: #f5a71b;
 color: #ffffff;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 cursor:pointer;
 letter-spacing:1px;
 margin-bottom: 3%;
}
.button-n:hover {
	font-family:'Fjalla One', sans-serif;
 background: rgba(0,0,0,0);
 color: #FFFFFF;
 box-shadow: inset 0 0 0 3px #f7931d;
 cursor:pointer;
 letter-spacing:1px;
}

.button-c {
 border: none;
 font-family:'Fjalla One', sans-serif;
 background: #3daeb5;
 color: #ffffff;
 padding: 10px;
 font-size: 16px;
 border-radius: 5px;
 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 cursor:pointer;
 letter-spacing:1px;
 
}
.button-c:hover {
	font-family:'Fjalla One', sans-serif;
 background: rgba(0,0,0,0);
 color: #FFFFFF;
 box-shadow: inset 0 0 0 3px #00a79d;
 cursor:pointer;
 letter-spacing:1px;
}

.text-olv-cont{
	font-size:14px;
	color:#ffffff;
	font-family:'Fjalla One', sans-serif;
	text-align:center;
	padding-top:8%;}
	
.icono_nexsa{
	padding-top:5%;
	width:124px !important; height:17px !important;
	}	
	
.header_inicio{
	background-color:rgba(0, 153, 51, 0.8);
	}	
	
.nom-usuario{
	font-family: 'Fjalla One', sans-serif;
	font-size:14px;
	color: #ffffff;
	text-transform: uppercase;
	padding-left:2%;
	letter-spacing:1px;
	
	}	
	
.nom-liceo{
	font-family: 'Fjalla One', sans-serif;
	font-size:14px;
	color: #ffffff;
	text-transform:uppercase;
	padding-left:2%;
	letter-spacing:1px;
	}
	

.saludo_inicio-log{
font-family: 'Fjalla One' , sans-serif;
font-weight:bold;
font-size:33px;
color: #ffffff;
text-shadow: 4px 4px 4px #000000;
text-align:left;
letter-spacing: 2px;
padding: 30px;

}	

.fuente-titulos{
font-family: 'Fjalla One' , sans-serif;
font-size:29px;
color: #ffffff;
text-shadow: 1px 1px 1px #000000;
text-align:left;
letter-spacing: 2px;
line-height:32px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background: rgba(0,153,51,0.8);
padding:2%;

}


.tabla_fin_reforzamiento{
font-family: 'Fjalla One' , sans-serif;
font-size:32px;
color: #000000;
font-weight:bold;
text-align: center;
letter-spacing: 2px;
line-height:46px;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background: rgba(255,255,255,0.7);
padding:6%;

}	



	
.fuente-subtitulos{
font-family: 'Fjalla One' , sans-serif;
font-size:18px;
color: #333333;
text-align:left;
letter-spacing: 2px;
line-height:32px;
padding:1%;

}	

.tabla_clase{
font-family: 'Fjalla One' , sans-serif;
font-size:20px;
color: #333333;
text-align:left;
letter-spacing: 2px;
line-height:32px;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
background: rgba(205,254,202,0.7);
padding:2%;

}
.tabla_clase2{
font-family: 'Fjalla One' , sans-serif;
font-size:20px;
color: #333333;
text-align:left;
letter-spacing: 2px;
line-height:32px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
background: rgba(254,229,202,0.7);
padding:2%;

}

.cont-content-total{
font-family: 'Fjalla One' , sans-serif;
font-size:20px;
color: #333333;
text-align:left;
letter-spacing: 2px;
line-height:32px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
background: rgba(254,229,202,0.7);
padding:2%;

}

.tabla_logo_interno{
	margin-left:2%;
	    margin-right: 2%;
	
	}
.saludo_inicio-log_linea_b{
	border-right:#ffffff 1px solid;
	padding-left: 10% !important;	}
	
.td_reg_usuario	{padding: 10px;
border-left: #ffffff 1px solid;
}

.tabla_contenido{
	margin-top:2%}
	
.parrafo{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #333333;
text-align: left;
line-height:24px;
letter-spacing:1px;
padding-top:4%;
background: rgba(205,254,202,0.7);
padding:2%;

	}
.pregunta-test{
	font-size:18px !important;
	line-height: 24px;
	text-align:left !important;
	font-weight:200;
	}	
	
.respuesta-test{
	text-align:left !important;}	
	
.respuesta-definitiva{
	width:100%;
	border-bottom: #F00 2px solid;
	border-top: 0px;
    border-left: 0px;
    border-right: 0px;
	font-size:18px;
	font-family: 'Fjalla One' , sans-serif;
	font-size:18px;
	    background-color: rgba(0,0,0,0);
	}	
	
.n-pregunta{
	color:#f5a71b;

	top:0px}
	
		
	
	
	
@media (max-width: 790px) {
    .saludo_inicio-log{
font-family: 'Fjalla One' , sans-serif;
font-weight:bold;
font-size:33px;
color: #ffffff;
text-shadow: 4px 4px 4px #000000;
text-align: center;
line-height: 38px;
letter-spacing: 2px;
padding-left:10%;
padding-top:4%;

}	
.tabla_logo_interno{
	width:100%;
	
	}
	.nom-usuario{
	font-family: 'Fjalla One', sans-serif;
	font-size:10px;
	color: #ffffff;
	text-transform: uppercase;
	padding-left:2%;
	letter-spacing:1px;
	
	}	
	
.nom-liceo{
	font-family: 'Fjalla One', sans-serif;
	font-size:10px;
	color: #ffffff;
	text-transform:uppercase;
	padding-left:2%;
	letter-spacing:1px;
	}
	.saludo_inicio-log_linea_b{
	border-right:0;
	padding-left: 0px;	}
	
	.td_reg_usuario	{
	padding: 0px;
	border-left:0;
	background-color: rgba(0,0,0,0.5);
	}
	
	
.fuente-titulos{
	font-family: 'Fjalla One' , sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-shadow: 1px 1px 1px #000000;
    text-align: left;
    line-height: 19px;
	
}	
.img-fijo-usuario{
	width:49px !important;
	height:46px !important;}
	
.img-fijo-close{
	width:21px !important;
	height:21px !important;}	
	
.img-fijo-logo{
	width:228px !important;
	height:68px !important;}
	


.tabla_clase{
font-family: 'Fjalla One' , sans-serif;
font-size:20px;
color: #333333;
text-align:left;
letter-spacing: 2px;
line-height:32px;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
background: rgba(254,229,202,0.7);
padding:2%;

}
.tabla_clase2{
font-family: 'Fjalla One' , sans-serif;
font-size:20px;
color: #333333;
text-align:left;
letter-spacing: 2px;
line-height:32px;
border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-webkit-border-radius: 0px 0px 5px 5px;
background: rgba(254,229,202,0.7);
padding:2%;

}
.saludo_inicio-log_linea_b {
padding-left: 0;
		
	
}
.fuente-subtitulos{
font-family: 'Fjalla One' , sans-serif;
font-size:14px;
color: #333333;
text-align:left;
letter-spacing: 2px;
line-height:28px;
padding:1%;

}	
.pregunta-test{
	font-size:15px !important;
	line-height:18px;
	text-align:left;
	}	
.respuesta-test{
	text-align:left}

	
.respuesta-definitiva{
	width:100%;
	border-bottom: #F00 2px solid;
	border-top: 0px;
    border-left: 0px;
    border-right: 0px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'Fjalla One' , sans-serif;
	    background-color: rgba(0,0,0,0);}	
		
		
.contenedorinputs {
    position: relative;
}
.inputradio{
    
    opacity: 0; /* Ocultamos el input verdadero con opacity: 0 */
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.inputfalso{
    border: 2px solid #dedede;
    border-radius: 50%;
    display: inline-block;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 21px;
    z-index: -1;
}
 
input[type="checkbox"]:checked + span:after {    
content: "✔"; /* el valor de la propiedad content también puede ser cualquier imagen, sólo tendríamos que pasarle la ruta de la imagen*/
    position: absolute;
    text-indent: 2px;
    top: -1px;
    left: 2px;
    color: red;
}
/* Para utilizarlo con un radiobutton > input[type="radio"]:checked + span:after */		

	
}	

    
    table.width200,table.rwd_auto {width:100%;margin:0 0 30px 0}
        .width200 th,.rwd_auto th {background:#ccc;padding:5px;text-align:center;}
        .width200 td,.rwd_auto td {padding:5px;text-align:center}
        .width200 tr:last-child td, .rwd_auto tr:last-child td{border:0}
        
    .rwd {width:100%;overflow:auto;}
        .rwd table.rwd_auto {width:auto;min-width:100%}
            .rwd_auto th,.rwd_auto td {white-space: nowrap;}
            
    @media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px)  
    {
    
        table.width200, .width200 thead, .width200 tbody, .width200 th, .width200 td, .width200 tr { display: block; }
        
        .width200 thead tr { position: absolute;top: -9999px;left: -9999px; }
        
        
        
        .width200 td { border: none;border-bottom: 1px solid #ccc; position: relative;text-align: center }
        
        .width200 td:before {  position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
        
       
        
        .descarto {display:none;}
        .fontsize {font-size:10px}
    }
    
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen and (min-width : 320px) and (max-width : 480px) 
    {
      
        .descarto {display:none;}
    }
    
    /* iPads (portrait and landscape) ----------- */
    @media only screen and (min-width: 768px) and (max-width: 1024px) 
    {
    
        .descarto {display:none;}
        .fontsize {font-size:10px}
    }
	
.fieldset-clase{ border:0;}
	
[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
[type="checkbox"] + label:after {
  content: '';
  position: absolute;
}
[type="checkbox"] + label {
  display: block;
  position: relative;
  cursor: pointer;
  line-height: 36px;
  font-size: 28px;
  color: #e74c3c;
  text-shadow: #2c3e50 2px 2px 1px;
  transition: color .3s;
}
[type="checkbox"] + label:after {
  width: 30px; 
  height: 30px;
  transition: all .2s;
  top: 0; 
  left: 0;
}
/* OFF */
[type="checkbox"]:not(:checked) + label:after {
  background: url(../img/input-17.png) no-repeat;
  float:left;
}
/* ON */
[type="checkbox"]:checked + label {
  color: #fff;
}
[type="checkbox"]:checked + label:after {
  background: url(../img/input-18.png) no-repeat;
}

.img-icono-resp{ width:79px;
height:79px;}