@font-face { font-family: myFirstFont; src: url('fonts/Arial Rounded MT Light.ttf'); }
body { background-image: url(images/bg1.png); font-family:"myFirstFont"; color:#333333; }
a:link { color: #006699; text-decoration: none; }
a:visited { text-decoration: none; color: #006699; }
a:hover { text-decoration: underline; color: #003366; }
a:active { text-decoration: none; color: #006699; }

.claselink1:link { color:#000033; text-decoration: none; }
.claselink1:visited { text-decoration: none; color: #000033; }
.claselink1:hover { text-decoration: underline; color: #003366; }
.claselink1:active { text-decoration: none; color: #000033; }

.cajadetexto1 { width:300px; height:40px; color:#666666; font-size:18px; font-family:"myFirstFont"; border: rgb(240,237,231) 1px solid; background:#FFFFFF; }
/* ------------------------------  CSS Index y Menú Docentes -----------------------------------------*/
#contenedor1{ width: 100%; position: absolute; top: 0px; left:0px; z-index: -100; clear: both; margin-bottom: 5px; display: block; }
#contenedor2{ width: 60%; position: relative; height:560px; top: 60px; left:20%; z-index: -100; background-color: rgba(255,255,255,0.8); border: 1px solid #d0d0d0;}
#contenedor2a{
	width: 950px;
	height: 550px;
	position: absolute;
	top: 60px;
	left: 202px;
	z-index: -100;
	background-color: rgba(255,255,255,0.8);
	border: 1px solid #d0d0d0;
}
#contenedor2b{ width: 950px; position: absolute; top: 10px; left:200px; z-index: -100; background-color: rgba(255,255,255,0.8); border: 1px solid #d0d0d0;}
#contenedor2c{ width: 950px; position: absolute; top: 100px; left:200px; z-index: -100; background-color: rgba(255,255,255,0.8); border: 1px solid #d0d0d0;}
#contenidocont2a{ width: 945px; position: relative; z-index: -100; padding:10px; }
#infosesion{ width: 100%; height: 20px; position: relative; top: 0px; background: -webkit-linear-gradient(#83ACD6, #A4D1FF); background: -moz-linear-gradient(#83ACD6, #A4D1FF); background: -o-linear-gradient(#83ACD6, #A4D1FF); background: linear-gradient(#83ACD6, #A4D1FF); font-size:14px; border-bottom:#999999; border-bottom-style:solid; border-bottom-width:thin;}
#logo{ width: 100%; height: 140px; position: relative; padding:10px; top: 10px; background-image: url(images/logo.png); background-repeat:no-repeat; background-position:center; }
#contenedor3{
	width: 100%;
	height: 290px;
	position: absolute;
	padding: 8px;
	top: 219px;
	font-size: 18px;
	text-align: left;
	left: 2px;
}
#formsesion{ width: 100%; position: relative; top: 0px; left:0px; padding-left:20px; }
#logocolegio{ width: 100%;  height: 150px; position: relative; top: -30px; left:0px; z-index: -100;  background-image: url(images/logocolegio.png); background-repeat:no-repeat; }
/* ------------------------------  CSS Plantilla Principal -----------------------------------------*/
#sidebar1{ width: 102px; position:fixed; height:661px; top: 0px; left:0; z-index: -100; background-color: rgba(255,255,255,0.8); border: 1px solid #d0d0d0;}
#logom{ width: 100%; height: 60px; position: relative; background-image: url(images/logom.png); background-repeat:no-repeat; background-position:center; border-bottom:#A4D1FF; border-bottom-style:solid; border-bottom-width:thin; }
#infosesionm{ width: 100%; position: relative; border-bottom:#A4D1FF; border-bottom-style:solid; border-bottom-width:thin;  font-size:12px; vertical-align:middle; }
#sidemenu{ width: 100%; height: 400px; padding:2px; position: relative; border-bottom:#A4D1FF; border-bottom-style:solid; border-bottom-width:thin;  font-size:12px; vertical-align:middle; }
#logocolegiom{ width: 100%; height: 60px; position: relative; background-image: url(images/logocolegiom.png); background-repeat:no-repeat; background-position:center; border-bottom:#A4D1FF; border-bottom-style:solid; border-bottom-width:thin; }
.EstiloTexto1 {color: #006699}
.EstiloTexto2 { font-weight:700; font-size:18px;}
.EstiloTexto3 { font-weight:700; font-size:16px;}
.seleccionperiodo{ width:30%; height:40px; color:#666666; font-size:16px; font-family:"myFirstFont"; border: rgb(240,237,231) 1px solid; background: rgb(246,245,240);}
.seleccionasignatura{ width:30%; height:40px; color:#666666; font-size:16px; font-family:"myFirstFont"; border: rgb(240,237,231) 1px solid; background: rgb(246,245,240); }
.clasehr {background:#CCCCCC; height: 1px; border: 0; margin-right:15px;}
.textofecha{font-size:11px; color:#B6B6B6; text-align:right; width:100%}

/* ------------------------------  CSS Tabla ------ */

.CSSTableGenerator {
	margin:5px;padding:0px;
	width:100%;
	border:1px solid #cccccc;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:50%;
	height:98%;
	margin: auto;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	background-color:#e5e5e5;
		

}
.CSSTableGenerator td{
	vertical-align:middle;
	
	background-color:#ffffff;

	border:1px solid #cccccc;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #cccccc 5%, #cccccc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#cccccc");	background: -o-linear-gradient(top,#cccccc,cccccc);

	background-color:#cccccc;
	border:0px solid #cccccc;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:13px;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #cccccc 5%, #cccccc 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #cccccc 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#cccccc");	background: -o-linear-gradient(top,#cccccc,cccccc);

	background-color:#cccccc;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}