/*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:#000000;
	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;
}

.OcultarSucursalesMenu
{
	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:#000000;
	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:35px;
		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;
					}

.OcultarSucursalesMenu
{
	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;*/
																}