body {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#646464; margin:0; padding:0; background:#72a9Da;}

h1 {font-size:22px; color:#000; margin:20px 0 0 0; padding:6px 0 16px 0; border-top:solid #d8dbdb 1px; clear:both;}
h2 {font-size:18px; color:#000; margin:0; padding:4px 0 10px 0; border-top:solid #d8dbdb 1px; clear:both;}
h3 {font-size:18px; color:#000; margin:0; padding:4px 0 16px 0; border-top:solid #d8dbdb 1px; clear:both;}

input, select, textarea {font-family:Arial, Helvetica, sans-serif; font-size:14px;}
img {border:0;}
form, label {margin:0; padding:0;}
p {margin:0 0 15px 0; padding:0;}

a {color:#00a0df; text-decoration:none; outline:0;}
a:hover {text-decoration:underline;}

.bot, .botRight {margin-top:5px; background:url(../img/bg_bot_dr.gif) no-repeat right top; float:left;}
.bot a, .botRight a {font-size:14px; font-weight:bold; color:#fff; padding:4px 25px 5px 10px; background:url(../img/bg_bot_izq.gif) no-repeat left top; display:inline-block;}
.botRight {float:right;}
.tx12 {font-size:12px;}
.mr5 {margin-right:5px;}
.mr20 {margin-right:20px;}
.pb20 {padding-bottom:20px;}
.pb40 {padding-bottom:40px;}
table.texto14 td {vertical-align:top; padding:4px; background:#dce9f6; border-bottom:solid #f4f4f4 1px;}
table.texto14 .titulo {background:#c7ddf0;}
.taRight {text-align:right;}
.abierto {padding-left:15px; background:url(../img/icono_abierto.png) no-repeat left 3px;}
.cerrado {padding-left:15px; background:url(../img/icono_cerrado.png) no-repeat left 3px;}
.cadenas {padding-left:15px; background:url(../img/icono_cadenas.png) no-repeat left 3px;}

/* FONDO */
.TodoHome1 {width:100%; height:auto; background:url(../img/bg_todo_01.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome2 {width:100%; height:auto; background:url(../img/bg_todo_02.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome3 {width:100%; height:auto; background:url(../img/bg_todo_03.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome4 {width:100%; height:auto; background:url(../img/bg_todo_04.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome5 {width:100%; height:auto; background:url(../img/bg_todo_05.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome6 {width:100%; height:auto; background:url(../img/bg_todo_06.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome7 {width:100%; height:auto; background:url(../img/bg_todo_07.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome8 {width:100%; height:auto; background:url(../img/bg_todo_08.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome9 {width:100%; height:auto; background:url(../img/bg_todo_09.jpg) no-repeat center top; clear:both; overflow:auto;}
.TodoHome10 {width:100%; height:auto; background:url(../img/bg_todo_10.jpg) no-repeat center top; clear:both; overflow:auto;}
#Sombra, #Sombra2 {left:0; width:100%; height:11px; background:url(../img/bg_sombra.png) repeat-x left top; position:absolute;}
#Sombra {top:319px;}
#Sombra2 {top:214px;}

/* CABECERA */
#Cab {text-align:right; width:945px; height:115px; margin:auto; padding:0 5px 0 20px; background:url(../img/bg_cab.png) left top; clear:both;}
#Logo {margin-top:16px; float:left;}
#Idiomas {font-size:11px; height:auto; padding:3px 0 3px 0; float:right;}
#Idiomas span {padding:3px 5px 3px 5px; border-left:solid #d8dbdb 1px;}
#Idiomas span.temporada {border-left:solid #d8dbdb 3px;}
#Telefonos {font-size:12px; text-align:left; margin-top:31px; padding:0 5px 0 28px; background:url(../img/icono_telefonos.gif) no-repeat left 3px; float:right;}

/* MENU */
#Menu {width:100%; height:70px; margin-bottom:40px; background:url(../img/bg_menu.png) left top;}
.menu {width:970px; height:70px; margin:auto; padding:0; margin-bottom:0; list-style:none; background:url(../img/bg_menu_ul.png) left top; position:relative;}
.menu li.top {float:left; display:block; position:relative;}
.menu li a.top_link {font-size:14px; font-weight:bold; line-height:25px; color:#fff; text-decoration:none; height:70px; padding:0; border-right:solid #71889d 1px; float:left; display:block; cursor:pointer;}
.menu li a.top_link span {height:40px; padding:32px 10px 0 10px; float:left; display:block;}
.menu li a.top_link span.down {height:38px; padding:32px 10px 0 10px; float:left; display:block;}
.menu li a.top_link span.downOn {color:#fa3f9a; height:38px; padding:32px 10px 0 10px; background:#fff; float:left; display:block;}
.menu li a.top_link:hover {color:#fff; background:#00a0df;}
.menu li a.top_link:hover span {color:#fff; background:#00a0df;}
.menu li a.top_link:hover span.down {background:#00a0df;}

.menu li:hover > a.top_link {color:#fff; background:#00a0df;}
.menu li:hover > a.top_link span {color:#fff; background:#00a0df;}
.menu li:hover > a.top_link span.down {background:#00a0df;}

.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}

.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; position:absolute;}

.menu :hover ul.sub {font-weight:bold; left:0; top:70px; width:auto; height:auto; padding:0; background:#33b3e5;}
.menu :hover ul.sub li {width:230px; margin-bottom:1px; float:left; display:block; position:relative;}
.menu :hover ul.sub li a {font-size:12px; line-height:15px; color:#fff; text-decoration:none; height:auto; padding:4px 10px; background:#00a0df; display:block;}
.menu :hover ul.sub li a.subsub {background:url(../img/flecha_menu_off.gif) no-repeat 220px 7px #00a0df;}
.menu :hover ul.sub li a:hover {color:#fa3f9a; background:#fff;}
.menu :hover ul.sub li a.subsub:hover {background:url(../img/flecha_menu_on.gif) no-repeat 220px 7px #fff;}
.menu :hover ul li:hover > a.subsub {color:#fa3f9a; background:url(../img/flecha_menu_on.gif) no-repeat 220px 7px #fff;} 

.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul {left:230px; top:-1px; padding:0; width:auto; height:auto; background:#33b3e5; z-index:300;}
.menu :hover ul.sub li ul {margin-top:1px; background:#33b3e5; z-index:300;}

/* HOME */
#Tiempo {font-size:12px; width:310px; height:100px; padding:5px 0 0 0; background:url(../img/bg_tiempo.gif) no-repeat left 25px #fff;}
#Tiempo2 {font-size:12px;}
#Tiempo p {margin:0; padding:11px 5px 0 10px;}
#Tiempo2 span {padding-left:50px;}
#Tiempo p strong {margin-left:0;}
#Tiempo img, #Tiempo2 img, img.tiempo {vertical-align:middle; margin:0 5px 0 0;}
#Tiempo strong {margin-left:10px;}
#Tiempo .minima, #Tiempo2 .minima, .minima {font-size:14px; color:#0085cf;}
#Tiempo .maxima, #Tiempo2 .maxima, .maxima {font-size:14px; color:#fd4239;}
.h170 {height:154px; margin-top:20px; padding-bottom:20px;}
.form11 {font-size:11px; font-weight:bold; margin:0; padding:0; list-style:none; clear:both;}
.form11 li {margin:0; padding:0 5px 6px 0; float:left;}
.form11 input, .form11 select {font-size:12px; margin-right:5px; float:left; display:inline;}
.form11 img {margin-right:5px;}
.noticia, .noticia li {font-size:12px; list-style:none; margin:0; padding:0;}
.noticia .fecha {position:absolute;}
.noticia h1 {font-size:12px; line-height:15px; color:#00a0df; margin:0 0 0 70px; padding:0; border:none;}
.mas {font-size:11px; font-weight:bold; text-align:right; padding-top:9px; clear:both;}
.mas a {padding-top:2px; border-top:solid #d8dbdb 1px;}

/* CUERPO */
#BgContenido {width:100%; padding:0 0 20px 0; background:url(../img/bg_contenido.gif) repeat-x left top #f4f4f4; overflow:hidden;}
.Col970 {width:970px; margin:auto; clear:both; overflow:hidden;}
.Col640 {width:640px; float:left; overflow:hidden;}
.Col475 {width:475px; float:left; overflow:hidden;}
.Col310 {width:310px; float:left; overflow:hidden;}
.Col145 {width:145px; float:left; overflow:hidden;}
.fotos img {width:135px; margin-bottom:10px; padding:4px; border:solid #d8dbdb 1px;}
.fotosHorizontal td {font-size:12px; vertical-align:top; padding-bottom:20px;}
.fotosHorizontal img {width:135px; margin-bottom:2px; padding:4px; border:solid #d8dbdb 1px;}
#Submenu {width:290px; margin-bottom:20px; padding:20px 10px 20px 10px; background:url(../img/bg_submenu.gif) no-repeat left bottom #d3e1ed; clear:both; overflow:hidden;}
#Submenu ul {margin:0; padding:1px 0 0 0; list-style:none; background:url(../img/bg_submenu_ul_li.gif) no-repeat left top;}
#Submenu li {margin:0; padding:1px 0 2px 0; list-style:none; background:url(../img/bg_submenu_ul_li.gif) no-repeat left bottom;}
#Submenu h2 {font-size:12px; margin:0; padding:0; border:0;}
#Submenu a {line-height:15px; padding:1px 0 1px 9px; display:block;}
#Submenu a:hover {text-decoration:none; background:#fff;}
#Submenu a.On {color:#fa3f9a; background:#fff;}

#Relacionados {width:310px; padding-top:1px; background:url(../img/bg_relacionados.gif) no-repeat left top #e0e0e0; clear:both; overflow:hidden;}
#Relacionados h1 {font-size:14px; color:#646464; margin:0; padding:0; border:0;}
#Relacionados h3 {color:#646464; margin:0; padding:11px 0 13px 0; border:0;}
.Relacionado {width:290px; padding:0 10px 15px 10px; background:url(../img/bg_relacionado.gif) repeat-x left bottom; clear:both; overflow:hidden;}
.Relacionado p {font-size:12px; margin-bottom:10px;}
.sombra {background:url(../img/bg_relacionado_sombra.gif) repeat-x left top;}

#Intro {margin:0 0 30px 0; clear:both; overflow:hidden;}
#Intro h2 {font-weight:normal; color:#646464; margin:0; padding:0; border:0;}

#Telefono {font-size:14px; font-weight:bold; text-align:left; color:#000; height:20px; margin-top:30px; padding:4px 0 0 28px; background:url(../img/icono_telefonos.gif) no-repeat left top #b8d4ec;}

/* PIE */
#BgBannersPieHome {width:100%; height:180px; margin:0 auto 0 auto; padding-top:20px; background:url(../img/bg_pie_banners_home.gif) no-repeat center top; overflow:auto; clear:both;}
#BgBannersPie {width:100%; height:80px; margin:0 auto 0 auto; background:url(../img/bg_pie_banners.gif) no-repeat center top; overflow:auto; clear:both;}
#BannersPie {width:970px; margin:auto; overflow:auto;}
#BannersPie div {font-size:14px; width:145px; height:60px; margin-top:20px; padding:0; float:left;}
#BannersPie div.tienda {background:url(../img/bg_pie_tienda.gif) no-repeat left top;}
#BannersPie div.webcams {background:url(../img/bg_pie_webcams.gif) no-repeat left top;}
#BannersPie div.tv {background:url(../img/bg_pie_tv.gif) no-repeat left top;}
#BannersPie div.accesible {background:url(../img/bg_pie_accesible.gif) no-repeat left top;}
#BannersPie div.llegar {background:url(../img/bg_pie_llegar.gif) no-repeat left top;}
#BannersPie div.opinion {background:url(../img/bg_pie_opinion.gif) no-repeat left top;}
#BannersPie a {color:#000; height:53px; padding:7px 0 0 9px; display:block;}
#BannersPie a:hover {color:#00a0df; text-decoration:none;}

#BgPie {font-size:12px; color:#fff; width:100%; height:auto; padding:40px 0 40px 0; background:url(../img/bg_pie.gif) repeat-x left top;}
#BgPie a {color:#fff;}
#Pie h2 {font-size:12px; font-weight:normal; line-height:17px; color:#fff; margin:0; padding:0; border:0;}
#Pie h2.titulo {font-size:12px; font-weight:bold; line-height:15px; color:#fff; margin:0; padding:0 0 8px 0; border:0; background:url(../img/bg_h2_pie.gif) repeat-x left 15px;}
#Pie {width:970px; margin:auto; clear:both;}
#LogosPie {text-align:center; width:970px; margin:auto; padding:35px 0 0 0; background:url(../img/bg_logos_pie.gif) repeat-x left 15px; clear:both;}
#LogosPie img {margin:0 20px 25px 20px;}
a.email {padding:0 0 0 21px; background:url(../img/icono_email.gif) no-repeat left 2px;}
span.telefono {padding:0 0 0 21px; background:url(../img/icono_telefono.gif) no-repeat left top;}

/* PNG PARA IE6- */
* html img,
* html .png{
    position:relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "img/transparente_ie6.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
    );
}