/************************************************************************************
	GENERALES
************************************************************************************/
* {
	margin:0;
	padding:0;
	font-family: Arial,Tahoma,Verdana,geneva,lucida,'lucida grande',helvetica,sans-serif;
}

body,html {
	font-family: Arial,Tahoma,Verdana,geneva,lucida,'lucida grande',helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	margin:0;
	padding:0;
}

hr { display:none; }

h1,h2,h3,h4,h5,h6 {
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin:0;
	padding:0;
}

select,input,textarea,table {
	font-family: Verdana,Arial,Tahoma,geneva,lucida,'lucida grande',helvetica,sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

table {
	position:relative;
	border-collapse:collapse;
	width:100%;
}
.clear { clear:both; }

a { outline: 0; }
a img {
	border:0;
}

/************************************************************************************
	GLOBALES
************************************************************************************/
a:link, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	line-height:15px;
}
/************************************************************************************
	LAYOUT
************************************************************************************/
body {
	background:#e20a16;
}
#wrapper {
	width:910px;
	margin:10px auto 10px auto;
	background:transparent url("../media/body_bg.jpg") repeat-y top left;
}
#main_col_left {
	float:left;
	width:174px;
	overflow:hidden;
}
#main_col_center {
	float:left;
	width:586px;
	display:inline;
	margin:0 0 30px 0;
	overflow:hidden;
}
#main_col_right {
	float:left;
	width:150px;
	
	padding:10px 0 0 0;
	overflow:hidden;
}	




/************************************************************************************
	COLUMNA IZQUIERDA
************************************************************************************/
#main_col_left a:link,#main_col_left a:visited {
	color:#e20a16;
	text-decoration:underline;
}
#main_col_left a:hover {
	color:#22942c;
}
#main_col_left .seccion {
	background:#000;
	color:#fff;
	padding:0 0 20px 0;
}
#main_col_left .botonera {
	text-align:center;
}
#main_col_left .padding {
	padding:0px 8px 5px 8px;
}
#main_col_left form p {
	margin:0 0 10px 0;
}
#main_col_left form label {
	vertical-align:middle;
	display:inline-block;
	width:45px;
	text-align:right;
	padding:0 5px 0 0;
	font-size:7pt;
	overflow:hidden;
}
#main_col_left form input.textbox {
	width:100px;
	border:0;
	padding:3px 4px;
	background:transparent url("../media/col_left_input_bg_1.jpg") no-repeat 0 0;
	background-attachment:fixed;
}
#main_col_left form input.a {
	background:transparent url("../media/col_left_input_bg_1.jpg") no-repeat 0 0;
}
#main_col_left  form input.b {
	background:transparent url("../media/col_left_input_bg_2.jpg") no-repeat 0 0;
}


/* MENU */
#main_col_left h3.title_menu {
	display:block;
	height:25px;
	background:transparent url("../media/title_menu.jpg") no-repeat center left;
	overflow:hidden;
	text-indent:-10000px;
	margin:0;
	padding:0;
}



#menu {
	z-index:1;
	background-color:#22942c;
}
#menu li {
	display:block;
	height:23px;
	padding:0 0 5px 0;
}
#menu li a:link,#menu li a:visited {
	display:block;
	height:23px;
	overflow:hidden;
	text-indent:-100000px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	border:0;
}
#menu li a:hover {
	background-position:bottom left;
}
#menu li a.menu_historia {
	background-image:url("../media/menu_historia.jpg");
}
#menu li a.menu_reglas {
	background-image:url("../media/menu_reglas.jpg");
}

#menu li a.menu_consejos {
	background-image:url("../media/menu_consejos.jpg");
}

#menu li a.menu_alojamiento {
	background-image:url("../media/menu_alojamiento.jpg");
}

#menu li a.menu_galeria {
	background-image:url("../media/menu_galeria.jpg");
}
#menu li a.menu_viaja {
	background-image:url("../media/menu_viaja.jpg");
}
#menu li a.menu_alrededores {
	background-image:url("../media/menu_alrededores.jpg");
}

#menu li a.menu_contacta {
	background-image:url("../media/menu_contacta.jpg");
}
#menu li a.menu_articulo {
	background-image:url("../media/menu_articulos.jpg");
}

#menu li a.selected {
	background-position:bottom left;
}

/* Submenu */
#submenu {
	display:none;
	position:absolute;
	top:140px;
	left:50%;
	background:transparent url("../media/fondo_submenu.png") no-repeat top right;
	//background:transparent url("../media/fondo_submenu.gif") no-repeat top right;
	width:130px;
	z-index:999;
	padding:10px 0;
	margin:0 0 0 -282px;
}
#submenu a:link,#submenu a:visited {
	display:block;
	height:18px;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	border:0;
	text-indent:-1000000px;
	width:130px;
	margin:0;
	padding:0;
}
#submenu a:hover {
	background-position:bottom left;
}
/*
#submenu li {
	margin:0;
	padding:0;
	background:transparent;
	height:18px;
	display:block;
}

#submenu  a:link,#submenu  a:visited {
	display:block;
	height:18px;
	overflow:hidden;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	border:0;
	text-indent:-1000000px;
	width:130px;
}
#submenu a:hover {
	background-position:bottom left;
}
*/

#submenu a.menu_videos:link,#submenu a.menu_videos:visited,#submenu a.menu_videos:hover {
	background-image:url("../media/submenu_videos.jpg");
}
#submenu a.menu_album:link,#submenu a.menu_album:visited,#submenu a.menu_album:hover {
	background-image:url("../media/submenu_album.jpg");
}
#submenu a.menu_tusfotos:link,#submenu a.menu_tusfotos:visited,#submenu a.menu_tusfotos:hover {
	background-image:url("../media/submenu_tusfotos.jpg");
}

/* ENCUESTA */
#main_col_left h3.title_encuesta {
	display:block;
	height:68px;
	background:transparent url("../media/title_encuesta.jpg") no-repeat center left;
	overflow:hidden;
	text-indent:-10000px;
}
#main_col_left .encuesta p.pregunta {
	color:#e20a16;
	margin:0 0 5px 0;
}
#main_col_left .encuesta .padding {
	padding:0px 8px 5px 8px;
}
#main_col_left .encuesta form input {
	vertical-align:middle;
}
#main_col_left .encuesta form p {
	margin:0 0 5px 0;
}
#main_col_left .encuesta form span {
	vertical-align:middle;
	padding:0 0 0 5px;
}
#main_col_left .encuesta .botonera {
	text-align:center;
}
#main_col_left .encuesta .botonera .btn_votar {
	border:0;
	height:20px;
	background:transparent url("../media/btn_votar.jpg") no-repeat top left;
	width:37px;
	cursor:pointer;
	display:inline;
	float:left;
	text-indent:-1000px;
	overflow:hidden;
}
#main_col_left .encuesta .botonera a.btn_ver_resultado:link,#main_col_left .encuesta .botonera a.btn_ver_resultado:visited,#main_col_left .encuesta .botonera a.btn_ver_resultado:hover {
	
	border:0;
	height:20px;
	background:transparent url("../media/btn_ver_resultado.jpg") no-repeat top left;
	width:70px;
	text-indent:-1000px;
	overflow:hidden;
	display:inline;
	cursor:pointer;
	vertical-align:middle;
	float:left;
}
/*

#main_col_left .encuesta .botonera .btn_ver_resultado {
	border:0;
	height:20px;
	background:transparent url("../media/btn_ver_resultado.jpg") no-repeat top left;
	width:70px;
	text-indent:-1000px;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
}
#main_col_left .encuesta .botonera {
	background:red;
}
#main_col_left .encuesta .botonera input {
	vertical-align:middle;
}
#main_col_left .encuesta .botonera span {
	padding:0 5px 0 5px;
}
*/

#main_col_left .encuesta .voto_guardado {
	margin:0 0 10px 0;
}

#main_col_left .encuesta .voto_realizado {
	margin:0 0 10px 0;
}


/* BOLETIN */
#main_col_left h3.title_boletin {
	display:block;
	height:25px;
	background:transparent url("../media/title_boletin.jpg") no-repeat center left;
	overflow:hidden;
	text-indent:-10000px;
	margin:0 0 5px 0;
}
#main_col_left .btn_subscripcion {
	border:0;
	height:20px;
	background:transparent url("../media/btn_suscribirse.jpg") no-repeat center left;
	width:105px;
	display:inline-block;
	cursor:pointer;
	
}
#main_col_left .login .btn_entrar {
	border:0;
	height:20px;
	background:transparent url("../media/btn_entrar.jpg") no-repeat center left;
	width:45px;
	text-indent:-1000px;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
}



/* LOGIN */
#main_col_left h3.title_login {
	display:block;
	height:25px;
	background:transparent url("../media/title_login.jpg") no-repeat center left;
	overflow:hidden;
	text-indent:-10000px;
	margin:0 0 5px 0;
}

#main_col_left .login .login_info {
	padding:0 5px;
	margin:0 0 10px 0;
}
#main_col_left .login .login_name {
	font-size:7pt;
	font-weight:bold;
}

#main_col_left .login .links {
	text-align:center;
	margin:5px 0 0 0;
}

#main_col_left .login .btn_entrar {
	border:0;
	height:20px;
	background:transparent url("../media/btn_entrar.jpg") no-repeat center left;
	width:45px;
	text-indent:-1000px;
	overflow:hidden;
	display:inline-block;
	cursor:pointer;
}
#main_col_left .login .botonera input {
	vertical-align:middle;
}
#main_col_left .login .botonera span {
	padding:0 5px 0 5px;
}

#main_col_left .login label.error {
	display:block;
	color:red;
	width:100px;
	position:relative;
	padding:0 0 0 50px;
	text-align:left;
}

#main_col_left .output {
	padding:5px 10px;
	text-align:center;
	border:1px dotted #e20a16;
	color:#e20a16;
	margin:10px 0 0 0;
}

/* TIEMPO */
#main_col_left h3.title_tiempo {
	display:block;
	height:64px;
	background:transparent url("../media/title_tiempo.jpg") no-repeat center left;
	overflow:hidden;
	text-indent:-10000px;
	margin:0 0 5px 0;
}

/************************************************************************************
	COLUMNA DERECHA
************************************************************************************/
#main_col_right {
	background:transparent;
}
#main_col_right .idioma {
	text-align:center;
	padding:0 10px;
	margin:0 0 10px 0;
}
#main_col_right .idioma a img {
	vertical-align:middle;
}
#main_col_right .idioma a span {
	vertical-align:middle;
	padding:0 0 0 5px;
}
#main_col_right .idioma a:link,#main_col_right .idioma a:visited {
	text-decoration:none;
	color:#23942c;
	font-size:7pt;
	font-weight:bold;
}
#main_col_right .idioma a:hover {
	text-decoration:none;
	color:black;
}

#main_col_right .fuente {
	padding:0 10px;
	text-align:center;
	margin:0 0 20px 0;
	height:15px;
}
#main_col_right .fuente a:link,#main_col_right .fuente a:visited,#main_col_right .fuente a:hover {
	display:block;
	height:15px;
	width:16px;
	overflow:hidden;
	float:right;
	text-indent:-10000px;
	margin:0 0 0 5px;
}
#main_col_right .fuente a.mas_fuente {
	background:transparent url("../media/fuente_mas.jpg") no-repeat top left;
}
#main_col_right .fuente a.menos_fuente {
	background:transparent url("../media/fuente_menos.jpg") no-repeat top left;
}

a#logo_ayuntamiento:link,a#logo_ayuntamiento:visited{
	display:block;
	font-size:10pt;
	font-weight:bold;
	padding:80px 0 0 0;
	text-align:center;
	color:#2177b6;
	background:transparent url("../media/ayuntamiento_bunyol.jpg") no-repeat top center;
	margin:0 0 20px 0;
}
a#logo_ayuntamiento:hover {
	
}

h3.title_patrocinadores {
	display:block;
	height:25px;
	background:transparent url("../media/title_patrocinadores.jpg") no-repeat center center;
	overflow:hidden;
	text-indent:-10000px;
	margin:0 0 20px 0;
}

.banner  {
	text-align:center;
	margin:0 0 20px 0;
}
.banner img {
	width:120px;
}

/************************************************************************************
	HEADER
************************************************************************************/
#header {
	background:#fff url("../media/header_logo.jpg") no-repeat center top;
	height:86px;
}
#header h1{
	display:block;
	position:relative;
	top:16px;
	left:164px;
	width:216px;
	height:56px;
}
#header  h1 a {
	display:block;
	width:216px;
	height:56px;
	overflow:hidden;
	text-indent:-10000px;
}
#header h2 { display:none; }

/************************************************************************************
	CONTENT
************************************************************************************/
#content {
	padding:0 0 0 0;
	margin:0;
}

#content p {
	margin:0 0 10px 0;
	text-align:justify;
	line-height:25px;
}

#content h3 {
	height:25px;
	text-indent:-100000px;
	overflow:hidden;
	margin:0 0 20px 0;
}
/************************************************************************************
	FOOTER
************************************************************************************/
#footer {
	width:910px;
	margin:0 auto 10px auto;
	color:white;
	font-size:9pt;
	font-weight:bold;
}
#footer p {
	text-align:center;
}
#footer h3 {
	
}

#footer a:link,#footer a:visited {
	color:white;
}
#footer a:hover {
	color:black;
}
/************************************************************************************
	ERRORES Y MENSAJES
************************************************************************************/
div.msg {
	background:green;
	font-size:10pt;
	color:black;
	font-family:Comic Sans;
	color:red;
}
div.msg h4 {
	padding:10px;
	background:red;
	color:green;
	font-size:13pt;
}
div.msg .desc {
	padding:10px;
}
/************************************************************************************
	PAGINAS ESTATICAS
	- HISTORIA
	- REGLAS
	- CONSEJOS
	- ALOJAMIENTO
************************************************************************************/

.estatica {
	background:transparent url("../media/reglas_bg.jpg") no-repeat top center;
	height:487px;
	margin:95px 0 0 0;
	color:#fff;
	font-size:10pt;
}
.estatica .padding {
	padding:35px 55px;
}

.estatica p {

}


/************************************************************************************
	PAGINAS DINAMICAS 2
	- ENCUESTAS
************************************************************************************/
.estatica2 {
	background:transparent url("../media/estatica2_bg.jpg") no-repeat top center;
	height:672px;
	margin:40px 0 0 0;
}
.estatica2 .padding {
	padding:50px 46px;
}
.estatica2 h3 {
	height:25px;
	text-indent:-100000px;
	overflow:hidden;
	margin:0 0 20px 0;
}

/************************************************************************************
	PAGINAS DINAMICAS 3
	- ENCUESTAS
************************************************************************************/
.estatica3 {
	background:#e20a16 url("../media/estatica_bg_top.jpg") no-repeat top center;
	width:582px;
	margin:40px 0 30px 0;
	padding:50px 0 0 0;
}
.estatica3 .padding {
	background:transparent url("../media/estatica_bg_bottom.jpg") no-repeat bottom center;
	padding:50px 25px 100px 25px;
}
 h3 {
	height:25px;
	text-indent:-100000px;
	overflow:hidden;
	margin:0 0 20px 0;
}

.estatica3 ul li {
	margin:0 0 10px 40px;
	color:white;
	font-size:10pt;
}

.estatica4 {
	background:white;
	width:582px;
	margin:40px 0 30px 0;
}
.estatica4 .padding {
	background:white;
	padding:50px 25px 50px 25px;
}
.estatica4 h3 {
	color:black;
	text-indent:0px;
	font-size:13pt;
	letter-spacing:-1px;
	text-align:center;
	margin:0 0 20px 0;
}