body{
padding:0;
margin:0;
font: 90% "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
color: #CCFFFF;
background: #49819c;
}

/* PRECARGA IMAGENES */

#precarga_imagenes {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url("imagenes/m_fondo_tg.jpg");
       background-image: url("imagenes/menu_opciones.png");
       background-image: url("imagenes/m_trip_01.jpg");
       background-image: url("imagenes/m_trip_04.jpg");
	   background-image: url("imagenes/m_torneo_base.jpg");
       background-image: url();
       background-image: url("imagenes/contactar.gif");
       background-image: url("http://www.w3.org/Icons/valid-html40");
       background-image: url("http://jigsaw.w3.org/css-validator/images/vcss");
}

/* Resto páginas */

#pantalla{
	position: absolute;
	top:20px;
	height:557px;
	left:50%;
	width:796px;
	margin-left:-398px;
	text-align:left;
	background: url("imagenes/m_fondo_tg.jpg") right no-repeat;
	border: 1px solid black;
}



#opciones{
	display:block;
	background:url("imagenes/menu_opciones.png") #49819c;
	height:30px;
	width: 796px;
	margin:0;
	padding:0;
	border: 1px solid #C1C100;
}

#opciones li{
	padding:0;
	margin:0;
	list-style:none;
	display:inline;
}

#opciones li a{
	float:left;
	padding-left:9px;
	display:block;
	color:rgb(255,255,255);
	text-decoration:none;
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	cursor:pointer;
	background:url("imagenes/menu_opciones.png") 0px -30px no-repeat;
	outline:none;
}

#opciones li a span{
	line-height:30px;
	float:left;
	display:block; 
	padding-right:15px;
	background:url("imagenes/menu_opciones.png") 100% -30px no-repeat;
}

#opciones li a:hover{
	background-position:0px -60px;
	color:rgb(255,255,255);
}

#opciones li a:hover span{
	background-position:100% -60px;
}

#opciones li a.active, #menu_opciones li a.active:hover{
	line-height:30px;
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-weight: 700;
	font-size: 16px;
	background:url("imagenes/menu_opciones.png") 0px -90px no-repeat;
	color:rgb(0,0,0);
}

#opciones li a.active span, #menu_opciones li a.active:hover span{
	background:url("imagenes/menu_opciones.png") 100% -90px no-repeat;
}

ul.sup{
	padding:0;
	margin:0;
	border:0;
}

#inicio{
	position:absolute;
	top:	80px;
	left:	20px;
	width:	520px;
	height: 400px;
	visibility:visible;
	font-size:16px;
	color: #FFF;
}

#quienes{
	position:absolute;
	top:	50px;
	left:	15px;
	width:	520px;
	height: 400px;
	visibility:hidden;
}

#soluciones{
	position:absolute;
	top:	50px;
	left:	15px;
	width:	520px;
	height: 400px;
	visibility:hidden;
}

#trabajo{
	position:absolute;
	top:	50px;
	left:	15px;
	width:	520px;
	height: 400px;
	visibility:hidden;
}

#colaboraciones{
	position:absolute;
	top:	50px;
	left:	15px;
	width:	520px;
	height: 400px;
	visibility:hidden;
}

#contactar{
	position:absolute;
	top:	50px;
	left:	15px;
	width:	520px;
	height: 400px;
	visibility:hidden;
}

li.inicio{
	font-size:16px;
}
li{
	font: 90% "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
}

a{
	text-decoration:none;
	color: #faf497; 
}

a:hover{
	background:#faf497; 
	color: #08213f;
}

span.encabeza {
	color:#CCFFFF;
	font-size:18px;
	line-height:26px;
}

span.pregunta {
	color:#e1e16e;
	font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
	font-weight: 700;
	font-size: 14px;
}

span.respuesta {
	font-size:14px;
	line-height:16px;
}

#pie{
	position:absolute;
	top:	590px;
	left:50%;
	width:800px;
	margin-left:-400px;
	text-align:right;
}