/*master*/
@font-face {
  font-family: BarCodeCR;
  src: url("fonts/FREE3OF9.eot"); /* IE9 Compat Modes */
  src: url("fonts/FREE3OF9.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
       url("fonts/FREE3OF9.otf") format("opentype"), /* Open Type Font */
       url("fonts/FREE3OF9.svg") format("svg"), /* Legacy iOS */
       url("fonts/FREE3OF9.ttf") format("truetype"), /* Safari, Android, iOS */
       url("fonts/FREE3OF9.woff") format("woff"), /* Modern Browsers */
       url("fonts/FREE3OF9.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

@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:#CE000C;
	width:100%;
	text-align:center;
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:20px;
	padding-top:4px;
}
								
#div_logo
{border:solid #000 0px;
	position:inherit;
	display:inline-block;
	width:100%;
	text-align:center;
	margin:12px 0;
}

#div_logo img
{
	
	display:inline-block;
	width:150px;
}

#id_Header
{
	display:none;
}

#div_Cuerpo
{
	display:inline-block;
	background-color:#EEEEEE;
	margin-top:35px;
	text-align:center;
	width:100%;
}
								
#div_Cuerpo .ulCuerpo
{
	display:inline-block;
	text-align:center;
	width:100%;
}
								
#div_Cuerpo .liCuerpo1
{
	float:left;
	display:inline-block;
	width:18%;
	text-align:center;
	border-right:solid #CE000C 2px;
}
								
	.liCuerpo1 #div_menu
	{
		display:inline-block;
		width:96%;
		text-align:center;
		background-color:#FFF;
		padding:20px 10px;
		border:solid #999999 1px;
		border-radius:8px;
		-moz-border-radius:8px;
		-webkit-border-radius:8px;
	}

	.liCuerpo1 #div_menu ul
	{
		width:100%;
		background-color:#CE000C;
		list-style:none;
		margin-bottom:15px;
		border-radius:7px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
	}
								
	.liCuerpo1 #div_menu ul:hover
	{
		background-color:#000000;
		cursor:pointer;
	}
								
	.liCuerpo1 #div_menu li
	{
		width:100%;
		text-align:center;
		padding:10px 0;
		color:#FFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;

	}
								
#div_Cuerpo .liCuerpo2
{
	float:left;
	display:inline-block;
	width:81%;
	margin-left:1%;
	text-align:center;
}
								
	.liCuerpo2 .div_titulo
	{
		width:100%;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		font-weight:bold;
		color:#000000;
		font-size:16px;
		border-bottom:dotted #446893 1px;
		margin-top:10px;
	}
								
#div_Pie
{
	width:100%;
	height:25px;
	text-align:center;
	background-color:#CE000C;
	padding:6px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	padding-top:4px;
}

#div_maestrosDetalle .spanEditar
{
	display:inline-block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#00F;
	border:0px #CCCCCC solid;
	padding:2px 10px;
	margin:0 2px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#div_maestrosDetalle .spanEliminar
{
	display:inline-block;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	background-color:#CE000C;
	border:0px #CCCCCC solid;
	padding:2px 10px;
	margin:0 2px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#div_maestrosDetalle .spanEditar:hover, #div_maestrosDetalle .spanEliminar:hover
{
	cursor:pointer;
	background-color:#000;
}

@media screen and (max-width: 768px)
{/*Tablet Grande*/
	#div_Cabecera
	{
		position:fixed;
		z-index:11;
		width:85%;
		height:60px;
		border-bottom:0px;
	}
					
						#div_logo
						{
							position:fixed;
							top:5px;
							left:7%;
							width:auto;
							z-index:14 !important;
						}
						
						#div_logo ul li .img1
						{
							height:52px;
							width:auto;
						}
						
	#id_Header
	{
		display:inline-block;
	}
					
	#div_Cuerpo
	{
		margin-top:60px;
	}
					
	#div_Cuerpo .liCuerpo1
	{
		float:none;
		width:100%;
		margin-bottom:15px;
		display:none;
	}

	#div_Cuerpo .liCuerpo2
	{
		float:none;
		width:100%;
		margin-left:0;
	}
}

@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*/

}

								.tooltip span
								{
									display:none;
									padding:54px;
									margin-top:0;
									margin-left:-325px !important;
									/*width:300px;
									height:300px;*/
								} 
								
								.tooltip:hover span
								{
									display:inline; 
									position:absolute;
									border:3px solid #F99C32; 
									background:#FFF;/*background:#4F4D50;*/
								}