a:hover, a:active {outline: none;}
a, a:active, a:visited {color: #366896; text-decoration:none;}
ul{list-style:square url('/images/ul.gif');} 

body
{
	margin: 0;
	padding: 0;
	color:#666;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.6em;
	font-size:80%;
	width:100%;
	height:100%;
	position:relative;}
	
#container{width:100%}

#header{
	width:100%;
	background:#366896;
	position:relative;
	z-index:10000;
	float:left;
	}

#header .contents{
	width:980px;
	margin:auto;
	position:relative;
	}
	
.header-content-container{
	width:100%;
	float:left;
	background:#366896;	
	min-height:97px;
	}

#header-links{
	width:auto;
	position:absolute;
	right:10px;
	top:30px;
	text-align:right;
	}

#logo
{
	display:block;
	outline:none;
	position:absolute;
	top:20px;
	left:10px;
	}

#usuario
{
	display:block;
	position:absolute;
	top:38px;
	right:80px;
	color:White;
	}
		
#menu{
	width:100%;
	background:#1b4973;
	float:left;
	}
#menu ul.top-menu{
	width:980px;
	margin:auto;
	/*border-left:1px solid #316696;*/
	list-style:none;
	}
#menu ul.top-menu li{
	float:left;
	border-right:1px solid #316696;
	}
#menu ul li a.top-menu{
	display:block;
	height:30px;
	width:130px;
	padding-top:12px;
	outline:none;
	position:relative;
	text-align:center;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	}
#menu ul li a.top-menu:hover{
	color:Aqua;
	text-decoration:none;
	border-top : solid 1px Aqua;
	}

.contenidos
{
	display:none;
	/*display:block;*/
	padding: 10px 30px 0px 30px;
	color:#1b4973;
	text-align:justify;
	}
.contenidos h1
{
	color:Black;
	font-size:18px;
	}
.contenidos .izquierda
{
	width:48%;
	float:left;
	}
.contenidos .derecha
{
	width:48%;
	float:right;
	}
#main{
	width:100%;
	padding-bottom:10px;
	background:url(/images/main-bg.png) repeat-x 0 0;
	float:left;}

#main .shadow{
	background:url(/images/main-contents-bg.png) no-repeat center 0;	
	min-height:660px;}

#main .contents{
	width:980px;
	margin:auto;}
	
#publicidad {width:980px; height:335px;}
#publicidad .izq{float:left; width:730px;}
#publicidad .der{float:right; width:250px;}

#pie {width:980px; height:auto;}
	
#footer{
	clear:both;
	background:url(/images/footer-bg.png) repeat-x 0 0;
	background-color:#f4f4f4;
	position:relative;
	}

#footer .contents
{
	width:980px;
	margin:auto;
	position:relative;}

#footer .copyright{
	clear:both;
	float:right;
	font-size:11px;
	color:#999;
	padding-top:10px;}
	
.tabla-contacto
{
	padding-top:15px;
	padding-bottom:10px;
	border-top:solid 2px #1b4973;
	background-color:#E0ECF8;
	width:auto;
	}
.tabla-contacto th
{
	text-align:right;
	vertical-align:top;
	font-weight:normal;
	}
	
.textbox
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:3px;
	resize: none;
	color:#000000;
	width:250px;
	/*height:21px;*/
}
.textbox:hover{border: 1px solid #999;}
.textbox:focus{outline: none;border: 1px solid #1b4973;}	

.boton
{
	width:80px;
	height:25px;
	border:solid 1px;
	border-color:#ccc #999 #999 #ccc;
	cursor:pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:middle;
	text-align:center;	
	color: #1b4973;
	background:url('/images/fondoboton.png') bottom;
}
.ocultar{display:none;}

.galeria 
{
	padding:4px; 
	border:solid 1px #999; 
	display:inline-block; 
	font-size:11px; 
	margin-bottom:4px;
	width:295px; 
	height:150px;}
.galeria:hover{background-color:#ffdd3f;}

.mensaje
{
	width:100%;
	border-style:solid;
	border-width:1px;
	border-color:Navy;
	background-color:Silver;
	padding:3px;
	margin: 10px 0 10px 0;
	text-align:center;
	display:block;
	}
	
.tabla-sorteo
{
    font-size:11px;
	border: 1px solid #999;
	margin: auto;
	}
.tabla-sorteo td
{
    color:black;
    padding:0px 2px 0px 2px;
    }	
.tabla-sorteo th
{
	text-align:left;
	font-weight:normal;
	padding:2px;
	background-color:#1b4973;
	color:white;
	}
.tabla-sorteo caption
{
    color:White;
    background-color:#999;
    height:25px;
    line-height:25px;
    font-size:small;
    }
    
.tabla-registro
{
    font-size:12px;
    /*margin:10px;*/
    padding-top:10px;
    border-collapse: collapse;
    border: 1px solid #999;
    /*width:730px;*/
    background-color:White;
	}
.tabla-registro td
{
    padding: 0px 4px 0px 4px;
    }
.tabla-registro th
{
	text-align:right;
	font-weight:normal;
	background-color:#1b4973;
	color:White;
	border: 1px solid #999;
	padding:5px;
	}    
.tabla-registro caption
{
    color:White;
    background-color:#999;
    height:25px;
    line-height:25px;
    font-size:small;
    }
	
#sorteo {width:980px; height:335px;}
#sorteo .izq{float:left; width:730px; background-color:white; height:335px !important; text-align:center;}
#sorteo .izq table{margin: 10px auto; text-align: left;}
#sorteo .der{float:right; width:250px; background-color:Gray;}

.overlay 
{
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #aaa;
    filter: alpha(opacity=80);
    opacity: 0.8;
    /*display:none;*/
}
.overlayContent
{
    z-index: 99;
    margin: 250px auto;
    width: 200px;
    height: 40px;
    padding: 6px 6px 6px 50px;
    line-height:40px;
    font-size:16px;
    background-color: White;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-image: url('/images/updateProgress.gif');
    border: 1px solid Orange;
    color:Black;
}