/* Global */
* {margin: 0; padding: 0;}
body {background: #5d504a url(../images/body_background.jpg) left top no-repeat; font-size: 1.1em;}
html {color: #333333;; font-family: arial, verdana, sans-serif; font-size: 62.5%;}
.contacto label {clear: left; float: left; font-weight: bold; width: 8em;}
	.contacto label.normal {clear: none; float: none; width: auto;}
ol, ul {margin: 1.1em 0 1.1em 1em; padding: 0 0 0 1em;}
	ol li, ul li {margin: 0.5em 0;}
ul {list-style-image: url(../images/content_li_image.jpg);}
p {line-height: 1.5em; margin: 1em 0;}

/* Enlaces xenéricos */
a:link {color: #f46006; text-decoration: underline;}
	a:hover, a:focus, a:active {color: #f46006; text-decoration: none;}
	a:visited {color: #b43017;}
a img {border: 0;}

/* Clases globais */
.ac_hidden {left: -10000px; position: absolute;}
.block {display: block;}
	.contacto label.block {float: none; margin-bottom: 5px; width: auto;}
.button {background: #f47a00 url(../images/button_background.jpg) bottom left repeat-x; border: 1px solid #8e5953; color: #fff; cursor: pointer; padding: 0 0.5em;}
.center {text-align: center;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.arume-link {bottom: -18px; position: absolute; right: 20px; margin: 0; padding: 0;}
	.arume-link a {color: #ccc; text-decoration: none; margin: 0; padding: 0;}
.form_row {clear: left; margin: 1.5em 0;}
.inputbox {border: 1px solid #bcbcb4; font-size: 1em; padding: 0.1em 0.3em 0.2em 0.3em; width: 22em;}
	.inputbox:focus, .inputbox.focus {background-color: #ffcf86;}
textarea.inputbox {font-size: 1.2em; width: 100%;}
.horizontal_list {list-style: none; margin: 0; padding: 0;}
	.horizontal_list li {float: left;}
		.horizontal_list li a {display: block; margin: 0; padding: 0 5px;}
.justify {text-align: justify;}
.small {font-size: 0.83em;}
.orange {color: #f46006;}
.right {float: right;}

/* Con javascript */
.js .js_hidden {display: none;}

/* Ancho da páxina */
#pagewidth {margin: 0 auto; padding-bottom: 15px; width: 980px;}


/* Cabeceira */
#header {height: 91px; position: relative;}
	#header #logo a {background-color: transparent; background-image: url(../images/logo.png); background-position: left top; background-repeat: no-repeat; height: 91px; left: 18px; position: absolute; width: 304px;}

#i18n-menu {list-style: none; margin: 0; padding: 0 25px 0 0; float: right;}
#i18n-menu li {float: left; padding: 0 3px;}
/* Parte esquerda */
#left {float: left; position: relative; width: 324px; margin: 0; padding: 35px 0 0 0;}

/** Menú principal **/
#main-menu {background: transparent url(../images/main_menu_sep.png) 11px bottom no-repeat; margin: 0; padding: 0 0 2px 0; position: relative;}
	#main-menu li {background: transparent url(../images/main_menu_sep.png) left top  no-repeat; list-style-image: none; list-style-type: none; margin: 0 0 0 11px; padding: 2px 0 1px 0;}
		#main-menu li a {color: #3e3430; display: block; font-size: 1.8em; font-weight: normal; padding: 10px 0 10px 9px; text-decoration: none;}
		#main-menu li a:hover {background: #f36500 url(../images/main_menu_hover.gif) center right no-repeat; color: #fff;}
	#main-menu li.current a {background: transparent url(../images/main_menu_hover.gif) center right no-repeat;}
		#main-menu li.current a:hover {background-color: #f36500; color: #fff;}

	#main-menu .submenu-1 {margin: 0; padding: 8px 0 23px 0;}
		#main-menu .submenu-1 li {background: none; margin: 5px 0 0 0;}
			#main-menu .submenu-1 li a {color: #483d39; font-size: 1.6em; font-weight: normal; padding: 10px 30px 10px 68px; position: relative;}
			#main-menu .submenu-1 li a span {height: 43px; left: 0; position: absolute; top: 0; width: 58px;}
				#main-menu .submenu-1 li#servicios-animacion-infantil a span {background: transparent url(../images/servicios_animacion_infantil.png) left center no-repeat;}
				#main-menu .submenu-1 li#servicios-entretenimiento-para-adultos a span {background: transparent url(../images/servicios_entretenimiento_para_adultos.png) left center no-repeat; top: 6px;}
				#main-menu .submenu-1 li#servicios-actividades-para-empresas a span {background: transparent url(../images/servicios_actividades_para_empresas.png) left center no-repeat;}
				#main-menu .submenu-1 li#servicios-turismo-y-aventura a span {background: transparent url(../images/servicios_turismo_y_aventura.png) left center no-repeat;}
				#main-menu .submenu-1 li#servicios-actividades-deportivas a span {background: transparent url(../images/servicios_actividades_deportivas.png) left center no-repeat;}
	#main-menu li.current li a {background: none;}
		#main-menu .submenu-1 li.current a {background: transparent url(../images/main_menu_hover.gif) center right no-repeat;}
		#main-menu .submenu-1 li a:hover {background: #f36500 url(../images/main_menu_hover.gif) center right no-repeat; color: #fff;}

/* Contido */
#content-top-background {background: transparent url(../images/content_background_top.png) top left no-repeat; height: 10px; left: 0; position: absolute; top: -10px; width: 639px;}


#content {background-color: #f0eeef; float: left; min-height: 62.5em; margin-top: -50px; padding: 0 15px 5em 0px; position: relative; width: 624px;}
	#content h2 {color: #ff6600; font-size: 2.1em; font-weight: bold; letter-spacing: -2px; margin: 0 0 0.5em 23px; padding: 0;}
	#content h3 {background: transparent url(../images/servicios_h3_background.jpg) left bottom repeat-x; color: #453b39; font-size: 1.4em; font-weight: bold; margin: 0.2em 0 0 18px; padding: 10px 0 5px 7px;}
	#content h4 {background: transparent url(../images/servicios_h3_background.jpg) left bottom repeat-x; color: #453b39; font-size: 1.2em; font-weight: bold; margin: 0.2em 0 0 18px; padding: 10px 0 5px 27px;}
	#content p {margin-left: 25px;}
	#content ul {margin-left: 35px;}
	#content ol {margin-left: 35px;}

/** Cabeceira do contido **/
#content-header {background: transparent url(../images/content_header_background.jpg) top left no-repeat; height: 252px; margin: -5px 5px 5px 5px; padding: 0; position: relative; width: 629px;}
	#content-header p {background: transparent url(../images/content_header_text_background.png); bottom: 5px; color: #fff; font-weight: normal; font-size: 2em; letter-spacing: 1px; line-height: 52px; margin: 0; position: absolute; text-align: center; width: 629px;}
#content-header-top-background {background: transparent url(../images/content_header_background_top.png) top left no-repeat; height: 127px; left: 0; position: absolute; top: 0px; width: 629px;}
#content-header-bottom-background {background: transparent url(../images/content_header_background_bottom.png) top left no-repeat; bottom: 0; height: 127px; left: 0; position: absolute; width: 629px;}

/** Menú do home **/
.home-menu-background-top {background: transparent url(../images/home_menu_background_top.jpg) bottom left repeat-x; margin-right: -15px; padding-bottom: 14px; padding-right: 5px;}
.home-menu-background-bottom {background: transparent url(../images/home_menu_background_bottom.jpg) top left repeat-x; margin-right: -15px; padding-top: 14px; padding-right: 15px;}

#content .home-menu {list-style: none; margin: 0 -35px 0 0; padding: 0;}
	.home-menu li {background: transparent url(../images/home_menu_separator.jpg) top right repeat-y; float: left; min-height: 12em; padding: 0;}
		.home-menu li a {color: #cc6600; display: block; font-size: 1em; font-weight: normal; margin: 0;  padding: 5px 10px; width: 106px; text-decoration: none;}
				.home-menu li a:visited {color: #cc6600; text-decoration: none;}
	 		.home-menu li a span {color: #644533; display: block; font-size: 1.2em; font-weight: bold; margin-bottom: 18px; padding-bottom: 60px; text-decoration: none;}
				.home-menu li#ocio-infantil a span {background: transparent url(../images/ocio_infantil.jpg) bottom center no-repeat; width: 100px;}
				.home-menu li#ocio-adulto a span {background: transparent url(../images/ocio_adulto.jpg) bottom center no-repeat;}
				.home-menu li#ocio-empresarial a span {background: transparent url(../images/ocio_empresarial.jpg) bottom center no-repeat; width: 116px;}
				.home-menu li#ocio-turistico a span {background: transparent url(../images/ocio_turistico.jpg) bottom center no-repeat;}
				.home-menu li#ocio-activo a span {background: transparent url(../images/ocio_activo.jpg) bottom center no-repeat;}
			.home-menu li#ocio-activo {background: none;}

/** Sección Servicios **/
#servicios-container {background: transparent url(../images/home_menu_background_bottom.jpg) bottom left repeat-x; position: relative; margin-right: -15px; padding-bottom: 40px;}
	#servicios-container .home-menu li {margin-bottom: 0;}
.servicios #content h2 {background: transparent url(../images/home_menu_background_top.jpg) bottom left repeat-x; margin: 0 -15px 0 0; padding: 0 0 30px 25px;}

/** Lista de servicios ofertados **/
.header {background: none; color: #b31e00; font-size: 1.4em; font-weight: bold; margin: 0.2em 0 0 18px; padding: 10px 0 5px 7px;}
.indicator {background: transparent url(../images/servicios_selected.jpg) center left no-repeat; padding: 4px 6px;}

.service-description {border: 2px solid #ff6600; margin: 0 0 0 18px; padding: 0.5em 0.5em 0 0;}
	.service-description .image_container {float: left; padding: 1em;}
	#content .service-description h4 {font-size: 1.2em; padding-left: .8em;}
#juegos-populares {padding-left: 11em;}
/*
#hinchables .horizontal_list {padding-left: 1em;}
	#hinchables .horizontal_list li {padding: 1em;}
	#hinchables .horizontal_list li h4 {background: none; margin: 0; padding: 0.5em 0; text-align: center;}
	#hinchables .horizontal_list li p {margin: 0; padding: 0;}
#hinchables .image_container {padding-left: 5em;}
#hinchables .horizontal-list li div {margin: auto;}
*/
#hinchables .even {float: left; width: 40%; text-align: center; padding-top: 1em;}
#hinchables .odd {text-align: center; padding-top: 1em;}
	#hinchables .even div, #hinchables .odd div {margin: 1em auto;}
	#hinchables .even h4, #hinchables .odd h4 {background: none; margin: 0; padding: 0.5em 0; text-align: center;}

.servicios-actividades-deportivas .indicator {background-image: url(../images/servicios_not_selected.jpg)}
.servicios-entretenimiento-para-adultos #content #servicios-ofertados .service-description h4 .indicator {background-image: url(../images/servicios_not_selected.jpg)}

/** Contacto **/
.contacto #content h3 {color: #f00;}
	.form-errors {color: #f00;}
#lopd_text label {float: none; padding-left: 1em;}
.fijo {background: transparent url(../images/contacto_fijo.jpg) left center no-repeat; font-size: 1.2em; line-height: 2em; padding-left: 30px;}
.movil {background: transparent url(../images/contacto_movil.jpg) left center no-repeat; font-size: 1.2em; line-height: 2em; padding-left: 30px;}
/** Accesibilidade **/

.accesibilidad ul li {line-height: 15px;}
	.accesibilidad ul li a img {vertical-align: middle;}

/** Ubicación **/
#map_canvas {height: 556px; margin: 1em auto; width: 556px;}

/* Pé */
#footer {background: transparent url(../images/content_background_bottom.png) left bottom no-repeat; margin: 0 15px 15px 324px; padding: 0 17px 0 25px; position: relative;}
	#footer ul {list-style: none; margin: 0;}
		#footer li {float: left; padding: 0 0.5em;}
			#footer li#mapa-web {background: none;}
		#footer li a:link {color: #666666; text-decoration: none;}
			#footer li a:hover, #footer li a:focus, #footer li a:active, #footer li a:visited {color: #666666; text-decoration: underline;}
		#footer p {float: right; margin: 0; padding-top: 0.3em; text-align: right;}
#footer-menu-container {background-color: #f0eeef; margin: 0 -15px 10px -25px; padding: 1em 19px 0 15px;}
#footer-top-background {background: #f0eeef url(../images/footer_top.jpg) left top repeat-x; height: 2px; left: 17px; position: absolute; top: 0; width: 610px;}