*,body {margin:0px; padding:0px; border:0px; } body {background: url(../images/bckg.gif) repeat; font-family:Arial, Helvetica, sans-serif; color:#000; } body, html {height: 100%;} h1 {font-size:18px; font-weight:bold; } h1 span {display:none;} a, object {outline:0; } /* estructura de fondo */ /*#fondo {height: 100%; overflow: hidden; position: relative; background:url(../images/bckg_barras.jpg) repeat-x; background-position:0%; width: 100%; } #fondohome {height: 100%; overflow: hidden; position: relative; background:url(../images/bckg_barrasint.jpg) repeat-x; background-position:0%; width: 100%; } #contenedor {position: absolute; top: 50%; } #contenedor[id] { display: table-cell; position:absolute; top: 50%; left:50%;vertical-align: middle; width: 960px; height:650px;} #contenido {position: absolute; top: -50%; margin:0px auto;} #contenido[id] { background:url(../images/bckg_contenedor.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidointro {position: absolute; top: -50%; margin:0px auto;} #contenidointro[id] { position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidoint {position: absolute; top: -50%; margin:0px auto;} #contenidoint[id] { background:url(../images/bckg_fondo.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidonews {position: absolute; top: -50%; margin:0px auto;} #contenidonews[id] { background:url(../images/bckg_fondo_news.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidocast {position: absolute; top: -50%; margin:0px auto;} #contenidocast[id] { background:url(../images/bckg_fondo_cast.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidocalend {position: absolute; top: -50%; margin:0px auto;} #contenidocalend[id] { background:url(../images/bckg_fondo_calend.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidocock {position: absolute; top: -50%; margin:0px auto;} #contenidocock[id] { background:url(../images/bckg_fondo_coctel.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidocomm {position: absolute; top: -50%; margin:0px auto;} #contenidocomm[id] { background:url(../images/bckg_fondo_opina.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidoenamb {position: absolute; top: -50%; margin:0px auto;} #contenidoenamb[id] { background:url(../images/bckg_fondo_enambiente.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidoenambint {position: absolute; top: -50%; margin:0px auto;} #contenidoenambint[id] { background:url(../images/bckg_fondo_enambienteint.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidoreg {position: absolute; top: -50%; margin:0px auto;} #contenidoreg[id] { background:url(../images/bckg_fondo_registro.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;} #contenidocatav {position: absolute; top: -50%; margin:0px auto;} #contenidocatav[id] { background:url(../images/bckg_fondo_catav.jpg) no-repeat; position:absolute; top: -50%; left:-50%; width: 960px; height:650px;}*/ /* estructura de fondo */ #fondo {background:url(../images/bckg_barras.jpg) repeat-x; margin-top:7px; width: 100%;} #fondohome { background:url(../images/bckg_barrasint.jpg) repeat-x; margin-top:7px; width: 100%; } #contenedor { margin:0px auto; width: 960px; height:665px; } #contenido {position: absolute; margin:0px auto;width: 960px; height:650px;} #contenidoint {background:url(../images/bckg_fondo.jpg) no-repeat; position: absolute; margin:3px auto 0px auto;width: 960px; height:650px;} #contenidocalend {background:url(../images/bckg_fondo_calend.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidocast {background:url(../images/bckg_fondo_cast.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidocatav {/* background:url(../images/bckg_fondo_catav.jpg) no-repeat;*/ position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidocock { background:url(../images/bckg_fondo_coctel.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidocomm { background:url(../images/bckg_fondo_opina.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidoenamb { background:url(../images/bckg_fondo_enambiente.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidoenambint { background:url(../images/bckg_fondo_enambienteint.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidonews {background:url(../images/bckg_fondo_news.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidonewsselect {background:url(../images/bckg_contenedor_loactual.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidoreg { background:url(../images/bckg_fondo_registro.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidobene {background:url(../images/bckg_fondo_beneficios.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidomusi {background:url(../images/bckg_fondo_musica.jpg) no-repeat; position: absolute; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidosumito,#contenidosumitohome {background:url(../images/sumito/bckg_contenedor_sumito_recetas_araku.jpg) no-repeat; position: absolute; background-position: 0px 1px; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidosumitohome {background:url(../images/sumito/bckg_contenedor_sumito_araku.jpg) no-repeat; position: absolute; background-position: 0px 1px; margin:3px auto 0px auto; width: 960px; height:650px;} #contenidosumitopodcast {background:url(../images/sumito/bckg_contenedor_sumito_podcast_araku.jpg) no-repeat; position: absolute; background-position: 0px 1px; margin:3px auto 0px auto; width: 960px; height:650px;} /* --- INICIALES --- */ /* menu superior */ .barramenu {/*padding-left:10px;*/ width:950px; height:29px; z-index:200; position:relative; top:0px; left:-20px; } .barramenu ul.menu { width:785px; height:20px; list-style-type:none; display:inline; float:left; } .barramenu ul.menu li { list-style-type:none; display:inline; float:left; } .barramenu ul.menu li a { background:transparent; color:#fff; text-decoration:none; padding:6px 8px 0px 8px; color:#fff; font-size:11px; width:auto; height:15px; display:block;} .barramenu ul.menu li a:hover { background:#534a39; color:#fff; text-decoration:none; width:auto; height:21px; display:block; } .barramenu ul.menureg { width:150px; height:20px; list-style-type:none; display:inline; float:left; } .barramenu ul.menureg li { list-style-type:none; display:inline; float:left; } .barramenu ul.menureg li a { background:transparent; color:#fff; text-decoration:none; padding:6px 2px 0px 2px; color:#fff; font-size:11px; width:auto; height:15px; display:block;} .barramenu ul.menureg li a:hover { background:#534a39; color:#fff; text-decoration:none; width:auto; height:21px; display:block; } /* copy */ .copy { width:960px; height:18px; color:#fff; font-size:10px; position:relative; top:12px; } .copy ul { float:right; display:inline; list-style-type:none; /*position:relative; top:-13px;*/} .copy ul li {padding:0px 6px; color:#fff; border-left:1px solid #fff; width:auto; height:14px; display:inline; list-style-type:none; float:left; } .copy ul li a { color:#fff; text-decoration: none; } .copy ul li a:hover { color:#fff; text-decoration:underline; } /* intro trailer, que bebes */ .intro { background:url(../images/bckg_intro.jpg) no-repeat; color:#685d48; width:960px; height:590px; } .intro h2 { margin:0px auto; width:260px; height:170px; } .intro h2 a {width:260px; height:170px; display:block;cursor:pointer; } .intro h2 a span {display:none;} .intro span.introtrailer { margin:0px auto; /*padding:10px; background:url(../images/bckg_trailer.png) no-repeat;*/ width:690px; height:400px; display:block; z-index:50px;} .intro span.introimg {width:192px; height:224px; float:left; position:relative; top:135px; left:140px; z-index:100px; } .intro p.introtxt1 {/*padding-top:10px;*/ padding-right:340px; font-size:12px;text-align:right; width:150px; height:15px; float:right; position:relative; top:-145px; padding-top:-50px; } .intro p.introtxt2 {padding-top:7px; font-size:11px;text-align:left;/* float:left;*/ width:960px; height:20px; } .intro p.introtxt3 {padding-top:0px; font-size:11px;text-align:left; float:left; width:960px; height:20px; position:relative; top:7px; margin-top: -20px; } .intro p a {color:#685d48; text-decoration:none;} .intro p a:hover {color:#600; text-decoration:underline;} .intro p.txtpregunta { z-index:100; text-align:center; text-transform:uppercase; width:960px; position:relative; top:180px; } .intro .marcobotellas {/*padding-left:50px;*/ text-align:center; /*padding-top:140px;*/ width:910px; height:590px; /* position:relative; top:-20px;*/ z-index:50; } .intro .marcobotellas a {width:265px; height:160px; display:block;cursor:pointer; margin-left:350px;} .intro .marcobotellas a span {display:none} .intro span.picbotellas {width:170px; height:570px; float:left; z-index:50px; } /* pregunta */ .preg { background:url(../images/bckg_pregunta.jpg) no-repeat; color:#685d48; width:960px; height:590px; border:0px solid #f30; } .preg h2 { margin:0px auto; background:url(../images/txt_pregunta.png) no-repeat; width:277px; height:33px; position:relative; top:420px; } .preg h2 span {display:none;} .preg p {width:960px; height:40px; text-align:center; position:relative; top:430px;} .preg span {font-size:12px; line-height:20px; color:#967e53; width:auto; height:40px; text-align:center; margin-right:7px; position:relative; top:460px; left:400px; float:left; } .preg span.formatDate {float:none; height:30px; left:270px; top:420px;} .preg img { left:175px; margin-right:7px; position:relative; top:510px;} .preg input.pregsi {background:url(../images/txt_pregunta_si.png) no-repeat; width:38px; height:29px; margin-right:40px; cursor:pointer; } .preg input.pregno {background:url(../images/txt_pregunta_no.png) no-repeat; width:38px; height:29px; cursor:pointer;} .preg input.campoedad {background:#fff; padding:3px 2px 1px 2px; border:1px solid #967e53; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#665B49; text-align:center;width:46px; height:16px; float:left; } /* --- HOMEPAGES --- */ .basehome { width:960px; height:588px; border:0px solid #f30;z-index:5; } .basevelo1796 { width:15px; height:577px; background:#174558; z-index:170; position:relative; top:16px; left:-20px; opacity: 0.95; -moz-opacity: 0.95;filter: alpha(opacity=95); } /* este modulo lleva max. width:980px; */ .baseveloaraku { width:15px; height:577px; background:#953919; z-index:170; position:relative; top:16px; left:-20px;opacity: 0.95; -moz-opacity: 0.95;filter: alpha(opacity=95); } .baseveloreserva { width:15px; height:577px; background:#5E4613; z-index:170; position:relative; top:16px; left:-20px; opacity: 0.95; -moz-opacity: 0.95;filter: alpha(opacity=95);} .baseveloselecto { width:15px; height:577px; background:#942e2f; z-index:170; position:relative; top:16px; left:-20px; opacity: 0.95; -moz-opacity: 0.95;filter: alpha(opacity=95);} .basevelo1796 span, .baseveloaraku span, .baseveloreserva span, .baseveloselecto span {width:770px; height:570px; float:left; border:0px solid #f30; position:relative; top:-18px; left:200px; } .basevelo1796 p, .baseveloaraku p, .baseveloreserva p, .baseveloselecto p { font-size:18px; color:#fff; text-transform:uppercase; width:220px; height:20px; position:relative; top:120px; left:275px; } img.flechaopen { /*width:8px; height:17px; top:280px;*/ position:relative; left:3px; } img.flechaclose { width:8px; height:17px; float:right; position:relative; top:280px; right:4px; } /* modulo izquierdo */ .basehomeizq {padding-left:20px; margin-right:6px; width:270px; height:575px; float:left; /*z-index:200;*/ position:relative; top:-561px; left:0px; } .basehomeizq h2 { background:url(../images/pic_logotipo.png) no-repeat; width:215px; height:115px; z-index:300; } .basehomeizq h2 a { width:215px; height:115px; display:block; cursor:pointer; } .basehomeizq h2 a span {display:none; } .basehomeizq span {width:210px; height:506px; position:relative; top:10px; left:-24px; z-index:200; } .basehomeizq span.selecto {width:160px; height:506px; position:relative; top:0px; left:-24px; z-index:200; } .basehomeflash {padding-left:20px; width:270px; margin-right:6px; height:440px; displasy:block; position:relative; top:-1004px; left:12px; } .basehomeflash h3 { width:258px; height:432px; } /* modulo centro */ .basehomectr { margin-right:5px; width:297px; height:565px; float:left; position:relative; top:-995px; left:0px;} .basehomectr .modnews {width:297px; height:125px; } .basehomectr .modnews .modnewsimente {height:75px; position:relative; top:-20px; padding-left:5px;} .basehomectr .modnews h3.news1796 { background:url(../images/tit_1796_news.png) no-repeat; width:297px; height:58px; position:relative; top:1px; } .basehomectr .modnews h3.newsaraku { background:url(../images/tit_araku_news.png) no-repeat; width:297px; height:58px; position:relative; top:1px;} .basehomectr .modnews h3.newsreserva { background:url(../images/tit_reserva_news.png) no-repeat; width:297px; height:58px; position:relative; top:1px; } .basehomectr .modnews h3.newsselecto { background:url(../images/tit_selecto_news.png) no-repeat; width:297px; height:58px; position:relative; top:1px; } .basehomectr .modnews h3.news1796 a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modnews h3.newsaraku a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modnews h3.newsreserva a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modnews h3.newsselecto a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modnews h3 a span {display:none; } .basehomectr .modnews img.img1796 { width:98px; height:76px; border:1px solid #266481; float:left; position:relative; top:-23px; left:7px; } .basehomectr .modnews img.imgaraku { width:98px; height:76px; border:1px solid #d2592d; float:left; position:relative; top:-23px; left:7px; } .basehomectr .modnews img.imgreserva { width:98px; height:76px; border:1px solid #8d6c28; float:left; position:relative; top:-23px; left:7px; } .basehomectr .modnews img.imgselecto { width:98px; height:76px; border:1px solid #942e2f; float:left; position:relative; top:-23px; left:7px; } .basehomectr .modnews p { padding-bottom:5px; font-size:11px; width:175px; height:auto; float:left; position:relative; top:-23px; left:15px;} .basehomectr .modnews p.modnews1796_tit { padding-bottom:5px; font-size:11px; color:#266481; width:150px; height:auto; float:left; position:relative; top:-23px; left:15px;} .basehomectr .modnews p.modnews1796_tit a , .basehomectr .modnews p.modnews1796_vermas a { color:#266481; text-decoration:none; } .basehomectr .modnews p.modnewsaraku_tit { padding-bottom:5px; font-size:11px; color:#d2592d; width:150px; height:auto; float:left; position:relative; top:-23px; left:15px;} .basehomectr .modnews p.modnewsaraku_tit a , .basehomectr .modnews p.modnewsaraku_vermas a { color:#d2592d; text-decoration:none; } .basehomectr .modnews p.modnewsreserva_tit { padding-bottom:5px; font-size:11px; color:#8d6c28; width:150px; height:auto; float:left; position:relative; top:-23px; left:15px;} .basehomectr .modnews p.modnewsreserva_tit a , .basehomectr .modnews p.modnewsreserva_vermas a { color:#8d6c28; text-decoration:none; } .basehomectr .modnews p.modnewsselecto_tit { padding-bottom:5px; font-size:11px; color:#942e2f; width:150px; height:auto; float:left; position:relative; top:-23px; left:15px;} .basehomectr .modnews p.modnewsselecto_tit a , .basehomectr .modnews p.modnewsselecto_vermas a { color:#942e2f; text-decoration:none; } .basehomectr .modnews p a:hover { color:#333; text-decoration:underline; } .basehomectr .modcalend {width:297px; height:221px; } .basehomectr .modcalend h3.calend1796 { background:url(../images/tit_1796_calend.png) no-repeat; width:297px; height:58px; } .basehomectr .modcalend h3.calendaraku { background:url(../images/tit_araku_calend.png) no-repeat; width:297px; height:58px; } .basehomectr .modcalend h3.calendreserva { background:url(../images/tit_reserva_calend.png) no-repeat; width:297px; height:58px; } .basehomectr .modcalend h3.calendselecto { background:url(../images/tit_selecto_calend.png) no-repeat; width:297px; height:58px; } .basehomectr .modcalend h3.calend1796 a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modcalend h3.calendaraku a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modcalend h3.calendreserva a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modcalend h3.calendselecto a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modcalend h3 a span {display:none; } .basehomectr .modcalend p { padding-bottom:5px; font-size:11px; width:105px; height:55px; float:left; position:relative; top:0px; left:7px;} .basehomectr .modcalend p.modcalend1796_tit { padding-bottom:5px; font-size:11px; color:#266481; width:105px; height:90px; float:left; position:relative; top:0px; left:7px; text-align:center;} .basehomectr .modcalend p.modcalend1796_tit a { text-decoration:none; color:#266481;} .basehomectr .modcalend p.modcalend1796_tit a:hover { text-decoration:underline;} .basehomectr .modcalend p.modcalendaraku_tit { padding-bottom:5px; font-size:11px; color:#d2592d; width:105px; height:90px; float:left; position:relative; top:0px; left:7px; text-align:center;} .basehomectr .modcalend p.modcalendaraku_tit a { text-decoration:none; color:#d2592d;} .basehomectr .modcalend p.modcalendaraku_tit a:hover { text-decoration:underline;} .basehomectr .modcalend p.modcalendreserva_tit { padding-bottom:5px; font-size:11px; color:#8d6c28; width:105px; height:90px; float:left; position:relative; top:0px; left:7px; text-align:center;} .basehomectr .modcalend p.modcalendreserva_tit a { text-decoration:none; color:#8d6c28;} .basehomectr .modcalend p.modcalendreserva_tit a:hover { text-decoration:underline;} .basehomectr .modcalend p.modcalendselecto_tit { padding-bottom:5px; font-size:11px; color:#942e2f; width:105px; height:90px; float:left; position:relative; top:0px; left:7px; text-align:center;} .basehomectr .modcalend p.modcalendselecto_tit a { text-decoration:none; color:#942e2f;} .basehomectr .modcalend p.modcalendselecto_tit a:hover { text-decoration:underline;} .basehomectr .modcalend span.modcalendbox {width:177px; height:158px; background:#fff; float:right; position:relative; top:2px; left:-5px; } .basehomectr .modcalend span.modcalendfecha {padding:5px; width:95px; height:55px; background:#666666; color:#fff; text-align:center; float:left; position:relative; /*top:15px;*/ left:7px;} .basehomectr .modcalend span.modcalendfecha p {padding-bottom:0px; text-align:center; width:95px; height:auto; font-size:28px; font-weight:bold; float:left; position:relative; top:0px; left:0px;} .basehomectr .modcalend span.modcalendfecha p a { text-decoration:none; color:#FFFFFF; } .basehomectr .modroncast {width:297px; height:220px; } .basehomectr .modroncast h3.roncast1796 { background:url(../images/tit_1796_roncast.png) no-repeat; width:297px; height:58px; position:relative; top:-173px; z-index:30; } .basehomectr .modroncast h3.roncastaraku { background:url(../images/tit_araku_roncast.png) no-repeat; width:297px; height:58px; position:relative; top:-173px; z-index:30; } .basehomectr .modroncast h3.roncastreserva { background:url(../images/tit_reserva_roncast.png) no-repeat; width:297px; height:58px; position:relative; top:-173px; z-index:30; } .basehomectr .modroncast h3.roncastselecto { background:url(../images/tit_selecto_roncast.png) no-repeat; width:297px; height:58px; position:relative; top:-173px; z-index:30; } .basehomectr .modroncast h3.roncast1796 a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modroncast h3.roncastaraku a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modroncast h3.roncastreserva a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modroncast h3.roncastselecto a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomectr .modroncast h3 a span {display:none; } .basehomectr .modroncast h4 {width:263px; height:174px; position:relative; top:30px; left:30px; z-index:10;} .basehomectr .modroncast h4 span.modroncast1796_tit { color:#266481; font-size:11px; position:relative; left:18px; top:5px; } .basehomectr .modroncast h4 span.modroncastaraku_tit { color:#D2592D; font-size:11px; position:relative; left:18px; top:5px; } .basehomectr .modroncast h4 span.modroncastreserva_tit { color:#8D6C28; font-size:11px; position:relative; left:18px; top:5px; } .basehomectr .modroncast h4 span.modroncastselecto_tit { color:#942E2F; font-size:11px; position:relative; left:18px; top:5px; } /* modulo derecho */ .basehomeder { margin-right:5px; width:330px; height:565px; float:left; position:relative; top:-995px; left:0px; } .basehomeder .modcock {width:330px; height:125px; } .basehomeder .modcock h3.cock1796 { background:url(../images/tit_1796_cock.png) no-repeat; width:330px; height:20px; z-index:50; position:relative; top:92px; left:14px; } .basehomeder .modcock h3 span {display:none; } .basehomeder .modcock .cockflash {width:330px; height:88px; list-style-type:none; display:inline; float:right; z-index:100; } .basehomeder .modopina {width:330px; height:430px; border:0px solid #f30; } .basehomeder .modopina h3.opina1796 { background:url(../images/tit_1796_opina.png) no-repeat; width:297px; height:58px; float:right; } .basehomeder .modopina h3.opinaaraku { background:url(../images/tit_araku_opina.png) no-repeat; width:297px; height:58px; float:right; } .basehomeder .modopina h3.opinareserva { background:url(../images/tit_reserva_opina.png) no-repeat; width:297px; height:58px; float:right; } .basehomeder .modopina h3.opinaselecto { background:url(../images/tit_selecto_opina.png) no-repeat; width:297px; height:58px; float:right; } .basehomeder .modopina h3.opina1796 a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomeder .modopina h3.opinaaraku a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomeder .modopina h3.opinareserva a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomeder .modopina h3.opinaselecto a { width:130px; height:40px; display:block; cursor:pointer; padding-left:170px; } .basehomeder .modopina h3 a span {display:none; } .basehomeder .modopina .twitter { padding:5px; width:300px; height:135px; background:#666; position:relative; top:62px; left:10px; z-index:10; } .basehomeder .modopina .twitter span { width:300px; height:135px; background:#fff; display:block; position:relative; top:0px; left:0px; z-index:50;} .basehomeder .modopina .twitter h3 { background:url(../images/tit_twitter.png) no-repeat; width:42px; height:167px; float:right; position:relative; top:-80px; right:-5px; z-index:100;} .basehomeder .modopina .twitter h3 span {display:none; } .basehomeder .modopina .fb { padding:5px; width:300px; height:195px; background:#666; position:relative; top:72px; left:10px; z-index:10; } .basehomeder .modopina .fb span { width:300px; height:195px; background:#fff; display:block; position:relative; top:0px; left:0px; z-index:50;} .basehomeder .modopina .fb h3 { background:url(../images/tit_facebook.png) no-repeat; width:42px; height:143px; float:right; position:relative; top:100px; right:-45px; z-index:100; margin-top:-100px;} .basehomeder .modopina .fb h3 span {display:none; } /* --- NOTICIAS --- */ .basenewsfotos {width:667px; height:115px; float:left; position:relative; top:-1130px; left:265px;} .basenewsfotos h3{ background:url(../images/tit_news_otros.png) no-repeat; width:667px; height:22px; z-index:100; position:relative; top:90px; left:-6px;} .basenewsfotos h3 span {display:none;} .basenewsfotos span.newsfotos { z-index:20; width:637px; height:107px; vertical-align:middle; float:left; position:relative; top:4px; left:9px;} .basenewsfotos span.newsfotos img {margin-right:8px; } .basenews {width:800px; height:420px; float:left; position:relative; top:-1105px; left:125px;} .basenewsimente { margin-top:40px; padding-left:30px; width:770px; height:355px; overflow:hidden; overflow-y: scroll; } .basenews h3.basenewstit1796, .basenewsselect h3.basenewstit1796 { z-index:100; background:url(../images/tit_1796_news.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:7px; left:0px;} .basenews h3.basenewstitaraku, .basenewsselect h3.basenewstitaraku { z-index:100; background:url(../images/tit_araku_news.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:7px; left:0px;} .basenews h3.basenewstitreserva, .basenewsselect h3.basenewstitreserva { z-index:100; background:url(../images/tit_reserva_news.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:7px; left:0px;} .basenews h3.basenewstitselecto, .basenewsselect h3.basenewstitselecto { z-index:100; background:url(../images/tit_selecto_news.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:7px; left:0px;} .basenews h3.basenewstitSS1796, .basenewsselect h3.basenewstitSS1796 { z-index:100; background:url(../images/tit_1796_ss_news.png) no-repeat; float:right; width:360px; height:58px; position:relative; top:7px; left:0px;} .basenews h3.basenewstitSSaraku, .basenewsselect h3.basenewstitSSaraku { z-index:100; background:url(../images/tit_araku_ss_news.png) no-repeat; float:right; width:360px; height:58px; position:relative; top:7px; left:0px;} .basenews h3.basenewstitSSreserva, .basenewsselect h3.basenewstitSSreserva { z-index:100; background:url(../images/tit_reserva_ss_news.png) no-repeat; float:right; width:360px; height:58px; position:relative; top:7px; left:0px;} .basenews h3.basenewstitSSselecto, .basenewsselect h3.basenewstitSSselecto { z-index:100; background:url(../images/tit_selecto_ss_news.png) no-repeat; float:right; width:360px; height:58px; position:relative; top:7px; left:0px;} .basenews h3 span, .basenewsselect h3 span {display:none;} .basenews img {width:264px; height:293px; margin-right:15px; float:left; position:relative; top:41px; left:0px; } .basenews span.newstxt {z-index:20; width:505px; height:275px; position:relative; top:0px; left:0px; overflow:scroll; float:left;} .basenews span.newstxt p {padding-bottom:10px; font-size:12px; line-height:17px; color:#000; } .basenews span.newstxt p.newsttit1796 { font-size:14px; color:#266481; font-weight:bold; } .basenews span.newstxt p.newsttitaraku { font-size:14px; color:#d2592d; font-weight:bold; } .basenews span.newstxt p.newsttitreserva { font-size:14px; color:#8d6c28; font-weight:bold; } .basenews span.newstxt p.newsttitselecto { font-size:14px; color:#942e2f; font-weight:bold; } /* --- SELECTOR NOTICIAS --- */ .basenewsselect {width:775px; height:420px; float:left; position:relative; top:-1120px; left:155px;} .basenewsselect .basenewsloactual { height:165px; padding:35px 0px; } .basenewsselect .basenewsloactual img { float: left; padding: 0px 5px; } .basenewsselect .basenewsloactual p {padding-right:20px; font-size:12px; line-height:17px; color:#000; float:left; width:530px; } .basenewsselect .basenewsloactual div { float:left; width:770px; height:90px;} .basenews .basenewsimente span img { float:left; margin-right:10px; position:static; width:120px; height:120px;} .basenews .basenewsimente span img.flechas { width:20px; height:10px; float:right; } .basenews .basenewsimente span p.noticiatit1796 { float:left; font-size:12px; line-height:14px; text-align:left; color:#266481; text-transform:uppercase; height:20px; font-weight:bold; } .basenews .basenewsimente span p.noticiatitreserva { float:left; font-size:12px; line-height:14px; text-align:left; color:#8d6c28; text-transform:uppercase; height:20px; font-weight:bold; } .basenews .basenewsimente span p.noticiatitselecto { float:left; font-size:12px; line-height:14px; text-align:left; color:#942e2f; text-transform:uppercase; height:20px; font-weight:bold; } .basenews .basenewsimente span p.noticiatitaraku { float:left; font-size:12px; line-height:14px; text-align:left; color:#d2592d; text-transform:uppercase; height:20px; font-weight:bold; } .basenews .basenewsimente span p { float:right; padding-right:20px; font-size:11px; line-height:17px; text-align:left; color:#00000; width:600px;} .basenews .basenewsimente span p br { margin:14px; } .basenews .basenewsimente span p a.linkver1796 {color:#266481; float:right;} .basenews .basenewsimente span p a.linkverreserva {color:#8d6c28; float:right;} .basenews .basenewsimente span p a.linkverselecto {color:#942e2f; float:right;} .basenews .basenewsimente span p a.linkveraraku {color:#d2592d; float:right;} /* --- PODCAST Y VIDEOCAST --- */ .basepodcast {width:667px; height:115px; float:left; position:relative; top:-1131px; left:260px;} .basepodcast h3{ background:url(../images/tit_podcast.png) no-repeat; width:667px; height:22px; z-index:100; position:relative; top:90px; left:-6px;} .basepodcast h3 span {display:none;} .basepodcast span.podcast { z-index:20; padding:5px; margin-right:11px; width:292px; height:97px; vertical-align:middle; float:left; position:relative; top:4px; left:9px;} .basepodcast span.podcast img.podcastimg {margin-right:10px; width:148px; height:76px; float:left; } .basepodcast span.podcast p { padding-top:5px; font-size:11px; width:130px; height:30px; float:left; } .basepodcast span.podcast p a.podcast1796 { color:#266481; text-decoration:underline;} .basepodcast span.podcast p a.podcastaraku { color:#d2592d; text-decoration:underline;} .basepodcast span.podcast p a.podcastreserva { color:#8d6c28; text-decoration:underline;} .basepodcast span.podcast p a.podcastselecto { color:#942e2f; text-decoration:underline;} .basepodcast span.podcast p a:hover { color:#333; text-decoration:underline;} .basevideocast {width:800px; height:340px; float:left; position:relative; top:-1120px; left:125px;} .basevideocast h3.basevideocasttit1796 { z-index:100; background:url(../images/tit_1796_videocast.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:-4px; left:0px;} .basevideocast h3.basevideocasttitaraku { z-index:100; background:url(../images/tit_araku_videocast.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:-4px; left:0px;} .basevideocast h3.basevideocasttitreserva { z-index:100; background:url(../images/tit_reserva_videocast.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:-4px; left:0px;} .basevideocast h3.basevideocasttitselecto { z-index:100; background:url(../images/tit_selecto_videocast.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:-4px; left:0px;} .basevideocast h3 span {display:none;} .basevideocast .videocast {z-index:20; padding-right:10px; width:780px; height:275px; position:relative; top:0px; left:0px; overflow:scroll; float:left;} .basevideocast .videocast span { padding-bottom:15px; width:765px; height:auto; padding-bottom:15px; float:left; } .basevideocast .videocast span h5 {width:320px; height:auto; margin-right:10px; float:left; } .basevideocast .videocast span p {padding-top:5px; padding-bottom:7px; font-size:12px; line-height:16px; color:#000; width:400px; float:left; text-align:justify;} .basevideocast .videocast span p.videocasttit1796 { font-size:13px; color:#266481; font-weight:bold; } .basevideocast .videocast span p.videocasttitaraku { font-size:13px; color:#d2592d; font-weight:bold; } .basevideocast .videocast span p.videocasttitreserva { font-size:13px; color:#8d6c28; font-weight:bold; } .basevideocast .videocast span p.videocasttitselecto { font-size:13px; color:#942e2f; font-weight:bold; } .basevideocast .videocast span p a.videocast1796 { color:#266481; text-decoration:underline;} .basevideocast .videocast span p a.videocastaraku { color:#d2592d; text-decoration:underline;} .basevideocast .videocast span p a.videocastreserva { color:#8d6c28; text-decoration:underline;} .basevideocast .videocast span p a.videocastselecto { color:#942e2f; text-decoration:underline;} .basevideocast .videocast span p a:hover { color:#333; text-decoration:underline;} .basesuscribirsecast { padding:12px 0px ; width:800px; height:60px; float:left; position:relative; top:-1118px; left:120px; } .basesuscribirsecast p { padding:10px; margin-right:20px; font-size:12px; line-height:18px;text-align:left; color:#000; width:400px; height:60px; float:left; margin-left:220px; } .basesuscribirsecast img { padding:10px; float:left; } /*.basenewsfotos {width:667px; height:115px; float:left; position:relative; top:-1130px; left:265px;} .basesuscribirse { padding:12px 0px ; width:600px; height:60px; float:left; position:relative; top:-1118px; left:210px; }*/ .basesuscribirse {width:667px; height:115px; float:left; position:relative; top:-1130px; left:265px;} .basesuscribirse p { padding:20px; margin-right:50px; font-size:12px; line-height:18px;text-align:left; color:#000; width:400px; height:60px; float:left; } .basesuscribirse p a { text-decoration:none;} .basesuscribirse p a.basesuscribirse1796 { color:#266481; } .basesuscribirse p a.basesuscribirsearaku { color:#d2592d;} .basesuscribirse p a.basesuscribirsereserva { color:#8d6c28;} .basesuscribirse p a.basesuscribirseselecto { color:#942e2f;} .basesuscribirse p a:hover { color:#333; text-decoration:none;} .basesuscribirse img {padding:20px; float:left; } /* --- CALENDARIO --- */ .baseenambiente {width:667px; height:115px; float:left; position:relative; top:-1130px; left:265px;} .baseenambiente h3{ background:url(../images/tit_enambiente.png) no-repeat; width:667px; height:22px; z-index:100; position:relative; top:155px; left:-6px;} .baseenambiente h3 span {display:none;} .baseenambiente span.enambientefotos { z-index:20; width:620px; height:160px; vertical-align:middle; float:left; position:relative; top:8px; left:10px;} .baseenambiente span.enambientefotos img {margin-right:5px; } .basecalendario {width:800px; height:340px; float:left; position:relative; top:-1120px; left:125px;} .basecalendario h3.basecalendariotit1796 { z-index:100; background:url(../images/tit_1796_calend.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:57px; right:10px;} .basecalendario h3.basecalendariotitaraku { z-index:100; background:url(../images/tit_araku_calend.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:57px; right:10px;} .basecalendario h3.basecalendariotitreserva { z-index:100; background:url(../images/tit_reserva_calend.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:57px; right:10px;} .basecalendario h3.basecalendariotitselecto { z-index:100; background:url(../images/tit_selecto_calend.png) no-repeat; float:right; width:298px; height:58px; position:relative; top:57px; right:10px;} .basecalendario h3 span {display:none;} .basecalendario .basemodcalend { width:169px; height:275px; margin-right:10px; float:left; position:relative; top:123px; left:70px; } .basecalendario .basemodcalend span.modcalendfecha {padding:15px 5px; width:168px; height:85px; background:#8b8171; font-size:21px; color:#fff; text-align:center; float:left; position:relative; top:0px; left:-8px;} .basecalendario .basemodcalend span.modcalendfecha p {padding-bottom:0px; text-align:center; width:120px; height:auto; font-size:42px; font-weight:bold; float:left; position:relative; top:0px; left:25px;} .basecalendario .basemodcalend span.modcalendfecha p a { text-decoration:none; color:#FFFFFF; } .basecalendario .basemodcalend span.modcalendbox {width:177px; height:158px; background:#fff; float:right; position:relative; top:7px; left:-1px; } .basecalendario .basecalendeventos {z-index:20; width:535px; height:275px; position:relative; top:65px; left:70px; overflow:scroll; float:left;} .basecalendario .basecalendeventos span{ padding:5px; width:505px; background-color:#BCB7AB; float:left; height:100px; /* background:url(../images/bckg_calendevento.png) no-repeat; */ } .basecalendario .basecalendeventos span img {float:left; margin-right:10px; } .basecalendario .basecalendeventos span p { width:370px; height:auto; font-size:11px; line-height:14px; text-align:left; float:left; } p.calendeventostit1796 {padding:3px 0px; color:#266481;font-size:12px; text-align:left; text-transform:uppercase; float:left; } p.calendeventostitaraku {padding:3px 0px; color:#d2592d;font-size:12px; text-align:left; text-transform:uppercase; float:left; } p.calendeventostitreserva {padding:3px 0px; color:#8d6c28;font-size:12px; text-align:left; text-transform:uppercase; float:left; } p.calendeventostitselecto {padding:3px 0px; color:#942e2f;font-size:12px; text-align:left; text-transform:uppercase; float:left; } /* --- COCTELERIA --- */ .basecocteles { width:678px; height:112px; float:left; position:relative; top:-1127px; left:248px;} .basecocteles .modcocteles ul {width:670px; height:88px; list-style-type:none; display:inline; float:right; z-index:100; } .basecocteles .modcocteles ul li.modcoctelestragos {text-align:center; width:110px; height:100px; float:left; position:relative; top:5px; z-index:100; list-style-type:none;} .basecocteles .modcocteles ul li.flechas {width:20px; height:20px; float:left; position:relative; top:40px; z-index:100; list-style-type:none; } .basereceta { width:832px; height:550px; float:left; position:relative; top:-1138px; left:80px;} .basereceta h3 { width:500px; height:38px; position:relative; top:15px;left:5px; } .basereceta h3 span {display:none;} .basereceta span.receta { width:200px; height:100px; position:relative; top:20px; left:25px; float:left; } .basereceta span.receta p, .basereceta span.preparacion p {font-size:12px; color:#333; text-align:left; line-height:13px; } .basereceta span.preparacion {width:680px; height:40px; position:relative; top:250px; left:50px;float:left; } /* --- OPINA --- */ .basecomm { padding:10px; width:645px; height:133px; float:left; position:relative; top:-1129px; left:260px;} .basecomm p {padding-bottom:10px; width:400px; heigh:100px; color:#534a39; font-size:12px; float:left; } .basecomm span.nota { padding:5px 10px; background:#786f60; color:#fff; font-size:11px; width:320px; height:40px; opacity: 0.90; -moz-opacity: 0.90;filter: alpha(opacity=90); float:left; } .basecomm span.comm { width:230px; height:130px; float:right; } textarea.textareacomm { background:#fff; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; width:226px; height:96px; } .basecomm span.comm p { padding-top:5px; background:#786f60; color:#fff; font-size:18px; text-align:center; width:50px; height:15px; } .basecomm span.comm input {padding-top:10px; float:right; } .baseopina { width:738px; height:390px; float:left; position:relative; top:-1125px; left:180px;} .baseopina h3.baseopinatit1796 { background:url(../images/tit_1796_opina.png) no-repeat right; width:298px; height:58px; position:relative; top:4px; left:430px; } .baseopina h3.baseopinatitaraku { background:url(../images/tit_araku_opina.png) no-repeat right; width:298px; height:58px; position:relative; top:4px; left:430px; } .baseopina h3.baseopinatitreserva { background:url(../images/tit_reserva_opina.png) no-repeat right; width:298px; height:58px; position:relative; top:4px; left:430px; } .baseopina h3.baseopinatitselecto { background:url(../images/tit_selecto_opina.png) no-repeat right; width:298px; height:58px; position:relative; top:4px; left:430px; } .baseopina h3 span {display:none;} .baseopina .boxtwitter { margin-right:10px; width:240px; height:360px; float:left; position:relative; top:-27px; left:0px;} .baseopina .boxtwitter h4 { background:url(../images/tit_twitter_int.png) no-repeat; width:148px; height:40px; position:relative; left:50px; } .baseopina .boxtwitter h4 span {display:none;} .baseopina .boxtwitter span {background:#4c453d; padding:5px; width:230px; height:300px; float:left; } .baseopina .boxfb { margin-right:10px; width:240px; height:360px; float:left; position:relative; top:-27px; left:0px;} .baseopina .boxfb h4 { background:url(../images/tit_facebook_int.png) no-repeat; width:148px; height:40px; position:relative; left:50px; } .baseopina .boxfb h4 span {display:none;} .baseopina .boxfb span {background:#4c453d; padding:5px; width:230px; height:300px; float:left; } .baseopina .boxcomm { background:#4c453d; padding:5px; width:221px; height:300px; float:left; position:relative; top:13px; left:0px;} .baseopina .boxcomm span.boxcommgrupo { background:#4C453D; width:221px; height:280px;overflow-y:scroll; float:left; } .baseopina .boxcomm span.boxcommdet { padding:5px; background:#fff url(../images/bckg_boxcommdet.jpg) repeat-x top; font-size:11px; color:#4c453d; width:193px; height:auto; border-bottom:2px solid #4c453d; float:left; } .baseopina .boxcomm span.boxcommdet h5 {padding-bottom:4px; color:#c1272d;font-size:11px; font-weight:normal; } .baseopina .boxcomm span.boxcommdet p {color:#666;line-height:13px; } /* --- EN AMBIENTE --- */ .baseenamb { padding:9px 15px; width:635px; height:168px; float:left; position:relative; top:-1132px; left:258px;} .baseenamb h3 { background:url(../images/tit_enambiente.png) no-repeat; width:667px; height:22px; z-index:100; position:relative; top:148px; left:-14px;} .baseenamb h3 span {display:none;} .baseenamb span.modenamb { z-index:20; width:620px; height:160px; vertical-align:middle; float:left; position:relative; top:0px; left:12px;} .baseenamb span.modenamb img {margin-right:15px; float:left; } .baseenamb span.modenamb p { padding-top:20px;font-size:13px; color:#000; line-height:18px; width:400px; height:130px; float:left; } .evento_enamb { width:760px; height:325px; float:left; position:relative; top:-1110px; left:157px;} .evento_enamb span.enammod { margin-right:52px; border:0px solid #f30; width:210px; height:300px; float:left; } .evento_enamb span.enammod p a {font-size:12px; width:210px; height:auto;} .evento_enamb span.enammod p a:link, .evento_enamb span.enammod p a:visited, .evento_enamb span.enammod p a:active {color: #000000; text-decoration:none;} .evento_enamb span.enammod p a:hover {color: #000000; text-decoration:underline;} .evento_enamb span.enammod a {width:210px; height:251px; display:block; cursor:pointer; } .evento_enamb span.enammod a img {width:210px; height:251px; position:relative; top:13px; border: 6px solid #918776; } .evento_enamb span.enambtn { padding-top:5px; text-align:center; width:760px; heigth:20px; float:left; } .evento_enamb span.enambtn img {width:78px; height:19px; } .evento_enamb span.enammod p a.basesuscribirse1796 { color:#266481; } .evento_enamb span.enammod p a.basesuscribirsearaku { color:#d2592d;} .evento_enamb span.enammod p a.basesuscribirsereserva { color:#8d6c28;} .evento_enamb span.enammod p a.basesuscribirseselecto { color:#942e2f;} .evento_enamb span.enammod p a:hover { color:#333; text-decoration:underline;} .evento_enambint { width:790px; height:290px; float:left; position:relative; top:-1088px; left:138px; } .evento_enambint img.enambintimg {width:210px; height:251px; float:left; margin-right:10px; border: 6px solid #918776; } .evento_enambint p { font-size:12px; color:#000; width:550px; height:60px; float:left; } .evento_enambint p a.basesuscribirse1796 { color:#266481; } .evento_enambint p a.basesuscribirsearaku { color:#d2592d;} .evento_enambint p a.basesuscribirsereserva { color:#8d6c28;} .evento_enambint p a.basesuscribirseselecto { color:#942e2f;} .evento_enambint p a:hover { color:#333; text-decoration:underline;} .evento_enambint ul {width:550px; height:200px; margin-bottom:20px; float:left; list-style-type:none; display:inline; overflow:hidden; overflow-y:scroll } .evento_enambint ul li {width:120px; height:90px; margin-right:10px; padding-bottom:15px; float:left; list-style-type:none; display:inline;} .evento_enambint ul li img {border: 2px solid #918776;} /* --- REGISTRO --- */ .bannreg { width:662px; height:111px; position:relative; top:-1129px; left:262px; } .basereg1796 {background:url(../images/pic_registro1796.png) no-repeat; width:825px; height:430px; position:relative; top:-547px; left:95px;} .basereg1796 h3{ background:url(../images/tit_1796_unete.png) no-repeat; width:250px; height:60px; position:relative;top:12px; left:70px; } .baseregaraku {background:url(../images/pic_registroaraku.png) no-repeat; width:825px; height:430px; position:relative; top:-547px; left:95px;} .baseregaraku h3{ background:url(../images/tit_araku_unete.png) no-repeat; width:250px; height:60px; position:relative;top:12px; left:70px; } .baseregreserva {background:url(../images/pic_registroreserva.png) no-repeat; width:825px; height:430px; position:relative; top:-547px; left:95px;} .baseregreserva h3{ background:url(../images/tit_reserva_unete.png) no-repeat; width:250px; height:60px; position:relative;top:12px; left:70px; } .baseregselecto {background:url(../images/pic_registroselecto.png) no-repeat; width:825px; height:430px; position:relative; top:-547px; left:95px;} .baseregselecto h3{ background:url(../images/tit_selecto_unete.png) no-repeat; width:250px; height:60px; position:relative;top:12px; left:70px; } .basereg1796 h3 span, .baseregaraku h3 span, .baseregreserva h3 span, .baseregselecto h3 span {display:none;} fieldset.registro { width:300px; height:360px; float:left; position:relative;top:10px; left:-130px; } fieldset.dos { top:-350px; left:200px; } fieldset.registro legend {display:none;} fieldset.registro p {padding:4px 5px 11px; font-size:11px; color:#000; width:290px; height:16px; float:left;} fieldset.registro p.txterror { padding:1px 5px 1px 15px; text-align:right; font-size:9px; color:#f30; width:260px; height:7px; float:left;} fieldset.registro p label {padding-top:3px; width:120px; margin-right:5px; float:left; } fieldset.registro p a {color:#000; text-decoration:underline; } fieldset.registro p a:hover {color:#666; text-decoration:underline; } input.inputreg { background:#fff; border:1px solid #999; padding:2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; width:146px; height:14px; } input.radioreg {vertical-align:middle; margin-right:3px; } input.checkreg {vertical-align:middle; margin-right:3px; } select.selectreg { background:#fff; border:1px solid #999; padding:2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; width:150px; height:20px; } /* --- CATA VIRTUAL --- */ .catavtxt { padding:20px 10px 0px 10px; width:640px; height:120px; float:left; position:relative; top:-554px; left:-42px; } .catavtxt p {padding-bottom:8px; font-size:12px; line-height:18px; width:644px; height:auto;} .catavinfo { width:907px; height:405px; position:relative; top:-406px; left:18px; } .catavinfo h3 {background:url(../images/tit_catavirtual.png) no-repeat; width:230px; height:45px; position:relative; top:20px; left:120px;} .catavinfo h3 span {display:none;} .catavinfo span.catavideo { width:450px; height:370px; float:left; position:relative; top:-130px; left:145px;} .catavinfo span.catavideo h4 {/*width:450px; height:315px; */float:left; } .catavinfo span.catavideo h4 span {display:none;} .catavinfo span.catavideo p {width:450px; height:auto; text-align:right; } .catavinfo span.cataform {background: transparent url(../images/bckg_fondo_catav_form.png) no-repeat; width:450px; height:370px; float:left; position:relative; top:-135px; left:145px; } .catavinfo span.cataform fieldset.catav { padding-top:10px; padding-left:10px; width:440px; height:330px; float:left; } .catavinfo span.cataform fieldset.catav legend {display:none;} .catavinfo span.cataform fieldset.catav p {text-align:left; padding:2px 5px; font-size:11px; color:#000; width:400px; /*height:16px;*/ float:left;} .catavinfo span.cataform fieldset.catav p.txterror { padding:1px 5px 1px 15px; text-align:right; font-size:9px; color:#f30; width:260px; height:7px; float:left;} .catavinfo span.cataform fieldset.catav p label {padding-left:60px; padding-top:3px; width:400px; float:left; } .catavinfo span.cataform fieldset.catav p a {color:#000; text-decoration:underline; } .catavinfo span.cataform fieldset.catav p a:hover {color:#666; text-decoration:underline; } .catavinfo span.cataform fieldset.catav p label.catavtit {padding-left:20px; padding-top:3px; width:400px; float:left; } /* --- BENEFICIOS --- */ .benetxt { padding:20px 10px 0px 10px; width:640px; height:120px; float:left; position:relative; top:-540px; left:-32px; } .benetxt p {padding-bottom:8px; font-size:12px; line-height:18px; width:644px; height:auto;} .beneinfo { width:907px; height:405px; position:relative; top:-406px; left:18px; } .beneinfo h3.benetit_1796 {background: url(../images/ic_beneficios_1796.png) no-repeat; width:230px; height:60px; position:relative; top:2px; left:120px; z-index:200;} .beneinfo h3.benetit_reserva {background: url(../images/ic_beneficios_reserva.png) no-repeat; width:230px; height:60px; position:relative; top:2px; left:120px;z-index:200;} .beneinfo h3.benetit_selecto {background: url(../images/ic_beneficios_selecto.png) no-repeat; width:230px; height:60px; position:relative; top:2px; left:120px;z-index:101;} .beneinfo h3.benetit_araku {background: url(../images/ic_beneficios_araku.png) no-repeat; width:230px; height:60px; position:relative; top:2px; left:120px;z-index:200;} .beneinfo h3 span {display:none;} .beneinfo div.benecontent { width:830px; height:360px; position:relative; top:-530px; left:76px; overflow:hidden; overflow-y:scroll;} input.highlight { background:#FFEBE8 none repeat scroll 0 0; border:1px dotted #C1272D; } div#contenedorMensaje { color:#333333; font-size:11px; text-align:center; float:left; height:18px; left:-80px; position:relative; top:0px; width:500px; padding-top:3px; } div#mensaje, div#mensajeComparte, div#mensajeIniciarSesion { background:#FFEBE8 none repeat scroll 0 0; border:1px dotted #C1272D; color:#333333; font-size:11px; text-align:center; height:18px; width:500px; padding-top:3px; } div#mensajeLogin, div#mensajePass { background:#FFEBE8 none repeat scroll 0 0; border:1px dotted #C1272D; color:#333333; font-size:11px; margin-bottom:10px; padding-top:3px; } div#mensajeComparte { margin:0px 63px 0px 340px; width:280px; text-align:center; padding-bottom:5px; padding-right:5px; } div#mensajeMuro { background:#FFEBE8 none repeat scroll 0 0; border:1px dotted #C1272D; color:#333333; font-size:11px; float:left; width:400px; height:23px; text-align:center; padding-top:5px; margin-top:15px; } div#mensajeIniciarSesion { float:left; margin-left:2px; margin-top:25px; margin-bottom:auto; width:320px; padding-bottom: 3px; } div#usuarioRegistradoDiv { float:left; font-size:12px; left:-50px; position:relative; text-align:justify; top:10px; width:420px; } div#mensajeCata { background:#FFEBE8 none repeat scroll 0 0; border:1px dotted #C1272D; color:#333333; float:left; font-size:11px; height:18px; margin-left:20px; padding-top:3px; text-align:center; width:385px; } #contactUs {background: transparent url(../images/hover.png) no-repeat; width:215px; height:65px; padding:5px; float:left; position:relative; margin-top:-85px; margin-left:-80px; z-index:300} #contactUs p span {width:55px; float: left; font-weight:bold; color:#666666;} #contactUs a {color:#666666; text-decoration:none; line-height:15px;} .copy ul li a div#contactUs {display:none; color:#666666;} .copy ul li a:hover div#contactUs {display:block; color:#333333; text-decoration:none;} /********************* *** RECETAS SUMITO *** *********************/ #twitter { position: absolute; display:block; width: 112Px; height: 146Px; background-image: url(../images/sumito/sumito_twitter.png); z-index: 100; top: 69Px; right: 59Px; } #recetas_sumito { width: 385Px; height: 369Px; display: block; position: absolute; top: 236Px; left: 274Px; z-index: 1000; } #receta_sumito { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; font-size: 12px; width: 361Px; height: 306Px; display: block; position: relative; padding: 12Px; overflow: auto; background-image: url(../images/sumito/bg_receta.png); background-repeat: repeat; } #receta_sumito h1 { color:#d2592d; font-size: 18Px; } #recetas_sumito ul.paginador { padding: 0Px; margin: 0Px; display: block; position: absolute; width: 154Px; height: 18Px; list-style: none; top: 346Px; left: 102Px; } #recetas_sumito ul.paginador li { display: block; position: relative; float: left; margin-right: 4Px; width:18Px; } #recetas_sumito ul.paginador li a { display: table-cell; vertical-align: middle; text-align: center; width: 18Px; height: 18Px; overflow: hidden; font-size: 12Px; } #recetas_sumito ul.paginador li.num a { color: #FFF; text-decoration: none; background-color:#d2592d; } #recetas_sumito ul.paginador li.num a:hover { background-color:#9b3e1e; } #recetas_sumito ul.paginador li.on a,#recetas_sumito ul.paginador li.on a:hover { background-color:#666666; } #recetas_sumito ul.paginador li.arrowl a, #recetas_sumito ul.paginador li.arrowr a { background-image: url(../images/sumito/arrow_left.gif); background-repeat: no-repeat; background-position: center center; text-indent: -900Px; } #recetas_sumito ul.paginador li.arrowr a { background-image: url(../images/sumito/arrow_right.gif); } #twitter_wid { width: 302Px; height: 78Px; position: absolute; display: block; right: 143Px; top: 120Px; } /*div { border: 1px solid #000 }*/ /********************* *** RECETAS SUMITO *** *********************/ #twitter { position: absolute; display:block; width: 112Px; height: 146Px; background-image: url(../images/sumito/sumito_twitter.png); z-index: 100; top: 69Px; right: 59Px; } #recetas_sumito,#contenidosumitohome #sumitocast { width: 385Px; height: 369Px; display: block; position: absolute; top: 236Px; left: 274Px; z-index: 1000; } #receta_sumito { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #333; font-size: 12Px; width: 361Px; height: 306Px; display: block; position: relative; padding: 12Px; overflow: auto; background-image: url(../images/sumito/bg_receta.png); background-repeat: repeat; } #receta_sumito h1 { color:#d2592d; font-size: 18Px; } #recetas_sumito ul.paginador { padding: 0Px; margin: 0Px; display: block; position: absolute; width: 154Px; height: 18Px; list-style: none; top: 346Px; left: 102Px; } #recetas_sumito ul.paginador li { display: block; position: relative; float: left; margin-right: 4Px; width:18Px; } #recetas_sumito ul.paginador li a { display: table-cell; vertical-align: middle; text-align: center; width: 18Px; height: 18Px; overflow: hidden; font-size: 12Px; } #recetas_sumito ul.paginador li.num a { color: #FFF; text-decoration: none; background-color:#d2592d; } #recetas_sumito ul.paginador li.num a:hover { background-color:#9b3e1e; } #recetas_sumito ul.paginador li.on a,#recetas_sumito ul.paginador li.on a:hover { background-color:#666666; } #recetas_sumito ul.paginador li.arrowl a, #recetas_sumito ul.paginador li.arrowr a { background-image: url(../images/sumito/arrow_left.gif); background-repeat: no-repeat; background-position: center center; text-indent: -900Px; } #recetas_sumito ul.paginador li.arrowr a { background-image: url(../images/sumito/arrow_right.gif); } #twitter_wid { width: 302Px; height: 78Px; position: absolute; display: block; right: 143Px; top: 120Px; } /************************** *** RECETAS SUMITO HOME *** **************************/ #contenidosumitohome { background-image:url(../images/sumito/bckg_contenedor_sumito_araku.jpg); } #contenidosumitopodcast { background-image:url(../images/sumito/bckg_contenedor_sumito_podcast_araku.jpg); } #contenidosumitohome #recetas_sumito, #contenidosumitohome #sumitocast, #contenidosumitopodcast #recetas_sumito, #contenidosumitopodcast #sumitocast { width: 460Px; font-size: 13px; top: 242Px; height:auto; } #contenidosumitohome #sumitocast, #contenidosumitopodcast #sumitocast { top: 400Px; } #click_recetas { top: 250Px; left: 690Px; width: 210Px; height: 100Px; position:absolute; overflow: hidden; z-index: 30000000; } #click_recetas a { display: block; width: 210Px; height: 100Px; overflow: hidden; text-indent: -900Px; } #recetas_sumito a:link, #recetas_sumito a:visited, #recetas_sumito a:active { color:#000; text-decoration:none; } #recetas_sumito a:hover { color:#BF6342; text-decoration:none; } /** NUEVOS PODCAST SUMITO **/ #podcast_iTunes_tab { width: 600px; display: block; position: absolute; top: 145px; left: 274Px; z-index: 1000; font-size:12px; } #podcast_iTunes_tab div { width:400px; float:left; padding-right:40px; } #podcast_iTunes_tab img { float:left; } #podcast_main { width: 610px; height:330px; display: block; position: absolute; top: 235px; left: 274Px; z-index: 1000; font-size:12px; overflow-y:scroll; } #podcast_main img { margin-bottom:10px; } #podcast_main .podcast { float:left; width:255px;} #podcast_main .texto { float:left; width:330px; } #podcast_main .texto a { color:#D2592D; text-decoration:none; } #podcast_main .texto h2 { font-size:14px; margin-bottom:10px; color:#D2592D; font-weight:bold; } #boton_volver { width: 610px; position:absolute; top:577px; left:274px; text-align:right; margin:4px 0px; font-weight:bold; } #boton_volver a { color:#BF6342; text-decoration:none; } #boton_volver a:hover { } #recetas_sumito a { color:#000; text-decoration:none; } #recetas_sumito a:hover { color:#BF6342; text-decoration:none; } #podcast_sumito { width: 450px; display: block; position: absolute; top: 400px; left: 274Px; z-index: 1000; font-size:12px; } #podcast_sumito img { float:left; } #podcast_sumito div { float:left; width:205px; padding-left:10px; } #podcast_sumito a:link, #podcast_sumito a:visited, #podcast_sumito a:active { color:#000; text-decoration:none; } #podcast_sumito a:hover { color:#BF6342; text-decoration:none; } #podcast_sumito .sumitocast_invisible { display: block; float:left; width:230px; height:60px; } /******************* *** MUNDIAL 2010 *** ********************/ #contenidomundial {background:url(../images/mundial/fondo_home.jpg) no-repeat; background-position: 0px 0px; width: 955px; height:600px;} #contenidomundial #iniciarSesion { height:70px; } #contenidomundial #iniciarSesion #iniciar-sesion-div { padding:0px; } #contenidomundial #iniciarSesion div { width: auto; height:60px; float:left; text-align:left; padding:10px 10px 0px 0px; font-size:10px; color:#FFF; } #contenidomundial #iniciarSesion input.inputreg { background:url(../images/mundial/campo_usuario.png) no-repeat; behavior: url(iepngfix.htc); width: 90px; height:17px; padding:3px 5px; color:#000; font-size:10px; border: 1px solid transparent;} #contenidomundial #iniciarSesion span.highlight { height:40px; padding-top:7px; color:#F00; float:left; } #contenidomundial #iniciarSesion #logoutLink { color:#F00; text-decoration:none; } #contenidomundial #iniciarSesion #logoutLink:hover { color:#F00; text-decoration:underline; } #contenidomundial #central { height:430px; } #contenidomundial #botonera { height:80px; text-align:right; padding-right:100px;} #contenidomundial .copy { height:20px; position: inherit; top:auto; } #separador { float:left; width:100%; height:10px; } #contenidomundial #calendario { height:430px; padding:0px 50px 0px 300px; } #contenidomundial #calendario #imgCalendario { background:url(../images/mundial/px_relleno1.png) repeat-x; behavior: url(iepngfix.htc); height:168px; text-align:left; padding-left:4px;} #contenidomundial #calendario #imgCalendario span { font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:16px; padding-bottom:10px; display:block; } #contenidomundial #calendario #flechas { float:right; text-align:center; width:409px;} #contenidomundial #calendario #flechas #btnSig, #contenidomundial #calendario #flechas #btnAnt, #contenidomundial #quiniela #flechas #btnSig, #contenidomundial #quiniela #flechas #btnAnt { padding:5px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:14px; } #contenidomundial #calendario #flechas a, #contenidomundial #quiniela #flechas a { color:#000; text-decoration: none; background-color:#FFF;} #contenidomundial #calendario #flechas a:hover, #contenidomundial #quiniela #flechas a:hover { color:#FFF; text-decoration: none; background-color:#000;} #contenidomundial #quiniela #flechas { text-align:right; width:510px; padding-right:20px;} #contenidomundial #quiniela { height:430px; padding: 0px 50px 0px 284px} #contenidomundial #quiniela #imgQuiniela { background:url(../images/mundial/cuadro_quiniela.png) no-repeat; behavior: url(iepngfix.htc); background-position: 0 62px; width:510px; height:229px; text-align:left; padding-left:4px; padding-bottom:20px;} #contenidomundial #quiniela #imgQuiniela #tableQuiniela { width:510px; height:229px; text-align:left;} #contenidomundial input.quinielaInput { width:28px; height:15px; background-color: transparent; text-align:center; font-size:10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin:3px; } #contenidomundial #iniciarSesion #mensajeLogin { color:#F00; padding: 5px; width:auto; height:auto; margin-top:10px; background-color:transparent; border:0px; } #contenidomundial-registro {background:url(../images/mundial/fondo_internas.jpg) no-repeat; background-position: 0px 0px; width: 955px; height:600px;} #contenidomundial-registro #rg { background:url(../images/mundial/borde_der.png) no-repeat;behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial-registro #centro { background:url(../images/mundial/px_relleno.png) repeat-x; behavior: url(iepngfix.htc); width:600px; height:400px; float:right; text-align:left; } #contenidomundial-registro #iz { background:url(../images/mundial/borde_izq.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #ranking { height:430px; padding:0px 60px 0px 520px; } #contenidomundial #ranking #rg { background:url(../images/mundial/borde_der.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #ranking #centro { background:url(../images/mundial/px_relleno.png) repeat-x; behavior: url(iepngfix.htc); width:315px; height:400px; float:right; } #contenidomundial #ranking #iz { background:url(../images/mundial/borde_izq.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #ranking #tit { width:156px; float:left; padding: 10px 0px; font-size:16px; font-weight:bold; text-align:center; border-bottom: 1px solid #000; } #contenidomundial #terminos, #contenidomundial #terminos205 { height:430px; padding:0px 60px 0px 400px; } #contenidomundial #terminos #rg, #contenidomundial #terminos205 #rg { background:url(../images/mundial/borde_der.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #terminos #centro, #contenidomundial #terminos205 #centro { background:url(../images/mundial/px_relleno.png) repeat-x; behavior: url(iepngfix.htc); width:315px; height:400px; float:right; } #contenidomundial #terminos #iz, #contenidomundial #terminos205 #iz { background:url(../images/mundial/borde_izq.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #terminos ol, #contenidomundial #terminos205 ol {list-style-type: decimal; list-style-position:inside; font-weight:bold; } #contenidomundial #terminos ol span, #contenidomundial #terminos205 ol span {font-weight:normal;} #contenidomundial #terminos li, #contenidomundial #terminos205 li {padding:5px;} #contenidomundial #terminos ol a, #contenidomundial #terminos205 ol a { color:#000; text-decoration:none; font-weight:bold;} #contenidomundial #terminos ol a:hover, #contenidomundial #terminos205 ol a:hover { color:#000; text-decoration:underline;} #contenidomundial #mecanica { height:430px; padding:0px 60px 0px 400px; } #contenidomundial #mecanica #rg { background:url(../images/mundial/borde_der.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #mecanica #centro { background:url(../images/mundial/px_relleno.png) repeat-x; behavior: url(iepngfix.htc); width:315px; height:400px; float:right; } #contenidomundial #mecanica #iz { background:url(../images/mundial/borde_izq.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #mecanica ol {list-style-type: decimal; list-style-position:inside; font-weight:bold; } #contenidomundial #mecanica ol span {font-weight:normal;} #contenidomundial #mecanica li {padding:5px;} #contenidomundial #mecanica ol a { color:#000; text-decoration:none; font-weight:bold;} #contenidomundial #mecanica ol a:hover { color:#000; text-decoration:underline;} #contenidomundial #premios { height:430px; padding:0px 60px 0px 400px; } #contenidomundial #premios #rg { background:url(../images/mundial/borde_der.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #premios #centro { background:url(../images/mundial/px_relleno.png) repeat-x; behavior: url(iepngfix.htc); width:315px; height:400px; float:right; } #contenidomundial #premios #iz { background:url(../images/mundial/borde_izq.png) no-repeat; behavior: url(iepngfix.htc); width:30px; height:400px; float:right; } #contenidomundial #galeria { height:430px; padding:0px 60px 0px 400px; } #contenidomundial #subirfoto { height:430px; padding:0px 60px 0px 250px; } #contenidomundial #subirfoto #mensajeFoto { background:#FFEBE8 none repeat scroll 0 0; border:1px dotted #C1272D; color:#333333; font-size:11px;margin-bottom:10px; padding-top:3px; } #contenidomundial #vergaleria { height:430px; padding:0px 60px 0px 250px; } /*#contenidomundial #quiniela #imgQuiniela #tableQuiniela td { border:1px solid #F00}*/ /*div { border: 1px solid #F00 }*/