html
{
    background: transparent url(../images/bg-pattern.jpg);
}
body 
{
    width:800px;
    margin:0 auto 0 auto;
    
}

#page-container
{
     width:800px;
     margin:0 auto 0 auto;
     background: transparent url(../images/bg-transparent.png);
}

#page-header
{
    width:100%;
    height:80px;
    /*color:Red;*/
    text-align:center;
}

#logo-tombola
{
    width:100px;
    height:120px;
    background:transparent url(../images/lottery100x100.png) no-repeat;
    background-position:center;
    position:relative;
    float:left;
}
#infoheader-tombola
{
    width:600px;
    height:80px;
    position:relative;
    float:left;
}
#logo-quarzo
{
    width:100px;
    height:120px;
    background:transparent url(../images/casino/Quarzo-Innovacion-Horizontal.png) no-repeat;
    background-position:center;
    position:relative;
    float:right;
    background-size: 85px;
}
#banner
{
    width:600px;
    height:60px;
    position:relative;
    float:right;
    background: transparent url(../images/tombola-banner4.png) no-repeat;
    background-position:left bottom;
}
#loggeduser-info
{
    position:relative;
    float:right;
    width:600px;
    height:20px;
    /*background:red;*/
    color:#fff;
    font-size:12px;
    font-weight:bold;
    background:#2d72d3;/*0170e1;#0084cd;7ebe27;*/
}
#loggeduser-info .cia-container {width:300px;position:relative;float:left;}
#loggeduser-info .username-container {width:150px;position:relative;float:left;}
#loggeduser-info .date-container {width:150px; text-align:right;position:relative;float:left;}

/*====  MENU  ====*/
ul, li, h3, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
}
/************************/

.main-menu 
{
width: 600px;
height:40px;
position:relative;
margin:0 auto 0 auto;
}

img {border: none;}

ul#topnav {
	margin: 0px 0 0px; 
	padding: 0; 
	list-style: none;	
	font-size: 1.0em;
	width: 600px;
}
ul#topnav li{
	margin: 0; 
	padding: 0; 
	overflow: hidden; 
	float: left; 
	text-align:center;/*centro el texto dentro de cada boton del menu*/
	height:40px;
	width:100px;/*x5=820 para que los botone se repartan en todo el ancho*/
}
ul#topnav a, ul#topnav span {
	padding-top:10px;
	padding-bottom:10px; 
	float:left; 
	text-decoration: none; 
	text-align:center;
	color:#fff;
	text-transform: uppercase;
	font-size:10px;
	font-weight:bold;
	clear: both;
	height: 20px;
	width:100px;
}

/*COLOR DEL ENLACE EN hover*/

ul#topnav a {	color: #fff;
		background: url(../images/a_bg_f.gif) repeat-x left top;
 }

ul#topnav span {
	color: #fff;
	background: url(../images/a_bg_f.gif) repeat-x left bottom;
	display: none;
}

#content-container
{
    clear:both;
    width:800px;
   /* height:480px;
    background: transparent url(../images/bg-transparent.png);*/
    border-top: 2px solid #f6781c;
	position:relative;
}

/******/

#overlay-participante {
    background: url("../images/bg-pattern.jpg") repeat scroll 0 0 transparent;
    height: 100%;
    position: absolute;
    top: 0;
    width: 800px;
    z-index: 10000;
    color:#fff;
    font-size:22px;
    font-weight:bold;
}
.overlay-close-button-container {
    height: 50px;
    width: 667px;
}

.overlay-message-container, .overlay-loading-container {
    margin: 130px auto 0 auto;
    width: 667px;
	text-align:center;
}

.overlay-close-button {
    background: url("../images/close-button.png") no-repeat scroll center center transparent;
    cursor: pointer;
    float: right;
    height: 40px;
    position: relative;
    top: 130px;
    width: 40px;
}

#overlay
{
    position:absolute;
    top:0px;
    width:800px;
    height:100%;
    background : transparent url(../images/bg-pattern.jpg);/*bg-transparent4.png*/
    z-index:10000;
}

/*
display:none;
		background-color:transparent;
		background-image:url(images/bg6sub.png);

		position:absolute;
		top:0px;
		left:0px;
		min-width:100%;
		min-height:800px;
		z-index:110;
		cursor:hand;
		cursor:pointer;
		-moz-border-radius:4px; -webkit-border-radius:4px;
		*/
#overlay-winner-info
{
	width:667px;
	margin-top:130px;
}		
#top-winner-info
{
	background: transparent url(../images/top-winner-info.png);
	background-position:center;
	width:100%;
	height:33px;
}
#foot-winner-info
{
	background: transparent url(../images/foot-winner-info.png);
	background-position:center;
	width:100%;
	height:54px;
}
#body-winner-info
{
	background: transparent url(../images/body-winner-info.png);
	background-position:center;
	width:100%;
}

#overlay-winner-info-title
{
	background:transparent url(../images/winner-info-title.png) no-repeat;
	background-position:center;
	width:115px;
	height:33px;
}

.overlay-lbl-info-container
{
    width:100px;
	color:#2E64FE;/*#EFEFFB;#518aff;*/   
	font-size:1.3em;
	font-weight:bold;
	float:left;
}
.overlay-value-info-container
{
    width:475px;
	font-size:1.3em;
	font-weight:bold;
     color:#eff3f8;
    font-weight:bold;
	float:left;
}
.overlay-item-info
{
	width:577px;
	height:54px;	
}

#overlay-close-button-container
{
	width:667px;
	height:50px;
}
#overlay-close-button
{
	background:transparent url(../images/close-button.png) no-repeat;
	background-position:center;
	width:40px;
	height:40px;
	position:relative;
	float:right;
	cursor:hand;
	cursor:pointer;
	top:130px;
}
.invisible
{
display:none;
}

.home-title-container
{
font-size:22px;
font-weight:bold;
text-align:center;
color:#fff;
background:#2D72D3;
height:30px;
clear:both;

}

.to-right
{
    position:relative;
    float:right;
}

/*****/
.dialog-title-container
{
    font-size:12px;
}
.dialog-font-style-normal
{
    font-size:12px;
}
.dialog-message-paragraph
{
    margin-top:5px;
    padding:3px;
}
.ui-state-default{font-size:14px !important; font-weight:bold !important;}

/***SCROLLABLE-COMBO ***/

.cb_select{
  width:200px;
  float:left;
  clear:both;
  position:relative;
  margin:30px 5px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  font-size:12px;
  text-transform:uppercase;
}
.cb_select .cb_selectMain{
  color:#777;
  border:2px solid #ddd;
  background-color:#f0f0f0;
  background-repeat:no-repeat;
  background-position:95% 50%;
  cursor:pointer;
  text-align:left;
  height:20px;
  line-height:20px;
  text-indent:10px;
  width:200px;
  position:absolute;
  top:0px;
  left:0px;
  z-index:10;
  text-shadow:1px 1px 1px #fff;
  -moz-box-shadow:0px 0px 2px #333 inset;
  -webkit-box-shadow:0px 0px 2px #333 inset;
  box-shadow:0px 0px 2px #333 inset;
}
.cb_down{
  background-image:url(down.png);
}
.cb_up{
  background-image:url(up.png);
}
.cb_selectWrapper{
  width:200px;
  display:none;
  position:absolute;
  top:0px;
  left:0px;
  z-index:1000;
  height:150px;
  border:2px solid #ddd;
  background-color:#fff;
  margin:22px 0px 0px 0px;
  background:#f0f0f0 url(overlay.png) repeat-x top left;
  -moz-box-shadow:0px 0px 2px #333 inset;
  -webkit-box-shadow:0px 0px 2px #333 inset;
  box-shadow:0px 0px 2px #333 inset;
}
.cb_selectWrapper ul {
  list-style:none;
  padding:0px;
  margin:0px;
  width:100%;
}
.cb_selectWrapper ul li a{
  text-decoration:none;
  cursor:pointer;
  display:block;
  padding:3px 0px;
  text-indent:10px;
  letter-spacing:1px;
  color:#777;
  text-shadow:1px 1px 1px #fff;
}
.cb_selectWrapper ul li a:hover{
  background-color:#616161;
  color:#fff;
  text-shadow:1px 1px 1px #000;
}