/*--------------------------------------------------------------------------------
ESTILO IINSTITUTO ORIENTE 2018
JOSEANTONIO.RAVIZE@IORIENTE.EDU.MX
----------------------------------------------------------------------------------*/

/* ========== AGENDA HEADER STYLES ========== */
.agenda-logo {
  max-height: 8vh;
  max-width: 200px;
}

.agenda-icon {
  max-height: 8vh;
  max-width: 200px;
}

.agenda-logo-mobile {
  width: 45%;
  height: auto;
}

.agenda-text {
  font-size: 2.5rem;
  font-weight: bold;
  font-family: 'SF Pro Display', sans-serif;
}

.agenda-blue {
  color: #1D257E;
}

.agenda-yellow {
  color: #FDC801;
}

/* COLORES DE ETIQUETAS */
.tag {
  width: 18px;
  height: 18px;
  border-radius: 4px;
}

.tag-rosa { background-color: #EC2CDB; }
.tag-verde { background-color: #26A992; }
.tag-morado { background-color: #654D9D; }
.tag-miel { background-color: #CEAE74; }
.tag-verde2 { background-color: #82B549; }
.tag-cafe { background-color: #6E4E1E; }

/* ENCABEZADO STICKY DE TABLA */
.agenda-table-header {
  background-color: white;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  z-index: 100;
}

.agenda-th {
  font-weight: bold;
  color: white;
  background-color: #343741;
  padding: 10px 5px;
  flex: 1;
  text-align: center;
}

/* RESPONSIVE AJUSTES */
@media (max-width: 768px) {
  .agenda-text {
    font-size: 2rem;
  }
}



/*-----------FUENTES TIPOGRAFÍCAS--------------*/
@font-face {
	font-family:"Copperlate";
	src:url("COPRGTL.ttf");
}
@font-face {
	font-family:"Myriad";
	src:url("MyriadPro-LightCond.otf");
}

@font-face {
	font-family:"Gothic";
	src:url("GOTHIC.ttf");
}

body{
    margin:0 auto;
	/*background: url(../img/background.jpg) no-repeat center center fixed;
	background: url("body_textgris.jpg") repeat top; 
    /*background-size: cover;*/
}

a img{border: none;}
#clear{clear:both;}

.responsive {width: 100%;height: auto;}

.responsive2 {
    width: 100%;
    height: 100%;
}

.negrita{font-weight: bold;}
.color2{color: #00A2DB;}
.sub-naranja{text-decoration: 4px underline #fa960a;margin-top: 4px;}
#clear{
clear:both;
}

/*-----------------INICIA ENCABEZADO--------------------*/
header {
	background: #fff;
	color: #252772;
	height: auto;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	box-shadow: 0px 5px 10px 0px rgba(171,162,171,1);
	margin-bottom: 10px;
	padding-bottom: 15px;
	position: sticky;
    top: 0;
    z-index: 1;
}

	#logo_IOP{ 		
	width: 80%;	
	max-width: 200px;	
	padding:15px 10px 0px 10px;
	margin: 0 auto;
	height: auto;
	background: #fff;
	}

	#nombre_Head {
	width:90%;
	height: auto;
	margin-top:10px;
	margin-bottom: 5px;
	padding:0px;
	float: left;
	text-align: end;
	background: #fff;
	}
	
	#nombre_Head h1 {
	font-family: 'Barlow', sans-serif;
   	font-size:2.2em;
	font-weight:bolder;
	/*text-transform: uppercase;
	line-height:1em;
  	color: #FFF;*/
	}
/*-----------------FINALIZA ENCABEZADO--------------------*/


/*-----------------INICIA PIE--------------------*/
footer{ 
	background: #252772;
	color: #fff;
	height: auto;
	margin-top: 0px;
	font-family: 'Barlow', sans-serif;
}
#pieA{
	width: 90%;	
	padding:10px 10px 10px 20px;
	margin: 0 auto;
	height: auto;
	font-size: 11px;
	text-align: center;
}

	#pieA a:link {
		color: #FFF;
		text-decoration:none;
		padding: 0px;
	}
	#pieA a:active, #pieA a:visited {
		color: #FFF;
		text-decoration:none;
		padding: 0px;
	}
	#pieA a:hover {
		color: #FFF;
		font-style: italic;
		text-decoration:underline;
		padding:0px;
	}

#pieB{
	width: 90%;	
	padding:10px;
	margin: 0 auto;
	height: auto;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

#pieC{
	width: 90%;	
	padding:10px;
	margin: 0 auto;
	height: auto;
	text-align: center;
	font-size: 14px;
}

	#pieC a:link {
		color: #FFF;
		text-decoration:underline;
		padding: 0px;
	}
	#pieC a:active, #pieC a:visited {
		color: #FFF;
		text-decoration:underline;
		padding: 0px;
	}
	#pieC a:hover {
		color: #FFF;
		font-weight: bold;
		text-decoration:underline;
		padding:0px;
	}
/*-----------------FINALIZA PIE--------------------*/



/*---------------INICIA CONTENIDO-------------*/ 
#wcontenido{
	width: 100%;
	max-width: 1880px;
    margin: auto;
    height: auto;
    position: relative;
	padding-top: 1em;
	float: left;
}

#wcontenido_data{
	width: 100%;
	max-width: 1280px;
    margin: 0 auto;
    height: auto;
    position: relative;
	padding-top: 1em;
}


#tb_agenda {
  border-collapse: collapse;
  width: 100%;  
  color: #252772;
  font-family: 'Barlow', sans-serif;
  font-size:1.1em;
}

#tb_agenda td{
  padding: 8px;
vertical-align: baseline;
	
}

/*#tb_agenda th {
  border: 1px solid #ddd;
  padding: 8px;
  height: 150px;
  transform: rotate(-45deg);
	font-size: 2em;
}*/

#tb_agenda tr:nth-child(even){background-color: #f2f2f2;}

#tb_agenda tr:hover {background-color: #ddd;}

#tb_agenda .t_agenda23{
	/*border: 1px solid #ddd;*/
	padding: 8px;
	height: 100px;
	width: 325px;
	font-size: 1.2em;
	background: #f2f2f2;
	font-weight: lighter;
	position: sticky;
    top: 100px;
}

#tb_agenda .t_preescolar{
	border: 1px solid #ddd;
	padding: 8px;
	height: 100px;
	width: 320px;
	font-size: 1.2em;
	font-weight: lighter;
	background: #092feb;
	color: #FFF;
	position: sticky;
    top: 0;
}

#tb_agenda .t_primaria{
	border: 1px solid #ddd;
	padding: 8px;
	width: 320px;
	height: 100px;
	font-size: 1.4em;
	background: #FFD100;
	color: #FFF;
	position: sticky;
    top: 0;
}

#tb_agenda .t_secundaria{
	border: 1px solid #ddd;
	padding: 8px;
	width: 320px;
	height: 100px;
	font-size: 1.4em;
	background: #D2132F;
	color: #FFF;
	position: sticky;
    top: 0;
}

#tb_agenda .t_bachillerato{
	border: 1px solid #ddd;
	padding: 8px;
	width: 320px;
	height: 100px;
	font-size: 1.4em;
	background: #4CC2F1;
	color: #FFF;
	position: sticky;
    top: 0;
}

#tb_agenda .t_bne{
	border: 1px solid #ddd;
	padding: 8px;
	width: 320px;
	height: 100px;
	font-size: 1.4em;
	background: #f26e16;
	color: #FFF;
	position: sticky;
    top: 0;
}

#tb_agenda .t_comun{
	padding: 8px;
	width: 80px;
	height: 100px;
	font-size: 1.2em;
	background: #f2f2f2;
	font-weight: lighter;
	position: sticky;
    top: 100px;;
}

#tb_agenda .t_comun2{
	border: 1px solid #ddd;
	padding: 8px;
	width: auto;
	height: 100px;
	font-size: 1.4em;
	background: #000;
	color: #FFF;
	position: sticky;
    top: 0;
}

#tb_agenda .t_fecha{
	border: 1px solid #ddd;
	padding: 8px;
	width: 150px;
	height: 100px;
	font-size: 1.4em;
	background: #000;
	color: #FFF;
	position: sticky;
    top: 0;
}

#tb_agenda .celda_actividad{vertical-align: sub; text-align: start;}


/*-----------------------CONTENIDO GENERAL (PANTALLA COMPLETA)--------------------------------------*/
#contenido{ 
	width: 100%;
    background: #FFF;
	padding: 5px;
	margin: 5px;
	min-height: 250px;
	font-family: Tahoma,Geneva,sans-serif;
    /*border-radius: 15px;
    border: 1px solid #DBDBDB;
	-webkit-box-shadow: 10px 10px 6px -6px rgba(0,0,0,0.45);
	-moz-box-shadow: 10px 10px 6px -6px rgba(0,0,0,0.45);
	box-shadow: 10px 10px 6px -6px rgba(0,0,0,0.45);*/
}

#contenido p{ 
  	font-size:1.1em;
	text-align: justify;
}

/*#contenido ul, ol{ 
  	margin:20px 0px 0px 40px;
  	line-height:1.1em;
	font-size:1.1em;
}*/

#contenido h1 {	
	font-family: Tahoma, Geneva, sans-serif;
   	font-size:1.8em; 
  	color: #FFF;
	background: #36C;
	font-weight:800;	
	display: inline-block;
   	line-height:1em;
   	position:relative;
   	outline: none;
   	overflow: visible;
   	padding:10px 70px 10px 10px;
	margin: 0px;
}

#contenido h2 {	
	font-family: Tahoma, Geneva, sans-serif;
   	font-size:1.4em; 
  	color: #36C;
	font-weight:bold;
	clear:both;
}

#contenido h3 {	
	font-family: Tahoma, Geneva, sans-serif;
   	font-size:1.2em; 
  	color: #ED2E15 ;
	font-weight:bold;
	clear:both;
}

#contenido h4{
    font-family: "Gothic";
    font-size: 18px;
    font-weight: lighter;
    line-height: 0.5em;
    color: #39C;
	clear:both;
}

#contenido a:link {
	font-family: Tahoma, Geneva, sans-serif;
   	font-size:1em;
	font-weight:normal;
	color: #09F;
	text-decoration: none;	
}

#contenido a:active, #contenido a:visited {
	font-family: Tahoma, Geneva, sans-serif;
   	font-size:1em;
	font-weight:normal;
	color: #09C;
	text-decoration: none;	
}

#contenido a:hover {
	font-family: Tahoma, Geneva, sans-serif;
   	font-size:1em;
	font-weight:normal;
	color: #848484;
	text-decoration: none;	
}
/*---------------CIERRO CONTENIDO-------------*/ 

/*--------------------TABLAS------------------------*/

#hor-zebra
{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	margin: 10px;
	padding:10px;
	/*width: 780px;*/
	text-align: left;
	border-collapse: collapse;

}
#hor-zebra th{
	font-size: 16px;
	font-weight: normal;
	background: #039;
	padding: 5px;
	color: #FFF;
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
}
#hor-zebra tr:hover td
{
	background: #d0dafd;	
	color: #339;
}
#hor-zebra .normal
{
	padding: 4px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #000;
	border-top: 1px solid transparent;
	
}
#hor-zebra .odd
{
	background: #b9c9fe;
	padding: 15px;
	color: #669;
}

#hor-zebra a:link {
	color: #4C9AEC;
	font-weight: bold;
	text-decoration:underline;
		
}
#hor-zebra a:active, #hor-zebra a:visited {
	color: #4C9AEC;
	font-weight: bold;
	text-decoration: underline;
}
#hor-zebra a:hover {
	color: #12B3BB;
	text-decoration: none;
	
}


/*------------VINCULOS-------------------*/

.vinculo_azul a:link {
	color: #4C9AEC;
	text-decoration: none;
		
}
.vinculo_azul a:active, .vinculo_azul a:visited {
	color: #4C9AEC;
	text-decoration: none;
}
.vinculo_azul a:hover{
	color: #000;
	font-weight: bold;
	text-decoration: underline;	
}

.vinculo_blanco a:link {
	color: #4C9AEC;
	text-decoration: none;
		
}
.vinculo_blanco a:active, .vinculo_blanco a:visited {
	color: #4C9AEC;
	text-decoration: none;
}
.vinculo_blanco a:hover{
	color: #000;
	font-weight: bold;
	text-decoration: underline;	
}
/*------------PROPIEDADES-------------------*/
.num_cal{
	font-weight: bold;
	font-size: 18px;
}

.p_actividad{
	font-weight: normal;
	font-size: 14px;
	text-transform: uppercase;
}

.p_actividad2{
	font-weight: normal;
	font-size: 9px;
	text-transform: uppercase;
}

.p_seccion{
	font-weight: normal;
	font-size: 22px;
	text-transform: capitalize;
	color: #06C;
}


.v_depto1{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #092feb;}
.v_depto2{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/background: #FFD100;}
.v_depto3{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #D2132F;}
.v_depto4{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #4CC2F1;}
.v_depto5{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #f26e16;}
.v_depto6{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #1D1E1B;}
.v_depto7{width: 10px;height: 10px;display: inline-block;border: 1px #252772 solid;background: #fff;}
.v_depto8{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #E4328A;}
.v_depto9{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #CBD859;}
.v_depto10{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #624595;}
.v_depto11{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #08bd0e;}
.v_depto12{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #005a8b;}
.v_depto13{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #e8c39e;}
.v_depto14{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #73C2AF}
.v_depto15{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #BD78B0;}
.v_depto16{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #000;}
.v_depto17{width: 10px;height: 10px;display: inline-block;/*border: 1px #000 solid*/;background: #f26e16;}

.icon_secc{width: 20px;height: 20px;margin: 5px;display: inline-block;}

/*------------COLORES-------------------*/
.verdi{
	color: #CF0;
	font-size:14px;
	}

.aqua{
	color: #3CF;
	}

.azul{
	color:#09F;
	}

.azul2{
	color: #06C;
	font-size: .8em;
	}

.naranjaMesa{
	color: #F90;
	font-size:16px;
	}
.lila{
	color:#9028CD;	
}
	
.rojo{
	color: #F00;
	font-size:12px;
	}
.rojoLogin{
	color: #F00;
	font-size:10px;
	}	
.subTexto{
	font-size:11px;
	}	
	
.negro{
	color: #000;
	}