/* CSS Document */
*{ margin:0;padding: 0;}
header{ position:fixed; width:100%; z-index:10; top:0px; left:0px; border-bottom:4px solid #FFF; }

.NombreCombo{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:18px; }
.NombreEmpresa{ font-family:Arial, Helvetica, sans-serif; color:#336699; font-size:14px; font-weight:bold;}
.NombreEmpresaRED0{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:12px; font-weight:bold;}
.NombreEmpresaRED{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:16px; font-weight:bold;}
.NombreEmpresaRED2{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:18px; font-weight:bold;}
.NombreEmpresaGREEN{ font-family:Arial, Helvetica, sans-serif; color:#009900; font-size:12px; font-weight:bold;}
.NombreEmpresaGREEN2{ font-family:Arial, Helvetica, sans-serif; color:#009900; font-size:14px; font-weight:bold;}
.Normaltxt1{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:14px; }
.Normaltxt1BLUE{ font-family:Arial, Helvetica, sans-serif; color:#336699; font-size:14px; }
.Normaltxt2{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px; }
.Normaltxt3{ font-family:Arial, Helvetica, sans-serif; color:#FF6600; font-size:10px; }
.Normaltxt4{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:12px; }
.Normaltxt5{ font-family:Arial, Helvetica, sans-serif; color:#000; font-size:10px; }
.NormaltxtRED{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:12px; }
.NormaltxtRED2{ font-family:Arial, Helvetica, sans-serif; color:#990000; font-size:10px; }
#barrasup
{
	background-color:#336699;
	border:2px solid #336680;
	height:50px;
}
#logotipo
{
	position:absolute;
	top:7px;
	left:0px;
}
#buscar
{ position:absolute; top:5px; left:40%; width:45%; }
#busqueda
{ position:absolute;  height:20px; width:100%;}

section{ position:absolute; top:70px; left:5%; width:95%; }

#topsection
{
	position:relative;
	top:0px;
	font-family:Arial, Helvetica, sans-serif;
	width:90%;
	height:50px;
	margin-bottom:20px;
	border-bottom:2px solid #ccc;
	background-color:#EEE;
}
#cupones
{
	position:relative;
	overflow:hidden;
	width:90%;
	height:111px;
	border:2px dashed #999;
	background-color:#CCC;
	
}
#promotexto
{
	position:relative;
	top:0;
	height:75px;
	overflow:hidden;
	background-color:#FFF;
	padding:2px 1px 1px 4px;
}
#calificacion
{
	background-color:#DDD;
	width:100%;
	height:25px;
}
	#estrellas
	{
		position:relative; top:7px; left:5px; width:65px; float:left;
	}
		#estrellasamarillas
		{
			display: block; width:100%; height:13px; background: url(images/star-rating-sprite1.png) 0 0;
		}
		#estrellasgrises
		{
			display:block; /*width: ESTA EN LA PAGINA */height:13px; background: url(images/star-rating-sprite1.png) 0 -13px;
		}
	#detalles
	{
		position:relative; background-color:#336699; color:#FFF; padding:4px 0 0 0; width:65px; float:right; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; height:85%;
	}
	#detalles:hover
	{
		background-color:RED; 
	}
#ticket
{
	background-color:#0099FF;
	overflow:hidden;
	width:10px;
	height:100px;
	font-size:18px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; /**/
	color:#FFF;
}
#ticket:hover{ background-color:RED;}

/**************************/
#validacion
{
	display:none; position:relative; top:0px; left:0px; height:1000px; width:100%; background-color:rgba(0,0,0,.5);
}
	#prevalidar
	{
		position:relative;
		float:none;
		overflow:hidden;
		top:1%;
		left:5%;
		width:90%;
		background-color:#FFF;
		border:2px solid #FFF;
	}
		#promociongde
		{
			width:100%;
		}
		#promociongdemax
		{
			display:none;
			position:absolute;
			width:95%;
			top:1%;
			left:2%;
			border:2px solid #666;
			z-index:12;
		}
		#promociontxt
		{
			position:relative;
			left:0%;
			top:5px;
			color:#000;
			background-color:rgba(255,255,255,.8);
		}
		#idclientnumber
		{
			width:90px;
			padding:2px;
			background-color:#FFCC00;
		}
		#btnvalidar
		{
			margin-top:10px;
			width:98%;
			height:20px;
			border:1px solid #EEE;
			/*background-color:#CCC;*/
			background-color:#336699; padding:2px 0px 2px 4px; color:#FFF; font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			
		}
		#btnvalidar:hover{ border:1px solid #666; background-color:RED; }
		#btnopciones
		{
			position:relative;
			background-color:#0099FF;
			/*width:45px;*/
			height:15px;
			padding:5px 0 0 0;
			font-weight:bold;
			font-size:10px;
			font-family:Arial, Helvetica, sans-serif; /**/
			color:#FFF;
			top:10px;
		}
		#tipomembresia
		{
			position:relative;
			width:100%;
			top:0px;
			left:0px;
			height:15px;
			/*background-color:#CCC;*/
			padding:0 0 2px 2px;
			background-color:#336699; color:#FFF; font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;
			
		}
		#btncerrar
		{
			position:absolute;
			top:1%;
			right:1%;
			width:12px;
			padding:0 0 1px 3px;
			height:15px;
			border:1px solid #FFF;
			/*background-color:#CCC;*/
			background-color:#333333; color:#FFF; font-weight:bold;
			z-index:12;
		}
		#btncerrar:hover{ border:2px solid #666; background-color:RED; }
		
		#btncancelar
		{
			top:10px;
			width:30%;
			float:right;
			right:5%;
			height:20px;
			border:1px solid #AAA;
			/*background-color:#CCC;*/
			background-color:#336699; padding:2px 0px 2px 4px; color:#FFF; font-weight:bold;
		}
		#btncancelar:hover{ border:2px solid #666; background-color:RED; }
#flyer
{
	display:block;
	position:absolute;
	width:95%;
	top:6%;
	left:2%;
	border:2px solid #666;
	z-index:12;
}
#img.codigobarras
{
	width:50px;
	
}