/* Hoja de Estilos para Opticalia 2014 */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 24, 2014 */ @font-face { font-family: 'latolight'; src: url('fonts/lato-lig-webfont.eot'); src: url('fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-lig-webfont.woff') format('woff'), url('fonts/lato-lig-webfont.ttf') format('truetype'), url('fonts/lato-lig-webfont.svg#latolight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoregular'; src: url('fonts/lato-reg-webfont.eot'); src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-reg-webfont.woff') format('woff'), url('fonts/lato-reg-webfont.ttf') format('truetype'), url('fonts/lato-reg-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bemboregular'; src: url('fonts/bembo-1361531548-webfont.eot'); src: url('fonts/bembo-1361531548-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bembo-1361531548-webfont.woff') format('woff'), url('fonts/bembo-1361531548-webfont.ttf') format('truetype'), url('fonts/bembo-1361531548-webfont.svg#bemboregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'bembo_semi_boldregular'; src: url('fonts/bembo-semi-bold-1361531547-webfont.eot'); src: url('fonts/bembo-semi-bold-1361531547-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bembo-semi-bold-1361531547-webfont.woff') format('woff'), url('fonts/bembo-semi-bold-1361531547-webfont.ttf') format('truetype'), url('fonts/bembo-semi-bold-1361531547-webfont.svg#bembo_semi_boldregular') format('svg'); font-weight: normal; font-style: normal; } /* Estilos globales ---------------------------------------------------------------------------------------------------------------------- */ .dropdown-backdrop { display: none; } * { color:none !important; } body { font-size: 11px; font-family:Arial, Helvetica, sans-serif; color: #484848; padding-top: 0px; } a { color: #0195c0; font-family: 'latoregular'; } a:hover { color: #017196; text-decoration: none; } a:visited { color: #017196; } h1, h2, h3, h4, h5 { font-family: 'latoregular'; text-align:left; text-transform:uppercase; } h1.page-header { margin: 0; color:#555; font-size: 25px; line-height: 24px; font-weight: normal; border: none; text-transform:uppercase; font-size: 20px; line-height: 28px; } .front h1.page-header { display:none; } h2 { font-size: 26px; line-height: 24px; font-weight: normal; font-weight: normal; } h2.block-title { font-size:14px; text-transform:uppercase; color: #0090c0; } h3 { font-size: 18px; line-height: 20px; font-weight: normal; padding-top:5px; } h4 { font-size: 16px; line-height: 20px; font-weight: normal; color:#0094d8; padding-top:5px; } p, blockquote { font-size: 14px; line-height: 20px; font-family:Arial, Helvetica, sans-serif; color:#DFF0D8; text-align:left; } p { font-family: 'latoregular'; color:#333333; font-size:15px; line-height:19px; margin-bottom:10px; } .claim { font-family: 'latoregular'; color:#333333; font-size:16px; line-height:20px; } .dropdown-backdrop { display: none; } .breadcrumb { font-size:11px; /*margin:0;*/ background-color:#ffffff; padding: 0px; } .breadcrumb > li { display: inline-block; text-shadow:none; } .cyan { color:#0195c0; } .gris { color:#DFF0D8; } .blanco { color:#FFF; } .field-name-body p { line-height:20px; color:#333; font-family: 'latoregular'; font-weight:100; font-size:15px; } .breadcrumb { text-transform:uppercase; } :focus { outline: 0; } #sb-wrapper {top: 10px!important; left: 0px!important;width: 100%!important; visibility: visible!important;} #sb-wrapper-inner {height:600px!important;} @media (min-width: 768px) and (max-width: 978px) { .field-name-body p { line-height:18px; color:#333; font-size:14px !important; } } @media (max-width: 767px) { .field-name-body p { line-height:18px; font-size:14px !important; } } @media (max-width: 480px) { #sb-wrapper-inner {height:450px!important;width:auto;} } body.not-logged-in { padding-top:0; } /*Menu Cabecera*/ header { margin-top:20px; } .navbar-nav { padding-top:16px; } .navbar { margin-bottom:0; } .navbar .container { padding:0; } .navbar-default { background-image: none; background-repeat: repeat-x; border-radius: 0px; box-shadow: none; } .navbar-default { background-color: #ffffff; border-color: transparent; } .navbar-default .navbar-nav > li > a { color: #0195c0; text-transform:uppercase; } .navbar-brand, .navbar-nav > li > a { text-shadow: none; } .navbar-nav.secondary { float:right; margin-left:10px; } .navbar-nav.secondary > li > a { margin-right:5px; background-color:#f8f8f8; } .navbar-nav.secondary > li > a:hover, .navbar-nav.secondary > li > a:focus { background-color: #ccc; } .navbar-default .navbar-nav > .active > a { background-image: none; box-shadow: none; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #fff !important; } .cabeceranav { color: inherit; width:100%; max-width: 1400px; margin-left: auto; margin-right: auto; } .region-navigation { float:left; padding-top:14px; padding-top:28px; } #block-menu-menu-men-secundario { display:inline-block; } #block-menu-menu-men-secundario .block-title { display:none; } #block-menu-menu-men-secundario ul.menu.nav { margin: 0; } #block-menu-menu-men-secundario ul.menu.nav li { float:left; padding: 15px 0px 15px 0px; background-color:none; text-transform:uppercase; } #block-menu-menu-men-secundario ul.menu.nav li a { display:block; color:#0195c0; padding-top:3px; padding-bottom:3px; } #block-menu-menu-men-secundario ul.menu.nav li.first a { border-right:1px solid #0195c0; } #block-menu-menu-men-secundario ul.menu.nav li a:hover { color: #333; background-color:transparent; } #block-menu-menu-men-secundario ul.menu.nav li.last a { background: url("../img/solo-asociados.png") no-repeat scroll right 4px transparent; padding-right:15px; } #block-menu-menu-men-secundario ul.menu.nav li.last a:hover, #block-menu-menu-men-secundario ul.menu.nav li.last a:focus { background: url("../img/solo-asociados-gris.png") no-repeat scroll right 4px #ecf9fd; } #block-menu-menu-men-secundario ul.menu.nav li.first a:hover, #block-menu-menu-men-secundario ul.menu.nav li.first a:focus { background-color: #ecf9fd; } .nav-tabs { font-size:16px; } .block-locale { top:-10px; right:104px; position:absolute; } .block-locale h2 { display:none; } .block-locale ul { padding:0; } .block-locale li { list-style:none; float:left; margin-right:8px; font-size:12.5px; line-height:1.3; } .block-locale li a { display:block; color:#666; padding:3px 5px; border:1px solid #ccc; } .block-locale li a:hover, .block-locale li a:focus { background-color: #ecf9fd; } #block-block-9 { top:-10px; right:26px; position:absolute; } #block-block-9 h2 { display:none; } #block-block-9 ul { padding:0; } #block-block-9 li { list-style:none; float:left; margin-right:8px; font-size:12.5px; line-height:1.3; } #block-block-9 li a { display:block; color:#666; padding:3px 5px; border:1px solid #ccc; } #block-block-9 li a:hover, #block-block-9 li a:focus { background-color: #ecf9fd; } @media (min-width: 1200px) { } @media (min-width: 980px) and (max-width: 1200px) { .cabeceranav { color: inherit; width:100%; margin-left: auto; margin-right: auto; margin-bottom:10px; } .navbar-nav.secondary { padding-top:0px; padding-bottom:0; margin-left:0px; } .region-navigation { padding-top:12px; padding-bottom:0; } #block-menu-menu-men-secundario ul.menu.nav li { padding: 12px 0px 15px 0px; } .nav > li > a { padding: 10px 8px; } } @media (min-width: 768px) and (max-width: 979px) { .cabeceranav { width:100%; margin-left: auto; margin-right: auto; margin-bottom:10px; } .navbar-nav, .region-navigation { padding-top:10px; padding-bottom:0; } .navbar-nav.secondary { padding-top:0px; padding-bottom:0; } .navbar-nav.secondary > li > a { padding-top: 10px; } #block-menu-menu-men-secundario ul.menu.nav li { padding: 0px 0; } .navbar-default .navbar-nav > li > a { padding-left:10px; padding-bottom:5px; } .navbar-nav.primary li.first a { padding-left:0; } .navbar-nav.secondary { float:none; margin-left:10px; } } @media (max-width: 767px) { header { margin-top:10px; } .cabeceranav { color: inherit; width: 100%; margin-bottom:15px; } .navbar-nav, .region-navigation { padding-top:0px; padding-bottom:0; border-top:none; line-height:1; } .navbar-nav > li > a { padding: 10px 3px 10px 12px; border-bottom:#CCC 1px solid; line-height: 1; } body.not-logged-in { padding-top:10px; } #block-menu-menu-men-secundario ul.menu.nav li { padding: 0; } #block-menu-menu-men-secundario ul.menu.nav li { padding: 5px 0; } /* .block-locale { right:102px; top:-20px; } */ #block-block-9 { top:-20px; right:24px; position:absolute; } .region-navigation { float:left; padding-top:0px; margin-left:-15px; } .navbar-nav.secondary { float:left; margin-left:0px; } .navbar-toggle { margin-top:20px; } } @media (max-width: 480px) { header { margin-top:20px; } .block-locale { right:78px; top:-25px; } #block-block-9 { top:-25px; right:8px; position:absolute; } .block-locale li, #block-block-9 li { margin-right:8px; font-size:11px; line-height:1.3; } .navbar-toggle { margin-right:5px; } } @media (max-width: 979px) { .block-locale { right:102px; top:-20px; } #block-block-9 { top: -20px; } } /* Slider principal */ .highlighted.container.cabecera { background-color: #ffffff; max-width: 1466px; margin-left: auto; margin-right: auto; padding:0; } .container .jumbotron { padding: 0; border-radius: 0px; } .region-highlighted.row { margin-left:0; margin-right:0; } .flex-direction-nav { display:none; } .flex-control-nav { bottom: 10px !important; z-index:100; } .promo .col-md-1, .promo .col-md-2, .promo .col-md-3, .promo .col-md-4, .promo .col-md-5, .promo .col-md-6, .promo .col-md-7, .promo .col-md-8, .promo .col-md-9, .promo .col-md-10, .promo .col-md-11, .promo .col-md-12 { padding-left: 0px; padding-right: 0px; } .promo { background-color:#f0f0f0; text-align:center; } .promo p.promo-textgran { font-family: 'latolight'; margin-top:40%; text-align:center; font-size:100px; line-height:70px; } .promo p.promo-texpeq { font-family: 'latolight'; text-align:center; font-size:30px; width:55%; margin-left:20%; } .flexslider .play { display:none; } .flexslider6 { margin: 0px; background: #fff; position: relative !important; zoom: 1; overflow:hidden; margin-right:0px; } .flexslider6 .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider6 .slides img { width:100%; } .flexslider6 .flex-control-nav { position:absolute !important; bottom: 10px !important; z-index:100; } @media (min-width: 1200px) { .container.cabecera { width: 100%; } } @media (min-width: 768px) and (max-width: 979px) { .highlighted.container.cabecera { width: 100%; } } @media (min-width: 978px) { .highlighted.container.cabecera { width: 100%; } } @media (max-width: 767px) { .highlighted.container.cabecera { width:100%; } .promo p.promo-textgran { font-family: 'latolight'; margin-top:20%; text-align:center; font-size:50px; } .flex-control-nav { bottom: 10px; z-index:100; } } /* Contenido Home */ #block-views-banners-promocionales-block-1 { color:#889299; /* GAP: Borde 1 */ border-right:1px solid #838e95; } #block-views-banners-promocionales-block-2.col-md-3 { padding-left:5px; } #block-views-banners-promocionales-block-2.col-lg-3 { padding-left:0px; } .flexslider1 { margin: 0px; background: #fff; position: relative; zoom: 1; overflow:hidden; margin-right:0px; } .flexslider1 .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider1 .slides img { display: block; margin-left: 15px; width: 90%; } .flexslider2 { margin: 0px; background: #fff; position: relative; zoom: 1; overflow:hidden; margin-right:0px; padding:0 0px; /* GAP: Borde 1 */ border-right:1px solid #838e95; } .flexslider2 .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider2 .slides img { display: block; width:100%; } #block-yasomos-yasomos h2.block-title { color:#45555f; font-family: 'bemboregular'; font-size:25px; line-height:24px; text-transform:none; font-weight:100; width:80%; margin-bottom:5px; } #block-yasomos-yasomos { font-family: 'bemboregular'; } #block-yasomos-yasomos label { font-weight: 100; font-family: 'bemboregular'; color:#45555f; font-size:15px; line-height:18px; } #block-yasomos-yasomos input[type="text"], #block-yasomos-yasomos select { width:90%; padding:3px; font-family:Arial, Helvetica, sans-serif; } #block-yasomos-yasomos input[type="text"] { margin-bottom:10px } #block-yasomos-yasomos input[type="submit"] { padding:5px 40px; margin-top:10px; } #block-yasomos-yasomos input[type="submit"]:hover { background-color:#7D888F; color: #FFFFFF; border: 1px solid #7D888F; } #block-yasomos-yasomos p.profesional { font-family: 'bemboregular'; border-top:2px solid #838e95; font-weight:100; font-size:15px; margin-top:18px; padding-top:12px; line-height:18px; color:#45555f; } #block-yasomos-yasomos p.profesional span { display:block; } .opticalias { padding-left:15px; padding-right:15px; font-family: 'bemboregular'; } div.numero { font-size:27px; background-color: #7D888F; text-align:center; padding:0; color:#FFF; margin-right:6px; line-height:32px; padding-top:3px; } span.tiendas { font-size:20px; } #block-yasomos-yasomos p.profesional { font-size:19px; font-family: 'bemboregular'; line-height:22px; } #block-yasomos-yasomos a.info { font-size:16px; line-height:32px; border: 1px solid #ccc; padding-top:2px; text-align:center; padding-left:0px; padding-right:0; margin-left:auto; margin-right:auto; } #block-yasomos-yasomos a:hover { background-color:#ecf9fd; color:#333; } @media (min-width: 978px) { #block-views-banners-promocionales-block-1 { text-align:center; margin-bottom:20px; } #block-yasomos-yasomos p.profesional { font-size:17px; font-family: 'bemboregular'; line-height:19px; margin-top:15px; margin-bottom:10px; } } @media (min-width: 768px) and (max-width: 979px) { #block-views-banners-promocionales-block-1 { border-right:none; text-align:center; /* GAP: BORDE 1 */ border-bottom:1px solid #838e95; margin-bottom:20px; } .flexslider1 .slides img { display: block; margin-left: 15px; width: 100%; } #block-yasomos-yasomos p.profesional { font-size:19px; font-family: 'bemboregular'; line-height:23px; margin-top:15px; margin-bottom:10px; } #block-yasomos-yasomos input[type="text"], #block-yasomos-yasomos select { width:68%; } } @media (max-width: 767px) { .flexslider1 { /* GAP: Borde 1 */ border-bottom:2px solid #838e95; margin-bottom:20px;} #block-views-banners-promocionales-block-1 { border-right:none; text-align:center; } .flexslider1 .slides img { display: block; margin-left: 15px; width: 100%; } #block-yasomos-yasomos { margin-left:5%; padding-left:0; padding-top:10px; /* GAP: border-top:1px dotted #838e95; */ } .front #block-yasomos-yasomos { margin-left:0%; padding-left:0; padding-top:0px; border:none; } #block-yasomos-yasomos p.profesional { font-size:19px; font-family: 'bemboregular'; line-height:23px; margin-top:15px; margin-bottom:10px; } #block-yasomos-yasomos input[type="submit"] { padding:5px 10px; } } @media (max-width: 480px) { #block-yasomos-yasomos h2.block-title { font-size: 20px; line-height: 20px; text-transform: none; width: 95%; margin-bottom:0; margin-top:10px; } .opticalias { padding-left:8px; padding-right:8px; font-family: 'bemboregular'; } div.numero { font-size:22px; line-height:22px; padding:0; } span.tiendas { font-size:15px; line-height:15px; } #block-yasomos-yasomos p.profesional { font-size:16px; line-height:19px; margin-top:15px; margin-bottom:10px; } #block-yasomos-yasomos a.info { font-size:15px; line-height:32px; padding:0; } #block-yasomos-yasomos input[type="submit"] { width:60%;} #block-yasomos-yasomos { margin-left:10%; } } @media (max-width: 360px) { div.numero { font-size:16px; line-height:27px; padding:0; } #block-yasomos-yasomos a.info { font-size:14px; line-height:26px; padding:0; } } /* Boton general*/ .btn, input[type="submit"] { background-color: #7d888f; background-image: none; font-family: 'latoregular'; font-size:12px; border: 1px solid #6e7a82; box-shadow: none; color: #FFFFFF!important; text-shadow: none; text-transform: uppercase; padding:5px 30px; border-radius: 0px; } .btn:hover { background-color:#0195c0; color: #FFFFFF!important; border: 1px solid #0195c0; } /* zona Pie página */ .colofon.container { margin-top: 0px; margin-bottom:10px; padding-left:0; position:relative; } .footer { border-top:none; margin-top:0px; position:relative; padding-bottom:10px; padding-left:0; } .region-footer.row { border-top:2px solid #838e95; padding-top:30px; margin-left:0; margin-right:0; padding-left:0; } .footer .block h2 { line-height:14px; margin-top:0; margin-bottom:5px; font-size:12px; } #block-contacto-portada-contacto-portada { position:relative; } #block-contacto-portada-contacto-portada .form-group { margin-bottom:0; } #block-contacto-portada-contacto-portada label { font-size: 12px; line-height:16px; margin-bottom:5px; font-weight:200 !important; font-family: 'latoregular'; } .footer input#edit-message { width:56%; float:left; margin-right:2%; margin-top:2px; padding:2px; } .footer .form-control { border-radius: 1px; height: 29px; line-height: 1.42857; padding: 4px 10px; } #block-contacto-portada-contacto-portada input[type="submit"] { position:absolute; top:20px; right:0; } .footer .btn, input[type="submit"] { background-color: #0195c0; padding:5px 30px; border-radius: 1px; border: 1px solid #0195c0; margin-top:2px; } .footer .btn:hover { background-color: #7d888f; border: 1px solid #7d888f; } .enlacesPie { padding-left:0!important; } .enlacesPie.first { margin-bottom:0; } .enlacesPie li { color: #5E646C!important; font-size: 12px; text-transform:uppercase; color: #45555F; line-height: 18px; list-style-image: none; list-style-type: none;} .enlacesPie li a, .enlacesPie li div span a { color: #45555F!important; line-height: 16px; list-style-image: none; list-style-type: none; } .enlacesPie li a:hover, .enlacesPie li div span a:hover { color:#0195C0 !important; } .enlacesPie #showroom a { display:block; width:130px; text-indent:-9999px; height:30px; background: url("../img/showroom-logo.png") no-repeat scroll 0 center transparent; } .enlacesPie #showroom a:hover { background: url("../img/showroom-logo.png") no-repeat scroll 0 center #ecf9fd; } #block-system-main-menu li { padding-left:0; } #block-system-main-menu li { color: #5E646C; font-size: 12px; text-transform:uppercase; color: #45555F; list-style-image: none; list-style-type: none;} #block-system-main-menu .nav > li > a { color: #45555F; line-height: 18px; list-style-image: none; list-style-type: none; padding:0; } #block-system-main-menu .nav > li > a:hover { color:#0195C0; background:transparent; } @media (max-width: 978px) { .footer input#edit-message { width:85%; } } @media (max-width: 767px) { #block-contacto-portada-contacto-portada { margin-left:0; padding-left:0; margin-top:5px; } .enlacesPie li a, .enlacesPie li div span a { color: #45555F!important; line-height: 16px; list-style-image: none; list-style-type: none; } .footer input#edit-message { width:85%; } .footer { padding-left:5%; padding-right:5%; padding-top:10px; } } @media (max-width: 480px) { #block-contacto-portada-contacto-portada { margin-left:0; padding-left:0; margin-top:5px; } .enlacesPie li a, .enlacesPie li div span a { line-height: 15px; } #block-system-main-menu .nav > li > a { line-height: 16px; } .footer { padding-left:5%; padding-right:5%; padding-top:10px; } } #block-block-27 { position: absolute; right: -115px; top: -35px; } @media (min-width: 1200px) { #block-block-27 { right: -70px; top: -16px; } } @media (min-width: 768px) and (max-width: 979px) { #block-views-redessociales-block { padding-left:90px; } #block-block-27 { right:-40px; } } @media (max-width: 767px) { #block-block-27 { right:-40px; } } @media (max-width: 480px) { #block-block-27 {right:24px; top:27px; } } /* zona Colofon */ #block-views-redessociales-block { position:absolute; top:-35px; right:0; font-size:14px; padding-left:15px; } #block-block-3, #block-views-uc-catalog-terms-block-2 { padding-left:0; } .view-redessociales a { display:block; width:26px; height:24px; float:left; text-indent:-9999px; margin-right:5px; padding:4px; } .view-redessociales a:hover { background-color:#ecf9fd; } .view-redessociales .facebook { background: url("../img/facebook-icon.png") no-repeat scroll center center transparent; width:16px; } .view-redessociales .twitter { background: url("../img/twitter-icon.png") no-repeat scroll center center transparent; } .view-redessociales .tumblr { background: url("../img/tumblr-icon.png") no-repeat scroll center center transparent; } .view-redessociales .instagram { background: url("../img/instagram-icon.png") no-repeat scroll center center transparent; } .view-redessociales .travel.club { background: url("../img/travelclub-icon.png") no-repeat scroll center center transparent; width:44px; height:26px; } .view-redessociales .google { background: url("../img/googleplus-icon.png") no-repeat scroll center center transparent; } .view-redessociales .youtube { background: url("../img/youtube-icon.png") no-repeat scroll center center transparent; } .view-redessociales .digicert { background: url("../img/digicert-icon.png") no-repeat scroll center center transparent; width:55px; height:40px; } .view-redessociales .pinterest { background: url("../img/pinterest-icon.png") no-repeat scroll center center transparent; } #block-views-redessociales-block-1 .travel.club { display:none; } @media (min-width: 978px) { #block-contacto-portada-contacto-portada p { font-size:13px; line-height:15px; margin-bottom:3px; } .footer input[type="text"] { margin-bottom:3px; } .colofon { padding-bottom:10px; } #block-views-redessociales-block { top:-6px; padding-left:15px; } } @media (min-width: 768px) and (max-width: 979px) { #block-contacto-portada-contacto-portada p { font-size:13px; line-height:15px; margin-bottom:3px; } .footer input[type="text"] { margin-bottom:3px; } .colofon { padding-bottom:10px; } #block-views-redessociales-block { top:0px; padding-left:15px; } } @media (max-width: 767px) { .colofon.container { padding-left: 5%; padding-bottom:10px; } #block-views-redessociales-block { top:0px; padding-left:20px; } .enlacesPie #showroom a { display:block; width:90px; text-indent:-9999px; height:30px; background: url("../img/showroom-logopeq.png") no-repeat scroll 0 center transparent; } .enlacesPie #showroom a:hover { background: url("../img/showroom-logopeq.png") no-repeat scroll 0 center #ecf9fd; } #block-block-1 a { line-height:1em !important; font-size:12px !important; } } @media (max-width: 480px) { #block-views-redessociales-block { top:0px; } .cookieLawBox { font-size:11px; line-height:12px; } .cookieLawAnchor, .cookieLawAnchor:hover { font-size:11px; line-height:12px; } } /* Formulario contacto */ body.node-type-webform { padding-bottom:10px; } .node-type-webform h1.page-header { font-size:40px; font-family: 'bembo_semi_boldregular'; line-height:35px; text-transform:none; } .node-type-webform .main-container { margin-top:30px; } .node-type-webform .field-name-body p { font-size:1.3em; } .node-type-webform label { } .node-type-webform fieldset { /*background-color:#f8f8f8; */border:none; padding-left:0; } .node-type-webform fieldset .webform-component { margin-bottom:8px; } .form-email { border: 1px solid #929292; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; display: block;font-size: 14px; height: 33px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 98%; } .node-type-webform .panel { box-shadow:none; } .node-type-webform fieldset input { background-color: #FFFFFF!important; background-image: none; border: 1px solid #929292!important; border-radius: 2px; color: #555555!important; height: 33px; width: 98%; } .node-type-webform fieldset .form-textarea { border: 1px solid #929292; border-radius: 2px; color: #555555; } /* GAP: .webform-component--izquierda--ciudad-localidad,.webform-component--izquierda--cidade-localidade,.webform-component--izquierda--city,.webform-component--izquierda--ciutat---localitat { width:64%; float:left; } */ .webform-component--izquierda--cp,.webform-component--izquierda--zp { width:33%; float:left; margin-right:2%; } .webform-component--izquierda--nombre-y-apellidos,.webform-component--izquierda--nome-e-apelido,.webform-component--izquierda--full-name,.webform-component--izquierda--nom-i-cognoms { width:63%; float:left; margin-right:2%; } .webform-component--izquierda--edad,.webform-component--izquierda--idade,.webform-component--izquierda--age,.webform-component--izquierda--edat { width:33%; float:left; } .node-type-webform label { font-size:1.18em; font-family:Arial, Helvetica, sans-serif; font-weight:100; color:#666; margin-bottom:0; } .webform-component--derecha--campos-obligatorios p, .webform-component--derecha--fields-obligatory p, .webform-component--derecha---camps-obligatoris p { font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:100; color:#666; } .node-type-webform .main-container .btn { /*-moz-user-select: none; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 1px rgba(0, 0, 0, 0.075); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; background-image: linear-gradient(to bottom, #00b6d6 0px, #0078ac 100%); font-size: 18px; font-weight: 400; line-height: 1.42857; padding: 6px 6%;*/ background-color: #0195C0; border: 1px solid #0195C0; border-radius: 1px; margin-top: 2px; padding: 8px 30px; float:right; width:50%; font-size:16px; } #webform-client-form-2189 .node-type-webform .main-container .btn{ width:90%!important; } .node-type-webform .main-container .btn:hover { background-color:#7D888F; color: #FFFFFF; border: 1px solid #7D888F; } .node-type-webform input#edit-submitted-derecha-aceptar-condiciones-1,.node-type-webform input#edit-submitted-derecha-aceitar-condicoes-1,.node-type-webform input#edit-submitted-derecha-accept-conditions-1,.node-type-webform input#edit-submitted-derecha-acceptar-condicions-1 {width:5%!important; margin-left:2%!important; height:auto; } .form-item-submitted-derecha-aceptar-privacidad-1 input, #webform-component-derecha--accept-conditions input, #edit-submitted-derecha-acceptar-condicions input { font-size:0.9em; height:16px !important; } #webform-client-form-4 .form-item-submitted-derecha-aceptar-condiciones-1 label,#webform-client-form-2226 .form-item-submitted-derecha-aceptar-condiciones-1 label,#webform-client-form-227 .form-item-submitted-derecha-aceptar-condiciones-1 label,#webform-client-form-228 .form-item-submitted-derecha-aceptar-condiciones-1 label { font-size:0.9em; line-height:2em; } #webform-client-form-4 #edit-submitted-aceptar-condiciones-1,#webform-client-form-2226 #edit-submitted-aceptar-condiciones-1,#webform-client-form-2227 #edit-submitted-aceptar-condiciones-1,#webform-client-form-2228 #edit-submitted-aceptar-condiciones-1 { width:5%!important; margin-left:2%!important; } #webform-client-form-2189 #edit-submitted-aceptar-condiciones-1,#webform-client-form-2229 #edit-submitted-aceitar-condicoes-1,#webform-client-form-2230 #edit-submitted-accept-conditions--1,#webform-client-form-2231 #edit-submitted-acceptar-condicions-1 { width:5%!important; margin-left:2%!important; } #webform-client-form-2189 .form-item-submitted-aceptar-condiciones-1 label,#webform-client-form-2229 .form-item-submitted-aceitar-condicoes-1 label,#webform-client-form-2230 .form-item-submitted-accept-conditions--1 label,#webform-client-form-2231 .form-item-submitted-acceptar-condicions-1 label { font-size:0.9em; line-height:2em; width:100%; } #webform-client-form-2189 #edit-submitted-aceptar-condiciones,#webform-client-form-2229 #edit-submitted-aceitar-condicoes-1,#webform-client-form-2230 #edit-submitted-accept-conditions-1,#webform-client-form-2231 #edit-submitted-acceptar-condicions-1 { float:left; width:60%; } #webform-client-form-2189 #edit-submitted-aceptar-condiciones .checkbox,#webform-client-form-2229 #edit-submitted-aceitar-condicoes-1 .checkbox,#webform-client-form-2230 #edit-submitted-accept-conditions-1 .checkbox,#webform-client-form-2231 #edit-submitted-acceptar-condicions-1 .checkbox { display:block; } #webform-client-form-2189 input[type="text"],#webform-client-form-2229 input[type="text"],#webform-client-form-2230 input[type="text"],#webform-client-form-2231 input[type="text"]{ background-color: #fff!important;border: 1px solid #ccc!important;} #edit-submitted-derecha-aceptar-privacidad-1{width:15px;} .form-item-submitted-derecha-aceptar-privacidad-1 {padding-left: 50px;} .form-item-submitted-derecha-aceptar-privacidad-1 label,.edit-submitted-derecha-accept-conditions-1 label, form-item-submitted-derecha-acceptar-condicions-1 label, .form-item-submitted-derecha-accept-conditions-1 label,.form-item-submitted-derecha-acceptar-condicions-1 label {font-size: 0.9em;} #edit-submitted-derecha{margin-bottom: 0px;} #webform-client-form-4 #edit-submit,#webform-client-form-1915 #edit-submit,#webform-client-form-1916 #edit-submit {margin-top: 0px;} #edit-submitted-derecha-recibir-informacion-1,#edit-submitted-derecha-receive-information-1,#edit-submitted-derecha-rebre-informacio-1 {width: 15px; margin-left: 10px; margin-right: 6px;margin-top: 1px;height: 20px!important;} .form-item-submitted-derecha-recibir-informacion-0 label,.form-item-submitted-derecha-receive-information-0 label,.form-item-submitted-derecha-rebre-informacio-0 label {font-size: 0.9em!important;} @media (max-width: 1200px) { #webform-client-form-2189 .node-type-webform .main-container .btn { width:100%; } } @media (max-width: 767px) { #webform-client-form-2189 .node-type-webform .main-container .btn { float:left; width:100%; } .panel { margin-bottom:5px; } } #webform-component-emailasociado {display: none;} /* Formulario apuntate a nuestra newsletter */ #webform-client-form-2836 .webform-component--derecha--codigo-postal, #webform-client-form-2836 .webform-component--derecha--edad,#webform-client-form-2837 .webform-component--derecha--zp, #webform-client-form-2837 .webform-component--derecha--age,#webform-client-form-2838 .webform-component--derecha--cp, #webform-client-form-2838 .webform-component--derecha--edat { width:40%; float:left;} #webform-client-form-2836 .webform-component--derecha--ciudad, #webform-client-form-2836 .webform-component--derecha--sexo,#webform-client-form-2837 .webform-component--derecha--city, #webform-client-form-2837 .webform-component--derecha--gender,#webform-client-form-2838 .webform-component--derecha--ciutat, #webform-client-form-2838 .webform-component--derecha--sexe { width:60%; float:right;} #webform-client-form-2836 .webform-component--derecha--aceptar-condiciones,#webform-client-form-2836 .webform-component--derecha--lopd,#webform-client-form-2836 .webform-component--derecha--ofertas-comerciales,#webform-client-form-2836 .webform-component--derecha--campos-obligatorios,#webform-client-form-2837 .webform-component--derecha--accept-conditions,#webform-client-form-2837 .webform-component--derecha--ofertas-comerciales,#webform-client-form-2837 .webform-component--derecha--fields-obligatory,#webform-client-form-2838 .webform-component--derecha--acceptar-condicions,#webform-client-form-2838 .webform-component--derecha--ofertas-comerciales,#webform-client-form-2838 .webform-component--derecha--campos-obligatorios {float:left; width: 100%;} #webform-client-form-2836 .form-checkbox,#webform-client-form-2837 .form-checkbox,#webform-client-form-2838 .form-checkbox { width: 10%!important; margin: 1% 5px 0px 0px!important; height: auto; } #webform-client-form-2836 .form-item-submitted-derecha-ofertas-comerciales-0 label, #webform-client-form-2836 .form-item-submitted-derecha-lopd-0 label,#webform-client-form-2837 .form-item-submitted-derecha-ofertas-comerciales-0 label, #webform-client-form-2837 .form-item-submitted-derecha-accept-conditions-0 label,#webform-client-form-2838 .form-item-submitted-derecha-ofertas-comerciales-0 label, #webform-client-form-2838 .form-item-submitted-derecha-acceptar-condicions-0 label { font-size: 0.9em; line-height: 2em; margin-left: -4%; } #webform-client-form-2836 .webform-component--derecha,#webform-client-form-2837 .webform-component--derecha,#webform-client-form-2838 .webform-component--derecha {margin-bottom: 5px;} #block-block-18 { width:57%;} #block-block-18 p { font-size: 1.0em; float: right; margin-top: -145px; } #edit-submitted-derecha-accept-conditions label { margin-left: 1%!important; } #edit-submitted-derecha-acceptar-condicions label {margin-left: 0%!important;} input#edit-submitted-derecha-lopd-1 {margin:4px 5px 0px 0px!important;} @media (max-width: 1200px) { #block-block-18 p { font-size: 0.9em!important; width:50%!important; } #webform-client-form-2836 .webform-component--derecha,#webform-client-form-2837 .webform-component--derecha,#webform-client-form-2838 .webform-component--derecha {margin-bottom: 5px;} } @media (max-width: 987px){ #block-block-18 p {width:100%!important; margin-top:0px!important;} } @media (max-width: 767px) { #block-block-18 p {margin-top:5px; float:left;} #webform-client-form-2836 .btn,#webform-client-form-2837 .btn,#webform-client-form-2838 .btn {width:100%!important;} #webform-client-form-2836 .panel,#webform-client-form-2837 .panel,#webform-client-form-2838 .panel {margin-bottom: -20px;} #webform-client-form-2836 .form-checkbox,#webform-client-form-2837 .form-checkbox,#webform-client-form-2838 .form-checkbox { width:7%!important;} #webform-client-form-2836 .webform-component--derecha,#webform-client-form-2837 .webform-component--derecha,#webform-client-form-2838 .webform-component--derecha {margin-bottom: 5px;} } /* Contenido Estáticas */ .flexslider6 { margin-bottom:20px; } .flexslider6 .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider6 .slides img { display: block; width:100%; } /* Contador */ #node-2189, #node-1913, #node-1912 { background-color:#f5f4f3; text-align:center; padding:15% 20%; } p.mensaje { font-size:2em; font-family: 'bemboregular'; line-height:1em; text-align:center; margin-top:20px; } form.contador { width:100%; } form label { display:block; } form.contador input { font-size:2em; font-family: 'bemboregular'; line-height:2em; text-align:center; padding:0px; border:none; background-color:transparent; border-top:1px solid #666; color:#333 !important; height:2em; } form.contador .numeros.col-md-2 { border-right:1px solid #ddd; border-left:1px solid #ddd; padding:30px 0px; } @media (max-width: 767px) { .main-container { padding-left:3% !important; padding-right:3%; } } @media (max-width: 480px) { form.contador input { font-size:23px; line-height:28px; } form.contador .numeros.col-md-2 { border-right:1px solid #ddd; border-left:1px solid #ddd; padding:0px 0px; margin-bottom:20px; } } /* ZONA PRODUCTOS TIENDA */ .node-type-product .main-container.container { padding-left: 0; } .page-node-2190 .main-container header, .page-node-1908 .main-container header, .page-node-1909 .main-container header { margin-top:0; } .page-node-2190 h1.page-header, .page-node-1908 h1.page-header, .page-node-1909 h1.page-header { display:none; } .page-node-2190 h2.titulo-rojo, .page-node-1908 h2.titulo-rojo, .page-node-1909 h2.titulo-rojo { font-size:32px; font-family: 'bemboregular'; line-height:28px; color:#7f0000; text-transform:none; } .view-id-catalogo .views-view-grid .row-1, .view-id-catalogo .views-view-grid .row-2, .view-id-catalogo .views-view-grid .row-3, .view-id-catalogo .views-view-grid .row-4 { padding-top:30px; } .sexo { text-align:right; } .sexo .Hombre { display: block; /*float: left; */height: 25px; font-size: 0px; width: 100%; background: url("../img/hombre-icon.png") no-repeat scroll center center transparent; } .sexo .Mujer { display: block; /*float: left; */height: 25px; font-size: 0px; width: 100%; background: url("../img/mujer-icon.png") no-repeat scroll center center transparent; } .sexo .Unisex { display: block; /*float: left; */height: 25px; font-size: 0px; width: 100%; background: url("../img/unisex-icon.png") no-repeat scroll center center transparent; } .sexo ._blank_ { display: block; /*float: left; */height: 25px; font-size: 0px; width: 100%; background: url("../img/_blank_-icon.png") no-repeat scroll center center transparent; } .titulomarca { text-transform:uppercase; text-align:center; font-family: 'latolight'; font-size:14px; line-height:28px; } .carrito { text-align:center; } .carrito a { display: block; float: left; height: 28px; text-indent: -9999px; width: 28px; background: url("../img/shop-icon.png") no-repeat scroll center center transparent; } .carrito a.lupa { display: block; float: left; height: 28px; text-indent: -9999px; width: 28px; background: url("../img/lupa-gris.png") no-repeat scroll center center transparent; } .carrito a.comprar { display: block; float: left; height: 28px; text-indent: -9999px; width: 28px; background: url("../img/shop-icon_carrito.png") no-repeat scroll center center transparent; } .carrito a:hover { display: block; float: left; height: 28px; text-indent: -9999px; width: 28px; background: url("../img/shop-icon-hover.png") no-repeat scroll center center transparent; } .carrito a.lupa:hover { display: block; float: left; height: 28px; text-indent: -9999px; width: 28px; background: url("../img/lupa-gris.png") no-repeat scroll center center transparent; } .carrito a.comprar:hover { display: block; float: left; height: 28px; text-indent: -9999px; width: 28px; background: url("../img/shop-icon-hover_carrito.png") no-repeat scroll center center transparent; } .flexslider5 { padding-bottom:10px; } .flexslider5 .flex-control-nav { bottom:0px!important; z-index:100; width:95%; } .flexslider5 .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider5 .slides img { width:100%; } .flexslider3 { padding-bottom:30px; border-bottom:4px solid #c2c3c5; } .flexslider3 .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider3 .flex-control-nav { bottom:5px!important; z-index:100; width:100%; } .flexslider3 .slides img { width:100%; } .view-gafasrelacionadas { color: #0195C0; text-transform: uppercase; font-family: 'latoregular'; text-align: left; margin-top:5px; font-size:14px; margin-bottom:15px; } .productos { background-color:#d7d7d7; padding:10px; } .contenedorprod { border:#FFF 2px solid; padding:30px 10px 20px; text-align:center; min-height:360px; } .condicionprecio { font-family: 'latoregular'; font-size:16px; font-weight:700; display:block; line-height:1; padding-top:0; margin:0; } .node-type-product .field-name-body p { line-height:16px; color:#333; font-family: 'latoregular'; font-weight:100; margin-top:20px; } .precio { font-size:52px; font-family: 'latolight'; font-weight:500; color:#000; line-height: 0,8em; margin-top:20px; } .euro { font-size:30px; font-family: Arial, Helvetica, sans-serif; font-weight:100; } .productos .btn { font-size:18px; color:#FFF; padding:5px 2px; width:100%; } .opticasel { font-size:11px; line-height:1.2em; margin-top:5px; } .opticasel a { text-transform:uppercase; margin-top:5px; } .optica { font-weight:700; } .emergente { position:relative; } .emergentetit { text-transform:uppercase; font-size:15px; margin-bottom:5px; display:block; } .emergente img { width:100% } .emergente a { color:#888; } .emergente .playpeq { position:absolute; top:0; left:0; width:100%; height:100%; background: url("../img/img-emergente.png") no-repeat scroll 15% 55% transparent; } .node-type-contenido-emergente { background-color:#bed5e1; width:80%; margin-left:10%; margin-right:10%; padding-top:40px !important; } .node-contenido-emergente img { border:8px #fff solid; } .node-contenido-emergente h3,.node-contenido-emergente p {width:95%!important;text-align: justify!important;} .flexslider4 { padding-bottom:0px; border-bottom:0px solid #c2c3c5; } .flexslider4 .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider4 .flex-control-nav { bottom:80px!important; z-index:100; width:90%; } .flexslider4 .slides img { width:95%; } .node-type-product #sb-wrapper-inner, .opticas { border:#666 1px solid; padding:10px; background-color:#cccccc!important; opacity:0.9!important; } .js body.page-node-23 { height: 100%; background-color: #cccccc!important; opacity:0.9!important; } #node-23 h3,.recogida h3 {color:#484848;} .recogida form #ciudad1 { visibility: visible!important;} .node-type-product #sb-body-inner { background-color:#cccccc!important; text-align:center; } .recogida { margin-left:auto; margin-right:auto; padding:30px 20px 20px 20px; text-align:left; height:575px!important; } #sb-player.html,iframe.opticas{ border:#FFF 2px solid !important; } .recogida p.mesages { padding:0px 30% 0px 30% !important; } .recogida p.mensaje { color:#fff; padding:150px 30% 10px 30%; } .recogida .form-control { margin-bottom:10px;} .recogida form { padding:30px 30% 10px 30%; } .recogida .btn { font-size:12px!important; } .recogida td { text-align: left; } .recogida #sb-title { display:none; } .btn.btn-info { background-image: linear-gradient(to bottom, #5BC0DE 0px, #0195c0 100%); background-repeat: repeat-x; border-color: #28A4C9; } .field-name-body .recogida { height:335px; } .field-name-body .recogida p.mensaje { font-family: 'bemboregular'; color:#fff; font-size:22px; margin-top:10%; } .recogida p.mesages { font-family: 'bemboregular';font-size:22px; } .node-type-product .field-name-body p.mensaje {line-height: 20px; } .table.listado-opticas { text-transform:uppercase; font-size:15px; color:#000000!important;} #modificar .table { width:auto; font-size:15px; font-family: 'latolight'; } #modificar .table > tbody > tr > th { border-top: none; text-transform:uppercase; font-weight:200; color:#333; } #modificar .table td { padding:10px 20px 5px 5px; font-family: 'latolight'; } #modificar .euro { font-size:14px; } #modificar .descripcion { display:block; width:50%; } #modificar .preciotabla { color:#9b0505; font-size:40px; line-height:40px; font-family: 'latolight'; font-weight:400; white-space: nowrap; } #modificar .segundo td { border-bottom: 2px #f3f3f3 solid; } #modificar .row.uno { border-bottom: 2px solid #b7b8bb; padding-bottom:10px; margin-bottom:10px; } #modificar .row.uno img { margin-left:15px; } #modificar .btn { padding:10 30px; float:right; font-size:18px; } .node-type-product #sb-nav-close {display:block!important;width:25px!important;height:25px!important;} .node-type-product #sb-info-inner,.node-type-product #sb-info {height:25px!important;} .node-type-product #sb-overlay {opacity: 0.75!important;background: rgb(255,255,255)!important;} .page-crearpack #sb-wrapper-inner,.node-type-product #sb-wrapper-inner { background-color: #cccccc !important; border: 1px solid #666666; opacity: 0.9 !important; padding: 10px; } .page-crearpack #sb-body-inner,.node-type-product #sb-body-inner { background-color:#cccccc!important; text-align:center; } .servicio { margin-left:auto; margin-right:auto; border:#FFF 2px solid; padding:20px; text-align:center; } .page-crearpack p.mensaje,.node-type-product p.mensaje { font-size:18px; } .view-catalogo h3 { display:block; text-align:left; margin-bottom:0px; border-bottom:#CCC 1px solid; padding-top:0; } .view-catalogo h3 a img { width: 170px; height: auto; } .views-view-grid { clear:both; } @media (min-width: 1200px) { } @media (min-width: 979px) { .contenedorprod { min-height:300px; } .node-type-product .field-name-body p { line-height:17px; font-size:14px; } .euro { font-size:20px; font-family: Arial, Helvetica, sans-serif; font-weight:100; } .productos .btn { font-size:16px; padding:5px 2px; width:100%; } .condicionprecio { font-size:16px; font-weight:800; } .emergentetit { font-size:14px; } .precio { font-size:45px; font-family: 'latolight'; font-weight:500; color:#000; line-height: 0,8em; margin-top:20px; } } @media (min-width: 768px) and (max-width: 978px) { .contenedorprod { min-height:200px; padding:15px 20px 15px 20px; } .node-type-product .field-name-body p { line-height:16px; font-size:13px; } .precio { font-size:40px; font-family: 'latolight'; font-weight:500; color:#000; } .euro { font-size:20px; font-family: Arial, Helvetica, sans-serif; font-weight:100; } .productos .btn { font-size:15px;padding:5px 2px; width:100%; } .emergentetit { font-size:14px; } .flexslider4 .flex-control-nav { bottom:60px!important; } .flexslider3 { padding-bottom:60px; } .titulomarca { line-height:18px; } } @media (max-width: 767px) { .titulomarca { line-height:18px; } .contenedorprod { min-height:200px; padding:15px 20px 15px 20px; } .emergentetit { font-size:13px; margin-top:20px; } .node-type-product .main-container.container { padding-left: 20px; padding-right:20px; } .productos { padding:10px 10px; margin:10px 2%; width:96% } .recogida p.mensaje,.recogida p.mesages { padding:10px 10px; } .recogida form { padding:0px 10% 10px 10%; } .flexslider4 .flex-control-nav { bottom:60px!important;} } @media (max-width: 480px) { .node-type-product .main-container.container { padding-left: 15px; padding-right:15px; } .productos { padding:10px; margin-top:20px; } .view-gafasrelacionadas img { width:90%; height:90% } .recogida p.mensaje,.recogida p.mesages { padding:10px 10px; font-size:1.6em; line-height:1.1em; } .table.listado-opticas .btn, .table.listado-opticas input[type="submit"] { font-size: 12px; padding: 2px 2px; text-shadow: none; text-transform: uppercase; } .recogida { margin-left:auto; margin-right:auto; padding:30px 20px 20px 20px; text-align:center; height:400px!important; } } /* ESTÁTICAS: ZONA CONOCENOS y LOCALIZADOR */ .page-node-2 p.profesional, .page-node-2 .opticalias { display:none; } .page-node-2 #block-system-main { padding-left:0; /*height:150px; overflow:auto;*/ } /*.page-node-2 #block-yasomos-yasomos h2 { line-height:26px; margin:0; }*/ /*.page-node-2 #block-yasomos-yasomos label { margin:0; }*/ .page-node-2 p { font-size:15px; line-height:22px; color:#555; } .page-node-1925 p.profesional, .page-node-1925 .opticalias { display:none; } .page-node-1925 #block-system-main { /*height:150px; overflow:auto;*/ } /*.page-node-1925 #block-yasomos-yasomos h2 { line-height:20px; margin:0; } .page-node-1925 #block-yasomos-yasomos label { margin:0; }*/ .page-node-1925 p { font-size:15px; line-height:22px; color:#555; } .page-node-1921 p.profesional, .page-node-1921 .opticalias { display:none; } .page-node-1921 #block-system-main { /*height:150px; overflow:auto;*/ } /*.page-node-1921 #block-yasomos-yasomos h2 { line-height:20px; margin:0; } .page-node-1921 #block-yasomos-yasomos label { margin:0; }*/ .page-node-1921 p { font-size:15px; line-height:22px; color:#555; } .page-node-21 h1.page-header, .page-node-1923 h1.page-header, .page-node-1924 h1.page-header { font-size:40px; text-transform: none; font-family: 'bembo_semi_boldregular'; line-height:30px; border-bottom:dotted 1px #000; padding-bottom:20px; margin-bottom:20px;/* margin-left:7%; margin-right:7%;*/ } .page-node-21 label, .page-node-1923 label, .page-node-1924 label { font-weight:100; font-size:14px; line-height:22px; padding-right:20px; } .page-node-21 .main-container.container, .page-node-1923 .main-container.container, .page-node-1924 .main-container.container { padding-left:0px; } .localizador .checkbox label { font-size:14px; } #map-canvas { height: 460px; padding-left:0; } /*@media (min-width: 1200px) { .fixed { position: fixed !important; left: 45% !important; top: 50px !important; width: 700px !important; } } @media (min-width: 1000px) and (max-width: 1199px) { .fixed { position: fixed !important; left: 45% !important; top: 50px !important; width: 530px !important; } }*/ input.negro { padding:10px 20%; background-color:#333; font-size:16px; border: 1px solid #333; border-radius:2px; } input.azul { padding:10px 20%; background-color:#0195c0; font-size:16px; border: 1px solid #0195c0; border-radius:2px; } input.azul:hover { background-color:#7D888F; color: #FFFFFF; border: 1px solid #7D888F; } .table { line-height:1.2; color:#333; font-family: 'latoregular'; font-weight:200; font-size:13px; } .page-node-21 .table, .page-node-1923 .table, .page-node-1924 .table { line-height:1.1; color:#333; font-family: 'latoregular'; font-weight:100; font-size:12px; } .table th { color: #0195C0; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { line-height: 1.1; padding: 8px 2px; } .bg-info { padding:10px !important; margin-top:10px; } @media (min-width: 1200px) { .node-type-page h1.page-header { margin-left:-15px; } .node-type-page .col-md-6 { padding-left:0; line-height: initial; margin-bottom:30px; } } @media (min-width: 979px) { .page-node-2 p { font-size:15px; line-height:22px; } } @media (min-width: 768px) and (max-width: 978px) { .node-type-page .main-container.container { padding-left: 15px !important; } } @media (max-width: 767px) { .page-node-2 #block-system-main { padding-left:3%; } .page-node-2 h1 { padding-left:3%; font-size:30px; } .page-node-2 p { font-size:14px; line-height:17px; } #map-canvas { height: 400px; /*margin-left:20px; margin-right:20px; */} .table-responsive { border:none; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size:10px; line-height: 1; padding: 5px 5px; } .node-type-page .col-md-6 { padding-left:15px; } .page-node-2 #block-yasomos-yasomos { margin-top:10px; margin-left:5%; } } @media (max-width: 480px) { .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { font-size:8px; line-height: 1.2; padding: 6px 2px 6px 2px; } } /* Tablas responsivas de MIYAZAKI */ table#miyazaki { margin: 0 auto; border-collapse: collapse; font-family: Agenda-Light, sans-serif; font-weight: 100; background: #333; color: #fff; text-rendering: optimizeLegibility; border-radius: 5px; } table#miyazaki caption { font-size: 2rem; color: #444; margin: 1rem; background-size: contain; background-repeat: no-repeat; background-position: center left, center right; } table#miyazaki thead th { font-weight: 600; } table#miyazaki thead th, table#miyazaki tbody td { padding: .8rem; font-size: 1.4rem; } table#miyazaki tbody td { padding: .8rem; font-size: 1.4rem; color: #444; background: #eee; } table#miyazaki tbody tr:not(:last-child) { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } @media screen and (max-width: 600px) { table#miyazaki caption { background-image: none; } table#miyazaki thead { display: none; } table#miyazaki tbody td { display: block; padding: .6rem; } table#miyazaki tbody tr td:first-child { background: #666; color: #fff; } table#miyazaki tbody td:before { content: attr(data-th); font-weight: bold; display: inline-block; width: 6rem; } } /* Fin de tablas responsivas */ /* PROCESO COMPRA: CHECKOUT */ #edit-apply { width:200px; } .page-cart-checkout .main-container { width:50%; } #edit-panes-coupon-apply { margin-top:22px; } .page-cart-checkout table th { text-transform:uppercase; } .page-cart-checkout legend { font-family: 'latoregular'; text-transform:uppercase; margin-bottom:0; } .pedido { margin-bottom:20px; } .pedido .col-md-2 img { margin-top:40px; } .pedido .col-md-3 img { width:100%; } .pedido, .pedido p { font-family: 'bemboregular', Arial, sans-serif; color:#5c5c5c; } .pedido .cortesia { font-family: 'bembo_semi_boldregular', Arial, sans-serif; font-size:26px; line-height:0.9em; margin-bottom:25px; } .pedido .gracias { text-transform:uppercase; font-size:80px; line-height:0.8em; color:#960101; display:block; } .pedido .datos-pedido { padding:0; margin-bottom:15px; } .pedido .datos-pedido li { font-size:18px; list-style-image:none; list-style-type:none; text-transform:none; } .pedido .datos-pedido li.numpedido { font-size:26px; font-family: 'bemboregular', Arial, sans-serif; margin-top:10px; } #uc-cart-view-form th { text-transform:uppercase; font-size:15px; } #uc-cart-view-form .desc a { text-transform:uppercase; } #uc-cart-pane-coupon #edit-apply { margin-bottom:10px; } #uc-cart-view-form #edit-update { display:none; } #uc-cart-view-form>div>a { float:right; background-image: linear-gradient(to bottom, #5BC0DE 0px, #0195C0 100%); background-repeat: repeat-x; border-color: #28A4C9; padding: 5px 30px; font-size:16px; margin-top:-40px; color: #fff; margin-right: 160px; height: 34px; text-transform: uppercase;} html[lang='ca'] #uc-cart-view-form>div>a {margin-right: 210px;} #uc-cart-view-form #edit-checkout--2.btn { float:right; background-image: linear-gradient(to bottom, #5BC0DE 0px, #0195C0 100%); background-repeat: repeat-x; border-color: #28A4C9; padding: 5px 30px; font-size:16px; margin-top:-40px; } #uc-cart-view-form #edit-checkout--2.btn:hover { background-color:#0195c0; color: #FFFFFF; border: 1px solid #0195c0; } #uc-cart-checkout-review-form #edit-submit { background-image: linear-gradient(to bottom, #5BC0DE 0px, #0195C0 100%); background-repeat: repeat-x; border-color: #28A4C9;} #uc-cart-checkout-review-form #edit-submit:hover { background-color:#0195c0; color: #FFFFFF; border: 1px solid #0195c0; } .order-review-table td { padding-top:5px; padding-bottom:5px; font-size:1.1em; } .pane-title-row { font-family: 'latoregular', Arial, sans-serif; text-transform:uppercase; } @media (max-width: 767px) { .pedido .cortesia { font-size:30px; line-height:0.9em; margin-bottom:20px; } .pedido .gracias { font-size:50px; } .pedido .datos-pedido li.numpedido { font-size:24px; margin-top:5px; } #edit-panes-delivery-address-delivery-ucxf-ofertas-comerciales { margin-left:10px; } #edit-panes-delivery-address-delivery-ucxf-aceptacion{ margin-left: -10px; } } @media print { .header { display:none; } .footer, .colofon { display:none; } .pedido a.btn.btn-default { display:none; } /*.pedido .col-md-3 img { width:50%; font-family: Arial, Helvetica, sans-serif; }*/ .pedido .page-header{ width:75%; font-family: Arial, Helvetica, sans-serif; } .tabs--primary { display:none; } #toolbar { display:none; } } /*a[href="/es/tienda-online.html"] { display: none !important; }*/ #site-map h2.title {display:none;} .remove .btn { width: 75px !important; height: 30px !important;font-size: 11px !important; padding:0px !important; } #infowindow { padding: 10px; font-size: 16px; } .form-item-panes-delivery-address-delivery-ucxf-aceptacion { display: block!important; } .extra { float: right; padding:10px 60px 5px 5px; font-family: 'latolight'; text-transform: uppercase; margin-right: 70px; display: block; border-bottom: solid 1px #ddd; width: 420px; margin-bottom: 10px; text-align: right; } .form-item-panes-payment-details-cc-exp-month, .form-item-panes-payment-details-cc-cvv{ clear: both; display: block!important; } .form-item-panes-payment-details-cc-exp-year { padding-top: 0px!important; margin-top: 0px!important; } .btn100 { width: 100% !important; } .separador { border-bottom: dotted 1px #333; margin-bottom: 15px; } .barraSeparacion {border-bottom: 4px solid #c2c3c5;} #block-views-banners-promocionales-block-4 li { list-style: none; } #block-views-banners-promocionales-block-4 img {max-width:100%} .imagen-producto{position: relative} .imagen-producto .tag-extra{position: absolute} /* Estilos acordeon localización */ #accordion-loc .panel-heading{padding: 0;} #accordion-loc .panel-body{padding:8px} #accordion-loc a{padding:8px 20px 8px 0; display:block; cursor:pointer; font-size:15px; text-transform: uppercase; background:url("../img/loc-up.png") no-repeat right 12px transparent; margin:0 12px} #accordion-loc a.collapsed{background:url("../img/loc-down.png") no-repeat right 12px transparent;} #accordion-loc a, #accordion-loc a:hover, #accordion-loc a:focus{color:#000000; text-decoration:none} #accordion-loc .panel-group .panel{border-radius:0} #accordion-loc .panel-default{border:none; box-shadow:none; border-radius:0} #accordion-loc .panel-default>.panel-heading{background:#D7D7D7; border-radius:0} #accordion-loc #busquedaCodigo{width: 100px; float: right; margin: 5px 0 10px 20px} #accordion-loc #busquedaCodigoRadio{width: 100px; float: right; margin: 5px 0 10px 20px} #accordion-loc #cp{width: 300px; float: right; margin: 0 0 10px 20px} #accordion-loc #provincia{width: 300px; float: right; margin: 0 0 10px 20px} #accordion-loc #lblCp{float: left} #accordion-loc #lblProvincia{float: left} #accordion-loc .locSubmit{float: right; width:300px !important; padding:7px 0; margin:10px 0 15px 0} .visible-xs td { padding: 8px 3px; } .dir { display: block; font-size: 10px; padding-top: 4px; width: 220px; line-height: 12px; white-space: normal; } .flechaselect{ display:block; width: 30px; height: 30px; padding: 7px 15px; background:none; background:url(../img/flechaselect.png) no-repeat center center #0195c0 !important; } .scripts { display:none!important; } .centrar .btn{margin-left: 45%;} /* CSS para video responsiver en banners */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* CSS para video responsiver en banners - Enero 2018 */ .videoContainer .video-banner { width: 100%; height: auto; z-index: 100; } .videoContainer .img-banner { position: absolute; top: 0; left: 0; } .videoContainer .img-banner .img-gif { display: none; max-width:100%; } .videoContainer .img-banner .img-transparente { max-width:100%; border: 1px solid #fff; } @media (max-width: 769px) { .videoContainer .video-banner , .videoContainer .img-banner .img-transparente { display: none; } .videoContainer .img-banner{ position: relative; } .videoContainer .img-banner .img-gif { display: block; } } /*** Modificado PH ***/ section#block-system-main { width: 100%; } /* .region.region-navigation { width: 86%; }*/ .submenu-marcas > a { float: left; width: 14%; } .submenu-marcas > a > img { width: 100%; } .region-navigation { float: none; } a.logo.navbar-btn.pull-left { z-index: 1; position: relative; } .block.block-yasomos.contextual-links-region { width: 100% !important; } @media (min-width: 767px) { .view-content > .views-view-grid > div > div { width: 33.3333%; } } /*#localizador { position: absolute; top: 120px; padding: 0px !important; background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; margin-left: 20px; } #localizador > #cierraLocalizador { background-color: #0195c0; color: #fff; font-size: 18px; } #listadoOpticas > table > thead { background: #0195c0 none repeat scroll 0 0; color: #fff; } #listadoOpticas > table > thead > tr > th { background: #0195c0 none repeat scroll 0 0; color: #fff; } .desplegarLocalizador { background: #0195c0 none repeat scroll 0 0; position: absolute; top: 350px; width: 20px; } /*div#listadoOpticas { position: relative; top: -30px; }*/ /*----------------Localizador-----------------------------------------------------------------------------------------*/ /*@media (min-width: 767px){ .page-node-21 > .main-container.container { width: 100%; padding-left: 15px !important;} .page-node-1923 > .main-container.container { width: 100%; padding-left: 15px !important;} .page-node-1924 > .main-container.container { width: 100%; padding-left: 15px !important;} }*/ @media (min-width: 767px){ .page-node-21 > .main-container.container { width: 100%; padding-left: 0px !important;} .page-node-1923 > .main-container.container { width: 100%; padding-left: 0px !important;} .page-node-1924 > .main-container.container { width: 100%; padding-left: 0px !important;} } @media (min-width: 767px){ .gm-style-iw { width: 298px !important; width: auto !important; top: 15px !important; left: 0px !important; background-color: #fff; box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); border: 1px solid rgba(72, 181, 233, 0.6); border-radius: 2px 2px 10px 10px; } } @media (max-width: 766px){ .gm-style-iw { /*width: 298px !important;*/ width: auto !important; top: 15px !important; left: 0px !important; background-color: #fff; box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6); border: 1px solid rgba(72, 181, 233, 0.6); border-radius: 2px 2px 10px 10px; } } #iw-container { margin-bottom: 3px; } #iw-container .iw-title { font-family: 'Open Sans Condensed', sans-serif; font-size: 15px; font-weight:600; padding: 10px; background-color: #0195c0; color: white; margin: 0; border-radius: 2px 2px 0 0; width: 296px; } #iw-container .iw-content { font-size: 13px; line-height: 18px; font-weight: 400; /* margin-right: 1px; */ padding: 15px 0 0 15px; max-height: 140px; overflow-y: auto; overflow-x: hidden; width: 296px; } .iw-subTitle { font-size: 16px; font-weight: 700; padding: 5px 0; } .iw-bottom-gradient { position: absolute; width: 326px; height: 25px; bottom: 10px; right: 18px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); } .enlaceNoSelecionado {color: #000;} .enlaceSelecionado {font-weight: bold;} .titulo-caja {margin-left: 15px;} .contenido-caja { margin-left: 15px; margin-right: 15px; margin-top: 10px; margin-bottom: 15px; max-height: 350px; overflow: auto; background: #FFF; } .contenido-caja table{ max-height: 350px; overflow: auto; background: #FFF; border-bottom: 1px solid #0195c0; } /*.estoy { margin: 0 41px 15px !important;}*/ @media (min-width: 767px){ #localizador { left: 45px; position: absolute; top: 75px; padding: 0px !important; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; margin-left: 20px; max-height: 425px; z-index: 1;} #opticaseleccionada { left: 45px; position: absolute; top: 75px; padding: 0px !important; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; margin-left: 20px; z-index: 1;} .estoy-localizador { margin-left: 10% !important;} } @media (max-width: 766px){ #localizador { padding: 0px !important; background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; margin-bottom: 50px;} #opticaseleccionada { padding: 0px !important; background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;} } /*@media (max-width: 766px){ #map-canvas{margin-top: 338px;}}*/ #listadoprovincias a {color: #848484;} @media (min-width: 766px){ #listadoOpticas { position: relative; top: 20px; padding: 0 50px;} #listadoprovincias > table { margin: 15px auto 0;} } @media (max-width: 765px){ #listadoOpticas { overflow: auto; padding: 0px !important;top: 12px;} } @media (min-width: 766px){ .ver-provincia{margin: -10px 15px 10px 15px;} } @media (max-width: 765px){ .ver-provincia{margin: -10px 15px;} } .listadoprovincias { text-align: center; margin-top: 15px;} #localizador > #cierraLocalizador { background-color: #0195c0; color: #fff; font-size: 18px; padding: 8px;} #opticaseleccionada > #cierraopticaseleccionada { background-color: #0195c0; color: #fff; font-size: 18px; padding: 8px;} #listadoOpticas > table > thead { background: #0195c0 none repeat scroll 0 0; color: #fff;} #listadoOpticas > table > thead > tr > th { background: #0195c0 none repeat scroll 0 0; color: #fff;} .desplegarLocalizador { background: #0195c0 none repeat scroll 0 0; position: absolute; top: 250px; width: 25px; z-index: 3; margin-left: 15px; height: 100px; } .desplegarOptica { background: #0195c0 none repeat scroll 0 0; position: absolute; top: 250px; width: 25px; z-index: 3; margin-left: 15px; height: 100px; } #info-tienda { margin: 10px;} .flotante{ position: absolute; display:none; font-family:Arial; font-size:0.8em; border:1px solid #808080; background-color:#fff; width: 270px; padding: 10px; margin-left: -152px; margin-top:5px; z-index:1; } .flotante tr { height:20px; border-bottom: 1px solid #0195c0; } .flotante caption{ font-weight:600; height:20px; border-bottom: 1px solid #0195c0; } .flotante td{ text-align:left; min-width: 70px; } .cierraLocalizador-cerrar{float: right; margin: -2px 0;} .ver-listado-provicia{float: right; margin: -10px 15px 10px 15px;} .f-left{float: left;} .f-right{float: right; margin: -2px 0;} .img-desplegar{padding-top: 40px; padding-bottom: 40px;} .enlace-localidad{text-align:left;padding-left: 10px; width: 10%;} .cabecera-listado{text-align:center;} .cabecera-listado-servicios{text-align:center; min-width: 120px !important;} .cabecera-listado-servicios img{width: 20px !important; height:20px !important;} .text-left{text-align:left;} .lineaAzul{ border-bottom: 1px solid #0195c0; padding-right: 60px;} /*----------------Localizador--FIN------------------------------------------------------------------------------------*/ #block-yasomos-yasomos { width: 100%; } /*Reduccion de la parrilla de productos*/ .node.node-product.node-teaser.clearfix { width: 85%; } h1.page-header { font-size:32px !important; font-family: 'bembo_semi_boldregular' !important; line-height:35px; text-transform:none !important; } #block-tb-megamenu-menu-menu-pie-pagina { float: left; } #block-tb-megamenu-menu-menu-pie-pagina > .tb-megamenu-menu-menu-pie-pagina > div > ul > li { float: none !important; } #block-tb-megamenu-menu-menu-pie-pagina > .tb-megamenu-menu-menu-pie-pagina > div > ul > li > a { color: #45555f; font-family: latoregular; font-size: 12px; padding: 3px 10px 3px 0; } #block-tb-megamenu-menu-menu-pie-pagina > .tb-megamenu-menu-menu-pie-pagina > div > ul > li > a:hover, #block-tb-megamenu-menu-menu-pie-pagina > .tb-megamenu-menu-menu-pie-pagina > div > ul > li.active > a{ color: #0195c0 !important; }