@charset "iso-8859-1";
/* Estilos del sistema */
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@media print
{
  .imprime
  {
    visibility:hidden;
    display:none;
   }
  body
  {
    margin-top:0px;
   }
 }

bodyinicio
{
  background-color: #FFFFFF;
  color: black;
  margin: 0;
  padding: 0;
}
body
{
  background-color: #FFFFFF;
  color: #000000;
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
  font-size:12px;
 }
 
 #titular_alumno{
background-image: url('../imagenes/background_titulo3.png') ;
padding: 30px;  
background-repeat: no-repeat;
background-size: 100% 100%;
text-align:left; 
color:#FFFFFF; 
padding:12px; }

 #titulo_pantalla{
background-image: url('../imagenes/background_titulo.png') ;
padding: 30px;  
background-repeat: no-repeat;
background-size: 100% 100%;
text-align:left; 
color:#FFFFFF; 
padding:12px; }



input[type=radio]
{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #24a5dd;
     color: white;
     top: 0;
     height: 20px;
     width: 20px;
     border: 0;
     border-radius: 50px;
     cursor: pointer;     
     margin-right: 7px;
     outline: none;
}
input[type=radio]:checked::before
{
     position: absolute;
     font: 14px/1 'Montserrat', sans-serif;
     left: 6px;
     top: 3px;
     content: '\02143';
     transform: rotate(40deg);
	 font-weight: bold; 
}
input[type=radio]:hover
{
     background-color: #24a5dd;
}
input[type=radio]:checked
{
     background-color: #0064AF;
	 font-weight: bold; 
}

input[type=radio][disabled]
{
    background-color: #0064AF;
    color: #ddd;
    cursor: default;
}
input[type=radio][disabled] + label
{
    color: #999;
    cursor: default;
}






label.azul{ 
color: #0064AF; 
font-size: 15px; 
font-family: 'Montserrat', sans-serif;  
margin-bottom: .5em; 
text-align: left; 
color: #143b58;
font-weight: bold; 
}

label.titulo{ 
margin-bottom: .5em; 
text-align: left;
font-family: 'Montserrat', sans-serif;
color: #ffffff; 
font-weight: bold; 
font-size: 24px; }

label.titulo_grande{ 
margin-bottom: .5em; 
text-align: left;
font-family: 'Montserrat', sans-serif;
color: #ffffff; 
font-weight: bold; 
font-size: 20px; }


select {
			font-family: 'Montserrat', sans-serif;
             border:10;
	         border-radius: 5px;
             font-size: 14px;
             height: 30px;
             padding: 5px;
             width: 350px;
			 color:#1d3e73;
			 border-color:#0092cc;
			
	 
            }
input[type=button]
{
	padding: 2px 28px;
	font-family: 'Montserrat', sans-serif;
	color:#1f3d7a;
	font-size:15px ;
	z-index:-1; 
	 top:0; 
	 left:0; 
	 right:0; 
	 bottom:0; 
	 border-color:#1f3d7a;
	 border:2;
	 border-radius: 7px;
	 background:#ffffff;
	 
	 -webkit-box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);
box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);



}

input[type=button].chico
{
	padding: 2px 8px;
	
}

input[type=submit]
{
	padding: 2px 28px;
	font-family: 'Montserrat', sans-serif;
	color:#1f3d7a;
	font-size:15px ;
	z-index:-1; 
	 top:0; 
	 left:0; 
	 right:0; 
	 bottom:0; 
	 border-color:#1f3d7a;
	 border:2;
	 border-radius: 7px;
	 background:#ffffff;
	 
	 -webkit-box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);
box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);



}

input[type=reset]
{
	padding: 2px 28px;
	font-family: 'Montserrat', sans-serif;
	color:#1f3d7a;
	font-size:15px ;
	z-index:-1; 
	 top:0; 
	 left:0; 
	 right:0; 
	 bottom:0; 
	 border-color:#1f3d7a;
	 border:2;
	 border-radius: 7px;
	 background:#ffffff;
	 
	 -webkit-box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);
box-shadow: 0px 0px 5px 1px rgba(31,61,122,1);



}

input[type=text]{
	 z-index:-1; 
	 font-family: 'Montserrat', sans-serif;
	 color: #1b3e74;
	 top:0; 
	 left:0; 
	 right:0; 
	 bottom:0; 
	 border-radius: 5px;
	 padding: 5px 10px;
	 border-color:#00abed;
	
	 
	}
	
	input[type=password]{
	 z-index:-1; 
	 font-family: 'Montserrat', sans-serif;
	 color: #1b3e74;
	 top:0; 
	 left:0; 
	 right:0; 
	 bottom:0; 
	 border-radius: 5px;
	 padding: 5px 10px;
	 border-color:#00abed;
	
	 
	}
	
	
	

.bgtabla_titulo
{
	  background-color:#1f3d7a;
}

table.newFormat {
        border: 0px ;      
        
    }
table.newFormat td {
        font-weight: bold; 
        padding: 2px 3px; /*3px 4px;*/
        font-family: 'Montserrat', sans-serif;
		color:#1d3e73;
        vertical-align: middle;
        text-align: left;
		font-size:14px ;
    }
	
	
table.FormatRadio {
        border: 0px ;      
        
    }
table.FormatRadio td {
        padding: 2px 3px; /*3px 4px;*/
        font-family: 'Montserrat', sans-serif;
		color:#1d3e73;
        vertical-align: middle;
        text-align: left;
		font-size:14px ;
    }
table.FormatRadio thead th {
		font-family: 'Montserrat', sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #1d3e73;
        text-align: center;
        
    }
		   
a:link, a:visited
{
  color: #268CCD;
  text-decoration: none;
 }

a:hover
{
  text-decoration: underline;
  
 }

a.tabs, a.imprime
{
  font-weight: bold; 
  background-color: #e60000;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 7px;
  
 }

a.tabs:visited
{
  color: white;
  background-color: #e60000;
 }
 
 a.tabs:hover
{
  background-color: #8c8c8c;
 }

a.tabsel
{
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none
 }

a.listado, .listado
{
  text-decoration:none;
  color:#000000;
  cursor:hand;
  font-size:11px;
 }

input.boton
{
  width:100%;
 }

input.boton_estatico
{
  width:200px;
 }
 
div.titulo_pantalla, .titulo_pantalla
{
  font-size:18px;
  text-align:center;
  font-weight:bolder;
 }
#top
{
	background-image:url(../imagenes/encabezado.png);
	background-repeat:no-repeat;
	background-size:100%;
	height:45;
}
div.titulo_colegio
{
  font-family:"Times New Roman", Times, serif;
  font-size:22px;
 }

select.frm {
    width: 180px;
}

select.multiple {
  background:none;
  width:90%;
  height:400px;
  padding:2px;
  margin:0;
  border-width: 2px;
  border-style: inset;
 
  
}
.dropdown {
    margin: 0 10px;
    vertical-align: top;
}
.dropdown {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 28px;
    width: 180px;
    background: #f2f2f2;
    border: 1px solid;
    border-color: white #f7f7f7 whitesmoke;
    border-radius: 15px;
    background-image: -webkit-linear-gradient(top,transparent,rgb(0,0,0,0.06));
    background-image: -moz-linear-gradient(top,transparent,rgb(0,0,0,0.06));
    background-image: -o-linear-gradient(top,transparent,rgb(0,0,0,0.06));
    background-image: linear-gradient(top,transparent,rgb(0,0,0,0.06));
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.08);
    box-shadow: 0 1px 1px rgba(0,0,0,0.08)
}
    .dropdown:before, .dropdown:after {
        content: '';
        position: absolute;
        z-index: 2;
        top: 9px;
        right: 10px;
        width: 0;
        height: 0;
        border: 4px dashed;
        border-color: #888888 transparent;
    }

    .dropdown:before {
        border-bottom-style: solid;
        border-top: none;
    }

    .dropdown:after {
        margin-top: 7px;
        border-top-style: solid;
        border-bottom: none;
    }

.dropdown-select {
    position: relative;
    width: 130%;
    margin: 0;
    padding: 6px 8px 6px 10px;
    height: 28px;
    line-height: 14px;
    font-size: 12px;
    color: #62717a;
    text-shadow: 0 1px white;
    background: #f2f2f2;
    background: rgba(0,0,0,0) !important;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

    .dropdown-select:focus {
        outline: none;
    }

    .dropdown-select > option {
        margin: 3px;
        padding: 6px 8px;
        text-shadow: none;
        background: #f2f2f2;
        border-radius: 3px;
        cursor: pointer;
    }

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
    z-index: 1;
}

.lt-ie9 .dropdown-select {
    z-index: -1;
}

    .lt-ie9 .dropdown-select:focus {
        z-index: 3;
    }

/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
    .dropdown-select {
        padding-left: 6px;
    }
}

select.frmlargo
{
  width:350px;
 }

select.frmexlargo
{
  width:450px;
 }

select.direccion
{
  width:600px;
  font-family:'Courier New', Courier, monospace;
  font-size:12px;
 }

body#ingreso
{
  background-image:url(../imagenes/fondo.gif);
  background-position:left top;
  background-repeat:no-repeat;
 }

body#procesando
{
  cursor:wait;
  font-size:28px;
  text-align:center;
 }

body#logo
{
  background-image:url(../imagenes/logo.jpg);
  background-position:right bottom; 
  background-size: 100% 100%; 
  background-position:center center;
  background-attachment:fixed;
  background-repeat:no-repeat;
  
 }
 

body#logoagua
{
  background-image:url(../imagenes/logoagua.gif);
  background-position:center center;
  background-repeat:no-repeat;
  background-attachment:fixed;
 }
 
div#oculto
{
  display:none;
  visibility:hidden;
 }

div#msj_espere
{
  display:block;
  visibility:visible;
  font-family:Arial;
  font-size:14px;
  text-align:center;
  color:#FF6600;
  top:2px;
  left:3px;
  position:absolute;
  width:95%;
  height:70%;
  background-color:#FFFFFF;
  padding-top:40px;
 }

td#firma
{
  border-top-style:solid;
  border-top-width:1px;
  border-top-color:#000000; 
 }

.tabfdo
{
  background-color:#003399;
  color:#FFFFFF;
  font-weight:bold;
 }

.resalta
{
  font-weight:bold;
  font-family:Montserrat, sans-serif;
  font-size:14px;
 }
 
 .resalta_naranja
{
  font-weight:bold;
  font-family:Montserrat, sans-serif;
  font-size:16px;
  color:#ff7b28;
 }
 
 .resalta_blanco
{
  font-weight:bold;
  font-family:Montserrat, sans-serif;
  font-size:13px;
  color:#FFFFFF;
 }

.centra_resalta
{
  font-weight:bold;
  text-align:center;
  width:100%;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
 }

.dato_subrayado
{
  width:100px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-align:center;
 }

.dato_subrayado_materia
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
 }

.cursiva
{
  font-style:italic;
 }

.titulo
{
  text-align:center;
  font-size:18px;
  font-weight:bold;
 }

.titulo_izq
{
  text-align:left;
  font-size:18px;
  font-weight:bold;
 }

.titulo_colegio
{
  text-align:left;
  font-family:"Times New Roman", Times, serif;
  font-size:18px;
 }

.seleccionfondo
{
  background-color:#CCCCCC;
 }

.salto
{
  page-break-after: always;
 }

.salto_antes
{
  page-break-before: always;
 }

.listado_actas
{
  font-family:Arial, Helvetica, sans-serif;
  font-size:9px;
 }

.listado_cuadros
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:9px;
 }

.calificacion_cuadros
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:11px;
 }

.texto_cuadros
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:10px;
  text-align:left;
  font-weight:bold;
 }

.texto_cuadros_rotulo
{
  font-family:Arial, Helvetica, sans-serif;
  color:#000000;
  font-size:12px;
  text-align:center;
  font-weight:bold;
 }

#formulario, #formulario fieldset
{
  width:200px;
  margin:5px;
  display:inline;
 }

#formulario legend
{
  color:#000000;
  font-size:16px;
  font-family:Arial, Helvetica, sans-serif;
 }

#formulario label.izq
{
  font:bold 12px Geneva, Arial, Helvetica, sans-serif;
  float: left;
  width: 22%;
  padding:5px;
 }

/*Estilos para formularios de calificaciones*/
.gris
{
  background-color:#CCCCCC;
  color:#000000;
 }
.ca, .de, .co, .aa, .fi, .fj, .re
{
  width:20px;
 }
.ca
{
  background-color:#99FF66;
 }
.de
{
  background-color:#FFFFFF;
 }
.co
{
  background-color:#FFAC62;
 }
.aa
{
  background-color:#99CCFF;
 }
.fi
{
  background-color:#FF9999;
 }
.fj
{
  background-color:#CCCCFF;
 }
.re
{
  background-color:#0099FF;
 }
.obs_pp
{
  width:300px;
  background-color:#99FF66;
 }
 
.tall_pp
{
  width:400px;
  background-color:#99FF66;
 } 
.matricula
{
  width:50px;
 }
/*Fin estilos para formularios de calificaciones*/

/*Estilos para formulario de ingreso*/

form input#ingreso
{
  background: url( ../imagenes/difuminar.gif );
  border: 3px double #999;
  border-left-color: #ccc;
  border-top-color: #ccc;
  color: #333;
  padding: 0.25em;
 }
 
#usuario1, #clave1
{
  font-size: 1.8em;
 }

#titulo
{
  float: center;
  width: auto;
  letter-spacing:3px;
  text-align:center;
  margin-bottom:30px;
 }

#titulo span#t1
{
  font-family:"Times New Roman", Times, serif;
  font-size:30pt;
  text-align:left;
  word-spacing:5px;
 }

#titulo span#t2
{
  font-family:"Times New Roman", Times, serif;
  font-size:10pt;
  text-align:left;
  letter-spacing:10px;
 }
 
#contenedor
{
  background-color:#CCCCCC;
 }

#titulo_sistema
{
  float: left;
  clear:both;
  width: 250px;
  padding-left: 200px;
  padding-top:70px;
  letter-spacing:3px;
  position:relative;
 }
 
#titulo_sistema span#t1
{
  font-family:"Times New Roman", Times, serif;
  font-size:25pt;
  text-align:left;
  letter-spacing:10px;
 }

#titulo_sistema span#t2
{
  font-family:"Times New Roman", Times, serif;
  font-size:10pt;
  text-align:left;
  letter-spacing:3px;
 }
 
#frmingreso
{
  float:left;
  position:relative;
  padding-top: 30px;
  padding-bottom: 30px;
  width:300px;
  border-left: solid 1px #E0D0B1;
  padding-left:15px;
 }

#footer
{
  position:absolute;
  bottom:5px;
  left:250px;
  float:center;
  font-size:10pt;
 }
 
#validado0, #validado1
{
  position:absolute;
  height:150px;
  left:200px;
  top:100px;
  padding-top:110px;
  padding-left:90px;
  text-align:center;
  font-weight:bolder;
  font-size:18pt;
  background-image:url(../imagenes/adm.jpg);
  background-position:center left;
  background-repeat:no-repeat;
 }

#validado0
{
  color:#FF3300;
 }

#validado1
{
  color:#005496;
 }

/*Fin estilos para formulario de ingreso*/

/*Estilos para el men de rbol*/

#Encabezado_Menu
{
 border:1px solid #666699;
 background-color:#AABBCC;
 font:bold 11px Verdana;
 width: 170px;;
 text-align:center;
 height:16px;
 color:#002244;
 }
 
#Menu_Principal
{
  position:absolute;
  font-size:11px;
  top:50px;
  left:10px;
  width:180px;
  height:100%;
  overflow:auto;
 }

.treetitleselectedfocused
{
  padding:2px;
  cursor:hand;
  background-color: highlight;
  color: highlighttext;
 }

.treetitleselectedblured
{
  padding:2px;
  cursor:hand;
  background-color: menu;
  color: windowtext;
 }

.treetitle
{
  cursor:hand;
 }
 
/*Fin estilos para el men de rbol*/

/*Estilos para tool tips*/

#slidemenubar, #slidemenubar2
{
  position:absolute;
  left:-235px;
  width:250px;
  top:170px;
  border:1.5px solid green;
  background-color:lightyellow;
  layer-background-color:lightyellow;
  font:bold 12px Verdana;
  line-height:20px;
 }

#slidemenubar_noa, #slidemenubar2_noa
{
  position:absolute;
  left:-235px;
  width:250px;
  top:330px;
  border:1.5px solid green;
  background-color:lightyellow;
  layer-background-color:lightyellow;
  font:bold 12px Verdana;
  line-height:20px;
 }

/*Fin estilos para tool tips*/

/*Estilos para reportes de calificaciones*/

hr.separador
{
  size:1px;
  color:#000000;
  height:1px;
 }

body.cuadro_concentrado
{
  background-color:#FFFFFF;
 }

body.boleta
{
  font-family:Arial;
  font-size:8px;
  color:black;
  overflow:auto;
  background-color:#FFFFFF;
 }

body.boleta 
{
  font-family:Arial;
  font-size:8px;
  color:black;
 }

/* body.boleta table tr td */
/* { */
  /* font-family:Arial, Helvetica, sans-serif; */
  /* font-size:12px; */
  /* color:black; */
 /* } */
 
/* body.boleta table tr td.observaciones_boleta */
/* { */
  /* font-family:Arial, Helvetica, sans-serif; */
  /* font-size:11px; */
  /* color:black; */
  /* vertical-align:top; */
 /* } */


td.reporte
{
  font-family:Times New Roman;
  font-size:10pt;
  font-weight:bold;
 }

  td.reporte_5
{
  font-family:Arial;
  font-size:5pt;
 }
 
 td.reporte_7
{
  font-family:Arial;
  font-size:7pt;
 }
 
 td.reporte_9
{
  font-family:Arial;
  font-size:9pt;  
 }
 td.reporte_8
{
  font-family:Arial;
  font-size:8pt;  
 }
 
 td.reporte_8_grey
{
  color:white;
  font-family:Arial;
  font-size:8pt; 
  background-color:#828282;
 }
 
  td.reporte_8_N
{
  font-family:Arial;
  font-size:8pt;  
  font-weight:bold;
 }
 
  td.reporte_6
{
  font-family:Arial;
  font-size:6pt;  
 }

  td.reporte_12
{
  font-family:Arial;
  font-size:12pt;
  font-weight:bold;
 }
 
td.bajofirma
{
  font-family:Arial;
  font-size:5px;
  font-weight:bold;
 }

td.boletapie
{
  font-size:7px;
  font-family:Times New Roman;
 }

.marcocompleto
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
  
 }

.marcoincompleto
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  
 }

.tagtexto
{
	background-color:#00ADEF;
	color:#FFF;
	font-size:10px;
}


.marcosolo_80
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
  width:80%;
  text-align:center;
  margin-left:10%;
 
 }

.marcoarriba
{
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:none;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
 
 }

.marcoizquierda
{
  border-bottom-style:none;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-style:none;
  border-top-style:none;
  
 }

.marcoarrder
{
  border-bottom-style:none;
  border-left-style:none;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
  
 }

.marcoarrabader
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-style:none;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
  
 }

.marcosinizq
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-style:none;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
  
 }

.marcosinfon
{
  border-bottom-style:none;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
 
 }

.marcoarraba
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-style:none;
  border-right-style:none;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
  
 }

.marcoderecha
{
  border-bottom-style:none;
  border-left-style:none;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-style:none;
  background-color:#FFFFFF;
 
 }

.marcoderechacolor
{
  border-bottom-style:none;
  border-left-style:none;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-style:none;
  background-color:#CCC;
    
 } 


.marcoderabajo
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-style:none;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-style:none;
 }

.marcoizqder
{
  border-bottom-style:none;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:1px;
  border-top-style:none;
 }

.marcoizqabajo
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-style:none;
  border-top-style:none;
 }

.marcoabajo
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-style:none;
  border-right-style:none;
  border-top-style:none;
 }

.sinmarco
{
  border-bottom-style:none;
  border-left-style:none;
  border-right-style:none;
  border-top-style:none;
 }

.remarcaizquierda
{
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:medium;
 }
/*Fin estilos para reportes de calificaciones*/

/*Estilos para actas internas de calificaciones*/
td.acta
{
  font-size:11px;
 }

.fecha
{
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:thin;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:thin;
  border-right-color:#000000;
  border-right-style:solid;
  border-right-width:thin;
  font-size:20px;
 }

.etiquetas
{
  font-size:14px;
 }

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
}

#ri-image-container { 
  height: 120px; 
  position: relative; 
  width: 200px; 
} 

#ri-image { 
  background-color: Gray; 
  height: 60px; 
  left: 10px; 
  padding: 10px; 
  position: absolute; 
  top: 10px; 
  width: 80px; 
  -moz-transform: rotate(15deg); 
  -webkit-transform: rotate(15deg); 
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', 
    M11=0.9659258262, M12=-0.2588190451, 
    M21=0.2588190451, M22=0.9659258262); 
}
.image-box img { 
   transform: rotate(15deg);
   -moz-transform: rotate(15deg);
   -webkit-transform: rotate(15deg);
   }
/*Fin estilos para actas internas de calificaciones*/
.rot0 {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	rotation: 0deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.rot90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	rotation: 90deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.rot180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	rotation: 180deg;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.rot270 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.img_textbox {
    
    
}
.img_textbox_center {
    background: url(../imagenes/img_textbox.jpg) no-repeat center; /*bottom right*/
    padding-right: 5px; /*10*/
    padding-bottom: 5px;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    border-top-style: none;
    color: #333;
    text-align:center;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-weight:bold;     
}


	
	
    table.greyGridTable {
        border: 2px solid #FFFFFF;       
        border-collapse: collapse;
    }
    table.greyGridTable td, table.greyGridTable th {
        border: 1px solid #FFFFFF;
        padding: 2px 3px; /*3px 4px;*/
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
        vertical-align: middle;
        text-align: left;
    }
    table.greyGridTable tbody td {
        font-size: 13px;
    }
    table.greyGridTable td:nth-child(even) {
        background: #AABBCC;
        color: black;
    }
    table.greyGridTable thead {
        background: #FFFFFF;
        border-bottom: 4px solid #333333;
    }
    table.greyGridTable thead th {
        font-size: 15px;
        font-weight: bold;
        color: #333;
        text-align: center;
        border-left: 2px solid #333333;
    }
    table.greyGridTable thead th:first-child {
        border-left: none;
    }
        table.greyGridTable tfoot {
            font-size: 14px;
            font-weight: bold;
            color: #333;
            border-top: 4px solid #333;
        }
    table.greyGridTable tfoot td {
        font-size: 14px;
        background: lightblue;
    }
/* Menu Vertical */
.vertical-menu {
width: 400px; /* Set a width if you like */
}
.vertical-menu a {
    background-color: #eee; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 12px; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
}
.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}
.vertical-menu a.active {
    background-color: #4CAF50; /* Add a green color to the "active/current" link */
    color: white;
}
/* Menu Horizontal */
.navbar {
    background-color: #AABBCC;
    overflow: auto; /*hidden*/
    position:relative; /*fixed*/
    /*bottom: 0;*/
    top: 0;
    width: 15%;
    height: 20px;
}
/* Style the links inside the navigation bar */
.navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    font-size: 14px;
}
/* Change the color of links on hover */
.navbar a:hover {
    background-color: #ddd;
    color: black;
}
/* Add a color to the active/current link */
.navbar a.active {
    background-color: #00ADEF;
    color: white;
}
/*Menus con Imagenes*/
.chip {
    display: inline-block;
    padding: 0 25px;
    height: 25px;
    font-size: 13px;
    line-height: 25px;
    border-radius: 25px;
    background-color: #f1f1f1;
    width:200px; 
}
.chip img {
    float: left;
    margin: 0 10px 0 -25px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
}

.textarea {
	font-family: 'Montserrat', sans-serif; 
	color:#1d3e73; 
	font-weight: bold;
}