/****************************************************************
**                            GENERAL                          **
****************************************************************/

html { height: 100%; }

body { margin: 0px; padding: 0px; height: 100%; background-color: #fff;
		font-family: Arial, sans-serif; font-size: 13px; color:#000; overflow-x: hidden; }
			
#div_body { position: relative; z-index: 1; width: 950px; height: auto !important; height: 100%; min-height: 100%; margin: 0 auto; }

#banda_sup { position: absolute; z-index: 0; top: 0px; width: 100%; height: 209px; 
			background-image: url("../imgs/fondo_banda_sup.png"); background-repeat: repeat-x; }

#banda_inf { position: relative; z-index: 0; margin-top: -52px; width: 100%; height: 52px; 
			background-image: url("../imgs/fondo_banda_inf.jpg"); background-position: 0px 0px; background-repeat: repeat-x; }
			
#fondo_submenu { position: absolute; z-index: 0 !important; top: 200px; width: 100%; height: 54px;
				background-image: url("../imgs/fondo_submenu.jpg"); background-position: top center; background-repeat: no-repeat; }

/****************************************************************
**                           CABECERA                          **
****************************************************************/

.cabecera_con_submenu, .cabecera_sin_submenu { position: relative; top: 0px; height: 270px; }
.cabecera_sin_submenu { height: 230px; }

.cabecera_con_submenu h1, .cabecera_sin_submenu h1, .cabecera_con_submenu h2, .cabecera_sin_submenu h2 { position: absolute; top: 15px; width: 490px; font-size: 43px; font-style: italic; letter-spacing: 2px; color: #ea000b; padding: 0px; margin: 0px; }
.cabecera_con_submenu h2, .cabecera_sin_submenu h2 { top: 65px; font-size: 25px; color: #fff; }
#pagos_aceptados { position: absolute; top: 105px; font-size: 17px; color: #fff; letter-spacing: 1px; }
#pagos_aceptados img { position: relative; top: 10px; }

#telefonos { position: absolute; right: 0px; top: 25px; text-align: right; width: 450px; letter-spacing: 1px; }
#txt_telf_urgencias { color: #fff; font-size: 18px; line-height: 10px; }
#telf_urgencias { color: #ff0000; font-size: 70px; font-weight: bold; }
#txt_telf_avisos { color: #fff; font-size: 17px; }
#telf_avisos { color: #fff; font-size: 24px; }

#madrid { position: absolute; z-index: 0; top: 11px; left: 283px; }

/****************************************************************
**                             MENÚ                            **
****************************************************************/

#menu, #submenu { position: absolute; list-style: none; width: 950px; padding: 0px; margin: 0px; font-size: 14px; }
#menu li a, #submenu li a { position: relative; z-index: 2; text-decoration: none; color: #000; top: 7px; }

#menu { top: 170px; }
#submenu { top: 215px; }

.out,
.over,
.activo,
.activo_flecha,
.over_flecha { position: relative; display: inline; float: left; text-align: center; height: 45px; margin: 0px 14px 0px 14px; }

.out { background-image: none; }
.over, .over_flecha { background-image: url("../imgs/menu_cen.png"); background-position: 0px 0px; background-repeat: repeat-x; }
.activo, .activo_flecha { background-image: url("../imgs/menu_cen_on.png"); background-position: 0px 0px; background-repeat: repeat-x; }


.out .izq,
.over .izq,
.activo .izq,
.activo_flecha .izq,
.over_flecha .izq { position: absolute; z-index: 0; width: 48px; height: 44px; left: -10px; }

.out .izq { background-image: none; }
.over .izq { background-image: url("../imgs/menu_izq.png"); background-position: 0px 0px; background-repeat: no-repeat; }
.activo .izq { background-image: url("../imgs/menu_izq_on.png"); background-position: 0px 0px; background-repeat: no-repeat; }
.activo_flecha .izq { background-image: url("../imgs/menu_izq_on_flecha.png"); background-position: 0px 0px; background-repeat: no-repeat; }
.over_flecha .izq { background-image: url("../imgs/menu_izq_flecha.png"); background-position: 0px 0px; background-repeat: no-repeat; }

.out .der,
.over .der,
.activo .der,
.activo_flecha .der,
.over_flecha .der { position: absolute; z-index: 0; width: 12px; height: 44px; right: -10px; }

.out .der { background-image: none; }
.over .der, .over_flecha .der { background-image: url("../imgs/menu_der.png"); background-position: 0px 0px; background-repeat: no-repeat; }
.activo .der, .activo_flecha .der { background-image: url("../imgs/menu_der_on.png"); background-position: 0px 0px; background-repeat: no-repeat; }

/****************************************************************
**                            CUERPO                           **
****************************************************************/

#contenido { position: relative; padding: 0px 0px 140px 0px; }
#contenido h1 { position: relative; margin: 0px; padding: 0px; font-size: 30px; font-style: italic; font-weight: bold; }

.txt_seccion { position: relative; width: 470px; }
.txt_seccion a, #div_politica_cookies a { color: #194b78; text-decoration: underline; font-weight: bold; font-style: italic; }
.txt_seccion a:hover, #div_politica_cookies a:hover { color: #ea000b; }

.slideshow_imgs { position: absolute; top: 0px; right: 0px; width: 450px; }

.marca_grande { position: relative; width: 236px; height: 150px; text-align: center; float: left;
				background-image: url("../imgs/fondo_marcas.gif"); background-position: center top; background-repeat: no-repeat; }
.marca_grande a { text-align: center; color: #000; text-decoration: none; font-size: 15px; }
.marca_grande a:hover { text-decoration: underline; }
.marca_grande img { position: relative; border: 1px solid #9e9e9e; margin: 10px 0px 17px 0px; }

.mapa_sitio li { position: relative; padding: 3px 0px 0px 0px; padding: 3px 0px 0px 0px; }
.mapa_sitio ul { position: relative; margin: 3px 0px 10px 10px; padding: 0px; list-style-type: none; }
.mapa_sitio ul li { position: relative; padding: 3px 0px 0px 15px; background: #fff url("../imgs/ico_sub_apartado.gif"); background-position: 0px 0px; background-repeat: no-repeat; }
.mapa_sitio a { color: #000; text-decoration: none; }
.mapa_sitio a:hover { text-decoration: underline; }
#mapa_secciones { position: relative; display: inline; float: left; }
#mapa_marcas { position: relative; display: inline; float: right; padding-right: 130px; }

/****************************************************************
**                          FORMULARIO                         **
****************************************************************/

.asterisco { position: relative; font-size: 12px; color: #ea000b; }

.form_web { position: realive; width: 420px; left: 10px; top: 150px; height: 330px; }
.form_web label { display: block; float: left; clear: both; text-align: right; margin: 12px 0px 0px 0px; width: 100px; }
.form_web input, .form_web textarea { float: right; width: 310px; font-size: 13px; border-left: 0px; border-right: 0px; border-top: 0px; border-bottom: 1px solid #000; background-color: #f5f5f5; margin: 8px 0px 0px 0px; }
.form_web span { padding: 2px; 0px; 0px; 0px; }

.form_web #textarea_contacto { height: 130px; }

.boton_enviar { position: relative; width: 185px; height: 47px; text-align: center; display: block; clear: both; top: 15px; left: 107px; letter-spacing: 0.04em;
				background-image: url(../imgs/fondo_boton.png); background-position: center center; background-repeat: no-repeat; }
				
.boton_enviar a { position: relative; top: 13px; font-size: 18px; color: #fff; text-decoration: none; }
.boton_enviar a:hover { color: #000; }
#div_iconproc { position: relative; left: 190px; top: 140px; }

#form_contacto { position: relative; left: 150px; top: 20px; }

#msg_error { position: absolute; z-index: 100; top: 250px; left: 145px; width: 600px; font-size: 13px; font-weight: bold; color: #000; padding: 15px 0px 15px 30px;
			background-color: #FDD2D2; border: 2px solid #EA000B; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
#txts_error { padding: 10px 0px 0px 20px; }

#respuesta_consulta { position: relative; text-align: center; top: 30px; font-weight: bold; }
#respuesta_consulta h1 { font-size: 25px; color: #00ab14; padding-bottom: 15px; }

/****************************************************************
**                            CIERRE                           **
****************************************************************/

#cierre { position: absolute; bottom: 0px; color: #fff; height: 115px; width: 100%; }

#txt_legal { position: absolute; bottom: 10px; font-size: 11px; width: 350px; font-style: italic; }
#menu_inf { position: absolute; bottom: 15px; right: 0px; }
#menu_inf a { color: #fff; text-decoration: none; }
#menu_inf a:hover { text-decoration: underline; }
#menu_inf a img { position: relative; top: 13px; opacity: 0.70; filter: alpha(opacity=70); }
#menu_inf a img:hover { position: relative; top: 13px; opacity: 1.00; filter: alpha(opacity=100);  }

#banner_marcas { position: absolute; width: 952px; height: 54px;
				background-image: url("../imgs/fondo_banner_marcas.png"); background-position: 0px 0px; background-repeat: no-repeat; }
				
#txt_banner_marcas { position: absolute; top: 17px; left: 30px; font-size: 16px; color: #000; font-style: italic; text-decoration: none; }
#txt_banner_marcas:hover { text-decoration: underline; } 

#marcas { position: absolute; top: 9px; left: 335px; width: 600px; height: 30px; padding: 0px; margin: 0px; }
#marcas div { position: absolute; text-align: center; width: 70px; height: 35px; margin: 0px; padding: 0px; background-color: #fff; border: 1px solid #9e9e9e; display: none; }

/****************************************************************
**                        AVISO COOKIES                        **
****************************************************************/

#aviso_cookies { position: fixed; z-index: 1500; bottom: 0px; left: 0px; width: 101%; height: 60px; text-align: center; color: #fff; display: none; font-family: Arial, sans-serif; font-size: 12px; padding: 0px; margin: 0px; }

#fondo_aviso_cookies { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 60px; background-color: #000; opacity: 0.80; filter: alpha(opacity=80); }

#txt_aviso_cookies { position: relative; z-index: 1501; width: 100%; padding: 10px 0px 10px 0px; }
#txt_aviso_cookies div { position: relative; display: inline; }
#txt_aviso_cookies .tit_cookies { font-size: 13px; font-weight: bold; }
#txt_aviso_cookies .txt_cookies a { color: #fff; font-weight: normal; text-decoration: underline; }
#txt_aviso_cookies .txt_cookies a:hover { color: #FFCC00; }
#txt_aviso_cookies .bt_aceptar_cookies { position: relative; display: block; margin-top: 10px; }
#txt_aviso_cookies .bt_aceptar_cookies a { position: relative; padding: 2px 12px 2px 12px; border: 1px solid #dedede; border-radius: 3px; color: #fff; text-decoration: none; background-color: #60ac00; }
#txt_aviso_cookies .bt_aceptar_cookies a:hover { color: #000; }

#div_politica_cookies { position: relative; margin: 15px; }
.tit_politica_cookies { position: relative; font-size: 17px; color: #194b78; font-weight: bold; }