* {
margin: 0px;
padding: 0px;

scrollbar-face-color: #ccccff;  /*Cuadro grande de en medio*/
scrollbar-shadow-color: #555555;   /* Borde del cuadro grande de en medio */
scrollbar-highlight-color:#888888;
scrollbar-3dlight-color: #888888;
scrollbar-darkshadow-color: #888888;
scrollbar-track-color: #eeeeee;  /* Color del fondo */
scrollbar-arrow-color: #ccccff; /* Color de las flechas  */

}

select {
	  white-space:pre-line;
		 }





body {
	text-align: center;
	color: #333;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 62.5%;
	line-height: 1.7em;
        height:100%;
        overflow: auto;
        
}

html {
    height:100%;   
}


.oculto
	{
	/*display:none;	*/
	opacity: 0;
/*	-moz-transition: opacity .1s ease .25s;
	-webkit-transition: opacity .1s ease .25s;
	-o-transition: opacity .1s ease .25s;
	-ms-transition: opacity .1s ease .25s;
	transition: opacity .1s ease .25s;
	*/	
	}
	#cuadro_camara {
		display:float_left;
		background-color: #666;
		
	}
	
input[type="text"].fecha { width:65pt;  }
	
input[type="text"] {
font-family:"Courier New", Courier, monospace;	
}

input[type="password"] {
font-family:"Courier New", Courier, monospace;	
}


input[type="text"]:focus  {
border: thin #000000 solid;
background: #FFC;
color: #000000;
}

input[type="password"]:focus  {
border: thin #000000 solid;
background: #FFC;
color: #000000;
}

input[type="checkbox"]  {
border: thin #000000 solid;
background: #FFC;
color: #000000;
vertical-align: middle;
}

input[type="radio"]  {
border: thin #000000 solid;
background: #FFC;
color: #000000;
vertical-align: middle;
}
	
textarea:focus  {
border: thin #000000 solid;
background: #FFC;
color: #000000;
}
	



header, section, footer, adide, nav, figure, article, hgroup {
	display:block;
}



h1 {
	font: bold 21px Verdana, Geneva, sans-serif;
	color: #3300cc;
	/*padding: 0px 11px;*/
}

h2 {
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #3300cc;

}

.pestania {
	color: #3300cc;
	target-name:new;
	target-new:tab;
 }


a {
	text-decoration:none;
	color:#000;
	
}

a:hover {
	text-decoration:none;
	color:#00F;
}

a.calendario {
	text-decoration:none;
	color:#FFF;
}	

a.calendario:hover {
	text-decoration:none;
	color:#F00;
	cursor:pointer;
}	
	
.barra_vertical
	{
		display: inline-block;
		padding: 2px;
	}

#agrupar {
	width: 98%;
    height:88%;
	margin: 15px auto;
	text-align: left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-chrome-box-sizing:border-box;
	
}

#cabecera {
	display:block;
	background:#FFF;
	height:55px;
}

#logo {
	float:left;
	height:55px;
	width:10%;
	 
}

#cabecera_titulo {
	float:left;
	width:90%;
	height:55px;
	line-height:57px;
	
	
	background:#fff;
}

#imagen {
	height:55px;	
	
}





fieldset
{
	padding:10px 0px 10px 10px;
	background: #f8f8f8;
	border:solid 1px #000;
	box-shadow: #8d8d8d 0px 5px 10px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}

legend
{
	   color: #000;
	  
}

#usuario {
	float:left;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #666;
}

#fecha {
	float:right;
	font: normal 12px Verdana, Geneva, sans-serif;
	color: #666;
	text-align: right;
	
}

#aviso_caja {
	display:block;
	border:1px solid #999;
	height:26px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -moz-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -ms-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);	

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#ccccff');

}

#listado2 {
    
    width: 100%;
    margin: 1em 0;
    float:left;
   
    
   
}

#listado2 th {
   
   
    text-align: center;
    
}

#listado2 td {
   
    padding-left: 0.3em;
     padding-right: 0.3em;
    
}



#aviso_pestania {
	color: #F00;
	border:1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -moz-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -ms-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);	
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#ccccff');
	
}

.nueva_pestania {
          display: block;
          float: right;
          width: 130px;
          text-align: right;
          margin-bottom: 10px;
}



#flechas {
	float:left;
	border:1px solid #999;
	height:26px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -moz-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -ms-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);	
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#ccccff');
}

#aviso_flechas
	{
	float:left;
	width: 100%;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #30c;
	padding: 6px;
	}


#aviso {
	float:left;
	width: 81%;
	font: bold 12px Verdana, Geneva, sans-serif;
	color: #30c;
	padding: 6px 11px;
}

#aviso a {
		text-decoration:none;
		color: #30c;
		font: bold 12px Verdana, Geneva, sans-serif;
		}
		
#aviso a:hover {
		text-decoration:none;
		color: #75f;
		font: bold 12px Verdana, Geneva, sans-serif;
		}


#aviso_estado {
	float: right;
	width: 9%;
	font: bold 11px Verdana, Geneva, sans-serif;
	text-decoration:none;
	text-align:right;
	color: #30c;
	padding: 6px 18px;
}



.separacion {
	clear:both;
	display:block;
}

hr {
	color: #FFF;
	background-color: #FFF;
	height: 5px;
	border:none; 
}

#hr {
	color: #000;
	background-color: #000;
	height: 1px;
	border:none; 
	}

hr.visible {
	color: #30c;
	background-color: #30c;
	height: 1px;
	border:none; 
	
}

hr.visible_gris {
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	border:none; 
	
}

#flecha_izquierda
	{
	cursor: pointer;	
	font: bold 12px Verdana, Geneva, sans-serif;	
	}

#flecha_derecha
	{
	cursor: pointer;	
	font: bold 12px Verdana, Geneva, sans-serif;	
	}




#menu {
	float: left;
	width: 10%;
	min-width:150px;
	margin-right: 5px;
	background: #FFF;
	padding: 0px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-chrome-box-sizing:border-box;
     height:88%;
	
}

.caja_festivo
	{
	display:inline-block;
	list-style: none;
	padding: 3px;
	margin: 0px 0px 10px 0px;
	border:1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
	background: -moz-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
	background: -ms-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
	
	
	box-shadow: #8d8d8d 0px 5px 10px;
		
	}

 .menutitulo .dentro_titulo {
      display: table-cell;
      vertical-align: middle;
      padding:  0 2px 0 0;
     
}

.menutitulo {
	
	padding: 6px;
   
	margin: 0px 0px 5px 0px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color:#333;
	border: 1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -moz-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -ms-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);	

	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#ccccff');

}

.separacion_menu {
	height:25px;
}

.menucaja{
	display: block;
	list-style: none;
	padding: 3px;
	margin: 0px 0px 10px 0px;
	border:1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
	background: -moz-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
	background: -ms-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
	box-shadow: #8d8d8d 0px 5px 10px;
    
}
.menucaja_mini{
	float:left;
	list-style: none;
	padding: 3px;
	margin: 0px 0px 10px 0px;
	border:1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
	background: -moz-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
	background: -ms-linear-gradient(top,#fff 0%,#fff 94%,#ccccff 100%);
    
	
	

	box-shadow: #8d8d8d 0px 5px 10px;
}

.menu_activado {
	background:#ccccff;
	padding:0px 10px;
	text-decoration:none;
	height:30px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#333;
}
.menu_desactivado {
	text-decoration:none;
	height:10px;
	padding:0px 0px;
	font: normal 14px Arial, Helvetica, sans-serif;
	color:#333;
}



a.menu {
	text-decoration:none;
	color:#333;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#333;
}

a.menu:hover {
	text-decoration:none;
	/*height:30px;*/
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#00F;
}

img {
	
		border:none;	
}

p {
	margin-left: 6px;
	text-align:left;
}

.caja_documentos {
	float:left;
	
	margin-right:12px;
	margin-bottom:12px;
	/*margin-left:12px;*/
	
	
	border:1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#ccccff 0%,#fff 6%,#fff 94%,#ccccff 100%);
	background: -moz-linear-gradient(top,#ccccff 0%,#fff 6%,#fff 94%,#ccccff 100%);
	background: -ms-linear-gradient(top,#ccccff 0%,#fff 6%,#fff 94%,#ccccff 100%);

	padding:4px;
	
	overflow:auto; /* Scroll */
	box-shadow: #8d8d8d 0px 5px 10px;
	/*height: 400px;*/
    /*height: 100%;*/
    
    
    
}




#central {
	/*float: right;*/
	display:block;
	margin-left:auto;
	margin-right: auto;
	/*width: 74%;*/
	/*margin-right:12px;*/
	/*margin-left:12px;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-chrome-box-sizing:border-box;
	
	/*height: 480px;*/
     height:88%;
	
	
	border:1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: -webkit-linear-gradient(top,#ccccff 0%,#fff 6%,#fff 94%,#ccccff 100%);
	background: -moz-linear-gradient(top,#ccccff 0%,#fff 6%,#fff 94%,#ccccff 100%);
	background: -ms-linear-gradient(top,#ccccff 0%,#fff 6%,#fff 94%,#ccccff 100%);
	
	padding:20px;
	/* Tengo que poner scroll por si no cabe alguna cosa */
	overflow: auto; /* Scroll */
}

.panel_con_scroll
{
  overflow:auto; /* Scroll */    
}
.grupo_menu {
	/*height: 500px;*/
     height:100%;
	
	padding-right:10px;
	
	overflow:auto; /* Scroll */
}




#columna {
	float:right;
	width:12%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-chrome-box-sizing:border-box;
	margin-left: 5px;
	padding:0px;
	background:#FFF;
	 height:80%;
}

.ico {
	display:block;
	float: left;
	margin: 0px 8px;
	
}

#pie {
	clear: both;
	display:block;
	text-align:center;
	padding: 5px;
	margin: 10px 15px;
	border-top: 1px solid #eee;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #666;
}

#calendario
	{
	border: 1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
		
	}
	
#calendario td {
	text-align:center;
	font: normal 8pt Arial, Helvetica, sans-serif;
	}

#calendario th {
	text-align:center;
	font: bold 8pt Arial, Helvetica, sans-serif;
	}
	


#calendario .hoy {
					border: 1px solid #999;
					border-color:#f00;
	
					}

#calendario .dia_festivo {
					color:#C00;
					font: bold 8pt Arial, Helvetica, sans-serif;
					}

#calendario .dia_festivo:hover {
					color:#F00;
					font: bold 8pt Arial, Helvetica, sans-serif;
					cursor:pointer;
					}
					
#calendario .dia_festivo_deshabilitado {
					color:#C00;
					font: bold 8pt Arial, Helvetica, sans-serif;
					}				

#calendario .dia_normal {
					color:#000;
					}
#calendario .dia_normal:hover {
					color:#00F;
					cursor:pointer;
					}			
					
#calendario .dia_falta {
					color:#00F;
					}
					
#calendario .dia_falta:hover {
					color:#f00;
					cursor:pointer;
					}			
					

		




					

#calendario .fuera_curso {
					color:#CCC;
					
					}

	
#hay_mensaje_sin
	{
	color:#FFF;
	background:#ff9900;
	}

#hay_mensaje_leido
	{
	color:#FFF;
	background:#0000ff;
	}

#listado {
	padding:1px 2px 1px 2px ;
	border: 1px solid #999;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
	border-collapse:collapse;
		}



#listado th {
	padding:1px 2px 1px 2px ;
	font: bold 8pt Arial, Helvetica, sans-serif;
	text-align:center;				
	background: -webkit-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -moz-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	background: -ms-linear-gradient(top,#f7f6f6 0%,#ccccff 100%);
	
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#ccccff');
			}
		

		
#listado td {
			font: normal 8pt Arial, Helvetica, sans-serif;
			border-width:1px;
			padding:1px 2px 1px 2px ;
			border-style:inset; 
			border-color:#999;
			background:#F7F7F7;
			}
			
#listado td.resaltada {background:#E7E7E7;}
			
			
#listado .leido { color:#00C; text-align:center;}
#listado .sinleer { color:#F90; text-align:center;}

.centrada {	text-align:center;	}
td.derecha {	text-align:right;	}

			
			
			
#listado td.combinada {
	
		
		
			
				
			}


#mensaje_error { 
		color:#900;
		font: normal 8pt Arial, Helvetica, sans-serif;
}
#mensaje_normal { 
		color:#090;
		font: normal 8pt Arial, Helvetica, sans-serif;
}

#mensaje_medio { 
		color:#ff9900;
		font: normal 8pt Arial, Helvetica, sans-serif;
}


.caja_ncolor {
          width: 90px;
}





@media screen and (max-height:800px)
{
#calendario_extra
{
   display:none;   
}
      
      
}






@media screen and (max-width:910px)
	{
		
		
		
		#agrupar
		{
		width: 890px;
		margin: 5px auto;
		text-align: left;
		
		}
	
		h1 {
		font: bold 16px Verdana, Geneva, sans-serif;
		color: #3300cc;
		/*padding: 0px 11px;*/
			}

		h2 {
			font-family: Verdana, Tahoma, Geneva, sans-serif;
			font-size: 14px;
			color: #3300cc;
			}

	.menutitulo {
				margin: 0px 0px 0px 0px;
				font: bold 8px Arial, Helvetica, sans-serif;
				}

	.separacion_menu {
				height:5px;
	}
	
	.menucaja{
			padding: 1px;
			margin: 0px 0px 0px 0px;
			}
			
	#menu {
		
		width: 150px;		
		}

#aviso_caja {
	height:15px;
}

#flechas {
	height:15px;
}

#aviso_flechas
	{
	
	font: bold 9px Verdana, Geneva, sans-serif;
	padding: 0px 2px;
	}

#aviso {
	font: bold 9px Verdana, Geneva, sans-serif;
	padding: 3px 3px;
}

#aviso a {
		font: bold 9px Verdana, Geneva, sans-serif;
		}
		
#aviso a:hover {
		
		font: bold 9px Verdana, Geneva, sans-serif;
		}
	
a.menu {
		font: normal 9px Verdana, Geneva, sans-serif;
		}
		
a.menu:hover {
		
		font: normal 9px Verdana, Geneva, sans-serif;
		}

	
		
	}