html {
	overflow-x: hidden;
	overflow-y: auto;
} 
P {
	font-size : 10pt;
	color: #000000;	
	font-family : tahoma,verdana,arial;
	font-weight : normal;
	text-align: left;
}
TD {
	font-size : 10pt;
	font-family : tahoma, verdana, arial;
	color: #000000;
	text-align: center;
}

.resaltado tbody tr:hover *{
    background: #D1E5EF;
    cursor: default;
}    

body {
	margin: 0;
	background-color : #FFFFFF;
	font-family: tahoma, verdana, arial;
	font-size: 10pt;
	color: #000000;
}
main{
    margin: 0em;
}
.izquierda {
	text-align: left;
}
.derecha {
	text-align: right
}
.titular1 {
	font-family : Times New Roman, Times, Serif;
	font-size: 32px;
	color: #000;
	text-align: center;
}
.titular2 {
	font-family : Times New Roman, Times, Serif;
	font-size: 26px;
	color: #000;
	text-align: center;
}
.noticia {
	font-family : tahoma, verdana, arial;
	font-size: 11pt;
	color: #000;
	text-align: justify;
}
.mediana {
	font-family :tahoma,verdana,arial;
	font-size: 11px;
	color: #000;
	text-align: center;
}.medianaizda {
	font-family : tahoma,verdana,arial;
	font-size: 11px;
	color: #000;
	text-align: left;
}
.medianadcha {
	font-family : tahoma,verdana,arial;
	font-size: 11px;
	color: #000;
	text-align: right
}
.medianablanca {
	font-family : tahoma,verdana,arial;
	font-size: 11px;
	color: #ffffff;
	text-align: center;
}
.pequenegra {
	font-family : tahoma, verdana, arial;
	font-size: 9px;
	color: #000;
	text-align: center;
}
.pequeroja {
	font-family : tahoma, verdana, arial;
	font-size: 9px;
	color: #F00;
	text-align: center;
}
.pequenegraizda {
	font-family : tahoma, verdana, arial;
	font-size: 9px;
	color: #000;
	text-align: left;
}
.pequegris {
	font-family : tahoma, verdana, arial;
	font-size: 9px;
	color: #BBB;
	text-align: center;
}
.pequegris2 {
	font-family : tahoma, verdana, arial;
	font-size: 9px;
	color: #888;
	text-align: center;
}
.tamano10 {
	font-size: 10pt;
}
.grisclaro {
	color: #CCCCCC;
}
.grisoscuro {
	color: #999999;
}
.verde {
	color: #009900;
}
.rojo {
	color: #ff0000;
}
.negroblanco {
	color: #000000;
   	font-weight : bold;
	background-color : #FFFFFF;
}
.azulblanco {
	color: #FF0000;
   	font-weight : bold;
	background-color : #FFFFFF;
}
.azul {
	color: #0000ff;
}
.justificado {
	font-size : 10pt;
	color: #000000;	
	font-family : tahoma,verdana,arial;
	font-weight : normal;
	text-align: justify;
}
.centrado {
	text-align: center;
}
.izquierda {
	text-align: left;
}
.blanco {color: #FFF}
.grisclaro {color:#E5E5E5}
.grisoscuro {color: #666}
.negro {color: #000}
.fondooscuro {background-color:#AEAEAE}

a.enlace1:link {
	color: #003366;
	text-decoration: none;
}
a.enlace1:visited {
	text-decoration: none;
	color: #003366;
}
a.enlace1:hover {
	text-decoration: none;
	background-color: #DDDDDD;
	color: #000;
}
a.enlace1:active {
	text-decoration: none;
	color: #003366;
}


a.enlace2:visited {
	text-decoration: none;
	color: #069;
}
a.enlace2:active {text-decoration: none}
a.enlace2:hover {
	background-color: #D9ECFF;
	color: #000
}
a.enlace2:link {
	text-decoration: none;
	color: #069;
	text-align: center;
}



a.enlace3:visited {
	text-decoration: none;
	color: #BBB;
}
a.enlace3:active {text-decoration: none}
a.enlace3:hover {
	background-color: #999;
	color: #000
}
a.enlace3:link {
	text-decoration: none;
	color: #BBB;
	text-align: center;
}
a.enlace4:visited {
	text-decoration: none;
	color: #FFF;
}
a.enlace4:active {text-decoration: none}
a.enlace4:hover {
	background-color: #333;
}
a.enlace4:link {
	text-decoration: none;
	color: #FFF;
	text-align: center;
}

a.enlacefont:link {
	color: #0000FF;
	text-decoration: none;
}
a.enlacefont:visited {
	text-decoration: none;
	color: #0000FF;
}
a.enlacefont:hover {
	text-decoration: none;
	color: #FF6600;
}
a.enlacefont:active {
	text-decoration: none;
	color: #0000FF;
}

.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}  

.lista {
    margin: 0em 0em 0.3em 0em;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    float: left;
    background-color: #F9F9F9;
}
.lista:hover{
    background-color: #DDD;
    cursor: pointer;
}

.lista2 {
    margin: 0em 0em 0.3em 0em;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    float: left;
    background-color: #DEDEDE;
}
.lista3 {
    margin: 0em 0em 0.3em 0em;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    float: left;
    background-color: #F9F9F9;
}


























header {
    float: left;
    text-align: center;
    width: 98%;
    margin-left: 1em;
    padding: 1em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border-style: solid;
    border-width: 2px;
    border-color: #f0f0f0;
}
footer{
    float: left;
    width: 98%;
    margin: 1em;
    margin-bottom: 2em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    border-style: solid;
    border-width: 2px;
    border-color: #f0f0f0;
}
.headermovil{
    display: none;
}
.botones {
    float: left;
    margin-bottom: 15px;
    width: 100%;
    text-align: center;
    padding: 10px;
}

.icono{
    float: left;
    font-size: 1.2em;
    background: #FFFFFF;
    margin: 0.7em;
    padding: 0.6em;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    cursor: pointer;
    text-align: center;
    color: #0782C1;
    font-weight: bold;
    width: 8em;
    height: 6em;
}
.icono:hover{
    background-color: #CCC;
    color: #000;
}
.icono2{
    float: left;
    font-size: 1.2em;
    background: #FFFFFF;
    margin: 0.7em;
    padding: 0.6em;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    cursor: pointer;
    text-align: center;
    color: #0782C1;
    font-weight: bold;
    width: 6em;
    height: 4em;
    border-style: solid;
    border-width: 2px;
}
.icono2:hover{
    background-color: #CCC;
    color: #000;
}
.nombreasigicono {
	font-size: 0.7em;
	float: left;
	width: 100%;
	margin-top: 0.6em;
}
.avisomensajes{
    text-align: center;
    float: left;
    width: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0.5em;
    font-size: 1.2em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom: 0.4em;
    background-color: #FF9900;
}
.avisomensajes:hover{
    background-color: #CCC;
    cursor: pointer;
}
.avisotutorias{
    text-align: center;
    float: left;
    width: 100%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0.5em;
    font-size: 1.2em;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom: 0.4em;
    background-color: #ffe800;
}
.avisotutorias:hover{
    background-color: #CCC;
    cursor: pointer;
}
.cuadro_asignaturas {
    float: left;
    text-align: center;
    font: 1.3em tahoma,verdana,arial;
    font-weight: bold; 
    text-align: center;
    width: 5em;
    height: 4em;
    margin: 0.7em;
    padding: 0.6em;
    /*background-color: #50d1fb;*/
    cursor: pointer;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: rgb(150,150,150) 2px 2px;
    -webkit-box-shadow: rgb(150,150,150) 2px 2px;
    box-shadow: rgb(150,150,150) 2px 2px;
}
.cuadro_extraescolares {
    float: left;
    text-align: center;
    font: 1.1em tahoma,verdana,arial;
    font-weight: bold; 
    text-align: center;
    width: 7em;
    height: 5em;
    margin: 0.7em;
    padding: 0.6em;
    /*background-color: #50d1fb;*/
    cursor: pointer;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: rgb(150,150,150) 2px 2px;
    -webkit-box-shadow: rgb(150,150,150) 2px 2px;
    box-shadow: rgb(150,150,150) 2px 2px;
}

.asigbac{
    background-color: #4fa2da;
}
.asigbac:hover{
    background-color: #CCC;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
.asigeso{
    background-color: #50d1fb;
}
.asigeso:hover{
    background-color: #CCC;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
.asigep{
    background-color: #aeeaff;
}
.asigep:hover{
    background-color: #CCC;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
.asigei{
    background-color: #33ffff;
}
.asigei:hover{
    background-color: #CCC;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
.asigtutoria{
    background-color: #89e2b5;
}
.asigtutoria:hover{
    background-color: #CCC;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
.asigtutoriaapoyo{
    background-color: #89ffe3;
}
.asigtutoriaapoyo:hover{
    background-color: #CCC;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
.asigextra{
    background-color: #ffcccc;
}
.asigextra:hover{
    background-color: #CCC;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
#info{
    float: left;
    font-size: 1.2em;
    width: 100%;
}
.infotitulo{
    float: left;
    margin: 0.2em;
    width: 99%;
    background-color: #50d1fb;
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
.infotitulopie{
    float: left;
    margin: 0.2em;
    width: 100%;
    background-color: #50d1fb;
    font-size: 1.3em;
    font-weight: bold;
    text-align: left;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-box-shadow: rgb(100,100,100) 6px 6px;
    -webkit-box-shadow: rgb(100,100,100) 6px 6px;
    box-shadow: rgb(100,100,100) 6px 6px;
}
.sombrainfo{
    float: right;
    margin: 0.2em;
    width: 97%;
    background-color: #F0F0F0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.sombrainfo:hover{
    background-color: #CCC;
}
.sombrainfopie{
    float: right;
    margin: 0.2em;
    width: 97%;
    background-color: #F0F0F0;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.sombrainfopie:hover{
    background-color: #CCC;
}
.sombrainfourgente{
    float: right;
    margin: 0.2em;
    width: 97%;
    background-color: #FFCC99;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.sombrainfourgente:hover{
    background-color: #CCC;
}
.menurapido1{
    float: left;
    width: 15%;
    margin-right: 2px;
}
.menurapido2{
    float: left;
    width: 84%;
}
.titulorapido{
    float: left;
    width: 49%;
}
.horariorapido0{
    float: left;
    width: 20%;
    margin-right: 2px;
}
.horariorapido1{
    float: left;
    width: 58%;
    margin-right: 2px;
}
.horariorapido2{
    float: left;
    width: 20%;
    margin-right: 2px;
    text-align: right;
}
.horariorapido3{
    float: left;
    width: 78%;
    margin-right: 2px;
    color: #0782C1;
}
.avisoconvivencia{
    float: left;
    width: 100%;
    background-color: #FF3333;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 1.3em;
    padding: 2em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.desconectar{
    float: left;
}
.foto{
    width: 4em;
    height: auto;
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    -moz-box-shadow: rgb(130,130,130) 3px 3px;
    -webkit-box-shadow: rgb(130,130,130) 3px 3px;
    box-shadow: rgb(130,130,130) 3px 3px;
    margin-bottom: 0.2em;
}



.parpadea {
  
  animation-name: parpadeo;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  color: #ff6666;
}
@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@media all {
   div.saltopagina{
      display: none;
   }
}
   
@media print{
   div.saltopagina{
      display:block;
      page-break-before:always;
   }
}


/*=======================================================================*/
@media screen and (max-width:1100px){
    .icono{
	font-size: 0.9em;
    }

    .cuadro_asignaturas {
	font: 1.1em tahoma,verdana,arial;
	font-weight: bold; 
	width: 5em;
	height: 4em;
	padding-top: 1em;
	padding-bottom: 0.2em;
    }
    .cuadro_extraescolares {
	font: 1em tahoma,verdana,arial;
	font-weight: bold;
	width: 5.8em;
	height: 4.6em;
	margin: 0.7em;
	padding: 0.6em;
    }
.nombreasigicono {
	font-size: 0.7em;
	margin-top: 1em;
}
    #info{
	font-size: 0.9em;
    }
}


/*=======================================================================*/
@media screen and (max-width:960px){
    body {
	    margin: 0;
    }
    header {
	display: none;
    }
    .headermovil{
	display: block;
}
    footer{
	width: 92%;
	margin: 1em;
    }
    .botones {
	width: 98%;
    }
    .icono{
	font-size: 0.9em;
    }
    .cuadro_asignaturas {
	font: 1.1em tahoma,verdana,arial;
	font-weight: bold; 
	width: 5em;
	height: 4em;
	padding-top: 1em;
	padding-bottom: 0.2em;
    }
    .cuadro_extraescolares {
	font: 1em tahoma,verdana,arial;
	font-weight: bold;
	width: 5.8em;
	height: 4.6em;
	margin: 0.7em;
	padding: 0.6em;
    }
    .nombreasigicono {
	font-size: 0.7em;
	margin-top: 1em;
    }
    .infotitulo{
	padding: 0.8em;
	margin: 0.3em;
	width: 98%;
    }
    .infotitulopie{
	float: left;
	margin: 0.2em;
	width: 98%;
	background-color: #50d1fb;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding: 0.5em;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-moz-box-shadow: rgb(100,100,100) 6px 6px;
	-webkit-box-shadow: rgb(100,100,100) 6px 6px;
	box-shadow: rgb(100,100,100) 6px 6px;
    }
    .sombrainfo{
	width: 90%;
    }
    .sombrainfourgente{
    width: 90%;
    }
    .sombrainfopie{
	font-size: 1em;
    }
    .menurapido1{
	width: 100%;
	margin-right: 0;
    }
    .menurapido2{
	width: 100%;
	text-align: right;
    }
    .horariorapido1{
	width: 78%;
	margin-right: 2px;
    }
    .horariorapido2{
	width: 78%;
	margin-right: 2px;
	text-align: right;
    }
    .horariorapido3{
	width: 78%;
	margin-right: 2px;
    }
    .titulorapido{
	width: 48%;
	margin-right: 0.5em;
    }
.foto{
    width: 6em;
    -moz-box-shadow: rgb(130,130,130) 2px 2px;
    -webkit-box-shadow: rgb(130,130,130) 2px 2px;
    box-shadow: rgb(130,130,130) 2px 2px;
}
}

/*=======================================================================*/
@media screen and (max-width:480px){
    footer{
	width: 94%;
    }
    .titulorapido{
	width: 98%;
    }
    .icono{
	font-size: 0.8em;
    }
    .infotitulo{
	padding: 0.8em;
	margin: 0.5em;
	width: 95%;
    }    
}