@font-face {
    font-family: arialnarrowCR;
    src: url('fonts/arialn-webfont.eot');
    src: url('fonts/arialn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/arialn-webfont.woff2') format('woff2'),
         url('fonts/arialn-webfont.woff') format('woff'),
         url('fonts/arialn-webfont.ttf') format('truetype'),
         url('fonts/arialn-webfont.svg#arialnarrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  	font-family: MyriadProRegularCR;
  	src: url('fonts/century_gothic.eot'); /* IE9 Compat Modes */
  	src: url('fonts/century_gothic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('fonts/MyriadPro-Regular.woff') format('woff'), /* Modern Browsers */
		 url('fonts/MyriadPro-Regular.woff2') format('woff2'),
         url('fonts/MyriadPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); /* Legacy iOS */
  	font-weight: normal;
  	font-style: normal;
}

a {text-decoration: none;}

#div_Cabecera
{
	position:absolute;
	z-index:1 !important;
	top:0;
	left:0;
	background-color:#000;
	background-image:url(../imagenes/fondooo.jpg);
	width:100%;
	height:123px;
	border-bottom:solid #CE000C 8px;
}

#div_logo
{
	position:absolute;
	display:inline-block;
	width:auto;
	top:20px;
	left:7%;
	z-index:14 !important;
}

#div_logo ul
{
	display:inline-block;
	list-style:none;
	font-size:0; padding:0; margin:0;
	text-align:left;
}

#div_logo ul li
{
	float:left;
}

#div_logo ul li .img1
{
	display:inline-block;
	height:80px;
	width:auto;
}

#divHorario
{
	position:absolute;
	top:5px;
	left:0;
	z-index:15 !important;
	display:inline-block;
	color:#FFF;
	font-size:12px;
	width:100%;
	text-align:center;
}

#divCerrarSesion
{
	position:absolute;
	top:90px;
	right:5px;
	z-index:15 !important;
	display:inline-block;
	width:auto;
	text-align:right;
}

#divCerrarSesion a
{
	color:#FFF;
	font-family: MyriadProRegularCR;
	text-transform:uppercase;
	font-size:14px;
	display:block;
	text-decoration:none;
	margin:0;
	padding:0px 15px;
	text-align:right;
}

#divCerrarSesion a:hover
{
	color:#ED1C24;
}
					
#div_Cuerpo
{
	display:inline-block;
	background-color:#FFF;
	width:97%;
	margin:162px 1.5% 20px 1.5%;
	text-align:center;
}

#div_Cuerpo .div_titulo
{
	width:100%;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#446893; color:#000;
	font-size:12px;
	font-weight:bold;
	border-bottom:dotted #446893 1px;
	margin-top:10px;
}
						
						.liCuerpo2 .div_titulo2
						{
							width:100%;
							text-align:left;
							font-family:MyriadProRegularCR;
							color:#ED1C24;
							font-size:15px;
							border-bottom:dotted #CCC 1px;
							margin:10px 0 20px 0;
						}
					
						.liCuerpo2 .div_titulo2 b
						{
							text-transform:uppercase;
							font-weight:normal;
							font-size:13px;
							color:#333;
						}

					
						#div_menuMaestros ul
						{
							width:100%;
							background-color:#4F4D50;
							margin-bottom:4px;
							border-radius:7px;
							-moz-border-radius:7px;
							-webkit-border-radius:7px;
							border:solid #CCC 1px;
						}
						
						#div_menuMaestros li
						{
							width:100%;
							text-align:left;
							padding:10px 0 10px 15px;
							color:#FFF;
							font-family:Arial, Helvetica, sans-serif;
							font-size:13px;
						}
						
						#div_menuMaestros ul:hover
						{
							background-color:#999999;
							cursor:pointer;
						}
					
						#div_menuCategorias div
						{
							display:inline-block;
							width:90.5%;
							margin-left:.5%;
							font-family:MyriadProRegularCR;
							color:#ED1C24;
							font-size:15px;
							font-weight:bold;
							text-align:left;
							text-transform:uppercase;
							margin:8px 0;
						}
					
						#div_menuCategorias span
						{
							color:#006;
							font-weight:bold;
							font-size:14px;
						}
					
						 #div_menuCategorias
						{
							padding-bottom:20px;
						}
					
						#div_menuCategorias .ulPrincipal
						{
							list-style:none;
							width:95%;
							margin-left:5%;
							margin-bottom:4px;
							border-bottom:solid #F99C32 0px;
						}
					
						#div_menuCategorias .ulPrincipal li
						{
							width:100%;
							text-align:left;
							padding:8px 0px;
							color:#4F4D50;
							font-family:MyriadProRegularCR;
							font-size:14px;
							font-weight:bold;
						}
						
						#div_menuCategorias .ulPrincipal li:hover
						{
							color:#ED1C24;
							cursor:pointer;
						}
					
						#div_menuCategorias .ulSecundario
						{
							list-style:none;
							width:90%;
							margin-left:10%;
							margin-bottom:0px;
							border-left:solid #CCC 1px;
						}
						
						#div_menuCategorias .ulSecundario li
						{
							width:100%;
							text-align:left;
							padding:5px 0 5px 0px;
							color:#333;
							font-family:MyriadProRegularCR;
							font-size:14px;
						}
						
						#div_menuCategorias .ulSecundario li:hover
						{
							color:#F99C32;
							cursor:pointer;
						}
					
					
					
						#div_menuCategorias .ulTerciario
						{
							list-style:none;
							width:80%;
							margin-left:20%;
							margin-bottom:0px;
							border-left:solid #CCC 1px;
						}
						
						#div_menuCategorias .ulTerciario li
						{
							width:100%;
							text-align:left;
							padding:5px 0 5px 0px;
							color:#333;
							font-family:MyriadProRegularCR;
							font-size:14px;
						}
						
						#div_menuCategorias .ulTerciario li:hover
						{
							color:#F99C32;
							cursor:pointer;
						}


					.tooltip span
					{
						display:none;
						padding:10px;
						margin-top:-2px;
						margin-left:140px !important;
						/*width:300px;
						height:300px;*/
					}
					
					.tooltip span .divspan
					{
						display:inline-block;
						padding:4px 3px;
						margin:0 2px 5px 0;
						width:100%;
						color:#00C;
						white-space:nowrap;
						border-bottom:solid #FFF 1px;
					}
					
					
					
					.tooltip span .divspan:hover
					{
						color:#F00;
					}
					
					.tooltip span .divImg
					{
					
					} 
					
					.tooltip:hover span
					{
						display:inline; 
						position:absolute;
						border:0px solid #EEE;
						background:#EEE;/*background:#4F4D50;*/
					}

										
#div_Pie
{
	width:100%;
	height:auto;
	background-color:#000;
	background-image:url(../imagenes/fondopie.jpg);
	border-top:solid #CE000C 8px;
	padding:30px 0;
	text-align:center;
	font-family:MyriadProRegularCR;
	font-size:15px;
	color:#FFF;
	line-height:22px;
}

#div_Pie a
{
	color:#CCC !important;
}

#div_Pie a:hover
{
	color:#CE000C !important;
}

@media screen and (max-width: 768px)
{/*Tablet Grande*/
	#div_Cabecera
	{
		position:fixed;
		z-index:11;
		width:100%;
		height:70px;
	}
				
	#divHorario
	{
		display:none;
	}

	#div_logo
	{
		position:fixed;
		top:5px;
		left:7%;
	}
	
	#div_logo ul li .img1
	{
		height:52px;
		width:auto;
	}

	#divCerrarSesion
	{
		display:none;
	}

	#div_Cuerpo
	{
		margin-top:70px;
	}
									
					.tooltip:hover span
					{
						/*display:none;*/
					}
}

@media screen and (max-width: 640px)
{/*Tablet Horizontal*/
}

@media screen and (max-width: 480px)
{/*Movil Horizontal o Tablet Vertical*/
}

@media screen and (max-width: 320px) 
{/*Movil Vertical*/
}