/* Zona K CSS Developed by Backbone Technology Bogotá, Colombia (MarkUp Artist: Juan Camilo Rondón) 2014 */ @font-face { font-family: 'brandon grotesque'; src: url('http://www.restauranteilgiardino.com.co/media/brandon_reg-webfont.eot'); src: url('http://www.restauranteilgiardino.com.co/media/brandon_reg-webfont.eot#iefix') format('embedded-opentype'),url('http://www.restauranteilgiardino.com.co/media/brandon_reg-webfont.woff2') format('woff2'),url('http://www.restauranteilgiardino.com.co/media/brandon_reg-webfont.woff') format('woff'),url('http://www.restauranteilgiardino.com.co/media/brandon_reg-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Raleway'; src: url('http://www.restauranteilgiardino.com.co/media/raleway-light-webfont.woff2') format('woff2'), url('http://www.restauranteilgiardino.com.co/media/raleway-light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } body{ font-family: 'Raleway' !important; } h1, h2, h3, h4, h5, h6, .button{ font-family: 'brandon grotesque' !important;} a{color:#fb5b1d} .button{ font-family: "Karla", sans-serif; } .row{ max-width: none;} .clear{ clear: both;} a{ -webkit-transition: color .3s, background-color .3s, opacity .3s; transition: color .3s, background-color .3s, opacity .3s;} #all_nav{-webkit-transition: top .3s; transition: top .3s; } /* Generales */ /*Focus*/ input:focus, textarea:focus, select:focus{ outline: none;} /* Boton */ .button{ background-color: #FFF; color: #333; text-transform: uppercase; } header .button, footer .button{ background-color: #fb5b1d; color: #FFF; border: none; margin: 0; } /*figure*/ figure{ margin: 0;} #k_topBar_info{ margin-top: 0.75rem; font-size: 11px; } #k_topBar_info p{line-height:110%; font-weight: 700; font-size: 14px; margin-bottom: 0.75rem;} #k_topBar_daPortare_ico{ float: left; padding-top: 10px; margin-right: 10px;} #k_topBar_daPortare_ico img{ height: auto; margin-top: -5px;} #k_topBar_daPortare{ margin-right: 30px;} #k_topBar_daPortare p{ margin: 14px 0 0; display: block; float: left; line-height: 100%; font-size: 12px;} #k_topBar_daPortare em{ font-family: 'Playball', cursive; font-size: 17px;} #k_mainMenu_row{ background-color: #000;} #k_mainLogo{ height: 73px;} #k_mainLogo a{ display: inline-block; max-width: 70%; height: 73px; line-height: 73px;} #k_mainLogo img{ display: inline-block;} #k_mainMenu ul{ margin: 0; list-style: none; padding: 0;} #k_mainMenu li.columns{ line-height: 75px; width: 13.28%;} #k_mainMenu a{ color: #DDD; display: inline-block; padding-bottom: 5px; line-height: 100%; text-transform: uppercase; font-size: 12px;} #k_mainMenu a.active, #k_mainMenu a:hover{ color: #FFF; border-bottom: solid 1px #fff;} .k_orderonline_link{ display: block; float: left; margin-top: 9px; margin-right: 10px; font-size: 14px; font-weight: 500; text-align: center; line-height: 80%;} .k_orderonline_link:hover{ color: #fb5b1d; border-bottom: solid 1px #fff; } /* Hacer Cajas cuadradas */ .caja_cuadrada{ position: relative;} .caja_cuadrada_spacer{ margin-top: 100%;} .caja_cuadrada .slider_pic{ } .caja_cuadrada_content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .caja_cuadrada_content .slider_pic{ width: 100%; height: 100%;} .caja_cuadrada_content table{ position: absolute; top: 0; left: 0; right: 0; bottom: 0;width: 100%; height: 100%;} .caja_cuadrada_content td{ width: 100%; height: 100%;} /** FIX for Bootstrap and Google Maps Info window styes problem **/ img[src*="gstatic.com/"], img[src*="googleapis.com/"] { max-width: none; } /* Cover images */ .slider_pic{ background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .slider_pic img{ display: none;} /* Trama */ .k_trama{ /*background-image: url(../media/bg_trama.png)*/;background-image: none; position: absolute;top: 0; left: 0; right: 0; bottom: 0; } /* Header */ #all_topBar{ background-color: #000; position: relative; font-family: "Karla", sans-serif;} #all_topBar .columns{ position: static;} .logo-daportarenaranj { float: left; margin: 8px 18px 5px -15px; width: 106px; } .right-header-menu { float: right !important;} /* TopBar Zona K restaurantes lista */ #all_topBar-zonak{ border-right: solid 1px #444; padding: .33em 0 0; height: 45px; color: #DDD;} #all_zonakLogo{ height: 40px; line-height: 46px; margin: 0;} #all_zonakLogo img{ min-height: 18px; max-height: 27px; display: inline-block; vertical-align: middle;} #all_restaurantsDrop-hold{ background-color: rgba(0,0,0,.9); padding-bottom: 1em; display: none;} #all_restaurantsDrop-link{ text-transform: uppercase; font-size: 12px; color: #DDD; display: block; padding: 1em 0; letter-spacing: .15em; text-align: right; margin-top: 6px; font-family: 'Raleway' !important;} #all_restaurantsDrop-link .fa{ display: inline-block; margin-left: .33em; font-size: 1.3em; } #all_restaurantsDrop-list{ margin: 0; padding: 0; list-style: none;} #all_restaurantsDrop-hold{ position: absolute; top: 100%; left: 0; right: 0; z-index: 10000;} #all_restaurantsDrop-abstract{ margin-top: 1.5em; padding-left: 2em;} #all_restaurantsDrop-abstract img{ width: 50%; margin-bottom: 1em; } #all_restaurantsDrop-abstract p{ font-size: 13px;} #all_restaurantsDrop-abstract ul{ list-style: none; padding: 0; margin-left: 0; font-size: 12px;} #all_restaurantsDrop-abstract li{ margin-bottom: .5em; text-transform: uppercase; letter-spacing: .15em; } #all_restaurantsDrop-abstract a{ color: #CCC; text-decoration: underline;} #all_restaurantsDrop-list{ margin: 0; list-style: none; padding-top: 1em;} #all_restaurantsDrop-list li{ height: 75px; margin-bottom: .33em;} #all_restaurantsDrop-list a{ display: block; height: 100%; border-bottom: solid 1px #333; line-height: 75px;} #all_restaurantsDrop-list img{ max-height: 60%; max-width: 50%; opacity: .7; -webkit-transition: all .3s; transition: all .3s;} #all_restaurantsDrop-list a:hover{border-bottom-color:#111; } #all_restaurantsDrop-list a:hover img{ max-height: 110%; max-width: 90%; opacity: 1} #all_restaurantsDrop-list a:hover img.smaller{ max-height: 80%; max-width: 66.66%; } #all_restaurantsDrop-list [class*="column"]+[class*="column"]:last-child{ float: left;} .all_restaurantsDrop_bottomToggle{ padding-top: .33em;} .all_restaurantsDrop_bottomToggle a.button{ display: block; padding: .5em; margin-top: 1em !important; } /* TopBar Daportare */ #all_daportareTopbar-contactInfo, #all_daportareTopbar-contactInfo p{ color: #DDD; font-size: 11px; line-height: 45px; margin: 0} #all_daportareTopbar-contactInfo{ padding-right: 0;} #all_daportareTopbar{ padding: 0; } #all_daportareTopbar-slogan{ line-height: 110%; font-size: 12px; margin: 0; padding-right: 0; margin-bottom: 3px; } #all_daportareTopbar-slogan em{ font-family: 'Playball', cursive; font-size: 14px; display: inline-block; padding-top: 10px;} #all_daportareTopbar-slogan img{ height: 32px; margin: 7px .66em 0 0;} #all_daportareTopbar-sloganHold{ padding: 0; background-color: #FFF; } #all_daportareTopbar-slogan .all_daportareTopbar-infoSpan{ display: none;} #all_daportareTopbar .button{ padding: 15px .33em; height: 45px; font-size: 12px; letter-spacing: .2em;} /* Menu principal*/ #all_nav{ position: absolute; top: 110px; left: 0; z-index: 900 } #all_nav ul{ list-style: none; padding: 0; margin: 0;} #all_nav_container{ background-color: rgba(255,255,255,.8); padding: 0; } #all_nav_logo{ background-color: #FFF; padding: 1em .33em;} #all_nav_logo a{ display: block; max-width: 66.6%; margin: 0 auto; } #all_nav_logo a img{ max-height: 100px;} #all_nav_zonak{ } #all_nav_zonak-somos{ background-color: #FFF;} #all_nav_menu{ border-top: solid 1px #EEE;} #all_nav_menu a{ display: block; text-align: left; padding: 15px 8.33% 15px 24.33%; color: #666; line-height: 35px; font-size: 13px; text-transform: uppercase;} #all_nav_menu li{ border-bottom: solid 1px #FFF;} #all_nav_menu a .fa{ height: 35px; width: 35px; display: inline-block; line-height: 35px; font-size: 24px; text-align: center; vertical-align: middle; margin-right: 8.5%; } #all_nav_menu a .icon{ height: 40px; width: 40px; display: inline-block; text-align: center; vertical-align: middle; margin-right: 8.5%; background: url(../media/ico_menuSprites.png);} #all_nav_menu a .icon.menú{ background-position: -40px 0;} #all_nav_menu a .icon.reservas{ background-position: -80px 0;} #all_nav_menu a .icon.contacto{ background-position: 0 0;} #all_nav_menu a:hover{ background-color: #FFF; color: #444;} #all_nav_zonak{ padding: 1em 0 0; font-size: 12px; } #all_nav_zonak ul{ margin: 1em 0; text-transform: uppercase; } #all_nav_zonak li{ margin-bottom: .5em;} #all_nav_zonak a{ color: #333; font-size: 12px; } #all_nav_zonak a:hover{ text-decoration: underline;} #all_nav_zonak-somos{ background-color: #FFF; padding: 1.66em 0 2em; line-height: 150%;} #all_nav_zonak-somos img{ margin: 1em 0;} #all_nav_zonak-somos a{ text-transform: uppercase;} /*Banner slide gallery principal*/ #all_homeBanner{ position: relative;} #all_homeBanner .slider_pic{ height: 700px; position: static;} #all_homeBanner .slider_content{ position: absolute; bottom: 0; left: 0; right: 0;} #all_homeBanner .slider_content h1{ font-size: 80px; color: #FFF; font-weight: 400; line-height: 90%; margin: .33em 0;} #all_homeBanner .slider_content img{ max-width: 66.6%; max-height: 250px; display: inline-block;} .slider_content_text{ max-width: 700px; margin: 0 auto; max-height: 250;} .slider_content_text, .slider_content_text p{ color: #FFF; font-size: 19px;} .slider_content_text{ padding-bottom: 1em; margin-bottom: 50px;} /*Custom bxSlider Styles */ .bx-wrapper .bx-controls-direction a{ height: 40px; margin-top: -21px;} .bx-wrapper .bx-prev{ background:url(../media/ico_left_banner.png) no-repeat 50% 50%;} .bx-wrapper .bx-next{ background:url(../media/ico_right_banner.png) no-repeat 50% 50%;} .bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:hover{ background-position: 50% 50%; opacity: .6;} .bx-wrapper .bx-pager.bx-default-pager a{ background-color: #FFF; width: 12px; height: 12px; border-radius: 6px; border: solid 1px #FFF;} .bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager{ bottom: 1em;} .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover{ border: solid 1px #FFF;} #all_homeBanner .bx-wrapper .bx-pager{ padding-left: 25%; padding-right: 8.333%; padding-bottom: 1em;} /* Sección identidad */ #all_identidad{ padding: 2.5em 0;} #all_identidad h1{ font-size: 48px; font-weight: 400; line-height: 120%; margin-bottom: 1em; } #all_identidad_text, #all_identidad_text p{ font-size: 24px; } /* Banner, galería pequeño */ #all_smallBanner .slider_pic{ height: 600px; position: static;} #all_smallBanner figcaption{ position: absolute; background-color: rgba(0,0,0,.2); bottom: 60px; right: 4.66%; color: #EEE ; display: block; padding: .66em 1em; font-size: 14px; text-transform: uppercase; letter-spacing: .1em;} /* Masonry effect home */ #all_masonryGallery{ padding: 2em 0 3em; } #masonryDis{ padding: 0; position: relative; margin-bottom: 2em;} .itemMas{ margin-bottom: 16px; padding: 0; } .itemMas figure{ margin: 0 8px; background:#00aeef url(../media/icon_ampliar.png) no-repeat 50% 50%; } .itemMas img{ width: 100%;} .itemMas a{ display: block;} .itemMas a:hover{ opacity: .2} #all_masonry_moreLink{ padding: 1em 0; position: absolute; top: 100%; left: 0; right: 0;} #all_masonry_moreLink a{ color:#00aeef; text-decoration: underline; text-transform: uppercase; font-size: 11px; } /* Mapa */ #all_map{ position: relative; background-color: #EEE;} #map_Canvas{ height: 500px;} #all_mapIndicaciones{ display: none; position: absolute; top: -2.5em; right: 2.333%; background-color: #FFF; padding: 2.5em 1.5em 1.5em; border-left: solid 4px #00aeef;} #all_mapIndicaciones h2{ color:#00aeef; font-size: 28px; line-height: 120%; text-align: center; margin-bottom: .75em;} .all_mapIndicaciones_text, .all_mapIndicaciones_text p{ font-size: 14px;} #all_mapPic{ display: none; position: absolute; top:-1.33em; left: 4.666%; background-color: #000; padding: 5px;} #all_mapPic figcaption{ display: block; padding: 10px 0 4px; font-family: 'Gilda Display', serif; color: #FFF; font-size: 13px; text-align: right;} /* Footer */ .k_footer_Daportare{ padding-top: 2em; padding-bottom: 2em;} .k_footer_DaportareLogo div{ position: relative; margin-left: 8.33%;} .k_footer_DaportareLogo img{ display: block; } .k_footer_DaportareMoto{ position:absolute; top: 50px; right: -15px; } .k_footer_DaportareCaption{ font-size: 18px; font-weight: 700;} .k_footer_DaportareCaption .button{ display: block; padding: .5em 0; margin: 0 1em; } .k_footer_DaportareCaption em{ font-size: 24px; font-family: 'Playball', cursive; text-transform: none;} .k_footer_DaportareCaption p{ margin: 0 1em .66em;} .k_footer_DaportareCaption .buttton{ width: 100%;} #k_footerLegal a { width:100px; } #k_footerLegal{ margin: 1.5em 0 .5em; background-color:#00aeef; color: #FFF;} #k_footerLegal p{ padding-top: 18px; font-size: 12px; margin: 0;} #k_footerLegal img{ display: block; height: 40px; margin: 8px .5em 5px 1em; } #k_footerLegal a.backbonelink{ display: block; margin: 21px 1em 0 0; font-family: 'Karla', sans-serif; font-size: 10px; text-transform: uppercase; color: #FFF; width: 100px;} /* Interna */ #all_maincontent{ position: relative; min-height: 700px; padding-bottom: 1px; border-bottom: solid 4px #00aeef;} /* Carta */ #all_carta{ background-color: rgba(255,255,255, .85); padding: 1em; margin-top: 35px; margin-bottom: 2em;} #all_carta_wrap{border:solid 1px #00aeef; border-width: 0 1px; padding: 0 5px;} .all_carta_header{ height: 70px; line-height: 70px;border:solid 1px #00aeef; background-color: #FFF; display:none;} .all_carta_header img{ max-height: 80%; max-width: 25%;} .all_carta_article{border:solid 1px #00aeef; border-width: 0 1px 1px;} .all_carta_article h1{ font-size: 22px; font-weight: 400; margin: 0; text-transform: uppercase; letter-spacing: .15em;} /*.all_carta_article h1 a{ color: #00aeef; display: block; padding: .5em; } .all_carta_article h1 a:after{ content: "+"} .all_carta_article h1 a:hover, .all_carta_article h1 a.active{ background-color: #FFF;} .all_carta_article h1 a.active:after{ content: "-"}*/ .all_carta_article h1 a{ color: #00aeef; display: block; padding: .5em; } .all_carta_article h1 a span:after{ content: ""} .all_carta_article h1 a:hover, .all_carta_article h1 a.active{ background-color: #FFF;} .all_carta_article h1 a.active span:after{ content: ""} .all_carta_article h1 a .fa-caret-down::before { content: none !important; } .all_carta_article_content{ display: none; border-top: solid 1px #00aeef; padding: 2em 2em 2em; } .all_carta_article_content h2{ font-size: 0; font-weight: 700; } .all_carta_article_content h2 .linea{ border-bottom: solid 1px #00aeef; display: inline-block; height: 1px; vertical-align: middle; width: 10%; margin: 0 2%;} .all_carta_article_content h2 .name{ font-size: 20px; font-weight: 700; display: inline-block; max-width:70%; } .all_carta_article_content ul{ list-style: none; margin: 0 0 1.33em;} .all_carta_producto{ font-size: 13px; }/*padding-bottom: .15em; }*/ .all_carta_producto span{ line-height: 110%; } .all_carta_producto_name{ display: block; font-size: 24px; text-transform: uppercase; letter-spacing: 1px; } .all_carta_producto_precio{ float: none; } /* Reservas y contacto */ #all_formArticle{background-color: rgba(255,255,255, .85); margin-top: 35px; margin-bottom: 2em;} .all_formArticle_header h1{ font-size: 24px; font-weight: 400; color:#00aeef; letter-spacing: .15em; margin: .33em 0; text-align: left; display: block; } .all_formArticle_header{ background-color: #FFF; padding: 1em;} .all_formArticle_header p{ font-size: 14px; color: #666; text-align: left; margin: 1em 0 .33em;} .all_formArticle_campo{ background-color: #FFF; margin-bottom: .75em; padding:1px .66em; border:solid 1px #CCC; } .all_formArticle_campo input{ border:none; display: block; padding: 0; width: 96%; font-size: 12px; font-weight: 400; margin: .66em 0;} .all_formAdvice{ padding-top: 1.5em; text-align: left;} .all_formAdvice p{ font-size: 11px; color:#999; margin: 0 0 .33em;} .all_formArticle_campo label.error{ border-top: dotted 1px #D33; margin: .5em 0 0; font-size: 10px; display: block; padding: .33em 0 1px; color: #C66;} .all_formArticle_select{ position: relative; margin-bottom: .75em; cursor: pointer;} .all_formArticle_select .all_formArticle_campo{ margin-bottom: 0;} .all_formicon{ position: relative;} .all_formicon .fa{ position: absolute; top: 9px; font-size: 18px; display: block; right: 10px; color: #00aeef; width: 16px; text-align: center; pointer-events:none; } .all_formArticle_select ul{ position: absolute; top: 99%; left: 0; right: 0; list-style: none; margin: 0; padding: 0; display: none; z-index: 100; border-top:solid 1px #CCC;} .all_formArticle_select li{ display: block; background-color: #EEE; background-color: #f9f9f9; font-size: 13px; border: solid 1px #CCC; padding: 5px 15px; cursor: pointer; color: #333; border-width: 0 1px 1px;} .all_formArticle_select li:hover{ background-color: rgba(0,0,0,.8); color: #DDD;} .all_formArticle_select .k_inputSkin{ margin-bottom: 0;} .all_formArticle_select input{ cursor: pointer;} .ui-widget-content{ border:none; background:#FFF;} .all_formArticle_campo .ui-spinner{ display: block;} .all_formArticle_campo.all_formArticle_spinner{ padding-right: 0;} .all_formArticle_campo .ui-spinner-button{ width: 30px;} .all_formArticle_campo .ui-spinner .ui-icon{ left: 50%; margin-left: -8px;} .all_formArticle_campo textarea{border:none; display: block; padding: 0; width: 96%; font-size: 12px; font-weight: 400; margin: .66em 0; line-height: 150%; height: 76px; width: 100%;} .all_formArticle_captcha_img{ text-align: center;} .all_formArticle_captcha_img img{ max-height: 75px; margin: 0 auto;} .all_formArticle_check{ display: block; vertical-align: middle; margin-bottom: 1em;} .all_formArticle_check p{ display: inline-block; vertical-align: middle; max-width: 90%; margin: 0; font-size: 12px; line-height: 120%; color: #444; } .all_formArticle_check a{ text-decoration: underline;} .all_formArticle_submit{ background-color: #00aeef; margin: .5em 0; display: block; float: none; text-align: center; color: #FFF; font-size: 12px; letter-spacing: .2em; padding: .75em 0; width: 100%;} .all_formArticle_wrap{ padding-bottom: 1em;} .ui-widget{ font-size: .9em;} /* AJUSTE DIRECCIONES */ #all_nav_zonak .direcciones{ width: 98%; max-width: 225px; margin: 10px auto; line-height: 1.5; } /* AJUSTE FOOTER MS */ .ms_footermenu_wrap{ margin-top: 30px !important; } .ms_footermenu ul{ display: block; margin: 0; padding: 0; list-style: none; } .ms_footermenu li{ display: inline-block; vertical-align: middle; } .ms_footermenu li a{ display: block; padding: 5px; font-size: 11px; font-weight: 700; text-transform: uppercase; } .ms_footermenu_social li a{ width: 30px; height: 30px; padding: 0; font-size: 20px; line-height: 30px; text-align: center; } /* font-family: 'Karla', sans-serif; font-family: 'Playball', cursive; font-family: 'Gilda Display', serif; //fonts.googleapis.com/css?family=Gilda+Display|Karla:400,700,400italic,700italic //fonts.googleapis.com/css?family=Droid+Serif:400,700' */ /* #Media Queries ================================================== */ /* min-width 1921px, xxlarge screens */ @media only screen and (min-width: 120.063em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ @media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* Smaller than standard 1440px */ @media only screen and (max-width: 90em) { #all_daportareTopbar-contactInfo p{ display: none;} #all_restaurantsDrop{ padding-left: 0;} .all_daportareTopbar-sloganSpan{ display: none;} #all_daportareTopbar-slogan .all_daportareTopbar-infoSpan{ display: block; padding-top: .5em; line-height: 110%;font-size: 10px; } #all_homeBanner .slider_content h1{ font-size: 70px; } } @media only screen and (min-width: 90em) { #all_daportareTopbar-sloganHold.large-6.columns { width: 23%; } } @media only screen and (min-width: 725px) { .all_daportareTopbar-infoSpan { margin-bottom: 6px; } } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) { /* Menu principal fixed*/ #all_nav.fixed{ position: fixed; top: 0; left: 0; right: 0; padding: 0; border-top: solid 1px #EEE; width: auto !important; background-color: #FFF; border-bottom: solid 1px #DDD; } .fixed #all_nav_container{ width: auto !important; float: none !important; } #all_nav.fixed nav{ float: left; width: 75%;} .fixed ul#all_nav_menu { text-align: right; padding-top:10px; border:none;} .fixed #all_nav_menu li{ display: inline-block; width: 30%; text-align: left;} .fixed #all_nav_zonak ul{ display: none;} .fixed #all_nav_zonak-somos{ display: none;} .fixed .hide_on_medium{ display: none;} .fixed #all_nav_logo{ padding: 0; height: 80px; line-height: 80px; width: 25%; float: left;} .fixed #all_nav_logo a{ max-width: 75%;} .fixed #all_nav_logo a img{ max-width: 100%; max-height: 80%; vertical-align: middle;} .fixed #all_nav_menu a{ padding-left: 0; padding-right: 0; } .fixed #all_nav_menu a .fa{ margin-right: 7px;} } /* Smaller than standard 1025px (devices and browsers) */ @media only screen and (max-width: 64em) { .right-header-menu {position: absolute; left: 631px;} #k_topBar_daPortare_ico {padding-top: 10px; margin: -2px 0px 0px 95px;} .logo-daportarenaranj { float: left; margin: -35px 0px 5px 283px; width: 107px; } #all_restaurantsDrop{ padding-right: .5em;} #all_nav{ position: relative; top: 0; left: 0; border-top: solid 1px #EEE; } #all_nav nav{ float: left; width: 75%;} ul#all_nav_menu { text-align: right; padding-top:10px; border:none;} #all_nav_menu li{ display: inline-block; width: 30%; text-align: left;} #all_nav_zonak{ padding: 0; } #all_nav_zonak ul{ display: none;} #all_nav_zonak-somos{ display: none;} .hide_on_medium{ display: none;} #all_nav_logo{ padding: 0; height: 80px; line-height: 80px;} #all_nav_logo a{ max-width: 75%;} #all_nav_logo a img{ max-width: 100%; max-height: 80%; vertical-align: middle;} #all_nav_menu a{ padding-left: 0; padding-right: 0; } #all_nav_menu a .fa{ margin-right: 7px;} #all_homeBanner .slider_pic{ height: 220px;} #all_homeBanner .slider_content h1{ font-size: 55px; } #all_homeBanner .bx-wrapper .bx-pager{ padding: 0;} .slider_content_text{ margin-bottom: 30px;} #all_identidad h1{ font-size: 32px;} #all_identidad_text, #all_identidad_text p{ font-size: 20px;} #all_smallBanner .slider_pic{ height: 460px;} #all_mapIndicaciones{ padding: 1.5em .66em 1.33em; } #all_mapIndicaciones h2{ font-size: 20px; } .all_mapIndicaciones_text, .all_mapIndicaciones_text p{ font-size: 12px;} #map_Canvas{ height: 450px;} /* Interna */ #all_maincontent{ min-height: 0; } .all_carta_article_content h2 .name{ font-size: 18px;} } /* 641px a 1024px */ @media only screen and (min-width: 40.063em) and (max-width: 64em) {} @media only screen and (max-width: 1010px){ .right-header-menu {position: absolute; left: 618px;} } @media only screen and (max-width: 959px){ .right-header-menu {position: absolute; left: 559px;} } @media only screen and (max-width: 820px){ .right-header-menu {position: absolute; left: 423px;} } @media only screen and (max-width: 767px){ .right-header-menu {position: absolute; left: 525px;} .logo-daportarenaranj {display: none;} #k_topBar_daPortare_ico img {display:none;} } /* de 641px en adelante */ @media only screen and (min-width: 40.063em) { #all_nav_menu, #all_nav_zonak{ display: block !important;} } /* hasta 640px */ @media only screen and (max-width: 40em) { .logo-daportarenaranj { float: left; margin: -40px 0px 5px 229px; width: 160px; display: none;} .right-header-menu {position: absolute; left: 358px;} #k_topBar_daPortare{ display: none; } #k_mainMenu .k_orderonline_link{ margin-top: 1.4rem; color: #fb5b1d; } #k_mainMenu .all_daportareTopbar-sloganSpan a, #k_mainMenu .all_daportareTopbar-sloganSpan a:hover{ color: #000; text-decoration: none; border: 0; } #k_mainMenu .k_orderonline_link:hover{ color: #fb5b1d; text-decoration: underline; } #k_topBar.row.responsive { display: block; text-align:center; } #k_topBar.responsive #k_topBar_info span { display: inline-table; } #k_topBar.responsive #k_topBar_info { float: right; margin: 15px 5px; padding: 0; width: 50%; } #k_topBar.responsive #k_topBar_info p { font-size: 13px; } #k_topBar.responsive #k_topBar_daPortare { display: table-row; float: left; padding: 0; } #k_topBar_info p g { display: none; } #all_restaurantsDrop-abstract img{ display: none;} #all_homeBanner .slider_content h1{ font-size: 40px; } ul#all_nav_menu{ padding-top: 0; border-bottom: solid 1px #EEE; display: none; } ul#all_nav_menu li{ border-top: solid 1px #EEE;} #all_nav_toggle{ position: absolute; display: block; top: 25px; right: 15px; font-size: 30px;} #all_nav nav{ float: none; clear: both; width: auto;} #all_nav_menu li{ display: block; clear: both; width: auto;} #all_nav_menu a{ padding-left: 4.66%;} #all_nav_zonak{display: none;} #all_nav_zonak ul{ display: block; margin-top: .33em; border-bottom: solid 1px #EEE;} #all_nav_zonak-somos{ display: block; padding: 0 0 1em;} .hide_on_medium{ display: inline-block;} #all_mapPic{ display: none !important; } #all_mapIndicaciones{ position: static; background-color: #EEE; border:solid 2px #00aeef; border-width: 1px 1px 3px; } #map_Canvas{ height: 380px;} .all_mapIndicaciones_text, .all_mapIndicaciones_text p{ font-size: 14px;} #k_footer_DaportareLogo{ display: block; float: none; clear: both; margin: } .k_footer_DaportareCaption{ float: none !important; clear: both; padding-top: 30px;} .k_footer_DaportareCaption p{ display: none;} #k_footerLegal{ text-align: center;} #k_footerLegal .left, #k_footerLegal .right{ float: none !important; display: inline-block;} #k_footerLegal a.backbonelink{ margin: 5px 0 20px;} #k_footerLegal img.left{display:none!important;} .all_carta_article h1{ font-size: 18px;} .all_carta_article_content{ display: none; border-top: solid 1px #00aeef; padding: 2em 2em 2em; -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 2em; /* Chrome, Safari, Opera */ -moz-column-gap: 2em; /* Firefox */ column-gap: 2em;} .all_carta_header img{ max-height: 80%; max-width: 33.33%;} .all_carta_article_content h2 .name{ font-size: 20px;} .all_formArticle_header p{ margin-top: 0;} .all_formArticle_select ul{ position: static; top: auto; left: auto; right: auto; border-top: none;} #k_footer_menu { width: 100%; } } @media only screen and (max-width: 610px){ #k_topBar.responsive #k_topBar_info p g { display: none; } #k_topBar.responsive #k_topBar_info { margin: 3px 10px; } #k_topBar.row.responsive { text-align: right; } } @media only screen and (max-width: 479px){ #k_topBar.responsive #k_topBar_info { width: 65%; } #k_mainMenu .k_orderonline_link{ display: block; float: none; clear: both; } .right-header-menu {position: absolute; left: 237px;} } @media only screen and (max-width: 440px){ #k_restaurantes_home header h1{ font-size:28px; } .right-header-menu {position: absolute; left: 198px;} #k_topBar.responsive #k_topBar_daPortare p { display: none; } /* hasta 400px */ @media only screen and (max-width: 25em) { .right-header-menu {position: absolute; left: 158px;} #all_carta{ padding: .66em;} #all_carta_wrap{ padding: 0; border:none;} .all_carta_article h1{ font-size: 16px; font-weight: 400; margin: 0; text-transform: uppercase; letter-spacing: .05em;} .all_carta_article_content h2 .name{ font-size: 18px;} .all_daportareTopbar-infoSpan { font-size: 17px; margin-bottom: 5px; margin-top: -1px; padding-right: 11px; text-align: right; } .all_daportareTopbar-infoSpan > br { display: none; } .all_daportareTopbar-infoSpan { font-size: 10px !important; padding-top: 11px !important; } } .error.captcha { color: #d30a30; font-size: 11px; margin-bottom: 9px; } .all_carta_producto_name { text-align: left !important; } .icomas { float: right; } #all_homeBanner_wrap > img { width: 100%; } #k_footer_menu li { display: inline-block; padding-right: 35px; text-transform: uppercase; font-size: 14px; } .direcciones { border-top: 1px solid #eee; line-height: 17px; padding-bottom: 10px; padding-top: 10px; } .dir_hora { margin: 3px auto 0; width: 235px; } .large-4.columns.text-center.fixed .direcciones { display: none; } .large-3.columns.text-center.fixed .direcciones { display: none; } #k_footer_menu .fa { font-size: 18px; } #capcap { border-color: transparent; color: transparent; position: absolute; z-index: -1000; } /* +++++++++++++++ BALZAC ++++++++++++++++++ font-family: 'Playfair Display', serif; font-family: 'Oswald', sans-serif; */ body, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .all_formArticle_submit, .ui-widget, h1, h2, h3, h4, h5, h6 { font-family: 'Karla', sans-serif;} h1, h2, h3, h4, h5, h6 { font-family: 'Karla', sans-serif; font-style: italic; font-weight: 400;} #all_nav_logo{ padding: 2em .33em 2em; border-bottom: solid 1px #000;} .fixed #all_nav_logo{ border:none;} #all_nav_logo a{ max-width: 80%;} .button:hover{ background-color:#000;} #all_homeBanner .slider_content h1{ font-weight: 700; margin-top: 1em;} .slider_content_text, .slider_content_text p{ font-size: 24px; font-weight: 300;} #all_homeBanner .k_trama{ background-color: rgba(0,0,0,.1)} #all_identidad{background: #111; border-top:solid 1px #ddd; border-bottom: solid 1px #EEE;} #all_identidad h1{ color: #eee; font-weight: 700; padding-bottom: .5em; border-bottom: solid 1px #ccc; margin-bottom: .66em; font-size: 42px; font-weight: 400;} #all_identidad_text, #all_identidad_text p{ color: #eee; font-weight: 400;} .bx-wrapper .bx-pager.bx-default-pager a{} .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover{ background-color:#000;} #all_masonryGallery{ background:#fff; padding: 2em 0 3em; } .itemMas figure{ background: #000 url(../media/watakushi_ampliar.png) no-repeat 50% 50%; } .itemMas a{border:solid 1px #222;} #all_masonry_moreLink a{ color:#eee; background-color: rgba(255,255,255,.5); padding: 1em 2.33em; display: inline-block; text-decoration: none; background-color: #111;} #all_masonry_moreLink a .fa{ font-size: 1.2em; margin-left: .5em;} #all_masonry_moreLink a:hover{ color:#111; background-color: #eee; } #all_nav_container{ background-color: rgba(255,255,255,.98);} #all_nav_menu a .icon{ background-image: url(../media/ico_menuSprites2.png);} #all_nav_menu a:hover, #all_nav_menu a.active {color: #222} #all_nav_menu a:hover .icon.menú, #all_nav_menu a.active .icon.menú{ background-position: -40px -120px;} #all_nav_menu a:hover .icon.reservas, #all_nav_menu a.active .icon.reservas{ background-position: -80px -120px;} #all_nav_menu a:hover .icon.contacto, #all_nav_menu a.active .icon.contacto{ background-position: 0 -120px;} #all_nav_menu li{ border-bottom: solid 1px #CCC;} .fixed #all_nav_menu li{ border:none;} .fixed#all_nav{ border-bottom: solid 1px #222;} .fixed #all_nav_container{ border:none; outline: none;} /* #all_nav_menu a .icon.menu, #all_nav_menu a .icon.menu{ background-position: -40px -80px;} #all_nav_menu a:hover .icon.menu, #all_nav_menu a.active .icon.menu{ background-position: -40px -120px;} #all_nav_menu a:hover .icon.reservas, #all_nav_menu a.active .icon.reservas{ background-position: -80px -120px;} #all_nav_menu a .icon.contacto, #all_nav_menu a .icon.contacto{ background-position: 0 -80px;} #all_nav_menu a:hover .icon.contacto, #all_nav_menu a.active .icon.contacto{ background-position: 0 -120px;} */ #all_map {border-top: solid 1px #333; border-bottom: solid 1px #333;} #all_mapIndicaciones{ background-color: #FFF; border-left-color: #222; box-shadow: 2px 2px 5px rgba(0,0,0,.33) ; color: #333; padding: 1.5em 1em 1em;} .all_mapIndicaciones_text, .all_mapIndicaciones_text p{ color: #333; font-weight: 300; } #all_mapIndicaciones h2{ color: #333; font-weight: 700; display: block; border-bottom: solid 1px #222; padding-bottom: 10px; text-align: left;} #all_mapPic{ background-color:#111;} #all_mapPic figcaption{ font-family: 'Karla', sans-serif; font-style: italic; color: #eee;} #k_footerLegal{ background-color: #000;} #k_footerLegal img{ max-height: 22px; margin: .8em 1em 1em;} #k_footerLegal p{ color: #FFF; font-weight: 300;} #k_footerLegal a.backbonelink{ color: #aaa;} #all_nav_toggle{ color:#222; } #all_nav_toggle:hover, #all_nav_toggle.active{ color:#fff; } #all_maincontent{ border-bottom-color:#000; } #all_formArticle{ background-color: rgba(255,255,255,.97)} .all_formArticle_header p{ color: #FFF;} .all_formArticle_header h1{ letter-spacing: inherit; font-weight: 300; color:#FFF; font-size: 27px;} .all_formArticle_header{background: #000;} .all_formArticle_submit{ background-color: #222;} #all_carta{ background-color: rgba(255,255,255,.95); padding: .66em; } #all_carta_wrap{ border:none; padding:0;} .all_carta_header{ background-color: #111; border-color: #222;} .all_carta_header img{ max-height: 50%;} .all_carta_article h1 a{ color: #444; font-weight: 300; padding: .75em; background-color:transparent;} .all_carta_article h1{ letter-spacing: 0; font-size: 19px; } .all_carta_article h1 a:hover, .all_carta_article h1 a.active{ color: #333; font-weight: 700;} .all_carta_article h1 a.active:after, .all_carta_article h1 a:hover:after{ color:#333 } .all_carta_article_content{ border-top-color:#ddd; background-color: #FFF; } .all_carta_article{ border-color: #333;} .all_carta_producto_name{ font-weight: 700; font-size: 15px; text-transform: uppercase;} .all_carta_producto_precio{ font-weight: 700; font-size: 14px; } .all_carta_article p{ clear: both; text-align: left; font-size: 14px; font-weight: 300; max-width: 75%; line-height: 120%; margin-top: .33em;} .all_formicon .fa{ color: #333;} .all_formArticle_check a{ color: #333;} .all_formArticle_select li:hover{ background-color: rgba(0,0,0,.9); color: #FFF; } .ui-widget{ font-size: .9em; background-color: rgba(255,255,255,.9);} .ui-datepicker .ui-datepicker-header{ padding: .15em} .ui-datepicker .ui-datepicker-title{ font-size: .9em;} .ui-datepicker td span, .ui-datepicker td a{ padding: .33em .2em} @media only screen and (min-width: 90.063em){ .all_carta_article_content{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; padding-bottom: 2em;} } @media only screen and (max-width: 64em) { #all_nav_logo a{ width: 133.333%; max-width: none;} #all_nav_logo{ padding: 0;} #all_mapIndicaciones{ border-color:#333;} #all_mapIndicaciones h2{ font-size: 16px;} #all_homeBanner .k_trama{ background-color: rgba(0,0,0,.2)} #all_nav_menu a{ text-align: right;} #all_nav_container{ border:none; outline: none;} #all_identidad h1{ font-size: 34px;} } @media only screen and (max-width: 40em) { #all_identidad_text, #all_identidad_text p{ font-size: 16px;} #all_identidad h1{ font-size: 27px;} #all_nav_menu a{ text-align: center;} #all_masonry_moreLink{ display: none;} .all_carta_article p{ clear: both; max-width: none; font-size: 13px; display: block; padding-top: .5em;} .all_carta_article h1{ letter-spacing: 1px; font-size: 16px; } .all_carta_producto_name{ font-size: 13px; } .all_carta_producto_precio{ font-size: 13px; } .slider_content_text, .slider_content_text p{ font-size: 18px; } #all_homeBanner .k_trama{ background-color: rgba(0,0,0,.3)} #all_mapIndicaciones h2{ font-size: 18px;} .all_mapIndicaciones_text, .all_mapIndicaciones_text p{ text-align: center; } } .all_carta_article:first-child { border-top: 1px solid #444; } /* * Timepicker stylesheet * Highly inspired from datepicker * FG - Nov 2010 - Web3R * * version 0.0.3 : Fixed some settings, more dynamic * version 0.0.4 : Removed width:100% on tables * version 0.1.1 : set width 0 on tables to fix an ie6 bug */ #ui-timepicker-div .ui-widget-content { background-color: rgba(255, 255, 255, 0.7); } .ui-timepicker-inline { display: inline; } #ui-timepicker-div { padding: 0.2em; } .ui-timepicker-table { display: inline-table; width: 0; } .ui-timepicker-table table { margin:0.15em 0 0 0; border-collapse: collapse; } .ui-timepicker-hours, .ui-timepicker-minutes { padding: 0.2em; } .ui-timepicker-table .ui-timepicker-title { line-height: 1.8em; text-align: center; } .ui-timepicker-table td { padding: 0.1em; width: 2.2em; } .ui-timepicker-table th.periods { padding: 0.1em; width: 2.2em; } /* span for disabled cells */ .ui-timepicker-table td span { display:block; padding:0.2em 0.3em 0.2em 0.5em; width: 1.2em; text-align:right; text-decoration:none; } /* anchors for clickable cells */ .ui-timepicker-table td a { cursor: pointer; display: block; font-size: 13px; padding: 4px 4px 4px 10px; text-align: left; text-decoration: none; } .ui-widget-content /* buttons and button pane styling */ .ui-timepicker .ui-timepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-timepicker .ui-timepicker-buttonpane button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } /* The close button */ .ui-timepicker .ui-timepicker-close { float: right } /* the now button */ .ui-timepicker .ui-timepicker-now { float: left; } /* the deselect button */ .ui-timepicker .ui-timepicker-deselect { float: left; } #all_daportareTopbar{ overflow:hidden; } /*#all_daportareTopbar-sloganHold p{ display:inline; }*/ .all_formArticle_campo.all_formArticle_captcha_img { display: inline-table; float: left; padding: 7px 0 6px; width: 49%; } .all_formArticle_campo.captcha { display: inline-table; width: 49%; margin-left:5px; } .medium-6.columns.all_formAdvice.validate.validate-on { padding-top: 0; } @media only screen and (max-width: 1529px){ } @media only screen and (max-width: 1453px){ } /*----END 1529 ----*/ @media only screen and (max-width: 1396px){ } /*----END 1396 ----*/ @media only screen and (max-width: 1325px){ } /*----END 1325 ---*/ @media only screen and (max-width: 1246px){ } @media only screen and (max-width: 1190px){ } @media only screen and (max-width: 1160px){ } @media only screen and (max-width: 1010px){ } /*----END 1246 ----*/ @media only screen and (min-width: 960px) and (max-width: 1160px) { } /*----END 960 < 1160 ----*/ /*------------------------------------------------------------------------------- Media Queries / Default Screen -------------------------------------------------------------------------------*/ @media only screen and (max-width: 960px){ .k_footer_Daportare { overflow: hidden; } } /*----END 960 ----*/ @media only screen and (max-width: 820px){ } /*----END 820 ----*/ /*------------------------------------------------------------------------------- Media Queries / Tablet (Portrait) -------------------------------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 959px){ } /*----END 767 < 959 ----*/ /*------------------------------------------------------------------------------- Media Queries / Mobile (All) -------------------------------------------------------------------------------*/ @media only screen and (max-width: 767px){ } /*----END 767 ----*/ /*------------------------------------------------------------------------------- Media Queries / Mobile (Landscape) -------------------------------------------------------------------------------*/ @media only screen and (min-width: 600px) and (max-width: 767px){ } /*----END 480 < 767 ----*/ /*------------------------------------------------------------------------------- Media Queries / Mobile (Portrait) -------------------------------------------------------------------------------*/ @media only screen and (max-width: 600px){ } /*----END 600 ----*/ @media only screen and (max-width: 479px){ } /*---- 479 ----*/ @media only screen and (max-width: 440px){ .k_footer_DaportareLogo div { margin-left: -25px !important; } #all_daportareTopbar-sloganHold g { display: none; } #all_daportareTopbar-sloganHold o { display: block; font-size: 15px; margin: 5px 0; text-align: right; } #all_daportareTopbar-slogan .all_daportareTopbar-infoSpan { padding-top: 5px !important; } } /*----END 440 ----*/