/* ============================================================================= Jorge Rigabert: www.jorgerigabert.com ========================================================================== */ /* ============================================================================= RESETS ========================================================================== */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, img{ display: block; } figure{ margin:0;} audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, section, nav, img{ margin: 0; padding: 0; } mark, rp, rt, ruby, summary, time{ display: inline; } body{ background:#000; color:#000;} input, textarea{ outline: none; resize: none; border: none; border: 0; } a{ text-decoration: none; outline: none; } a.active{ outline: none; } .none{ display: none; } .float-left{ float: left; } .float-right{ float: right; } .clearleft{ clear:left; } .align-left{ text-align: left; } .align-center{ text-align: center; } .align-right{ text-align: right; } .color{ color:#4A8A00;} .color-2{ color:#FF9103;} table{ border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; } fieldset, img{ border: 0; } address, caption, cite, code, dfn, em, /*strong,*/ th, var, optgroup{ font-style:inherit; font-weight:inherit; } li{ list-style: none; } h1, h2, h3, h4, h5, h6{ font-size: 100%; } input, button, textarea, select, optgroup, option{ font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } select, input, button, textarea, button{ font: 100% arial, helvetica, clean, sans-serif; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } textarea { resize: vertical;} .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } .ie7 .title { padding-top: 20px; } /* ============================ General ============================ */ body{ font-family:Helvetica, Arial, sans-serif; font-size:12px; line-height:18px; font-weight:400; } #bg{ position:fixed; top:0; left:0; } .bgwidth{ width:100%; } .bgheight{ height:100%; } a{ color:#000; } .linkexterno { background: url("../images/linkexterno.png") no-repeat scroll right center transparent; padding-right: 1.5em; } span.negrita{ font-weight: bold; } span.cursiva{ font-style: italic; } span.subrayado{ text-decoration: underline; } .relative {position:relative;} .mapa-web a {color:#fff;} .mapa-web ul {margin-bottom:1em;} .wrapper{ /*width:1040px;*/ margin:0 auto; text-align:left; } .search-box, footer .col{ -webkit-border-radius:3px; border-radius:3px; } footer .col .column:first-child{ margin-left: 5px; } .turistas a, .convention a, .prensa a, .perfil .on{ -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } /* Newsletter */ .home-sleep, .home-see-and-do, .home-my-bilbao, .home-gastronomy, .home-about-the-city, .home-shopping, .home-surroundings, .home-friendships, .home-see-and-do article, .home-see-and-do img, #nav li.gastronomy .dropdown a, .sec-info, .x3, .x3-end, #nav li ul li a, .sec-title-2, .x-image, .list-menu a, img, .x3.special img, .btn, .form-my-bilbao-2 input[type=submit], #about-the-city-content form input[type=submit], .form-my-bilbao-2 input[type=button], #about-the-city-content form input[type=button], .x-image.justface img, .pagination a, .nws, .home-big article{ -webkit-border-radius:5px; border-radius:5px; } .col-pdf, .col .column:first-child.col-pdf .alr.alr-100 img, .alr2 img, div.img-pdf img { -webkit-border-radius:15px; border-radius:15px; } .col-pdf img{ -webkit-border-radius:15px; border-radius:0 15px 15px 0; } /*CAMBIOS TAMARA .col .column{ float:left; margin-left:18px; }*/ .home-sleep img, .home-see-and-do img, .home-my-bilbao img, .home-gastronomy img, .home-about-the-city img, .home-shopping img, .home-surroundings img, .home-friendships img, #nav li.gastronomy .dropdown a img, #nav li ul li img{ -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; } #nav li ul,.x-image div, .list-menu li ul, .list-menu ul li:last-child a, .rojo-bg-special{ -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; } /* Newsletter */.x3 img, .x-image img, .nws img, .social{ -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .home-sleep a.no-padding, .home-see-and-do a.no-padding, .home-my-bilbao a.no-padding, .home-gastronomy a.no-padding, .home-about-the-city a.no-padding, .home-shopping a.no-padding, .home-surroundings a.no-padding, .home-friendships a.no-padding{ padding:0; } .margin-left{margin-left:2em;} .margin-top{margin-top:2em;} .btn{ display:inline-block; font-size:14px; padding:8px 15px 6px; margin:-10px 0 5px; font-weight:700; } .btn.btn-alt{ font-size:13px; color:#fff; padding:6px 15px 4px; margin:12px 0; } .negro, .negro a{ color:#000; } .negro-bg{ background:#202020; background:rgba(0,0,0,0.85); } .blanco, .blanco a{ color:#fff; } .blanco-bg{ background:#FAFAFA; background:rgba(255,255,255,0.9); } .naranja, .naranja a, .rating-w-fonts.naranja li, .cuaderno-viaje a.naranja{ color:#F98824; } .naranja-bg{ background:#F2923E; background:rgba(249, 136, 36, 0.85); } .fucsia, .fucsia a, .rating-w-fonts.fucsia, .cuaderno-viaje a.fucsia{ color:#e8079b; } .fucsia-bg{ background:#D0108D; background:rgba(232, 7, 155, 0.85); } .turquesa, .turquesa a, .list-subsection a.turquesa, .cuaderno-viaje a.turquesa{ color:#06b6b8; } .turquesa-bg{ background:#2CD1D1; background:rgba(8, 202, 202, 0.85); } .list-menu a.turquesa-bg{ background:#06b6b8; /*color:#fff;*/ color:#000; } .turquesa-2, .turquesa-2 a, .cuaderno-viaje a.turquesa-2{ color:#008ba2; } .turquesa-2-bg{ background:#0C8393; background:rgba(0, 139, 162, 0.85); } .list-menu a.turquesa-2-bg{ background:#008ba2; /*color:#fff;*/ color:#000; } .convention, .convention a, .cuaderno-viaje a.convention{ color:#57b901; } .convention-bg{ background:#57b901; background:rgba(87, 185, 1, 0.85); } .list-menu a.convention-bg{ background:#57b901; color:#000; } .amarillo, .amarillo a, .cuaderno-viaje a.amarillo{ color:#e3bf16; } .amarillo-bg{ background:#E1C433; background:rgba(227, 191, 22, 0.85); } .azul, .azul a, .cuaderno-viaje a.azul{ color:#779fbd; } .azul-bg{ background:#678AA5; background:rgba(119, 159, 189, 0.85); } .marino, .marino a, .cuaderno-viaje a.marino{ color:#6B80B9; } .marino-bg{ background:#6B80B9; } .rojo, .rojo a, .perfil .rojo, .cuaderno-viaje a.rojo{ /*color:#D8001D;*/ color:#D8001D; } .rojo-bg{ background:#B9011A; background:rgba(216, 0, 29, 0.85); } .list-menu a.rojo-bg{ background:#D8001D; color:#fff; } .rojo-bg-special{ clear:both; background:#B9011A; background:rgba(216, 0, 29, 0.85); margin:0 0 0 -12px; padding:18px; width:94%; height:86px; } .verde, .verde a, .perfil .verde, .cuaderno-viaje a.verde {color:#34EA63;} .verde-bg{ background:#34EA63; background:rgba(52, 234, 99, 0.85); } #sleep-content h1{color: #E8079B;} #sleep-content .sec-bg{background:#D0108D;background:rgba(232, 7, 155, 0.85);} #sleep-content .sec-color, #sleep-content .sec-color a, #sleep-content .rating-w-fonts.sec-color li, #sleep-content .cuaderno-viaje a.sec-color{color:#e8079b;} #sleep-content .sec-bg{background:#D0108D;background:rgba(232, 7, 155, 0.85);} #sleep-content .mCSB_dragger_bar{background:#D0108D;color:#fff;} #sleep-content .content-desc p a:link, #sleep-content .content-desc p a:visited{color:#E8079B;} #see-and-do-content h1{color: #06b6b8;} #see-and-do-content .sec-bg{background:rgba(8, 202, 202, 0.85);} #see-and-do-content .sec-color, #see-and-do-content .sec-color a,#see-and-do-content .list-subsection a.sec-color, #see-and-do-content .cuaderno-viaje a.sec-color {color: #06B6B8;} #see-and-do-content .list-menu a.sec-bg{background:#06b6b8;color:#fff;} #see-and-do-content .mCSB_dragger_bar{background:#06b6b8;color:#fff;} #see-and-do-content .content-desc p a:link, #see-and-do-content .content-desc p a:visited{color:#06b6b8;} #see-and-do-content-special h1{color: #06b6b8;} #see-and-do-content-special .sec-bg{background:rgba(8, 202, 202, 0.85);} #see-and-do-content-special .sec-color, #see-and-do-content-special .sec-color a,#see-and-do-content-special .list-subsection a.sec-color, #see-and-do-content-special .cuaderno-viaje a.sec-color {color: #06B6B8;} #see-and-do-content-special .list-menu a.sec-bg{background:#06b6b8;color:#fff;} #see-and-do-content-special .content-desc p a:link, #see-and-do-content-special .content-desc p a:visited{color:#06b6b8;} #my-bilbao-content h1{color: #D8001D;} #my-bilbao-content .sec-bg{background:#B9011A;background:rgba(216, 0, 29, 0.85);} #my-bilbao-content .sec-color, #my-bilbao-content .sec-color a, #my-bilbao-content .perfil .sec-color, #my-bilbao-content .cuaderno-viaje a.sec-color{color:#D8001D;} #my-bilbao-content .list-menu a.sec-bg{background:#D8001D;color:#fff;} #my-bilbao-content .mCSB_dragger_bar{background:#D8001D;color:#fff;} #my-bilbao-content .content-desc p a:link, #my-bilbao-content .content-desc p a:visited{color:#D8001D;} #pdf-content .sec-color, #pdf-content .sec-color a, #pdf-content .cuaderno-viaje a.sec-color{color:#D8001D;} #gastronomy-content h1{color: #F98824;} #gastronomy-content .sec-color, #gastronomy-content .sec-color a, #gastronomy-content .rating-w-fonts.sec-color li, #gastronomy-content .cuaderno-viaje a.sec-color{color:#F98824;} #gastronomy-content .sec-bg{background:#F2923E;background:rgba(249, 136, 36, 0.85);} #gastronomy-content .list-menu a.sec-bg{background:#F2923E;color:#fff;} #gastronomy-content .mCSB_dragger_bar{background:#F2923E;color:#fff;} #gastronomy-content .content-desc p a:link, #gastronomy-content .content-desc p a:visited{color:#F98824;} #about-the-city-content h1{color: #E3BF16;} #about-the-city-content .sec-color, #about-the-city-content .sec-color a, #about-the-city-content .cuaderno-viaje a.sec-color{color:#e3bf16;} #about-the-city-content .sec-bg{background:#E3BF16;background:rgba(227, 191, 22, 0.85); color:#ffffff !important;} #about-the-city-content .mCSB_dragger_bar{background:#E3BF16;color:#fff;} #about-the-city-content .content-desc p a:link, #about-the-city-content .content-desc p a:visited{color:#E3BF16;} #prensa-content h1{color: #C00A23;} #prensa-content .sec-color, #prensa-content .sec-color a, #prensa-content .cuaderno-viaje a.sec-color{color:#C00A23;} #prensa-content .sec-bg{background:#C00A23;background:rgba(0, 139, 162, 0.85);} #prensa-content .list-menu a.sec-bg{background:#C00A23;color:#fff;} #prensa-content .mCSB_dragger_bar{background:#C00A23;color:#fff;} #prensa-content .content-desc p a:link, #prensa-content .content-desc p a:visited{color:#C00A23;} #shopping-content h1{color: #34EA63;} #shopping-content .sec-color, #shopping-content .sec-color a, #shopping-content .rating-w-fonts.sec-color li, #shopping-content .cuaderno-viaje a.sec-color{color:#34EA63;} #shopping-content .sec-bg{background:#34EA63;background:rgba(52, 234, 99, 0.85);color:#fff !important;} #shopping-content .mCSB_dragger_bar{background:#34EA63;color:#fff;} #shopping-content .content-desc p a:link, #shopping-content .content-desc p a:visited{color:#34EA63;} #convention-content h1{color: #57b901;} #convention-content .sec-color-2, #convention-content .sec-color-2 a, #convention-content .cuaderno-viaje a.sec-color-2{color:#57b901;} #convention-content .sec-2-bg{background:#57b901;background:rgba(87, 185, 1, 0.85);} #convention-content .list-menu a.sec-bg{background:#57b901;color:#fff;} #convention-content .content-desc p a:link, #convention-content .content-desc p a:visited{color:#57b901;} #surroundings-content h1{color: #779fbd;} #surroundings-content .sec-bg{background:rgba(119, 159, 189, 0.85);} #surroundings-content .sec-color, #surroundings-content .sec-color a,#surroundings-content .list-subsection a.sec-color, #surroundings-content .cuaderno-viaje a.sec-color {color: #779fbd;} #surroundings-content .list-menu a.sec-bg{background:#779fbd;color:#fff;} #surroundings-content .mCSB_dragger_bar{background:#779fbd;color:#fff;} #surroundings-content .content-desc p a:link, #surroundings-content .content-desc p a:visited{color:#779fbd;} #friendships-content h1{color: #6B80B9;} #friendships-content .sec-bg{background:#6B80B9;} #friendships-content .sec-color, #friendships-content .sec-color a, #friendships-content .cuaderno-viaje a.sec-color{color:#6B80B9;} #friendships-content .list-menu a.sec-bg{background:#6B80B9;color:#fff;} #friendships-content .mCSB_dragger_bar{background:#6B80B9;color:#fff;} #friendships-content .content-desc p a:link, #friendships-content .content-desc p a:visited{color:#6B80B9;} #convention-content h1{color: #57B901;} #convention-content .sec-bg{background:rgba(8, 202, 202, 0.85);} #convention-content .sec-color, #convention-content .sec-color a,#convention-content .list-subsection a.sec-color, #convention-content .cuaderno-viaje a.sec-color {color: #57B901;} #convention-content .list-menu a.sec-bg{background:#57B901;color:#fff;} #convention-content .mCSB_dragger_bar{background:#57B901;color:#fff;} .sleep-dialog .sec-color{color:#E8079B;} .see-and-do-dialog .sec-color, .home-big h1{color:#06b6b8;} .my-bilbao-dialog .sec-color{color:#D8001D;} .gastronomy-dialog .sec-color{color: #F98824;} .about-the-city-dialog .sec-color{color:#E3BF16;} .prensa-dialog .sec-color{color:#C00A23;} .shopping-dialog .sec-color{color:#34EA63;} .convention-dialog .sec-color{color:#57b901;} .surroundings-dialog .sec-color{color:#779fbd;} .friendships-dialog .sec-color{color:#6B80B9;} .list-no-image{ background-color:#666; opacity:0.7; filter:alpha(opacity=70); } /* ============================ Estilos para apartados que agrupan contenidos de distintas secciones (newsletter, mapa-web, cuaderno de viaje....) ============================ */ .sleep-color{color:#E8079B !important;} .see-and-do-color{color:#06b6b8 !important;} .my-bilbao-color{color:#D8001D !important;} .gastronomy-color{color: #F98824 !important;} .about-the-city-color{color:#E3BF16 !important;} .prensa-color{color:#C00A23 !important;} .shopping-color{color:#34EA63 !important;} .convention-color{color:#57b901 !important;} .surroundings-color{color:#779fbd !important;} .friendships-color{color:#6B80B9 !important;} .ui-dialog-title {color: #FFF;} .sleep-bg-color,.sleep-dialog .ui-dialog-titlebar{background:#E8079B;} .see-and-do-bg-color,.see-and-do-dialog .ui-dialog-titlebar{background:#06b6b8;} .my-bilbao-bg-color,.my-bilbao-dialog .ui-dialog-titlebar{background:#D8001D;} .gastronomy-bg-color,.gastronomy-dialog .ui-dialog-titlebar{background: #F98824;} .about-the-city-bg-color,.about-the-city-dialog .ui-dialog-titlebar{background:#E3BF16;} .prensa-bg-color,.prensa-dialog .ui-dialog-titlebar{background:#C00A23;} .shopping-bg-color,.shopping-dialog .ui-dialog-titlebar{background:#34EA63;} .convention-bg-color,.convention-dialog .ui-dialog-titlebar{background:#57b901;} .surroundings-bg-color,.surroundings-dialog .ui-dialog-titlebar{background:#779fbd;} .friendships-bg-color,.friendships-dialog .ui-dialog-titlebar{background:#6B80B9;} .form-my-bilbao-2 .botonesModal input{ min-width: 0; } /* ============================ Header ============================ */ header{ position:fixed; width:100%; z-index:2000; } #header-top{ display:none; font-size:11px; font-weight:700; padding:10px; background:#000; } #header-top span{ padding:0 5px; } .idioma, .perfil{ padding-top:3px; } .idioma, .idioma a, .perfil a{ color:#aaa; } .perfil{ padding:10px 0; } .perfil .on{ color:#fff; } .idioma .on{ color:#fff; } .turistas a{ float:left; text-align:center; color:#fff; margin:9px 7px 0 0; } .turistas.off a{ color:#aaa; } .convention a{ display:inline-block; float:left; margin-right:2px; text-align:center; color:#fff; padding:4px 0 2px; background:#57b901; background:-moz-linear-gradient(top, #57b901 0%, #57b901 30%, #346f01 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#57b901), color-stop(30%,#57b901), color-stop(100%,#346f01)); background:-webkit-linear-gradient(top, #57b901 0%,#57b901 30%,#346f01 100%); background:-o-linear-gradient(top, #57b901 0%,#57b901 30%,#346f01 100%); background:-ms-linear-gradient(top, #57b901 0%,#57b901 30%,#346f01 100%); background:linear-gradient(to bottom, #57b901 0%,#57b901 30%,#346f01 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b901', endColorstr='#346f01',GradientType=0 ); } .prensa a{ display:inline-block; float:left; margin-right:2px; text-align:center; color:#fff; padding:4px 0 2px; background:#C00A23; background:-moz-linear-gradient(top, #C00A23 0%, #C00A23 30%, #840717 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#C00A23), color-stop(30%,#C00A23), color-stop(100%,#840717)); background:-webkit-linear-gradient(top, #C00A23 0%,#C00A23 30%,#840717 100%); background:-o-linear-gradient(top, #C00A23 0%,#C00A23 30%,#840717 100%); background:-ms-linear-gradient(top, #C00A23 0%,#C00A23 30%,#840717 100%); background:linear-gradient(to bottom, #C00A23 0%,#C00A23 30%,#840717 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C00A23', endColorstr='#840717',GradientType=0 ); } .prensa a.on{ color:#C00A23; background:#ffffff; /* Old browsers */ background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 40%, #c6c6c7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(40%,#ffffff), color-stop(100%,#c6c6c7)); background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 40%,#c6c6c7 100%); background:-o-linear-gradient(top, #ffffff 0%,#ffffff 40%,#c6c6c7 100%); background:-ms-linear-gradient(top, #ffffff 0%,#ffffff 40%,#c6c6c7 100%); background:linear-gradient(to bottom, #ffffff 0%,#ffffff 40%,#c6c6c7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c6c7',GradientType=0 ); } .convention a.on{ color:#57b901; background:#ffffff; /* Old browsers */ background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 40%, #c6c6c7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(40%,#ffffff), color-stop(100%,#c6c6c7)); background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 40%,#c6c6c7 100%); background:-o-linear-gradient(top, #ffffff 0%,#ffffff 40%,#c6c6c7 100%); background:-ms-linear-gradient(top, #ffffff 0%,#ffffff 40%,#c6c6c7 100%); background:linear-gradient(to bottom, #ffffff 0%,#ffffff 40%,#c6c6c7 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c6c7',GradientType=0 ); } .turistas a, .convention a, .prensa a{ padding-right:8px; padding-left:8px; padding-bottom:4px; } .search-box{ display:block; padding:4px; border:1px solid #7f7f7f; -webkit-box-shadow:inset 0px 1px 1px 0px #7f7f7f; box-shadow:inset 0px 1px 1px 0px #7f7f7f; float:left; border-radius: 3px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; width: 70px; margin-right: 5px; } .search-btn{ display:block; padding:3px 7px 3px 7px; border:1px solid #7f7f7f; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#F2F2F2 url(../images/search-detail.png) no-repeat center; cursor:pointer; height:24px; } #navigation{ font-size:16px; background:#000; -webkit-box-shadow:0px 0px 35px 0px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 35px 0px rgba(0, 0, 0, 0.7); } .logo{ float:left; margin-left:15px; } .logo img{ width:100px; } #nav li a{ float:left; width:100%; font-size:13px; font-weight:700; color:#fff; padding:8px 15px; border-top:1px solid #666; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; transition:color 0.4s ease; } .active { display: block; } #nav > li.hover > ul , #nav li li.hover ul { position: static; } .toggleMenu{ display:none; float:right; width:24px; height:23px; margin:15px 10px 0 0; text-indent:-9999px; background:url(../images/btn-nav.png) no-repeat 0; } .toggleMenu-2{ display:none; float:right; width:24px; height:23px; margin:15px 10px 0 0; text-indent:-9999px; background:url(../images/btn-subnav.png) no-repeat 0; } .toggleMenu-3{ display:none; float:right; width:24px; height:23px; margin:15px 15px 0 0; text-indent:-9999px; background:url(../images/btn-menu.png) no-repeat 0; } #nav { *zoom: 1; } #nav:before, #nav:after { content: " "; display: table; } #nav:after { clear: both; } #nav ul { display: block; width: 100%; } #nav a { color:#fff; } #nav li { position: relative; } #nav > li { float:none; } #nav > li > a { display: block; } #nav li ul { position: absolute; left: -9999px; } #nav > li.hover > ul { left: 0; } #nav li li.hover ul { left: 100%; top: 0; } #nav li li a { display: block; position: relative; z-index:100; } #nav li li li a { z-index:200; } #nav li ul li{ background:none; width:auto; margin:0; } /*cambiar color enlaces accesibilidad*/ #nav li ul li a{ /*width:154px;*/ font-family:Verdana, Arial, Helvetica, sans-serif; width:90px; font-size:10px; font-weight:bold; padding:0; margin:0 0 8px 8px; color:#000; /*color:rgba(0,0,0,0.7); opacity:0.8;*/ -webkit-transition:none; -moz-transition:none; transition:none; } #nav li.see-and-do ul li a{ background:#06b6b8; } #nav li.gastronomy ul li a{ background:#ed8021; } #nav li.sleep ul li a{ background:#e8079b; color:#fff; } #nav li.about-the-city ul li a{ background:#e3bf16; } #nav li.shopping ul li a{ background:#34ea63; } #nav li.my-bilbao ul li a{ background:#D8001D; color:#fff; } #nav li.surroundings ul li a{ background:#779fbd; } #nav li.friendships ul li a{ background:#6B80B9; } #nav li.see-and-do ul li a:hover, #nav li.gastronomy ul li a:hover, #nav li.sleep ul li a:hover, #nav li.about-the-city ul li a:hover, #nav li.shopping ul li a:hover, #nav li.my-bilbao ul li a:hover, #nav li.surroundings ul li a:hover, #nav li.friendships ul li a:hover{ color:#fff; opacity:1; } #nav li ul li img{ display:none; margin-bottom:-6px; width:70px; } #nav li ul li a span{ display:inline-block; width:84px; /*width:67px*/ height:32px; vertical-align:text-bottom; padding:6px 5px 5px 5px; line-height:12px; } #nav li ul li a span.no-top{ padding-top:12px; } .breadcrumbs{ font-size:11px; margin:0 0 20px; } .list-3c{ padding:20px 0; } .list-3c li{ display:block; } .list-3c li div{ display:inline-block; width:34%; padding:3px 0; margin:0; } .list-3c li div:last-child{ width:28%; } .list-2c, .list-1c{ padding:20px 0; overflow:hidden; } .list-2c li{ float:left; width:45%; padding:0 5px; } .list-2c li ul li, .list-1c li ul li {float:none;width:auto;padding:0;} .list-1c li{ float:left; width:95%; padding:0 5px; } .rating-keys img{display:inline} @font-face{ font-family:'WebSymbolsRegular'; src:url('../fonts/websymbols-regular-webfont.eot'); src:url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/websymbols-regular-webfont.woff') format('woff'), url('../fonts/websymbols-regular-webfont.ttf') format('truetype'), url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); } .rating-w-fonts{ font:10px/16px 'WebSymbolsRegular', sans-serif; display:inline; color:#202124; cursor:pointer; background:none; padding:0; } .rating-w-fonts.fucsia{ } .list-menu a{ display:block; text-transform:uppercase; font-weight:700; margin-bottom:2px; padding:7px 10px 7px 20px; background:#202020; background:rgba(0,0,0,0.85); -webkit-box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5), 0px 0px 3px 0px rgba(0, 0, 0, 0.5); box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5), 0px 0px 3px 0px rgba(0, 0, 0, 0.5); } .list-menu li ul{ background:#202020; background:rgba(0,0,0,0.6); -webkit-box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5), 0px 0px 3px 0px rgba(0, 0, 0, 0.5); box-shadow:inset 0px 0px 7px 0px rgba(0, 0, 0, 0.5), 0px 0px 3px 0px rgba(0, 0, 0, 0.5); } .list-menu ul li a{ color:#fff !important; font-size:11px; text-transform:none; font-weight:400; margin-bottom:0; border-bottom:1px solid #000; padding:5px 10px 5px 30px; background:none; -webkit-box-shadow:none; box-shadow:none; -webkit-border-radius:0; border-radius:0; } .list-menu ul li:first-child a{ margin-top:-2px; padding-top:6x; } .list-menu ul li.turquesa-bg a,.list-menu ul li.turquesa-2-bg a, .list-menu ul li.naranja-bg a, .list-menu ul li.verde-bg a, .list-menu ul li.amarillo-bg a, .list-menu ul li.azul-bg a{color:#000;} /* ============================ Home ============================ */ #home-content, #gastronomy-content, #sleep-content, #shopping-content, #see-and-do-content, #see-and-do-content-special, #about-the-city-content, #my-bilbao-content, #surroundings-content, #prensa-content, #convention-content,#pdf-content, #friendships-content{ padding:80px 15px 15px; background-image:url(../images/bg-home-mov.jpg); background-repeat:no-repeat; background-position:center 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } .pdf-content{ background:url(../images/pattern.jpg) repeat 0; } #home-content.no-padding-top, #gastronomy-content.no-padding-top, #sleep-content.no-padding-top, #shopping-content.no-padding-top, #see-and-do-content.no-padding-top, #see-and-do-content-special.no-padding-top, #about-the-city-content.no-padding-top, #my-bilbao-content.no-padding-top, #surroundings-content.no-padding-top, #friendships-content.no-padding-top, #prensa-content.no-padding-top, #convention-content.no-padding-top, #pdf-content.no-padding-top{ padding-top:15px; } #home-content.no-padding-top.subsection, #gastronomy-content.no-padding-top.subsection, #sleep-content.no-padding-top.subsection, #shopping-content.no-padding-top.subsection, #see-and-do-content.no-padding-top.subsection, #see-and-do-content-special.no-padding-top.subsection, #about-the-city-content.no-padding-top.subsection, #my-bilbao-content.no-padding-top.subsection, #surroundings-content.no-padding-top.subsection, #friendships-content.no-padding-top.subsection, #prensa-content.no-padding-top.subsection, #convention-content.no-padding-top.subsection, #pdf-content.no-padding-top.subsection{ padding-top:75px; } #gastronomy-content{ background-image:url(../images/bg-gastronomy-mov.jpg); } #sleep-content{ background-image:url(../images/bg-sleep-mov.jpg); } #shopping-content{ background-image:url(../images/bg-shopping-mov.jpg); } #see-and-do-content{ background-image:url(../images/bg-see-and-do-home-mov.jpg); } #see-and-do-content-special{ background-image:url(../images/bg-see-and-do-home-special-mov.jpg); } #about-the-city-content{ background-image:url(../images/bg-about-the-city-mov.jpg); } #my-bilbao-content{ background-image:url(../images/bg-my-bilbao-mov.jpg); } #surroundings-content{ background-image:url(../images/bg-surroundings-mov.jpg); } #friendships-content{ background-image:url(../images/bg-Friendships-mov.jpg); } #prensa-content{ background-image:url(../images/bg-basque-country-mov.jpg); } #convention-content{ background-image:url(../images/bg-bizkaia-mov.jpg); } #pdf-content{ background:none; } .home-title, .sec-title{ font-size:36px; line-height:40px; text-shadow:1px 1px 3px rgba(0,0,0,0.8); font-weight:700; letter-spacing:-1px; } .sec-title { padding: 240px 0 0 0; } /*Para que no machaque el input del mapa de la capa inferior*/ #about-the-city-content .sec-title.section{ margin:240px 0 0 0; padding:0; } .home-gastronomy, .home-my-bilbao, .home-see-and-do article, .home-see-and-do-special article, .see-and-do-special{ padding:15px; margin:0 0 20px; -webkit-box-shadow:inset 0px 0px 15px 0px rgba(0, 0, 0, 0.7), 0px 0px 5px 0px rgba(0, 0, 0, 0.7); box-shadow:inset 0px 0px 15px 0px rgba(0, 0, 0, 0.7), 0px 0px 5px 0px rgba(0, 0, 0, 0.7); } .home-sleep a, .home-see-and-do a, .home-my-bilbao a, .home-gastronomy a, .home-about-the-city a, .home-shopping a, .home-surroundings a, .home-friendships a, .home-sleep h2, .home-see-and-do h2, .home-my-bilbao h2, .home-gastronomy h2, .home-about-the-city h2, .home-shopping h2, .home-surroundings h2, .home-friendships h2, .home-see-and-do a, .home-see-and-do-special a, .home-see-and-do-special p, .home-big a{ color:#fff; } .home-gastronomy div, .home-my-bilbao div, .home-see-and-do div, .home-see-and-do-special div{ padding-bottom:15px; } .home-gastronomy div.alr, .home-my-bilbao div.alr{ padding-bottom:0; } .home-sleep h2, .home-see-and-do h2, .home-my-bilbao h2, .home-gastronomy h2, .home-about-the-city h2, .home-shopping h2, .home-surroundings h2, .home-friendships h2{ font-size:24px; font-weight:700; letter-spacing:-1px; padding:5px 0 15px; } .home-sleep p, .home-see-and-do p, .home-my-bilbao p, .home-gastronomy p, .home-about-the-city p, .home-shopping p, .home-surroundings p, .home-friendships p, .home-big p{ border-bottom:1px solid #000; font-size:10px; line-height:12px; font-weight:700; margin-bottom:5px; } .home-sleep p a, .home-see-and-do p a, .home-my-bilbao p a, .home-gastronomy p a, .home-about-the-city p a, .home-shopping p a, .home-surroundings p a, .home-friendships p a, .home-sleep p a:hover, .home-see-and-do p a:hover, .home-my-bilbao p a:hover, .home-gastronomy p a:hover, .home-about-the-city p a:hover, .home-shopping p a:hover, .home-surroundings p a:hover, .home-friendships p a:hover{ color:#000; text-decoration:none; } .home-see-and-do-special p, .home-big p{ border-bottom:1px solid #fff; line-height:14px; margin:0 0 20px; } .home-see-and-do-special p a, .home-see-and-do-special p a:hover, .home-big p a{ color:#fff; text-decoration:none; } .home-gastronomy li, .home-my-bilbao li, .home-see-and-do li, .home-see-and-do-special li, .home-big li{ line-height:16px; } .home-sleep a, .home-see-and-do a, .home-my-bilbao a, .home-gastronomy a, .home-about-the-city a, .home-shopping a, .home-surroundings a, .home-friendships a, .home-see-and-do-special a, .home-big a{ font-weight:700; } .home-see-and-do a, .home-see-and-do-special a{ padding-right:0; } .home-see-and-do a.video img, .home-see-and-do-special a.video img{ width:100%; } .home-sleep a:hover, .home-see-and-do a:hover, .home-my-bilbao a:hover, .home-gastronomy a:hover, .home-about-the-city a:hover, .home-shopping a:hover, .home-surroundings a:hover, .home-friendships a:hover, .home-see-and-do-special a:hover{ text-decoration:underline; } .home-gastronomy span, .home-my-bilbao span, .home-see-and-do span, .home-see-and-do-special span, .home-big span{ font-size:10px; } .home-sleep img, .home-see-and-do img, .home-my-bilbao img, .home-gastronomy img, .home-about-the-city img, .home-shopping img, .home-surroundings img, .home-friendships img, .home-see-and-do a img, .home-see-and-do-special a img{ display:inline; } #nav li.gastronomy .dropdown a img{ float:right; } .home-see-and-do-special a img, .home-big a img{ margin:5px 5px 5px 0; width: 274px; height:152px; } .home-sleep{ background:#E8079B; background:rgba(232, 7, 155, 0.85); } .home-see-and-do{ background:#06b6b8; background:rgba(6, 182, 184, 0.85); } .home-my-bilbao{ background:#D9223B; background:rgba(221, 6, 33, 0.85); } .home-gastronomy{ background:#F2923E; background:rgba(249, 136, 36, 0.85); } .home-about-the-city{ background:#E3BF16; background:rgba(227, 191, 22, 0.85); } .home-shopping{ background:#34EA63; background:rgba(52, 234, 99, 0.85); } .home-surroundings{ background:#779fbd; background:rgba(119, 159, 189, 0.85); } .home-friendships{ background:#6B80B9; background:rgba(107, 128, 185, 0.85); } .home-see-and-do article, .home-see-and-do-special article, .home-big article{ background:#121416; background:rgba(0, 0, 0, 0.85); } .home-see-and-do figcaption, .home-see-and-do-special figcaption, .home-big figcaption{ color:#fff; font-weight:700; padding-top:5px; } .home-see-and-do .date, .home-see-and-do-special .date, .home-big .date{ font-size:10px; color:#09c9cb; } /* ============================ Sections ============================ */ .sec-info, .x3, .x3-end, .sec-title-2{ -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.7); margin-bottom:30px; } .sec-title-2{ padding:10px; margin-bottom:10px; overflow:hidden; } .sec-title-2 strong{ font-size:18px; font-weight:700; text-shadow:1px 1px rgba(0,0,0,0.4); } .x-image{ width:47%; max-width:160px; display:inline-block; margin:0 0 10px 10px; } .x-image:nth-of-type(2n+1){ margin-left:0; } .x3 a, .x3-end a, .x-image a{ color:#fff; } .x3 p a, .x3-end p a, .x3 p a:hover, .x3-end p a:hover{ color:#000; text-decoration:none; } .x3 a:hover, .x3-end a:hover{ text-decoration:underline; } .x3 span, .x3-end span{ font-size:10px; } .x3 div, .x3-end div{ padding:15px 20px 5px 20px; } .x-image div{ padding:0; height:60px; } .x-image div a{ float:left; line-height: 13px; padding: 8px; } .x-image div a.small{ font-size:10px; padding-top: 0; line-height: 10px; } .x-image.bigger div{ height:120px; } .x-image.bigger div a{ padding:1px 10px; line-height:16px; } .x-image.bigger div a:first-child{ padding-top:10px; } .x-image.bigger div a.small{ font-size:10px; } .x-image a img {display:block!important;} .x3.special ul{ border-top:1px solid #000; margin-top:50px; } .x3.special li{ display:inline-block; padding-right:20px; } .x3.special li a{ color:#000; } .x3 div.title-2{ font-size:24px; line-height:28px; font-weight:700; color:#fff; padding:10px 15px; } .x3 p, .x3-end p{ border-bottom:1px solid #000; font-size:10px; line-height:14px; font-weight:700; margin:10px 0 7px; } .x3.special p{ font-size:12px; border-bottom:none; margin:0; } .x3 h4, .x3-end h4{ font-size:20px; line-height:20px; font-weight:700; color:#fff; } .x3 ul, .x3-end ul{ margin:0 20px; } /* Newsletter */.news {padding:15px 7px 0 7px;background:#202020;background:rgba(0,0,0,0.85);overflow:hidden;border-radius:5px;} /* Newsletter */.nws .title{ float:left; font-size:22px; font-weight:700; line-height:22px; padding-top:7px; padding-left:7px; } /* Newsletter */.nws.nws-100 .title{ font-size:30px; line-height:30px; padding-top:0px; } /* Newsletter */.col .news .column:first-child {margin-left:0;} /* Newsletter */.social{ float:right; padding:0 5px; margin-right:10px; } /* Newsletter */.left-75 .social img{ width:auto; } /* Newsletter */.info{ display:block; padding:10px; margin:-6px 0 30px; } /* Newsletter */.nws.nws-100 .info{ font-size:16px; line-height:22px; padding:15px 10px; } .big{ font-size:24px; line-height:26px; padding-bottom:20px; } .big-2{ font-size:18px; line-height:20px; font-weight:700; } .mini{font-size:11px;} .sec-info{ background:#202020; background:rgba(0,0,0,0.85); color:#fff; font-size:14px; line-height:24px; } .sec-info.small{ font-size:12px; line-height:16px; } .sec-info.blanco-bg{ color:#000; background:#FAFAFA; background:rgba(255,255,255,0.9); } .sec-info.no-color{ background:none; -webkit-box-shadow:none; box-shadow:none; } .sec-info div{ padding:20px 12px 12px 12px; } .sec-info div.mCSB_scrollTools, .sec-info div.mCSB_draggerContainer, .sec-info div.mCSB_dragger_bar, .sec-info div.mCSB_dragger{ padding:5px 0px 5px 0px !important; } .calendar{ display:block; width:100%; } .calendar li{ text-align:center; font-size:14px; font-weight:700; padding:5px; border-bottom:1px solid #06b6b8; } .calendar li:first-child, .calendar li:last-child, .calendar li:nth-last-child(2){ border:none; } .calendar a{ display:block; } .calendar img{ display:inline; } .form-my-bilbao{ padding:5px 0; } .form-my-bilbao div{ font-size:12px; padding:5px 0 0 40px; } .form-my-bilbao-2,#about-the-city-content form{ padding:5px 0; } .form-my-bilbao-2 div, #about-the-city-content form div{ font-size:12px; padding:5px 0 3px 0; } .form-my-bilbao-2 label, #about-the-city-content form label{ width:80px; display:inline-block;} .form-my-bilbao-2.ancho label{width:160px; display:inline-block;} .form-my-bilbao-2 input, .form-my-bilbao-2 select, .form-my-bilbao-2 textarea, #about-the-city-content form input, #about-the-city-content form select, #about-the-city-content form textarea { background:#000; max-width: 330px; min-width: 150px; width: 100%; padding: 5px; } .form-my-bilbao-2 input, .form-my-bilbao-2 select, .form-my-bilbao-2 textarea{ border:1px solid #D8001D; } .form-my-bilbao-2 select{ border-right:2px solid #D8001D; border-bottom:2px solid #D8001D; } #about-the-city-content form input, #about-the-city-content form select, #about-the-city-content form textarea { border:1px solid #E1C433; } #about-the-city-content form select{ border-right:2px solid #E1C433; border-bottom:2px solid #E1C433; } .form-my-bilbao-2 input, .form-my-bilbao-2 select, .form-my-bilbao-2 textarea, #about-the-city-content form input, #about-the-city-content form select ,#about-the-city-content textarea{ color:#fff; } .form-my-bilbao-2 select, #about-the-city-content form select{ width:159px; } .form-my-bilbao-2 input[type=checkbox], #about-the-city-content form input[type=checkbox]{ padding: 0; margin: 5px 10px 10px 0px; max-width: 10px; min-width: 10px; width: auto; } .form-my-bilbao-2 input[type=submit],.form-my-bilbao-2 input[type=button], #about-the-city-content form input[type=submit],#about-the-city-content form input[type=button]{ color:#fff; width:auto; padding:6px 10px; margin-left:80px; border:none;} .form-my-bilbao-2.ancho input[type=submit], .form-my-bilbao-2.ancho input[type=button] {margin-left:160px;} .form-my-bilbao-2 input[type=submit],.form-my-bilbao-2 input[type=button]{ background:#D8001D;} #about-the-city-content form input[type=submit],#about-the-city-content form input[type=button]{ background:#E1C433;} .form-my-bilbao-2 .banners li {width:45%;float:left;margin-right:2%;margin-bottom:2%;} .form-my-bilbao-2 .banners li img {max-width: 100%; height: auto; width: auto\9;} .form-my-bilbao-2 .banners input[type=checkbox] {width:20px; float:left;min-width:10px;} .form-my-bilbao-2 .banners li label {width:100px;float:left;} .sec-info h3{ font-size:20px; line-height:30px; margin-top:24px; } .enlaceTextoHome{ font-size:20px; font-weight:bolder; line-height:60px; margin-top:24px; color:#fff !important; } .x3 img, .x3-end img, .x-image img{ width:100%; } .m20{ margin-bottom:20px; } .separador{ margin:-10px 0; } .no-height p{ padding-bottom:20px; } .list-subsection{ font-size:18px; font-weight:700; line-height:28px; padding-bottom:20px; } .list-subsection a{ color:#fff; } .x-image img, #nav li ul li img{ filter:url("data:image/svg+xml;utf8,#grayscale"); filter:gray; -webkit-filter:grayscale(100%); } .x-image img:hover, #nav li ul li:hover img, .x-image.justface img{ filter:url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter:grayscale(0%); } /*Cambios moscas*/ .moscas.guggen a { display: flex; /*vertical-align: middle;*/ margin: auto; height: 150px; } section.column.x3-home:first-of-type { margin-top: 0; padding-top: 10px; } section.column.x2-first.sec-info.x2-home { margin-top: 0px; } /* ============================ Footer ============================ */ footer .col{ color:#fff; font-size:10px; background:#000; padding:8px 15px; margin-bottom:20px; } footer .column:nth-child(5) a{ margin-right:5px; } footer .column:last-child{ text-align:left; padding-top:20px; width: 200px; } footer a{ color:#fff; } footer span{ padding:0 4px; } .rss{ float:left; margin-top:2px; padding-left: 18px; background:url(../images/ico-rss.png) left no-repeat; } .facebook, .twitter{ float:left; margin-top:2px; width:65px; height:13px; text-indent:-9999px; background:url(../images/icons-social.png) no-repeat; } .facebook{ background-position:0 0; } .facebook:hover{ background-position: 0 -26px; } .twitter{ background-position: 0 -13px; } .twitter:hover{ background-position: 0 -39px; } .col-50 img, .left-65 img, .left-75 img, .left-50{ display:inline; width:100%; } .col-50 a img{ width:auto; } .links-down, .links-down li, .links-down a{ display:block; text-align:left; color:#fff; line-height:16px; } .links-down a{ display:inline-block; } .links-down{ margin-top:-20px; } .links-down li{ padding:0 0 0 10px; background:url(../images/ico-li.png) no-repeat 0 3px; } .links-down li:nth-child(2){ margin-top:20px; } .links-down li:nth-child(2) img{ display:inline-block; } .links-down.small{ margin:10px; } .links-down.small li:nth-child(3){ margin:20px 0; padding-bottom:20px; } .justface p{ position:relative; height:110px; padding:8px 6px 0; z-index:0; vertical-align:bottom; /*display:table-cell; */ cursor:pointer; } .column.x-image.justface:hover{ background:white; } .justface .withlink img{ margin-top:-116px; position:relative; z-index:1; } .x-image.justface a{ color:#000; } .justface:hover p{ z-index:2; } .justface:hover .withlink img{ opacity:0.4; } .sec-info div.caras-nuevas {padding:0;background-color:#fff;text-align:center;height:150px;border-radius: 5px;color:#000;text-transform:uppercase;font-size:115%;font-weight:bold;} .sec-info div.caras-nuevas span {font-size:210%;} .x2-home .sec-info {height:320px;} .sec-info div.listado-eventos {padding:0; font-size:90%; font-weight:bold;line-height:20px;} .sec-info div.listado-eventos h3{font-size: 12px;margin-top: 0;padding:1em 1em 0.7em 1em;line-height:18px;} .sec-info div.listado-eventos ul li{border-bottom:1px solid #000;padding:0.5em 1em;} .sec-info div.listado-eventos ul li:last-child{border-bottom:none;} .sec-info div.listado-eventos h4{font-size: 16px;} .sec-info div.listado-eventos .small{font-size: 10px;} .cuaderno-viaje{ display:block; border-bottom:1px solid #fff; padding-bottom:5px; margin-bottom:15px; } .cuaderno-viaje:last-child li:last-child{ padding-bottom:40px; } .cuaderno-viaje li{ display:block; padding:5px 0; } .cuaderno-viaje div{ display:inline-block; padding:0; } .cuaderno-viaje a{ display:block; line-height:16px; color:#fff; padding-top:2px; } .cv1{ width:62%; } .cv2{ width:36%; } .cv3{ width:95%; margin:5px 0; } .cv3 a{ padding-left:18px; background:url(../images/close.png) no-repeat 0 center; } .moscas{ display:flex; height: 150px; margin: -250px 0 0 0px; /*margin: -380px 0 0 0px;*/ } div#float-right.moscas { width: 66%; } div#float-left.moscas { width: 33%; height: 150px; } .moscas img { /*width:120px;*/ height: 120px; object-fit: contain; margin:auto; } .moscas img#wifi { /*width:95px;*/ height: 95px; margin: auto; } .pdf{ display:block; text-align:center; clear:both; margin:-55px 0 0 0; } .pdf img{ display:inline; } .gastronomy-nm{ margin-bottom:-6px; } #nav, #nav li{ z-index:1000; display:block; background:none; } #nav li a{ z-index:2000; display:block; } .left-50{ width:100%; float:left; margin-bottom:10px; } .col .column:first-child.col-pdf{ width:100%; margin:0; background:#1a1a1a; } .col .column:first-child.col-pdf div{ display:inline-block; width:100%; padding:0; } .col .column:first-child.col-pdf p{ color:#fff; font-size:11px; padding:20px; } .col .column:first-child.col-pdf p:first-child{ padding-bottom:0; } .col .column:first-child.col-pdf p:last-child{ padding-top:0; padding-bottom:10px; } .col .column:first-child.col-pdf .alr, .col .column:first-child.col-pdf .alr2 { width:87%; margin:15px 0 15px 15px; vertical-align:top; } .col .column:first-child.col-pdf .alr.alr-100{ width:100%; margin:0; } .col .column:first-child.col-pdf .alr img, .col .column:first-child.col-pdf .alr2 img{ width:100%; } .col .column:first-child.col-pdf .alr3 { width:98%; margin:1em 0 0 1em; vertical-align:top; } .col .column:first-child.col-pdf .alr3 img { margin:0 4% 1em 0; width:96%;} div.img-pdf{margin:1em 1em 1em 0.5em; float:right;width:260px!important;} div.img-pdf img {height:208px;width:260px;} .sec-title.section.pdf-title{ padding-top:80px; } .pdf-h1{ display:inline-block; font-size:18px; line-height:18px; margin-left:15px; padding:16px 0; color:#fff; background:#000 url(../images/nav-detail.png) no-repeat 0 center; } .note{ padding-top:50px; font-weight:700; font-size:16px; } .mapa-big{ padding-top:20px; } .padding-top-50{ padding-top:50px; } .vtop{ vertical-align:top; } .pagination{ text-align:right; } .pagination a{ display:inline-block; text-align:center; padding:0 5px; color:#fff; } .pagination a.on{ background:#D8001D; } /*img ficha en newsletter*/ .nws a.img-ficha img {height:205px;} .youtubevideo {width:250px;height:140px;} .dest .youtubevideo {width:275px;height:155px;} /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (min-width: 480px) { .youtubevideo {width:410px;height:230px;} .dest .youtubevideo {width:435px;height:245px;} /* CAMBIOS TAMARA .col .column{ float:left; margin-left:18px; } */ .home-sleep div, .home-see-and-do div, .home-my-bilbao div, .home-gastronomy div, .home-about-the-city div, .home-shopping div, .home-surroundings div, .home-friendships div, .home-see-and-do-special div{ display:inline-block; margin-right:12px; vertical-align:top; width:50%; padding-bottom:15px; /*padding:17px 0 0 17px;*/ } .home-sleep div.alr, .home-see-and-do div.alr, .home-my-bilbao div.alr, .home-gastronomy div.alr, .home-about-the-city div.alr, .home-shopping div.alr, .home-surroundings div.alr, .home-friendships div.alr{ display:inline-block; width:45%; height:auto; margin:0; padding:0; text-align:right; } .home-big a img{width: 435px; height:241px; } .x-image{ width:31%; } .x-image:nth-of-type(2n+1){ margin:0 0 10px 10px; } .x-image:nth-of-type(3n+1){ margin-left:0; } .cv1{ width:48%; } .cv2{ width:32%; } .cv3{ width:15%; margin:0; } .moscas{ width: auto; margin: -250px 0 0 0px; } div#float-right.moscas, div#float-left.moscas{ width: auto; } .sec-title { padding: 240px 0 0 0; } /*Para que no machaque el input del mapa de la capa inferior*/ #about-the-city-content .sec-title.section{ margin:240px 0 0 0; padding:0; } section.column.x3-home:first-of-type { margin-top: 60px; padding-top: 10px; } section.column.x2-first.sec-info.x2-home { margin-top: 0px; } /*img ficha en newsletter*/ .nws a.img-ficha img {height:293px;} div.img-pdf{margin:1em 1em 1em 0.5em; float:right;width:275px!important;} div.img-pdf img {height:220px;width:275px;} } @media only screen and (min-width: 640px) { .youtubevideo {width:566px;height:318px;} .dest .youtubevideo {width:596px;height:336px;} .home-big a img{width: 460px; height:265px; } } @media only screen and (min-width: 768px) { .youtubevideo {width:695px;height:390px;} .dest .youtubevideo {width:365px;height:206px;} /* ============================ Header ============================ */ #header-top{ display:block; padding:9px 0 0; background:#D3D8ED; background:rgba(255,255,255,0.44); } .convention a, .prensa a{ display:block; float:none; margin-right:0; } .column.bizkaia {width:60px!important;} .turistas a{ display:block; float:none; text-align:center; color:#fff; background:#000; margin:0; padding:4px 8px; } .turistas.off a{ color:#000; background:none; } .perfil .on{ display:inline-block; background:#000; margin-top:-3px; padding:4px 12px; } .idioma, .idioma a, .perfil a{ color:#000; } .perfil{ padding:3px 0 0; } #nav li a{ float:left; width:100%; font-weight:700; color:#fff; padding:20px 0 13px; border:none; -webkit-transition:color 0.4s ease; -moz-transition:color 0.4s ease; transition:color 0.4s ease; } #nav li.see-and-do a:hover, #nav li.see-and-do a.on{ color:#06b6b8; } #nav li.gastronomy a:hover, #nav li.gastronomy a.on{ color:#f38422; } #nav li.my-bilbao a:hover, #nav li.my-bilbao a.on{ color:#D8001D; } #nav li.sleep a:hover, #nav li.sleep a.on{ color:#e8079b; } #nav li.shopping a:hover, #nav li.shopping a.on{ color:#34ea63; } #nav li.about-the-city a:hover, #nav li.about-the-city a.on{ color:#e3bf16; } #nav li.surroundings a:hover, #nav li.surroundings a.on{ color:#779fbd; } #nav li.friendships a:hover, #nav li.friendships a.on{ color:#6b80b9; } #nav > li{ float:left; margin-left:20px; background:url(../images/nav-detail.png) no-repeat 0 center; } #nav > li.hover > ul , #nav li li.hover ul { position:absolute; } #nav li ul{ position: absolute; top:51px; padding-top:8px; width:506px; height:auto; } #nav li.see-and-do ul{ background:#096768; } #nav li.gastronomy ul{ background:#ac5d17; } #nav li.sleep ul{ background:#b90c7e; } #nav li.about-the-city ul{ background:#977f11; } #nav li.shopping ul{ background:#11b93c; } #nav li.my-bilbao ul{ background:#8d253b; } #nav li.surroundings ul{ background:#5e7d94; } #nav li.friendships ul{ background:#1A3274; } #nav li ul li a{ width:158px; } #nav li ul li img{ display:inline-block; } #nav li ul li a span{ height:auto; padding:0 2px 5px; line-height:10px; } /* ============================ Home ============================ */ #home-content .moscas { margin: -250px 0 0 0!important; } .home-sleep, .home-see-and-do, .home-my-bilbao, .home-gastronomy, .home-about-the-city, .home-shopping, .home-surroundings, .home-friendships, .home-see-and-do article, .home-see-and-do-special article, .home-big article{ height:126px; padding:0; margin:0; -webkit-box-shadow:inset 0px 0px 29px 0px rgba(0, 0, 0, 0.7), 0px 0px 10px 0px rgba(0, 0, 0, 0.7); box-shadow:inset 0px 0px 29px 0px rgba(0, 0, 0, 0.7), 0px 0px 10px 0px rgba(0, 0, 0, 0.7); } .home-title, .sec-title{ font-size:48px; line-height:48px; padding:240px 0 10px; } /*Para que no machaque el input del mapa de la capa inferior*/ #about-the-city-content .sec-title.section{ margin:240px 0 10px; padding:0; } .home-title{ padding:120px 0 10px; } .home-see-and-do, .home-see-and-do-special{ padding:0; margin:0; box-shadow:none; } .home-see-and-do article, .home-see-and-do-special article, .home-big article{ height:266px; } .home-sleep div, .home-see-and-do div, .home-my-bilbao div, .home-gastronomy div, .home-about-the-city div, .home-shopping div, .home-surroundings div, .home-friendships div{ display:inline-block; width:147px; margin-right:0; padding:12px 0 0 17px; } .home-sleep div.alr, .home-see-and-do div.alr, .home-my-bilbao div.alr, .home-gastronomy div.alr, .home-about-the-city div.alr, .home-shopping div.alr, .home-surroundings div.alr, .home-friendships div.alr{ display:inline; width:auto; } .home-see-and-do div, .home-see-and-do-special div{ width:240px; } .home-sleep h2, .home-see-and-do h2, .home-my-bilbao h2, .home-gastronomy h2, .home-about-the-city h2, .home-shopping h2, .home-surroundings h2, .home-friendships h2{ padding-bottom:14px; } .home-sleep p, .home-see-and-do p, .home-my-bilbao p, .home-gastronomy p, .home-about-the-city p, .home-shopping p, .home-surroundings p, .home-friendships p, .home-see-and-do p, .home-see-and-do-special p, .home-big p{ width:134px; } .home-see-and-do-special p, .home-big p{ margin:60px 0 15px 0; } .home-gastronomy a, .home-my-bilbao a{ padding-right:12px; } .home-see-and-do a.video img, .home-see-and-do-special a.video img, .home-big a.video img{ width:auto; } .home-sleep img, .home-see-and-do img, .home-my-bilbao img, .home-gastronomy img, .home-about-the-city img, .home-shopping img, .home-surroundings img, .home-friendships img, .home-see-and-do a img, .home-see-and-do-special a img, .home-big a img{ float:right; -webkit-box-shadow:-4px 0px 24px 0px rgba(0, 0, 0, 0.7); box-shadow:-4px 0px 24px 0px rgba(0, 0, 0, 0.7); } /* ============================ Sections ============================ */ #home-content, #gastronomy-content, #sleep-content, #shopping-content, #see-and-do-content, #see-and-do-content-special, #about-the-city-content, #my-bilbao-content, #surroundings-content, #friendships-content, #prensa-content, #convention-content, #pdf-content{ padding-top:380px; background-image:url(../images/bg-home.jpg); background-repeat:no-repeat; background-position:center 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #home-content.no-padding-top, #gastronomy-content.no-padding-top, #sleep-content.no-padding-top, #shopping-content.no-padding-top, #see-and-do-content.no-padding-top, #see-and-do-content-special.no-padding-top, #about-the-city-content.no-padding-top, #my-bilbao-content.no-padding-top, #surroundings-content.no-padding-top, #friendships-content.no-padding-top, #prensa-content.no-padding-top, #convention-content.no-padding-top, #pdf-content.no-padding-top, #home-content.no-padding-top.subsection, #gastronomy-content.no-padding-top.subsection, #sleep-content.no-padding-top.subsection, #shopping-content.no-padding-top.subsection, #see-and-do-content.no-padding-top.subsection, #see-and-do-content-special.no-padding-top.subsection, #about-the-city-content.no-padding-top.subsection, #my-bilbao-content.no-padding-top.subsection, #surroundings-content.no-padding-top.subsection, #friendships-content.no-padding-top.subsection, #prensa-content.no-padding-top.subsection, #convention-content.no-padding-top.subsection, #pdf-content.no-padding-top.subsection{ padding-top:15px; min-height:900px; } #gastronomy-content{ padding-top:100px; background-image:url(../images/bg-gastronomy.jpg); } #sleep-content{ padding-top:100px; background-image:url(../images/bg-sleep.jpg); } #shopping-content{ padding-top:100px; background-image:url(../images/bg-shopping.jpg); } #see-and-do-content{ padding-top:100px; background-image:url(../images/bg-see-and-do-home.jpg); } .home-title.see-and-do-title{ padding-top:0; } #see-and-do-content-special{ padding-top:100px; background-image:url(../images/bg-see-and-do-home-special.jpg); } #about-the-city-content{ padding-top:100px; background-image:url(../images/bg-about-the-city.jpg); } #my-bilbao-content{ padding-top:100px; background-image:url(../images/bg-my-bilbao.jpg); } #surroundings-content{ padding-top:100px; background-image:url(../images/bg-surroundings.jpg); } #friendships-content{ padding-top:100px; background-image:url(../images/bg-Friendships.jpg); } #prensa-content{ padding-top:100px; background-image:url(../images/bg-basque-country.jpg); } #convention-content{ padding-top:100px; background-image:url(../images/bg-bizkaia.jpg); } #pdf-content{ background:none; } .left-35{ width:35%; display:inline-block; float:left;/*corregir error section flotante*/ margin-right:1%; /*corregir error section flotante*/ } .left-75{ width:72%; display:inline-block; } .left-80{ width:72%; display:inline-block; } .left-100{ width:92%; display:inline-block; } .left-17{ width:17%; min-width:177px; float:left; margin-right:20px; } .left-47{ width:35%; display:inline-block; float:left; /*corregir error section flotante*/ } .col .left-47 .column{ margin-left:0; float: left; overflow: hidden; /*cambios TAMARA width:100%;*/ } .left-50{ width:78%; float:left; margin-bottom:10px; } .col .column:first-child.col-pdf{ width:100%; margin:0; background:#1a1a1a; } .col .column:first-child.col-pdf div{ display:inline-block; width:51.3%; padding:0; } .col .column:first-child.col-pdf p{ color:#fff; font-size:11px; padding:20px; } .col .column:first-child.col-pdf p:first-child{ padding-bottom:0; } .col .column:first-child.col-pdf p:last-child{ padding-top:0; padding-bottom:10px; } .col .column:first-child.col-pdf .alr{ width:48%; margin:0; vertical-align:top; } .col .column:first-child.col-pdf .alr2{ width:35%; float:right; margin:1em 0 0 0; vertical-align:top; } .col .column:first-child.col-pdf .alr3{ width:60%; float:right; margin:1em 0 0 1em; vertical-align:top; } .col .column:first-child.col-pdf .left-60{ width:63%;} .col .column:first-child.col-pdf .alr.alr-100{ width:100%; } .col .column:first-child.col-pdf .alr img, .col .column:first-child.col-pdf .alr2 img { width:100%; } .col .column:first-child.col-pdf .alr2 img{ margin:0 4% 1em 0; width:96%; } .sec-title.section.pdf-title{ padding-top:80px; } .pdf-h1{ display:inline-block; font-size:26px; line-height:26px; margin-left:180px;/*antes 30px TAMARA*/ padding:12px 0; color:#fff; background:#000 url(../images/nav-detail.png) no-repeat 0 center; } .note{ padding-top:70px; font-weight:700; font-size:18px; } .col .left-47 .column .x-image{ width:48%; max-width:160px; display:inline-block; margin:0 0 10px 10px; } /**/ .lt-ie9 .col .left-47 .column .x-image{ margin:0 5px 10px 5px; } /**/ .lt-ie9 .col .left-65 .column .x-image{ margin:0 5px 10px 5px; } /**/ .lt-ie9 .col .left-75 .column .x-image{ margin:0 5px 10px 5px; } .col .left-47 .column .x-image:nth-of-type(2n+1){ margin-left:0; } .col .left-47 .column .x-image.justface{ width:46%; margin:5px; } .left-65{ width:62%; display:inline-block; float:right; } .left-65.float-left{ float:left; } .col .left-65 .column{ margin-left:0; } .col .left-65 .column .x-image{ width:31%; max-width:160px; display:inline-block; margin:0 0 10px 10px; } .col .left-65 .column .x-image:nth-of-type(3n+1){ margin-left:0; } .col-50{ float:left; width:45%; } .left-65 .col-50{ width:44%; } .col-50:last-child{ float:right; text-align:right; } .col-20 { float:left; width:16%; } .col-100 { float:left; width:98%; } .x3 div.title-2{ padding:10px 0; } .links-down, .links-down li, .links-down a{ float:left; text-align:left; color:#fff; line-height:16px; } .links-down.float-right{ float:right; } .links-down{ margin-top:-20px; } .links-down li{ padding:0 0 0 10px; background:url(../images/ico-li.png) no-repeat 0 3px; } /**/ .lt-ie9 .links-down li{ display:inline; margin:0 50px 0 0; } .lt-ie9 .links-down li.ie{ margin-top:-1px;} .lt-ie9 .btn.turquesa-bg.ie{ margin-right:400px;} /**/ .lt-ie9 .links-down.small.small-bilbao li{ display:inline; margin:0 15px 0 0; width:115px; } .links-down li:nth-child(2){ margin-top:0; margin-left:70px; } .left-65 .links-down li:nth-child(2){ margin-left:40px; } .links-down.small li:nth-child(2){ margin-right:30px; margin-left:30px; } .links-down.small.small-bilbao li{ display:block; width:100%; margin-bottom:10px; } .links-down.small.small-bilbao li:nth-child(2){ margin-right:0; margin-left:0; } .links-down.small li:nth-child(3){ margin:0; padding-bottom:0; } .rojo-bg-special{ width:98%; height:86px; margin-bottom:-10px; } * ============================ Grid ============================ */ .col .column{ float:left; margin-left:18px; } .col .column.x3{ width:48%; margin-left:0; } .col .column.x3.special{ width:46%; padding:0 1%; } .x3.special div{ padding-right:0; padding-left:0; } .col .column.x3-end{ width:48%; float:right; } .col .column.x3-end.bq{ float:left; } .col .column.x3-home{ width:100%; margin:0; } .col .column.x3-home .column.x3-home{ width:49%; display: inline-block; } .col .column.x3-home .column.x3-home:last-child{ float:right; } /* Newsletter */.col .column.nws{ width:48%; margin-left:0; } section.column.x3-home:first-of-type{ margin-top: 0px; padding-top: 0px; } section.column.x2-first.sec-info.x2-home { margin-top: 0px; } /* Newsletter */.col .column.nws.nws-100{ width:100%; } /* Newsletter */.col .column.nws:nth-child(3){ float:right; } .col .column.x5-home{ width:100%; margin:14px 0 14px 0; } .col .column.x2-first{ width:100%; margin-left:0; } .col .column.x2-first.bq, .col .column.x3-end.bq{ width:35%; } footer .col{ padding:8px 0; } footer .column:nth-child(5) a{ margin-right:0; } footer .column:last-child{ text-align:right; padding-top:0; } .cv1{ width:62%; } .cv2{ width:36%; } .cv3{ width:95%; margin:5px 0; } .home-content .moscas{ margin:-110px 0 0 0; } .pdf{ float:left; margin:-55px 0 0 80px; } /*img ficha en newsletter*/ .nws a.img-ficha img {height:197px;} } @media only screen and (min-width: 768px) and (max-width:860px) { footer .col .column {margin-left: 5px;} footer .column:last-child {text-align:left;} footer .rss, footer .twitter {margin-left:10px;} } @media only screen and (min-width: 860px) { .youtubevideo {width:264px;height:150px;} .dest .youtubevideo {width:439px;height:247px;} .home-big div.multimedia{ width:430px; } .home-big div.col-home-big{ width:150px; } .col .column{ float:left; margin-left:18px; } .x-image div a.small { font-size: 9px; } /* ============================ Header ============================ */ .logo { left: 10px; margin-left: 0; position: absolute; top: -18px; z-index: 999; } #nav { margin-left: 160px; } #navigation .clearfix { position: relative; } /*cambios TAMARA .col .column:first-child{ margin-left:185px; }*/ .logo img{ width:auto; } #header-top-cuadernoViajes{ display:block; padding:9px 0 0; background:rgba(255,255,255,0.44); } #header-top-cuadernoViajes span{ padding:0 5px; } #header-cuadernoViajes{ position:relative; } .home-big div{ display:inline-block; margin-right:0; padding:12px 0 0 17px; } .col .left-65 .column{ margin-left:0; width:100%; } .col .left-65 .column .x-image{ width:100%; max-width:160px; display:inline-block; margin:0 0 10px 10px; } /*img ficha en newsletter*/ .nws a.img-ficha img {height:211px;} .moscas img { /*width:153px;*/ height:140px; } .moscas img#wifi { /*width:100px;*/ height: 100px; margin: auto; } } @media only screen and (min-width: 1024px) { .home-big div.multimedia{ width:370px; padding:0px 0px 0px 5px; } .left-35{ margin-left:18px; } #nav li a{ font-size:14px; } #nav > li{ margin-left:25px; } .col .column.x3{ width:35%; margin-left:18px; } .col .column.x3.special{ width:33%; padding:0 1%; } .col .column.x3-end{ width:35%; } .col .column.x3-home, .col .column.x3-home .column.x3-home, section.column.x3-home:first-of-type{ width:383px; margin:0 0 14px 0; } .col > section.column.x3-home{ margin-top:58px; } .col .column.x3-home .column.x3-home:last-child{ float:left; } .col .column.x5-home{ width:578px; margin:0 0 14px 18px; } .col .column.x2-first{ width:26%; margin-left:0; } .breadcrumbs{ font-size:12px; margin:0 0 5px; } .home-title, .sec-title{ padding:10px 0 0; } .home-see-and-do div, .home-see-and-do-special div{ width:150px; } .home-see-and-do a.video img, .home-see-and-do-special a.video img{ width:377px; } .sec-title{ padding:100px 0 0; letter-spacing:-1px; clear:both; } .sec-title.home{ font-size:88px; line-height:120px; padding:150px 0 0; letter-spacing:-2px; clear:both; } .sec-title.section{ padding:50px 0 0; clear:both; } /*Para que no machaque el input del mapa de la capa inferior*/ #about-the-city-content .sec-title.section{ margin:50px 0 0; padding:0; } .sec-title.see-and-do-title{ padding-top:250px; } .col .column.x2-first { margin-left: 0; width:100%; } /* Newsletter */.col .column.x2-first.nws-100{ width:100%; } /*img ficha en newsletter*/ .nws a.img-ficha img {height:263px;} .col .column.x2-first.x2-home{ width:26%; } .left-80{ width:80%; } .left-100{ width:100%; } .left-17{ width:20%; margin-right:0; } .col .left-17 .column { float:none; margin-right:18px; } .left-47{ width:42%; float:left;/*corregir error section flotante*/ } .col .left-47 .column .x-image{ width:31%; } .col .left-47 .column .x-image:nth-of-type(2n+1){ margin:0 0 10px 10px; } .col .left-47 .column .x-image:nth-of-type(3n+1){ margin-left:0; } .col .left-47 .column .x-image.justface{ width:30%; margin:7px; } .col .left-65 .column .x-image{ width:100%;/*antes 23% TAMARA*/ } .col .left-65 .column .x-image:nth-of-type(3n+1){ margin:0 0 10px 10px; } .col .left-65 .column .x-image:nth-of-type(4n+1){ margin-left:0; } #home-content, #gastronomy-content, #sleep-content, #see-and-do-content, #about-the-city-content, #my-bilbao-content, #surroundings-content, #friendships-content, #prensa-content, #convention-content, #pdf-content{ padding-top:380px; background-repeat:no-repeat; background-position:center 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } #home-content.no-padding-top, #gastronomy-content.no-padding-top, #sleep-content.no-padding-top, #see-and-do-content.no-padding-top, #about-the-city-content.no-padding-top, #my-bilbao-content.no-padding-top, #surroundings-content.no-padding-top, #friendships-content.no-padding-top, #prensa-content.no-padding-top, #convention-content.no-padding-top, #pdf-content.no-padding-top, #home-content.no-padding-top.subsection, #gastronomy-content.no-padding-top.subsection, #sleep-content.no-padding-top.subsection, #see-and-do-content.no-padding-top.subsection, #about-the-city-content.no-padding-top.subsection, #my-bilbao-content.no-padding-top.subsection, #surroundings-content.no-padding-top.subsection, #friendships-content.no-padding-top.subsection, #prensa-content.no-padding-top.subsection, #convention-content.no-padding-top.subsection, #pdf-content.no-padding-top.subsection{ min-height:700px; height:auto;/**/ } #pdf-content{ background:none; } .sec-title.section{ padding:150px 0 0; clear:both; } /*Para que no machaque el input del mapa de la capa inferior*/ #about-the-city-content .sec-title.section{ margin:150px 0 0; padding:0; } .col-50, .left-65 .col-50{ width:46%; } .col-20{ width:17%; } .col-100 { width:98%; } .links-down li:nth-child(2){ margin-left:180px; } .left-65 .links-down li:nth-child(2){ margin-left:120px; } .links-down.small li:nth-child(2){ margin-right:80px; margin-left:80px; } .links-down.small.small-bilbao li, .links-down.small.small-bilbao li:nth-child(2){ display:block; width:auto; margin-right:45px; margin-bottom:10px; margin-left:0; } .links-down.small.small-bilbao li:nth-child(3){ margin-right:0; } .rojo-bg-special{ width:94%; height:70px; } .calendar{ min-width:317px; } .cv1{ width:48%; } .cv2{ width:32%; } .cv3{ width:15%; margin:0; } .pdf{ float:left; margin:-55px 0 0 120px; } .left-50{ width:49%; margin:0; } .pdf-section .left-50:last-child{ float:right; } .col .column:first-child.col-pdf p{ padding:16px; } .min-width-bilbao{ min-width:590px; } .no-height .special-padding{ min-width:298px; padding-left:30px; } div.img-pdf{margin:1em 1em 1em 0.5em; float:right;width:300px!important;} div.img-pdf img {height:240px;width:300px;} .moscas{ margin:-270px 0 0 0;} } #home-content .moscas{ margin:0 0 0 0;} } @media only screen and (min-width: 1024px) and (max-width:1099px) { .youtubevideo {width:362px;height:204px;} .dest .youtubevideo {width:344px;height:194px;} .home-big a img{width: 400px; height:222px; } .x-image div a {font-size:10px;} .left-47 .column .column.x-image img {height:90px;} .left-47 .column .column.x-image .negro-bg{min-height:62px} } @media only screen and (min-width: 1100px) { .youtubevideo {width:390px;height:220px;} .dest .youtubevideo {width:366px;height:206px;} .home-big div.multimedia{ width:440px; padding:0px 0px 0px 5px; } .wrapper{ width: 1040px; } .turistas a, .convention a, .prensa a{ padding-right:0; padding-left:0; padding-bottom:4px; } #nav li{ float:left; min-height:1px; margin-left:30px; } .col .column{ float:left; width:110px; min-height:1px; margin-left:18px; } .col .column:first-child{ margin-left:180px; } .col .column.x2, .col .column.x2-first.x2-home{ width:238px; } .col .column.x2.perfil{ width:330px; } .col .column.x3{ width:366px; } .col .column.x3-end{ width:383px; } .col .column.x3-home, .col .column.x3-home .column.x3-home{ width:383px; margin:0 0 14px 0; } .col .column.x3-home, section.column.x3-home:first-of-type{ /**/ /*margin-top:58px;*/ margin-top:68px; } .col .column.x3-home .column.x3-home:last-child{ float:left; } .col .column.x5-home{ width:639px; margin:0 0 14px 18px; } .col .column.x2-first{ width:255px; margin-left:0; } .left-75 .column.x2-first{ width:100%; margin-left:0; } .logo{ margin-left:0; /*width:127px;*/ position:absolute; top:-18px; left:0px; z-index:999; } #navigation .clearfix{ position:relative; } #nav{ /*Aņadido con el nuevo logo*/ margin-left: 140px; } #nav li a{ font-size:15px; } .home-sleep div, .home-see-and-do div, .home-my-bilbao div, .home-gastronomy div, .home-about-the-city div, .home-shopping div, .home-surroundings div, .home-friendships div{ width:177px; } .home-sleep a, .home-see-and-do a, .home-my-bilbao a, .home-gastronomy a, .home-about-the-city a, .home-shopping a, .home-surroundings a, .home-friendships a{ padding-right:40px; } .home-see-and-do a.video img{ width:auto; } .sec-info, .x3, .x3-end{ height:370px; margin-bottom:30px; } .sec-info.no-height, .x3.no-height, .x3-end.no-height{ height:auto; } .x3-end{ height:123px; margin-top:247px; } .x3-end.bigger{ height:145px; margin-top:225px; } .left-35{ float:left;/*corregir error section flotante*/ margin-right:1%; /*corregir error section flotante*/ width:33%; margin-left:0; } .left-47{ width:46%; } .left-65{ width:64%; } .left-75{ width:67%; } .col .left-17 .column.x2-first, .col .left-100 .column.x2-first{ margin-left: 0; width: auto; } .col .left-35 .column.x2-first, .col .left-80 .column.x2-first { margin-left: 0; width: 100%; } .col .left-47 .column{ width:100%; } .col .left-47 .column .x-image{ width:31%; margin:0 0 16px 16px; } .col .left-47 .column .x-image:nth-of-type(2n+1){ margin:0 0 16px 16px; } .col .left-47 .column .x-image:nth-of-type(3n+1){ margin-left:0; } .col .left-47 .column .x-image.justface{ width:30.3%; margin:7px; } .col .left-65 .column{ width:100%; } .col .left-65 .column .x-image{ width:23%; margin:0 0 16px 16px; } .col .left-65 .column .x-image:nth-of-type(3n+1){ margin:0 0 16px 16px; } .col .left-65 .column .x-image:nth-of-type(4n+1){ margin-left:0; } #home-content, #gastronomy-content, #sleep-content, #see-and-do-content, #about-the-city-content, #my-bilbao-content, #surroundings-content, #friendships-content, #prensa-content, #convention-content, #pdf-content{ height:456px; padding-top:380px; background-image:url(../images/bg-home.jpg); background-repeat:no-repeat; background-position:center 0; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; } /**/ /*.lt-ie9 #home-content{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-home.jpg', sizingMethod='scale'); -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-home.jpg', sizingMethod='scale')"; }*/ #gastronomy-content{ height:952px; padding-top:100px; background-image:url(../images/bg-gastronomy.jpg); } #sleep-content{ height:839px; padding-top:100px; background-image:url(../images/bg-sleep.jpg); } #see-and-do-content{ height:821px; padding-top:100px; background-image:url(../images/bg-see-and-do-home.jpg); } .home-title{ padding-top:20px; } #about-the-city-content{ height:794px; padding-top:100px; background-image:url(../images/bg-about-the-city.jpg); } #my-bilbao-content{ height:800px; padding-top:100px; background-image:url(../images/bg-my-bilbao.jpg); } #surroundings-content{ height:795px; padding-top:100px; background-image:url(../images/bg-surroundings.jpg); } #friendships-content{ height:795px; padding-top:100px; background-image:url(../images/bg-Friendships.jpg); } #prensa-content{ height:840px; padding-top:100px; background-image:url(../images/bg-basque-country.jpg); } #convention-content{ height:840px; padding-top:100px; background-image:url(../images/bg-bizkaia.jpg); } #pdf-content{ background:none; } .sec-title.home{ padding:220px 0 0; } .sec-title.section{ padding:200px 0 0; clear:both; } /*Para que no machaque el input del mapa de la capa inferior*/ #about-the-city-content .sec-title.section{ margin:200px 0 0; padding:0; } .col-50{ width:47%; } .left-65 .col-50{ width:46%; } .col-20{ width:17%; } .col-100 { width:98%; } .links-down li:nth-child(2){ margin-left:200px; } .left-65 .links-down li:nth-child(2){ margin-left:130px; } .rojo-bg-special{ width:94%; height:86px; margin-bottom:0; } .links-down.small.small-bilbao li, .links-down.small.small-bilbao li:nth-child(2){ margin-right:55px; } .links-down.small.small-bilbao li:nth-child(3){ margin-right:10px; } .moscas{ margin:-160px 0 -360px 0;} .moscas.guggen {margin:-270px 0 -190px 0} .col .column:first-child.col-pdf p{ padding:20px; } #home-content.no-padding-top, #gastronomy-content.no-padding-top, #sleep-content.no-padding-top, #see-and-do-content.no-padding-top, #about-the-city-content.no-padding-top, #my-bilbao-content.no-padding-top, #surroundings-content.no-padding-top, #friendships-content.no-padding-top, #prensa-content.no-padding-top, #convention-content.no-padding-top, #pdf-content.no-padding-top, #home-content.no-padding-top.subsection, #gastronomy-content.no-padding-top.subsection, #sleep-content.no-padding-top.subsection, #see-and-do-content.no-padding-top.subsection, #about-the-city-content.no-padding-top.subsection, #my-bilbao-content.no-padding-top.subsection, #surroundings-content.no-padding-top.subsection, #friendships-content.no-padding-top.subsection, #prensa-content.no-padding-top.subsection, #convention-content.no-padding-top.subsection, #pdf-content.no-padding-top.subsection{ min-height:800px; } div.img-pdf{margin:1em 1em 1em 0.5em; float:right;width:325px!important;} div.img-pdf img {height:260px;width:325px;} } /* ========================================================================== Backend ========================================================================== */ #backend{ padding:10px; } #backend form{ padding:5px 0; color: #FFF } #backend fieldset{ padding:15px 0 0 0; } #backend form input[type=button]{ -webkit-border-radius:5px; border-radius:5px; color:#fff; width:auto; padding:6px 10px; margin-left:80px; border:none; background:#D8001D; } #backend form div{ font-size:12px; } #backend form label{ width:160px; display:inline-block; } #backend form input, #backend form select, #backend form textarea{ width:150px; padding:5px; border:1px solid #D8001D; } #backend form select{ width:300px; } #backend #listadoContenidos ul{ padding: 20px; } #backend #listadoContenidos li{ display: inline-block; white-space: nowrap; width: 30% } #backend #listadoContenidos li a{ color: #FFF; text-decoration:underline; } #backend .botones{ text-align: center; width: 100%; padding: 10px 0; } #backend .botones input[type=button]{ margin: 0; } #backend #seleccionarPagina{ display:none; width: 100%; border-bottom: 1px solid #FFF; padding: 0 0 15px 0; } #backend .registro{ display:inline-block; width: 30%; } #backend .registro a{ color: #FFF; text-decoration:underline; } /*FLECHAS GALERIA*/ .galeria_dch{position:absolute;top:46%;right:15px;} .galeria_izq{position:absolute;top:46%;left:15px;} /* ========================================================================== Helper classes ========================================================================== */ .ir{ background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;} .ir:before{ content: ""; display: block; width: 0; height: 100%;} .no-padding-top.subsection .hidden{ display: none !important; visibility: hidden;} .visuallyhidden{ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{ clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto;} .invisible{ visibility: hidden;} .clearfix:before, .clearfix:after{ content: " "; display: table;} .clearfix:after{ clear: both;} .clearfix{ *zoom: 1;} /*IFRAME GEOBILBAO*/ .iframeGeoBilbao { border: 0 none; border-radius: 5px 5px 5px 5px; display: inline; height: 400px; width: 100%; } .iframeGeoBilbaoCuadernoViaje { border: 0 none; border-radius: 15px 15px 15px 15px; display: inline; height: 295px; width: 100%; } #capaPanelMeses{ padding:0; margin:0; font-weight:normal; font-size:medium; line-height: normal; color:inherit; } #capaPanelMeses div{ padding:0; margin:0; } #capaPanelMeses a.enlacesMeses{ z-index:2147483647; } /* ============================================================================= Print Styles ========================================================================== */ @media print { #navigation, #navigation div, header{ position:relative; background:none;} .col .column:first-child.col-pdf, .col .column.col-pdf{ width:600px; margin:0; background:none;} .col .column:first-child.col-pdf div{ display:inline-block; width:300px; padding:0;} .col .column:first-child.col-pdf p{ color:#333; font-size:11px; padding:20px;} .col .column:first-child.col-pdf p:first-child{ padding-bottom:0;} .col .column:first-child.col-pdf p:last-child{ padding-top:0; padding-bottom:10px;} .col .column:first-child.col-pdf .alr,.col .column:first-child.col-pdf .alr2{ width:48%; margin:0; vertical-align:top;} .col .column:first-child.col-pdf .alr3 { width:60%; float:right; margin:1em 0 0 1em; vertical-align:top; } .col .column:first-child.col-pdf .alr.alr-100{ width:100%;} .col .column:first-child.col-pdf .alr img, .col .column:first-child.col-pdf .alr2 img{ width:100%;} div.img-pdf img {width: 275px;height:220px;margin:0 1em 1em 0;} .sec-title.section.pdf-title{ padding-top:0;} .pdf-h1{ display:inline-block; font-size:26px; line-height:26px; margin-left:30px; padding:12px 0; color:#fff; background:#000 url(../images/nav-detail.png) no-repeat 0 center;} .note{ font-weight:700; font-size:18px;} } /* ============================================================================= Destacados SubHome forzar posicion ========================================================================== */ #float-left{ float: left; } #float-right{ float: right; } /*Moscas home*/ .grMosca { width: 100%; display: inline-block; } /*sellos calidad gastronomica */ /*debajo de la imagen*/ .sello-down img { width: 15%; float: left; padding-right: 2%; } .sello-down { width: 100%; padding-top: 0!important; float: left; } @media only screen and (min-width: 768px) { .sello-down img { width: 20%; } } @media only screen and (min-width: 480px) and (max-width: 767px){ .sello-down img { width: 13%; } }