@charset "utf-8";
/*************************************** CSS Document   ***************************************************/

/***************  INDEX.HTML  **************/
body { texfont-size:100%; color:#FF0; margin:0; padding:0; background-color:#313131; background-image:url(../images/bg.png); background-attachment:fixed; background-position:bottom left;
       background-repeat:repeat-x; }
/*a {color:#FFF;}   
a:visited{color:inherit;}*/


/*ligthbox*/

.lightbox{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	z-index:9;
	display: none;
}
.lightbox .anuncio{
	position:absolute;
	left:0;
	right:0;
	margin:10% auto;
	width:30%;
	padding:30px;
	background:yellow;
	color:#000;
	font-family:sans-serif;
}
.lightbox .anuncio .close{
	position:absolute;
	top:-10px;
	right:-10px;
	border:5px solid yellow;
	text-align:center;
	display:inline-block;
	background:#000;
	color:yellow;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
	-ms-border-radius:100%;
	text-decoration:none !important;
}
.lightbox .anuncio .close:hover{
	background:yellow;
	color:#000;
}
.lightbox .anuncio h2{
	margin:0;
}
.lightbox .anuncio p{
	margin:20px 0 0 ;
}
.lightbox .anuncio a{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.lightbox .anuncio a:hover,
.lightbox .anuncio a:focus
{
	text-decoration:underline;
}
/****************  CONTENIDO  **************/
#container { margin:10px auto; width:1024px; height:788px; display:block; background-color:#080808;padding:0; }


/******  IMAGEN DETRAS DEL CONTAINER  ******/	
div#container div#bg { 	position:relative; padding:0; margin-top:250px; left:-250px; width:385px; height:450px; background-image:url(../images/ornament06.png); background-attachment:scroll;
						z-index:3; }


/*****************  TITULO  ****************/
#titulo { font-family:"Arial", Gadget, sans-serif; position:relative; width:960px; height:85px; font-size:45px; background-color:#252525; left:23px; margin-bottom:15px; margin-top:15px; float:left; }

#titulo #texto {width:500px; height:95px;}

#titulo div#texto h1 { font-size:80px;margin-top:0px; position:relative; padding-top:0px; text-align:left; width:960px; height:100px; }

#titulo #texto span { font-size:60px; font-style:italic; }

div#titulo div#oro { position:absolute; text-indent:-9999px; background-image:url(../images/Oro.png); background-position:center center; background-repeat:no-repeat; 
					 background-attachment:scroll; top:-28px; margin-left:620px; width:460px; height:193px; z-index:3; }


/******************  MENU  *****************/
#menu { position:relative; left:13px; margin-left:0px; margin-bottom:0px; height:25px; width:700px; /*margin-top:10px;*/ z-index:3; }

#menu ol { position:relative; margin:auto; padding-left:0px; list-style:none; height:25px; width:100%; }

#menu li { color:#FFF;font-family:"Arial Black", Gadget, sans-serif; background-color:#FF0; margin-left:10px; z-index:3; text-align:center; width:150px; line-height:25px; float:left; color:#000;
	       font-size:1em; font-weight:900; }

#menu li a {color:#FFF; text-decoration:none; display:block; }

#menu li a:link {	color:#000;
}

#menu li a.boton_inicio:link { color:inherit; }

#menu li a:visited { color:inherit; }


/******************  IFRAME  *****************/
div.contenido { top:15px; position:relative; left:23px; display:block; z-index:1; }

div.contenido iframe { margin-top:0px;width:980px; height:600px; border-style:none; }

.bloque { background-color:#151515; position:relative; z-index:2; }
.bloque h3 { font-family:"Arial Black", Gadget, sans-serif; font-size:1.5em; margin:5px 0 0 15px; font-weight:900; }


/**************  PIE DE PAGINA  **************/
#pie { padding:0px;	 position:relative; height:20px; width:700px; margin:17px auto;margin-bottom:15px; }
#pie a{color:#F90; }
#pie #s_logo{margin-top:0px;position:relative; width:30px; height:30px; background-image:url(../images/s_logo.png); background-repeat:no-repeat;float:left;}
#pie #s_logo2{margin-top:0px;position:relative; width:30px; height:30px; background-image:url(../images/s_logo.png); background-repeat:no-repeat;float:left;}

#pie #datos_pie {height:23px; margin-right:5px; margin-left:5px;position:relative; float:left;padding-top:0px;text-align:center; }
#pie #datos_pie p{ text-align:center;font-family:Arial, Helvetica, sans-serif;margin-left:0px; width:630px;margin-top:0px;}
#pie #contador { font-size:3px;}