/*
This file is part of GESTWEB (Gestión integral de centro a través de la Web).
*/
/*//////////////////////////////////////////////
//CLASES
//////////////////////////////////////////////*/
.celda { 
float:left;
position:relative;
width: 40px;
height: 146px;
margin-bottom: 0px;
} 
.rotar { 
display:block; 
width:140px;
height: 30px;
text-align: left;
color: #000;
font-family: "Arial narrow",Arial; 
font-size: 11px;
line-height:10px;
position:absolute; left:-52px; bottom:60px;
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);			
}
.separador{
/*margin: left;*/
text-align:center;
background-color:#8bf;
margin-top:4px;
margin-bottom:4px;
border:0px; /* solid #8bf;*/
width: 100%;
height:2px;
}
.blanco{
background-color:#FFFFFF;
}
.centrado_rojo{
text-align:center;
background-color:#FF6600;
}
.centrado_rojo_negrita{
text-align:center;
background-color:#FF0000;
font-weight:bold;
color:#FFFFFF;
}
.centrado_naranja_negrita{
text-align:center;
background-color:#FF9900;
font-weight:bold;
color:#FFFFFF;
}
.centrado_verde{
text-align:center;
background-color:#7af961;
}
.centrado_verde_negrita{
text-align:center;
background-color:#7af961;
font-weight:bold;
border:1px solid #000;
}
.centrado_azul_negrita{
margin: auto;
text-align:center;
background-color:#8bf;
font-weight:bold;
font-size:12px;
border-radius:4px 4px 0px 0px;
border:1px solid #8bf;
width: 70%;
height:21px;
}
.login{
text-align:center;
padding: 10px;
margin: 10px;
font-size:14px;
}
.centrado_clic{
text-align:center;
margin:auto;
cursor:pointer;
}
.centrado{
text-align:center;
margin:auto;
}
.centrado_negrita{
text-align:center;
font-weight:bold;
}
.centrado_margen_negrita{
background: #fff;
text-align:center;
font-weight:bold;
border:1px solid #000;
}
.justificado{
text-align:justify;
}
.centradomedio{
text-align:center;
position:absolute;
top:45%;
left:45%;
}
.tablacentrada_citas{
margin:auto;
width:100%;
border:0px;
}
.tablacentrada_sin_borde{
margin:auto;
border:0px;
}
.tablacentrada{
margin:auto;
border-radius:4px;
border:1px solid #68b;
}
.tablacentradafija{
margin:auto;
width:65%;
border:0px;
}
.enlace{
background:#80a3cb;
border:1px black solid;
padding:3px 3px 3px;
font-weight:bold;
}
.lista_grupos{
background-color:#f0f0ff;
width:60px;
float:left;
margin:3px 5px;
padding:0;
border:1px solid #d8dcff;
}
.lista_grupos li{
display:block;
width:60px;
margin:0;
padding:0;
}
.floatleft{
float:left;
}
.par{
background-color:#d8dcff;
}
.impar{
background-color:#f0f0ff;
}
.parverde{
background-color:#ccffcc;
}
.imparverde{
background-color:#eeffee;
}
.parrojo{
background-color:#ffcccc;
}
.imparrojo{
background-color:#ffeeee;
}
.parclaro{
background-color:#80a3cb;
}
.naranja{
background-color:#ddcc88aa;
}
.encab{
text-align:center;
font-weight:bold;
}
.negrita_cursiva{
font-weight:bold;
font-style:italic;
}
.negrita{
font-weight:bold;
font-size:0.75em;
}
.subrayado{
text-decoration:underline;
}
.tabla_agenda{
border:0px;
border-spacing:0px;
padding:0px;
}
.textoinput{
border:solid 1px black;
background-color:#CCC;
text-align:justify;
padding:2px;
}
.texto{
border:solid 1px black;
background-color:#CCC;
text-align:justify;
width:30%;
padding:2px;
}
.texto_centrado{
border:solid 1px #dc8;
margin:auto;
text-align:center;
width:80%;
padding:2px;
}
.error{
border:solid 1px black;
background-color:red;
text-align:justify;
width:20%;
padding:4px;
color:white;
font-weight:bold;
}
.borde{
border:1px solid black;
}
.autorelleno {
position:absolute;
width:300px;
background-color:white;
border:1px solid #68B;
margin:0px;
padding:0px;
}
/*
.autorelleno ul {
list-style-type:none;
margin:0px;
padding:0px;
}
.autorelleno ul li.selected { background-color: #ffb;}
.autorelleno ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
height:18px;
cursor:pointer;
}
*/
.alin_medio{
padding:0px 4px 0px;
vertical-align:middle;
}
.alin_bajo{
vertical-align:bottom;
}
.alin_alto{
vertical-align:top;
}
.alin_alto_justif{
vertical-align:top;
text-align:justify;
}
.alin_alto_color{
vertical-align:top;
background-color:#d8dc9a;
border:1px solid black;
}
.horizontal{
float:left;
padding:5px;
}
.padding{
padding:5px;
}
.oculto{
display:none;
}
.oculto_centrado{
display:none;
text-align:center;
margin:auto;
}
.fondo{
background-color:#CCC;
}
.foto{
border:1px solid #dc8;
width:110px;
height:160px;
}

/*//////////////////////////////////////////////
//GENERAL
/////////////////////////////////////////////*/
/*font-family: Nimbus Roman No9 L;*/
html,body{
	font-family: arial,Nimbus Sans L;
	font-size:100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #ffffff;
}

ul{
	font-family: arial,Nimbus Sans L;
	font-size: 1em;
	vertical-align: middle;
	list-style:none;
	margin-left: 0px;
	padding-left: 1.75em;
}

li{
	font-family: arial,Nimbus Sans L;
	font-size: 0.8em;
	vertical-align: middle;
	list-style: none;
	margin: 1px 1px 1px 1px;
	padding-left: 0em;
}

table td{
	font-family: arial,Nimbus Sans L;
	padding:2px;
	vertical-align: middle;
}

table td ul{
	font-family: arial,Nimbus Sans L;
	margin:0px;
	padding: 0px;
	vertical-align: middle;
}
table td li{
	font-family: arial,Nimbus Sans L;
	padding: 0px;
	vertical-align: middle;
	font-size: 12px;
}


a {text-decoration:none;}
a:link, a:visited{color:black;}
a:hover, a:active{
	color:red;
/*	font-weight:bold;*/
}

/*
a#logo:link{color:white;}
a#logo:visited{logo:white;}

a#web:link{color:black;}
a#web:visited{logo:black;}

a#gnu:link{color:white;}
a#gnu:visited{logo:white;}

a#autorweb:link{color:#fff;}
a#autorweb:visited{color:#fff;}


a#eliminar:hover{color:white;background-color:red;padding:8px;}

a#salir{padding:5px;}
*/

input{
-webkit-border-radius: 4px;
border-radius:4px;
border:1px solid #69e;
margin:1px;
}

input:hover{
border:1px solid #fe0;
}

img{
border:0px;
}

select{
-webkit-border-radius: 4px;
border-radius:4px;
/*border:1px solid #444;*/
border:1px solid #69e;
margin:1px;
}
select:hover{
border:1px solid #fe0;
}

textarea{
-webkit-border-radius: 4px;
border-radius:4px;
/*border:1px solid #444;*/
border:1px solid #69e;
margin:auto;
}

/*///////////////////////////////
//DIVISORES
///////////////////////////////*/
#header{ 
height:55px;
border: 1px solid #bbb;
background:#fff url(imgs/fondocabecera.png) repeat center;
line-height:14px;
color:#359;
font-family: arial,Nimbus Sans L;
font-size:20px;
/*font-weight:bold;*/
}
#header a{
color:#ff9;
}

.dropdown {
	position: fixed;
	top:3px;
	left:3px;
	cursor:pointer;
}
.dropdown-content {
	font-size:12px;
	display:none;
	position: absolute;
	top:54px;
	min-width:100px;
	min-height:20px;
	padding: 3px 20px;
	background-color:#f1f1f1;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
	padding: 3px 10px;
	text-decoration: none;
	display: block;
}
.dropdown-content a:hover {background-color: #ddd; color:black;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}

#left{ 
float:left;
width:200px;
/*background-color:#fea;*/
min-height:740px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:740px; /* for IE5.x and IE6 */
font-family: arial,Nimbus Sans L;
font-size:13px;
}

#center { 
margin-left:200px;
background-color:#fff; 
min-height:740px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:740px; /* for IE5.x and IE6 */
text-align:center;
font-family: arial,Nimbus Sans L;
font-size:14px;
}
#pd{
font-family: arial,Nimbus Sans L;
text-align:center;
font-size:12px;
width:15%;
margin:auto;
padding:10px;
border:2px solid #68B;
background-color:#8BF;
text-decoration:none;
text-shadow: #000000 1px 1px ;
}
#pd a{
color:white;
text-decoration:none;
}
#pd a:hover{
color:#fe0;
text-decoration:none;
}

#footer { 
clear:both;
background-color:#8bf;
height:10px;
line-height:16px;
text-align:center;
color:white;
font-family: arial,Nimbus Sans L;
font-size:8px; 
}
#footer a:hover{ 
color:white;
}
#logo{
height:170px;
width:450px;
margin:auto;
background-color:#68B;
text-align:center;
color:white;
font-size:14px;
border-left:1px solid black;
border-right:1px solid black;
border-top:1px solid black;
}
#logo a{color:white;}

#entrada{
clear:both;
background-color:#68B; 
height:50px;
width:450px;
margin:auto;
padding-top:20px;
text-align:center;
/*line-height:50px;*/
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid black;
}
#contenedor {
/*background-color: #BDF;*/
overflow: hidden;
margin: 0px auto auto auto;
border: 0px;
}
#operacion{
position:absolute;
right:-85%;
top:45%;
}

/*//////////////autocompletar//////////*/
div.autorelleno {
position:absolute;
width:300px;
border:1px solid #333;
margin:0px;
padding:0px;
}
div.autorelleno ul {
list-style-type:none;
width:300px;
margin:0px;
padding:0px;
}
div.autorelleno ul li.selected { background-color: #ffb554;}
div.autorelleno ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
height:16px;
vertical-align:middle;
width:400px;
cursor:pointer;
background-color:#eeeeaa;
border:1px solid white;
}


/*Free CSS Navigation Menu Designs - http://www.exploding-boy.com/*/
/*Centered Sliding Doors Navigation              */
/*- Menu "navigation"--------------------------- */

#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation ul {
	padding: 5px 0 5px;
	text-align: center;
}
#navigation ul li {
	display: inline;
	margin-right: -2px;
}
#navigation ul li a {
	background: url(imgs/tableft.gif) no-repeat left top;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
	padding: 5px 0px;
}
#navigation ul li span {
	background: url(imgs/tabright.gif) no-repeat right top;
	padding: 5px 10px 5px 5px;
	margin: 4px 0px 4px 4px;
}
#navigation ul li a:hover span {
	text-decoration: none;
	background-position: 100% -75px;
}
#navigation ul li a:hover {
	background-position: 0 -75px;
}
#navigation #current a {
	background-position: 0 -150px;
}
#navigation #current a span {
	background-position: 100% -150px;
}

/* Inspirado en CSS Tabs */
/* http://www.htmldog.com/articles/tabs/ */
/* The Best Practice Guide To XHTML and CSS */
#cabecera ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#cabecera li {
	float: left;
	border: 1px solid #ddb;
	border-bottom-width: 0;
	margin: 0;
}

#cabecera a {
	text-decoration: none;
	display: block;
	background: #eee;
	padding: 0.24em 1em;
	color: #333;
/*		width: 8em;*/
	text-align: center;
}

#cabecera a:hover {
	background: #dc8;
}

#cabecera #current {
	border-color: #dc8;
}

#cabecera #current a {
	position: relative;
	top: 1px;
	background: white;
	color: black;
	font-weight: bold;
}

#contenido {
	border: 1px solid #dc8;
	clear: both;
	padding: 1em;
	background: white;
}
/*//////////////////////////////////////////*/
.caja {
	width:100%; /*ancho total de la pagina*/ 
	border:1px solid #d8dcff; /*encadeno los 3 atributos claves del borde en una sola linea, ahorrando codigo XD*/
	margin:0px auto; /*10px arriba y abajo, y auto a los lados, para los navegadores nuevos es suficiente para centrar la pagina*/ 
	text-align:left; /*aqui alineamos todo de nuevo a la izquierda, pero dentro del contenedor*/ 
}	
.tablaresul {
	padding : 1px;
	border-spacing: 0;
	width: 100%;
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border-radius:4px;
	border:1px solid #68b;
}
.tablaresul th {
	padding : 0px;
	background-color: #d8dcff;
	background-image: url(imgs/cabTabla.png);
	background-repeat: repeat-x;
}	
.tablaresul td {
	padding : 0px;
	border-spacing: 0px;
	cursor: pointer;
}
.tablaresul tr:hover{
	background-color: #fea;
}
.resaltado {
	font-weight:bold;
}

.tablacentrada_i{
	background: #fff;
	font-family: arial,Nimbus Sans L;
	font-size:12px;
	color:#000;
	margin:auto;
	padding : 1px;
	border-spacing: 0;
	border-radius:4px;
	border:1px solid #68B;
}
.tablacentrada_i th {
	padding : 1px;
	border-spacing: 0;
	background-image: url(imgs/cabTabla.png);
	background-repeat: repeat-x;
	border: 0px;
	text-align:center;
}	
.tablacentrada_i td {
	padding : 1px;
	border-spacing: 0px;
	border:1px solid #fff;
	text-align:center;
}
.tablacentrada_i td:hover{
	font-weight:bold;
	background-color: #fea;
}

.tablacentrada_agenda{
	margin:auto;
	padding : 1px;
	border-spacing:1px;
	border-radius:4px;
	border:1px solid #68b;
}
.tablacentrada_agenda th {
	padding : 1px;
	border-spacing: 0px;
	background-image: url(imgs/cabTabla.png);
	background-repeat: repeat-x;
	border: 0px;
	text-align:center;
}	
.tablacentrada_agenda td {
	padding : 1px;
}
.tablacentrada_agenda td:hover{
	padding : 1px;
	background-color: #fea;
}

.tabladest {
	padding : 0px;
	border-spacing: 0;
	width: 100%;
	margin:auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.tabladest th {
	background-color: #d8dcff;
	background-image: url(imgs/cabTabla.png);
	background-repeat: repeat-x;
}	
.tabladest td {
	padding : 0px;
	border-spacing: 0px;
}

/* Modal Window */
#todo{
    display: none;
	width: 100%;
	min-height: 100%;
	height: auto !important;
	position: fixed;
	top:0;
	left:0;
	background-color:rgba(255, 255, 255, 0.6);
}
.surgir{
    display: none;
/*    z-index: 3;*/
    position: absolute;
    overflow: hidden;
    border: 1px solid #595959;
    white-space: nowrap;
    font-family: sans-serif;
    font-size: 12px;
    border-radius: 2px;
	top: 0;left: 0;right: 0;bottom: 0;margin: auto; 
	width:400px; height:200px;
	padding:20px;
	background: white;
	box-shadow: 0 0 15px black;
}
/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 3em;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.r{
	cursor: pointer;
}
.r:hover{
	background: #ffcc00;
}

.salto{
	cursor: pointer;
}
.salto:hover{
	background: #ffeeaa;
	color: red;
}
.blink_me{
    animation:blinkingText 1s infinite;
}
@keyframes blinkingText{
    0%{     color: #fff;    }
    49%{    color: #fff; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #fff;    }
}

/* Un <select> "editable"*/
.select-editable {
	position:relative; 
	display:table-cell;

	-webkit-border-radius: 4px;
	border-radius:4px;
	border:1px solid #69e;
	padding:0;
	margin:0;

	background-color:#ffffff;
 }
.select-editable:hover{border:1px solid #fe0;}


.select-editable select {
	-webkit-border-radius: 3px;
	border-radius:3px;

	border:0; 
	margin:0;
	padding:0;

}


.select-editable input {
	position:absolute; 
	top:0px; 
	left:0px; 
	width: calc(100% - 21px);
	height: 100%;

	-webkit-border-radius: 3;
	border-radius:3;
	border:0;
	margin:0;
	padding:0;

	background-color:#ffffcc;
}

.select-editable select:focus, .select-editable input:focus {outline:none;}