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

body {
	background-image:url(../fondo.jpg);
	background-repeat:no-repeat;
	background-color:#000000;
	background-position:left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

body.portada {
	background-image:url(../fibra.jpg);
	background-repeat:repeat;
	background-color:#000000;
	background-position:left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#top {
	width:975px;
	height:390px;
	left:50%;
	top: 15px;
	position: absolute;
	margin-left:-486px;
}
/* ------------------------- INTRO ------------------------------------ */



#gps {
	background-image:url(../gps.png);
	background-repeat:no-repeat;
	position: absolute;
	width: 790px;
	height:530px;
	left: 50%;
	top: 40px;
	margin-left: -395px;
	border-spacing:0px;
}
#flash {
	position: absolute;
	width: 650px;
	height:350px;
	left: 50%;
	top: 134px;
	margin-left: -325px;
	border-spacing:0px;
}
#entrar {
	position: absolute;
	width: 300px;
	height:60px;
	left: 50%;
	top: 486px;
	margin-left: -150px;
	border-spacing:0px;
}
#numero {
	background-image:url(../visitas.gif);
	position: absolute;
	width: 129px;
	height:20px;
	left: 50%;
	top: 110px;
	margin-left: -99px;
	border-spacing:0px;
}
#contador {
	position: absolute;
	width: 90px;
	height:20px;
	left: 50%;
	top: 110px;
	margin-left: 30px;
	border-spacing:0px;
}
/* ------------------------- CONTAINER CON DIVS ------------------------------------ */


#barra_izquierda_peq {
	position: absolute;
	width: 193px;
	height:560px;
	background-image:url(../izquierda.jpg);
	background-repeat:repeat-y;
	left: 50%;
	top: 399px;
	margin-left: -486px;
}
#barra_izquierda {
	position: absolute;
	width: 193px;
	height:760px;
	background-image:url(../izquierda.jpg);
	background-repeat:repeat-y;
	left: 50%;
	top: 399px;
	margin-left: -486px;
}
#barra_derecha_peq {
	background-image:url(../derecha.png);
	background-repeat:repeat-y;
	position: absolute;
	width: 30px;
	height:560px;
	left: 50%;
	top: 399px;
	margin-left: 458px;
	border-spacing:0px;
}
#barra_derecha {
	background-image:url(../derecha.png);
	background-repeat:repeat-y;
	position: absolute;
	width: 30px;
	height:760px;
	left: 50%;
	top: 399px;
	margin-left: 458px;
	border-spacing:0px;
}
#rejilla_peq {
	background-image:url(../grid.jpg);
	background-repeat:repeat;
	position: absolute;
	width: 960px;
	height:810px;
	left: 50%;
	top: 200px;
	margin-left: -486px;
	border-spacing:0px;
}
#rejilla {
	background-image:url(../grid.jpg);
	background-repeat:repeat;
	position: absolute;
	width: 960px;
	height:1010px;
	left: 50%;
	top: 200px;
	margin-left: -486px;
	border-spacing:0px;
}
#textorejilla {
	position:relative;
	left:24%;
	top:22%;
	width:670px;
	height:630px;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
	background-image:url(../img/filonegro.png);
	color:white;
	z-index:100;
}
#textorejilla ul {
	float:left;
	position:relative;
	left:-25px;
}
#textorejilla ul li {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	list-style-type: none;
	margin-bottom:10px;
	line-height: 1.3em;
}
#textorejilla ul li p a {
	color:white;
}
#textorejilla ul li p a:hover {
	color:white;
}
#rejilla #principaleventos {
	float:left;
	position:relative;
}
#principaleventos #listaeventos {
	float:left;
	position:relative;
	left:220px;
	top:240px;
	background-image:url(../img/filonegro.png);
	width:700px;
	height:690px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
	color:white;
	text-decoration:none;
}
#principaleventos #listaeventos table {
	width:90%;
	padding-top:15px;
}
.tablaceldaeventos {
	border-bottom-style:dotted;
	border-bottom-color:#999;
	border-bottom:1px;
}
#fotoportada li {
	display:inline;
}
#textorejillapequeña {
	position:relative;
	left:22%;
	top:43%;
	width:410px;
	padding: 2px;
	color:white;
	z-index:100;
}
#textorejillapequeña ul {
	position:relative;
	top:-7px;
}
#textorejillapequeña ul li {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	list-style-type: none;
	margin-bottom:10px;
}
.titularnoticia {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:1em;
	text-transform:uppercase;
	color:#669900;
	clear:right;
}
.enlacenoticia {
	color:white;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-decoration:underline;
	text-decoration:none;
	text-transform:uppercase;
	clear:both;
}
.flotarizquierda {
	position:relative;
	float:left;
	clear:left;
	padding-left:40px;
}
.flotarderecha {
	position:relative;
	float:right;
	padding-right:20px;
}
#rejilla #principalfotos {
	float:left;
	position:relative;
}
#principalfotos #listafotos {
	float:left;
	position:relative;
	left:220px;
	top:240px;
	background-image:url(../img/filonegro.png);
	width:700px;
	height:690px;
}
#listafotos h3 {
	color:white;
	padding-left:10px;
}
#listafotos ul {
	left:-50px;
}
#listafotos ul li {
	display:inline;
	float:left;
	width:220px;
	width:188px;
	height:140px;
	height: 145px;
	background-color:#f5f7f9;
	padding:5px;
	padding-top:15px;
	padding-bottom:1px;
	margin:5px;
	text-align: center;
	border-right: #a5a7aa solid 1px;
	border-bottom: #a5a7aa solid 1px;
}
#listafotos li a {
	text-decoration:none;
	color:black;
	border-style:none;
}
#listafotos li a img {
	padding:1px;
	border-style:none;
	border:0px;
}
#listafotos li span {
	font-size:0.8em;
	color:#333;
}
 ---  #principalvideo {
 float:left;
 position:relative;
}
#listavideos {
	float:left;
	position:relative;
	left:220px;
	top:240px;
	background-image:url(../img/filonegro.png);
	width:700px;
	height:690px;
}
#listavideos h3 {
	color:white;
	padding-left:15px;
	text-align:center;
}
#listavideos ul {
	height:500px;
	padding-left:-25px;
}
#listavideos ul li {
	display:inline;
	float:left;
	width:210px;
	color:white;
	padding-left:1px;
	padding-right:1px;
	padding-top:10px;
	height:310px;
	margin:1px;
	text-align: center;/*
   background-color:#f5f7f9;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;*/
}
#listavideos ul li span {
	font-weight:bold;
	font-size:0.8em;
	display:block;
	height:70px;
}
#listavideos ul li a img {
	border-style:none;
	border:0px;
}
#listavideos #detallevideo a {
	text-decoration:none;
	color:white;
}
#pie_peq {
	position: absolute;
	width: 975px;
	height:244px;
	left: 50%;
	top: 959px;
	margin-left: -486px;
	border-spacing:0px;
}
#pie {
	position: absolute;
	width: 975px;
	height:244px;
	left: 50%;
	top: 1159px;
	margin-left: -486px;
	border-spacing:0px;
}
/* ------------------------- CONTAINER CON TABLA ------------------------------------ */


table#cuerpopagina {
	position: absolute;
	width: 975px;
	left: 50%;
	top: 404px;
	margin-left: -487px;
	border-spacing:0px;
}
#sombra {
	width:12px;
	height:250px;
	background-image:url(../sombra.png);
	left:50%;
	top: 400px;
	position: absolute;
	margin-left:-295px;
}
/* ------------------------- MENU ------------------------------------ */


#container_menu {
	width:132px;
	height:300px;
	left:50%;
	top: 355px;
	position: absolute;
	margin-left:-468px;
	padding:0px;
}
#boton_inicio {
	width:132px;
	height:22px;
	position:absolute;
	top: 0px;
	left: 0px;
}
#separador1 {
	width:132px;
	height:1px;
	position:absolute;
	top: 25px;
	left: 40px;
}
#boton_noticias {
	width:132px;
	height:22px;
	position:absolute;
	top: 25px;
	left: 0px;
}
#separador2 {
	width:132px;
	height:1px;
	position:absolute;
	top: 50px;
	left: 40px;
}
#boton_historia {
	width:132px;
	height:22px;
	position:absolute;
	top: 50px;
	left: 0px;
}
#separador3 {
	width:132px;
	height:1px;
	position:absolute;
	top: 75px;
	left: 40px;
}
#boton_fotos {
	width:132px;
	height:22px;
	position:absolute;
	top: 75px;
	left: 0px;
}
#separador4 {
	width:132px;
	height:1px;
	position:absolute;
	top: 100px;
	left: 40px;
}
#boton_videos {
	width:132px;
	height:22px;
	position:absolute;
	top: 100px;
	left: 0px;
}
#separador5 {
	width:132px;
	height:1px;
	position:absolute;
	top: 125px;
	left: 40px;
}
#boton_foro {
	width:132px;
	height:22px;
	position:absolute;
	top: 125px;
	left: 0px;
}
#separador6 {
	width:132px;
	height:1px;
	position:absolute;
	top: 150px;
	left: 40px;
}
#boton_patrocinadores {
	width:132px;
	height:22px;
	position:absolute;
	top: 150px;
	left: 0px;
}
#separador7 {
	width:132px;
	height:1px;
	position:absolute;
	top: 175px;
	left: 40px;
}
#boton_tienda {
	width:132px;
	height:22px;
	position:absolute;
	top: 175px;
	left: 0px;
}
#separador8 {
	width:132px;
	height:1px;
	position:absolute;
	top: 200px;
	left: 40px;
}
#boton_enlaces {
	width:132px;
	height:22px;
	position:absolute;
	top: 200px;
	left: 0px;
}
#separador9 {
	width:132px;
	height:1px;
	position:absolute;
	top: 225px;
	left: 40px;
}
#boton_contacto {
	width:132px;
	height:22px;
	position:absolute;
	top: 225px;
	left: 0px;
}
#separador10 {
	width:132px;
	height:1px;
	position:absolute;
	top: 250px;
	left: 40px;
}
#construccion {
	width:400px;
	height:200px;
	left:50%;
	top: 340px;
	position: absolute;
	margin-left:-120px;
}
#fondo_moto {
	width:738px;
	height:369px;
	left:50%;
	top: 330px;
	position: absolute;
	margin-left:-285px;
}
#moto {
	width:650px;
	height:350px;
	left:50%;
	top: 340px;
	position: absolute;
	margin-left:-205px;
}
/* ------------------------- TITULOS DE SECCION ------------------------------------ */

#barra_seccion {
	width:680px;
	height:40px;
	left:50%;
	top: 350px;
	position: absolute;
	margin-left:-254px;
}
#titulo_seccion {
	width:169px;
	height:29px;
	left:50%;
	top: 357px;
	position: absolute;
	margin-left:210px;
}


#enlace_mapa{
width:680px;
height:40px;
left:50%;
top: 400px;
position: absolute;
margin-left:-254px;
}

/* ------------------------- PORTADA  ------------------------------------ */

#guardarrailes {
	width:100px;
	height:101px;
	left:50%;
	top: 650px;
	position: absolute;
	margin-left:-435px;
	padding:0px;
}
#torroles {
	width:100px;
	height:140px;
	left:50%;
	top: 755px;
	position: absolute;
	margin-left:-435px;
	padding:0px;
}

#tiempo {
	width:130px;
	height:165px;
	left:50%;
	top: 915px;
	position: absolute;
	margin-left:-456px;
	padding:0px;
}


#twitter{
	width:130px;
	height:42px;
	left:50%;
	top: 1100px;
	position: absolute;
	margin-left:-456px;
	padding:0px;
}

#banner {
	position: absolute;
	width: 657px;
	height:140px;
	left: 50%;
	top: 375px;
	margin-left: -236px;
	border-spacing:0px;
}
#banner2 {
	position: absolute;
	width: 657px;
	height:140px;
	left: 50%;
	top: 975px;
	margin-left: -236px;
	border-spacing:0px;
}
#fondo_banner {
	background-image:url(../elementos/fondobanners.jpg);
	position: absolute;
	width: 788px;
	height:170px;
	left: 50%;
	top: 360px;
	margin-left: -315px;
	border-spacing:0px;
}
#fondo_banner2 {
	background-image:url(../elementos/fondobanners.jpg);
	position: absolute;
	width: 788px;
	height:170px;
	left: 50%;
	top: 960px;
	margin-left: -315px;
	border-spacing:0px;
}
#patrocinadores {
	position: absolute;
	width: 148px;
	height:38px;
	left: 50%;
	top: 330px;
	margin-left: 280px;
	border-spacing:0px;
}
#quienessomos {
	position: absolute;
	width: 303px;
	height:480px;
	left: 50%;
	top: 550px;
	margin-left: 180px;
	border-spacing:0px;
}
#titulares {
	background-image:url(../inicio/titulares2.png);
	background-repeat:no-repeat;
	position: absolute;
	width: 500px;
	height:400px;
	left: 50%;
	top: 550px;
	margin-left: -270px;
	border-spacing:0px;
}
/* ------------------------- CONTACTO  ------------------------------------ */

#factura {
	position: absolute;
	width: 697px;
	height:646px;
	left: 50%;
	top: 460px;
	margin-left: -255px;
	border-spacing:0px;
}
#formulario {
	position: absolute;
	width: 697px;
	height:446px;
	left: 15px;
	top: 220px;
	border-spacing:0px;
}
#ilikeit {
	position: absolute;
	background-image:url(../inicio/face.png);
	background-repeat:no-repeat;
	padding:5px;
	width: 360px;
	height:90px;
	left: 50%;
	top: 1180px;
	margin-left: -420px;
	border-spacing:0px;
}

