/* CSS Document */

body
{
margin: 4px;
    font-family: "arial";
    background-image: url(https://www.santaanamariquita.edu.co/sygescol2021/fondo1.png);
}

table.informe
{
	border: #003399 solid 1px;
}

th.informe
{
	color: #FFFFFF;
	font-weight: bold; 
	font-size: 14px;
	text-align:center;
	background-color:#004EC1;
	height:34px;
}

td.grupo
{
	background:#00FF66;
}

td.encabezado
{
	background-color: #C8DEFD;
	padding-right:20px;
}

/*estilo para las tablas en que se manejen formularios*/
.tableform
{
	border-left-color:#CCCCCC;
	border-left-style:solid;
	border-left-width:2px;
	border-top-color:#CCCCCC;
	border-top-style:solid;
	border-top-width:2px;
	border-right-color:#CCCCCC;
	border-right-style:solid;
	border-right-width:2px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:solid;
	border-bottom-width:2px;
}

table.centro
{
	background-color: #E7F1FE;
	border:#99BEEC 1px solid;
	margin-top:5px;
}

th.centro
{
	border-bottom:#99BEEC 1px solid;
	color:#0660CE;
	vertical-align:middle;
	height:25px;
}

th.footer
{
	border-top:#99BEEC 1px solid;
	color:#0660CE;
	vertical-align:middle;
	padding:4px;
}

td.nombreCampo
{
	border:#99BEEC 1px solid;
	/*background-color: #99BEEC;*/
	color:#0660CE;
	font-weight:bold;
	vertical-align:middle;
	width:180px;
}

td.campo
{
	border:#CCCCCC 1px solid;
	color:#0660CE;
	font-weight:bold;
	vertical-align:middle;
	width:180px;
}

td.campo1
{
	border:#CCCCCC 1px solid;
	color:#0660CE;
	font-weight: normal;
	vertical-align:middle;
	width:180px;
}

th.centro2
{
	color:#0660CE;
	vertical-align:middle;
	height:25px;
}

table.formulario
{
	margin-top:20px;
	border:#DDDDDD 1px solid;
}

table.mucha_info
{
	margin-top:20px;
	border:#DDDDDD 1px solid;
	font-size:12px;
}

th.formulario
{
	background-color: #3399FF;
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
	vertical-align:middle;
}

th.formulario_general
{
	background-color: #003366;
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
	vertical-align:middle;
}

td.formulario_general
{
	background-color: #003366;
	border:none;
}


.col_cabecera
{
	background-color: #3399FF;
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
	vertical-align:middle;
}

.col_cabecera_hor_general
{
	background-color: #003366;
	color:#FFFFFF;
	font-weight:bold;
	font-size:20px;
	WRITING-MODE: tb-rl;
}

table.formulario td
{
	padding: 5px 5px 5px 5px;
}

.resaltado
{
	font-weight:bold;
	color:#FF0000;
}

.textchiquitico
{
font-size:xx-small;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.titlea {
    position: relative;
}
.titlea[title]:hover::before {
	content: attr(title);
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	position: absolute;
	width:auto;
	max-width:800px;	
	top: -40px;
	z-index:100;
	
	background: rgba(254, 255, 136, 0.9);
	color: #000;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 3px solid #cccc00;
	
	padding: 3px 10px;
}


/*Estilo para todos los enlaces*/
a:link{color:#FF0000; text-decoration:underline}
a:visited{color:#FF0000; text-decoration:underline}
a:hover{color: #FD9B42; text-decoration:underline}


a.clarito:link{color:#0660ce; text-decoration:underline}
a.clarito:visited{color:#0660ce; text-decoration:underline}
a.clarito:hover{color: #FF0000; text-decoration:underline}

a.clarito2:link{color:#ffffff; font-family:verdana;  text-decoration:underline}
a.clarito2:visited{color:#ffffff; font-family:verdana;  text-decoration:underline}
a.clarito2:hover{color:#ffffaa; font-family:verdana;  text-decoration:underline}

a.calificacion:link{color:#0660ce; font-family:verdana; font-size:10; text-decoration:none}
a.calificacion:visited{color:#0660ce; font-family:verdana; font-size:10; text-decoration:none}
a.calificacion:hover{color:#2882ef; font-family:verdana; font-size:10; text-decoration:none}

a.puesta:link{color:#FF0000; font-family:verdana; font-size:10; font-weight:bold; text-decoration:none}
a.puesta:visited{color:#FF0000; font-family:verdana; font-size:10; font-weight:bold; text-decoration:none}
a.puesta:hover{color:#FF0000; font-family:verdana; font-size:10; font-weight:bold; text-decoration:none}

a.valor:link{color: #006600; font-family:verdana; font-size:12; text-decoration:none}
a.valor:visited{color:#006600; font-family:verdana; font-size:12; text-decoration:none}
a.valor:hover{color: #FF9900; font-family:verdana; font-size:12; text-decoration:underline}

.obligatorio
{
	color: #FF0000;	
}

.fila1
{
	background-color:#C8DEFD;
}

.fila2
{
	background-color:#E7F1FE;
}

.campo_pequeno
{
	font-size:12px;
}

.info
{
	background-image:url(../images/iconos/info.png);
	background-repeat:no-repeat;
	background-position:center left;
	height:50px;
	width:92%;
	color: #0660CE;
	border:#CCCCCC solid 1px;
	padding:14px 10px 10px 55px;
	font-weight:bold;
	text-align: justify;
}

.menu_padres
{
	color:#000088;
}

.menu_padres a
{
	color:#000088;
	text-decoration:none;
}


.menu_padres a:link
{
	color: #000088; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:12;
	font-weight:bold;
	text-decoration:none
}
.menu_padres a:visited
{
	color:#000088; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:12; 
	font-weight:bold;
	text-decoration:none
}
.menu_padres a:hover
{
	color: #000088; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size:12; 
	font-weight:bold;
	text-decoration:none
}

#planilla_calificaciones table.formulario td
{
	border-left:#CCCCCC 1px solid;
}
input,
input[type="text"],
select,
textarea,
input[type="password"]{
	border: solid 1px #999999;
	background: #FFFFFF;
	margin: 2px 2px 2px 2px;
	padding: 6px;
	font-size:14px;
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFFFF),
			color-stop(4%, #EEEEEE),
			to(#FFFFFF)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFFFF,
			#EEEEEE 1px,
			#FFFFFF 25px
			);
	-moz-box-shadow: 0px 0px 8px #f0f0f0;
	-webkit-box-shadow: 0px 0px 8px #f0f0f0;
	box-shadow: 0px 0px 8px #f0f0f0;
}
input[type="text"]:focus,
select:focus,
textarea:focus,
input[type="password"]:focus{
	box-shadow: 0 0 5px 0 #B5DFF1;
	-moz-box-shadow:0 0 5px 0 #B5DFF1;
	-webkit-box-shadow: 0 0 5px 0 #B5DFF1 ;
	border: 1px solid #38B2E5;
	background-color:#FFFFFF;
}
input[type="submit"], 
input[type="button"],
input[type="reset"],
button {
	background: #D3D3D3;
	border: 1px solid #999999;
	color: #333;
	font-family: "Trebuchet MS", "Myriad Pro", sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding: 6px;
	text-align: center;
	/*width: 150px;*/
	min-width:25px;
	width:auto;
	cursor:pointer;
	margin:4px;
	/*text-shadow: 0px 1px 0px #fff;*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0px 0px 2px #fff inset;
	-webkit-box-shadow: 0px 0px 2px #fff inset;
	box-shadow: 0px 0px 2px #fff inset;
}
input[type="submit"][disabled], 
input[type="button"][disabled],
input[type="reset"][disabled],
button[disabled] {
	background: #CCCCCC;
}
input[type="submit"][disabled]:hover, 
input[type="button"][disabled]:hover,
input[type="reset"][disabled]:hover,
button[disabled]:hover {
	background: #CCCCCC;
}
input[type="submit"]:hover, 
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover {
	background: #9FC7FB;
	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;
	box-shadow: 0px 0px 2px #eaeaea inset;
	color: #222;
}
input[type="submit"]:focus, 
input[type="button"]:focus,
input[type="reset"]:focus,
button:focus {
  background: #9FC7FB;
	-moz-box-shadow: 0px 0px 2px #eaeaea inset;
	-webkit-box-shadow: 0px 0px 2px #eaeaea inset;
	box-shadow: 0px 0px 2px #eaeaea inset;
	color: #222;
}
input[type="text"][readonly],
select[readonly],
textarea[readonly],
input[type="password"][readonly]{
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#E1E1E1),
			color-stop(4%, #EEEEEE),
			to(#E1E1E1)
		);
	background: 
		-moz-linear-gradient(
			top,
			#E1E1E1,
			#EEEEEE 1px,
			#E1E1E1 25px
			);
	color: #666666;
}
input[type="text"][disabled],
select[disabled],
textarea[disabled],
input[type="password"][disabled]{
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#E1E1E1),
			color-stop(4%, #EEEEEE),
			to(#E1E1E1)
		);
	background: 
		-moz-linear-gradient(
			top,
			#E1E1E1,
			#EEEEEE 1px,
			#E1E1E1 25px
			);
	color: #666666;
}
.input_deshabilitado[type="text"][readonly]
{
	/*background-color:#FFFF99;*/
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#FFFF99),
			color-stop(4%, #EEEEEE),
			to(#FFFF99)
		);
	background: 
		-moz-linear-gradient(
			top,
			#FFFF99,
			#EEEEEE 1px,
			#FFFF99 25px
			);
	color: #000000;
}

.input_deshabilitado_campo_obli[type="text"][readonly]
{
	/*background-color: #D3FAA0;*/
	background: 
		-webkit-gradient(
			linear,
			left top,
			left 25,
			from(#D3FAA0),
			color-stop(4%, #EEEEEE),
			to(#D3FAA0)
		);
	background: 
		-moz-linear-gradient(
			top,
			#D3FAA0,
			#EEEEEE 1px,
			#D3FAA0 25px
			);
	color: #000000;
}