/* main declarations, */

/* -- MAIN DECLARATIONS -------------------------------------------------- */

html {margin:0;padding:0}

body {
	background:#FFF url(/www/_img/common/bg.jpg) no-repeat 50% 0;
	font-family: Verdana, Tahoma,  Sans-Serif;
	font-size:11px;
	color:#414042;
	text-decoration:none;
	margin:0 auto;
	padding:0;
	line-height:1.5em

}


a:link, a:visited  {text-decoration:none;color:#2DA5B1}
a:hover {color:#7C008F}



* {font-family: Verdana, Tahoma, Helvetica, Sans-Serif; }

.site {margin:0;padding:0;background:transparent url(/www/_img/common/site-bg.gif) repeat-x 0 30px}
#site {margin:0 auto;width:996px;position:relative;}

.main {}
.sub {}
.mainCity {}

.doctypeStandard {}
.doctypeLocals {}
.doctypeLocalsMini {}
.doctypeEmpty {}
.doctypeMain {}
.doctypeAddLocal {}
.doctypeAbonamenty {}
.float100 {float:left;width:100%}


/* header */
#header {float:left;width:996px;min-height:220px;background:transparent url(/www/_img/common/kar.png) no-repeat top right;margin-bottom:10px}
#header .header0 {float:left;width:996px;min-height:220px;background:transparent url(/www/_img/common/badge.png) no-repeat top right;}
#header #topNavi {float:left;width:100%;height:30px;text-align:right}
#header #logo {float:left;width:100%;height:85px;}
#header #logo img {margin:18px 0 0 23px}
#header #topBaner {clear:both;float:left;margin: 0 0 0 3px;}
#header #nameCity {float:right;position:relative;top:15px;right:45px;}

.main #header {background-image:none;}
.main .zakCont {float:left;width:996px;height:500px;background-position:left top;background-repeat:no-repeat;position:relative;left:95px;top:-25px}
.zakCont h2 {color:#40ACB8;font-size:11px;font-weight:normal;padding:0;margin:0 0 8px 0;}
.zakCont ul {display:block;margin:0 0 0 15px;padding:0;}
.zakCont ul li {margin:0;padding:0;color:#A54AB3;font-size:12px;list-style-type:disc}
.zakCont a:link, .zakCont a:visited {color:#A54AB3;}
.zakCont a:hover {color:#2DA5B1}
.zakCont img.imgNap  {width:180px;height:110px;}
.zakCont .zak {position:absolute;width:190px;}
.zakCont .zak1 {top:5px;left:32px}
.zakCont .zak2 {top:5px;left:310px}
.zakCont .zak3 {top:5px;left:560px}
.zakCont .zak4 {top:238px;left:32px}
.zakCont .zak5 {top:238px;left:315px}
.zakCont .zak6 {top:238px;left:592px}

ul#topNaviUl {clear:both;margin:0 390px 0 0;padding:0;float:right;display:inline}
ul#topNaviUl li {padding:0;margin:0;display:inline;float:left;margin:5px 0 0 18px}
a:link.naviTop, a:visited.naviTop {font-family: 'Arial Black';font-size:13px;color:#66BDC6;float:left;padding:1px 3px;text-transform:uppercase}
a:hover.naviTop {color:#FFF;background-color:#66BDC6}
/* header */


/* shade site */
#siteMiddleShade {clear:both;float:left;width:100%;background: #FFF url(/www/_img/common/shade-middle.png) repeat-y top left;position:relative}
.siteTopShade {float:left;width:100%;height:3px;background: transparent url(/www/_img/common/shade-top.png) no-repeat top left}
.siteBottomShade {float:left;width:100%;height:3px;background: transparent url(/www/_img/common/shade-bottom.png) no-repeat bottom left;}
.siteContent {float:left;width:990px;margin:0 3px;display:inline}
/* shade site */


/* footer */
#footerNavi {clear:both;float:left;width:990px;margin:0 3px;background:#FAF7C8 url(/www/_img/common/dot-x.gif) repeat-x top left;display:inline;color:#414042}
#footerNavi .footerNavi2 {float:left;width:100%;background:transparent url(/www/_img/common/dot-y.gif) repeat-y 159px 0;padding:25px 0;}
#footerNavi .column1, #footerNavi .column2, #footerNavi .column3, #footerNavi .column4, #footerNavi .column5 {float:left;display:inline}
#footerNavi .column1 {width:141px;margin-left:20px}
#footerNavi .column2 {width:182px;margin-left:20px}
#footerNavi .column3 {width:182px;margin-left:20px}
#footerNavi .column4 {width:182px;margin-left:20px}
#footerNavi .column5 {width:183px;margin:0 20px;}

.naviFooterHead {font-weight:bold;margin-bottom:12px}
#footerNavi .column1 a {font-weight:bold}
#footerNavi ul li {margin:4px 0}
#footerNavi a:link, #footerNavi a:visited {color:#414042;padding:2px 3px}
#footerNavi a:hover {color:#FAF7C8;background-color:#9D9B85}

#footer {clear:both;color:#414042;float:left;width:100%;margin:12px 0;line-height:1.5em}
#footer div {margin:0 3px}
/* footer */


/* left column */
#columnNarrow {float:left;width:160px;margin:20px 0}
#columnWide {float:left;width:830px;}

#columnNarrow .baner1 {float:left;width:140px;padding:0 10px 20px;background:transparent url(/www/_img/common/dot-x.gif) repeat-x bottom left;display:inline;text-align:center}
#columnNarrow .baner1 img {margin:0 auto}
#naviCuisine, #naviType, #naviDish, #naviMusic {float:left;width:160px;background:transparent url(/www/_img/common/dot-x.gif) repeat-x bottom left;padding:0 0 20px 0}
#naviMusic, #naviDish {background:none;margin:0}
#naviCuisine a.arrowRight, #naviType a.arrowRight, #naviDish a.arrowRight, #naviMusic a.arrowRight {margin:10px 0 0 0;}

.naviType {float:left;margin:0 20px;display:inline;}
.naviType ul {margin:0;padding:0}
.naviType ul li {float:left;width:120px}
.naviType h2 a {color:#7C008F}

a:link.naviCategory, a:visited.naviCategory {display:block;color:#40ACB8;padding:4px 0;text-transform:uppercase;}
a:hover.naviCategory, a:link.naviCategory-on, a:visited.naviCategory-on, a:hover.naviCategory-on {color:#FFF;background-color:#40ACB8;padding:4px 7px}

.doctypeLocals #contentMain .naviType {margin:0}
.doctypeLocals #contentMain .naviType ul {}
.doctypeLocals #contentMain .naviType ul li {float:left;width:32%;margin-right:1%;display:inline}
.doctypeLocals #contentMain .naviType .arrowRightCon {display:none}
/* left column */

/* wide column */
#contentMain {clear:both;float:left;width:556px;margin:20px 0 20px 20px;display:inline;position:relative;z-index:100}
#contentRight {float:right;width:234px;margin-left:20px;display:inline;position:relative;z-index:50;}
/* wide column */


/* search form */
#searchBox {float:left;width:830px;background:#870E9A url(/www/_img/common/dot-x2.gif) repeat-x bottom left;position:relative}
#searchBox form {float:left;margin:24px;display:inline;width:782px}
#searchBox form div.info {float:left;font-family: 'Arial black';margin-right:15px;color:#FFF;text-transform:uppercase;line-height:14px}
#searchBox form select {float:left;font-size:14px;padding:4px 5px 3px;font-family: Arial;margin:0;margin-right:10px;width:165px;display:inline;outline:none}
#searchBox form input.query {float:left;font-size:14px;padding:5px;font-family: Arial;width:345px;margin:0;margin-right:5px;display:inline;outline:none}
#searchBox form input.startText {font-style:italic;font-size:11px;}
#searchBox form input.button {float:right;font-size:14px;padding:3px 14px 4px 14px;height:28px;margin:0;font-family: 'Arial black';background-color:#FF8400;color:#FFF;border:none;width:110px;cursor:pointer;text-transform:capitalize}
#searchBox form input.button:hover {background-color:#FFAE00}
#searchBox form .bubleIcons {position:absolute;top:3px;right:3px}
/* search form */


/* navi right */
.naviRight {margin:0;padding:0;float:left;width:100%;}
.naviRight li {float:left;width:234px;background:transparent url(/www/_img/common/dot-x3.gif) repeat-x top left;padding-top:1px}
.naviRight li.col0 {background-color:#FF8400;}
.naviRight li.col1 {background-color:#485DB7;}
.naviRight li.col2 {background-color:#66BDC6;}
.naviRight a:link, .naviRight a:visited, .naviRight a {color:#FFF;text-transform:uppercase;padding:8px 10px;font-family: 'Arial black';display:block;border:none;background:none;margin:0;}

.naviRight a:link.login, .naviRight a:visited.login {display:block;background: transparent url(/www/_img/common/login_sign.gif) no-repeat 205px 10px}
.naviRight li.col1 a:hover.login {background-color: #6384C2}
.naviRight li.col1 a:link.loginClick, .naviRight li.col1 a:visited.loginClick, .naviRight li.col1 a:hover.loginClick, .naviRight li.col1 .loginClick {background: #6384C2 url(/www/_img/common/login_sign_over.gif) no-repeat 205px 10px}


.naviRight li.col1 a:hover {background-color:#3A3B92}
.naviRight li.col2 a:hover {background-color:#579AA8}
.naviRight input {color:#FFF;text-transform:uppercase;padding:8px 10px;font-family: 'Arial black';display:block;border:none;background:none;margin:0;float:left;display:inline;cursor:pointer}
.naviRight input:hover {background-color:#3A3B92;padding:8px 10px;font-family: 'Arial black';display:block;border:none;margin:0;width:234px;text-align:left}
/* navi right */


/* sciezka */
#userpath {float:left;width:100%;margin-bottom:20px;color:#414042}
#userpath, #userpath a {font-size:9px}
#userpath a:link, #userpath a:visited {color:#40ACB8}
#userpath a:hover {color:#3A3B92}
/* sciezka */


/* main city */
body.mainCity #tabs li a {width:auto}
body.mainCity #tabs {margin-bottom:25px}
body.mainCity #tabs h1, body.mainCity #tabs h2, body.mainCity #tabs h3 {margin-top:0}
body.mainCity #tabs .ui-tabs-hide .bubleIcons {display:none}


.mainCity .revDrinkCont {}
.mainCity .revDrinkCont h2.header {margin-top:0}
.mainCity .revDrinkCont .previewListMainCont {float:left;width:365px;margin-right:17px;display:inline}
.mainCity .revDrinkCont .drinksCont {float:left;width:174px}

.drinksCont h2 a {color:#7C008F}
.drinksCont .arrowRightCon {margin-top:10px;font-weight:bold;font-size:10px}
/* main city */





/* nice visible tabs */
.tabsConPreloader {float:left;width:100%;height:120px;text-align:center}
.tabsConPreloader img {margin-top:50px;margin:50px auto }
.tabsCon {visibility:hidden;position:absolute}
.tabsConVisibleNot {display:none}
.tabsConVisible {visibility:visible;position:static}


#tabs li {position: relative; float: left; border-bottom-width: 0 !important; margin: 7px 1px -2px 0; padding: 0;}
#tabs li a {width:85px;float: left; text-decoration: none; padding: .5em 8px;text-align:left;text-transform:uppercase;font-family: 'Arial Black'; font-weight:bold}
#tabs li.ui-tabs-selected {margin-top:0}
#tabs li.ui-tabs-selected a {padding-top:13px;padding-bottom:7px}
#tabs .zak {padding:20px;}
#entryLocal #tabs li {display:none}
#entryLocal #tabs .zak {display:none;}
/* nice visible tabs */


/* abonamenty */
.doctypeAbonamenty {}
.doctypeAbonamenty .abonamentyInfo {margin:20px 0 15px 0}
.doctypeAbonamenty .button4Con {float:left;width:166px;margin:10px 10px 0 0;text-align:right;}
.doctypeAbonamenty .button4Con a {padding:7px 15px}
.doctypeAbonamenty .infoCont {float:right;width:380px;}

.abonamentyPakiety {margin-top:15px;padding:20px 0 0 0;background: transparent url(/www/_img/common/dot-x.gif) repeat-x left top}
.abonamentyPakiety .pakiet1 {margin-left:10px}
.abonamentyPakiety .pakiet {float:left;width:172px;margin-right:10px;text-align:center}
.abonamentyPakiety .pakiet .boxCon {background-color:#F9F5F9;color:#870E9A;font-size:18px;font-family: 'Arial Black';padding:12px 0}
.abonamentyPakiety .pakiet .boxCon span {font-size:11px;font-family: Verdana;display:block;margin-top:6px}
.abonamentyPakiety .pakiet1 .boxCon span {visibility:hidden}
.abonamentyPakiety .boxConInfo {font-weight:bold;font-size:14px;color:#414042;text-transform:uppercase;margin-top:10px}
.doctypeAbonamenty .abonamentyBg {background:transparent url(/www/_img/common/abonamentyBg.jpg) no-repeat left top;min-height:650px;margin-top:10px}

.abonamentyBg .pakiet1 {margin-left:24px}
.abonamentyBg .pakiet2 {margin-left:31px}
.abonamentyBg .pakiet3 {margin-left:25px}
.abonamentyBg .pakiet {float:left;padding:150px 0;width:150px}
.abonamentyBg p {margin:0}
/* abonamenty */


/* baners */
#skyscraper {position:absolute;top:0;right: -170px}

.banerMain {float:left;width:100%;margin:40px 0 20px;text-align:center}
/* baners */

/* Booking */



#booking_form_container {
    display: none;
    width:350px;
    background-color: white;

}
#booking_success_box {
    display: none;
    width:600px;
    background-color: white;
    font-weight: bold;
}
#booking_success_image {
    display: inline;
}
#booking_error_box {
    display: none;
    width:350px;
    background-color: white;
    font-weight: bold;
    text-align: center;
}

#booking_localname{
    padding: 10px;
    border-top:2px dotted gray;
    border-bottom:2px dotted gray;
}

#booking_close_button {
    float:right;
    width:30px;
    height:30px;
    background: url('/www/_img/common/fancy_close.png') no-repeat;
    margin:-5px -5px 0px 0px;
    cursor: pointer;
}


#booking_localname p{
    margin:0px;
    padding:0px;
    color:#4EB0BB;
    font-size: 11px;
}
#booking_localname span{
    color:black;
    font-size: 11px;
}
#booking_footer {
    padding: 15px 20px 20px;
    text-align: right;
}

.booking_button {
    display:inline-table;
    background: url("/www/_img/common/arrow-right2.gif") no-repeat scroll 100% 4px #FF8400;
    color: white;
    font-weight: bold;
    font-family: 'Arial black';
    font-size:11px;
    padding: 5px 22px 5px 12px;
    text-transform: capitalize;
    margin:0px 5px;
    cursor: pointer;
    text-align: center;
}

#booking_send{
    margin: 0 33px 0px 5px;
}
#booking_send.in-progress {
    background-color: #E69033;
}

#booking_cancel {
    width:100px;
    float: left;
    cursor:pointer;
    color:#2DA5B1;
    padding: 3px 5px;
}

#booking_cancel:hover{
    color:#7C008F;
}

#booking_table {
    width: 100%;
    margin: 10px 0px;
}

#booking_table td.field_name{
    width:43%;
    text-align: right;
    color: black;
    font-size: 10px;
    padding: 0px 5px;
}
#booking_table td.field_text{
    width: 57%;
    text-align: left;
    color: black;
    padding: 5px 5px;
}
#booking_table .field {
    background-color: #F7F7F7;
    padding:4px;
    width:175px;
}

.ui-datepicker-trigger {
    margin-top:4px;
    margin-left:2px;
    position: absolute;
}

#booking_form_container .validate_error{
    float:right;
    width:16px;
    height:16px;
    display:inline-block;
    background: url('/www/_img/common/booking_error.gif') no-repeat;
    margin-top:3px;
    visibility: hidden;

}
.booking_nice_error {
    position: absolute;
    width: 230px;
    z-index: 5000;
    margin-left: 16px;
    display:none;
}
.booking_nice_error_tail, .booking_nice_error_container {
    float:right;
}
.booking_nice_error_tail{
    width:15px;
    height: 15px;
    background: url('/www/_img/common/booking_error_tail.gif') no-repeat;
/*    border: 1px solid blue;*/
    margin: 0px -2px 0px 1px;
    z-index: 5002;
}
.booking_nice_error_container {
    border: 2px solid #C10000;
    background-color: white;
    font-size: 10px;
    font-style: italic;
    padding:5px;
    color:#C10000;
    width: 200px;
    margin: -7px 0px 0px 0px;
    z-index: 5001;
}

#booking_header_error_massage {
    text-align: center;
    color:#C10000;
    font-style: italic;
    padding:10px 0px 0px 0px;
    margin:0px;
    display:none;
}

#booking_dict_container {
    display:none;
    font-size:1px;
}

/* Booking */

/* facebook google+ na stronie lokalu */

.social_plugins{width: 100%; padding: 10px 0;}
.social_plugins div{padding: 0 10px;}
.social_plugins .open{display: block; width: 100%; height: 1px; padding: 15px 0 0 0; background:transparent url(/www/_img/common/dot-x.gif) repeat-x top left;}
.social_plugins .close{display: block; width: 100%; height: 1px; padding: 15px 0 0 0; background:transparent url(/www/_img/common/dot-x.gif) repeat-x bottom left;}

/* facebook google+ na stronie lokalu */


/*qrcode - obrazek informacyjny na stronie lokalu*/

.qrcode{ top: 10px; position: relative;  height: 35px;}
.qrcode a img{ position: absolute; top:0; left: 0;  padding: 0; margin: 0;}
.qrcode span a{position: absolute; top:0; left: 35px;}
.qrcode span a:link,.qrcode span a:visited {  color:#2DA5B1;}
.qrcode span a:hover { color: #ffffff; background:#2DA5B1;}
.qrcode span a span{width: 13px; height: 22px; display: inline-block; float: left;}
.qrcode span a:link span,.qrcode span a:visited span{ background:transparent url(/www/_img/common/arrow-right.gif) no-repeat 3px -1px;}
.qrcode span a:hover span{  background:#2DA5B1 url(/www/_img/common/arrow-right.gif) no-repeat 3px -22px; }
/*qrcode - obrazek informacyjny na stronie lokalu*/


/* qrcode ui dialog */

.qrcode_dialog .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.qrcode_dialog { position: relative; padding: .2em; width: 300px; }
.qrcode_dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.qrcode_dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; }
.qrcode_dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.qrcode_dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.qrcode_dialog .ui-dialog-titlebar-close:hover, .qrcode_dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.qrcode_dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.qrcode_dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.qrcode_dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.qrcode_dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.qrcode_dialog .ui-dialog-titlebar-close span.ui-icon{background:url(/www/_img/common/close_dialog.gif) 0px -1px no-repeat;}
.qrcode_dialog .ui-dialog-titlebar-close.ui-state-hover {background:none !important;  border:0px solid white !important;}
.qrcode_dialog .ui-dialog-titlebar-close.ui-state-hover span.ui-icon{background-position: -1px 0px;}
.qrcode_dialog .ui-dialog-title{color: #870E9A;font-family: 'Arial Black', sans-serif !important;font-size: 17px; margin: 0 0 10px; text-transform: uppercase;}
.qrcode_dialog .ui-widget-header{ color:black; font-weight:bold; font-size: 13px; background-image:none ; background-color: white; border:none; padding:15px 15px 7px 15px;}
 .ui-widget-overlay{ background-image:none !important ; background-color: #666666;}

/* qrcode ui dialog */

/* qrcode wyskakujace okienko*/

    /* glowny div wyskakujacego okienka - */
#qrcode {display: none;}
#qrcode a:link, #qrcode a:visited{ color:#2DA5B1; padding: 0 3px;}
#qrcode a:hover{ color: #ffffff; background:#2DA5B1; padding: 0 3px;}

    /*sekcja glowna z duzym qrcode i 'czym jest qrcode'*/
.qrcode_content{background:transparent url(/www/_img/common/dot-x.gif) repeat-x top left;}
.qrcode_content table td {vertical-align: bottom;}
.qrcode_content table td img{text-align: center;}
.qrcode_info1 a:link, .qrcode_info1 a:visited{ background:transparent url(/www/_img/common/arrow-down.gif) no-repeat 100% -2px; padding:1px 18px 1px 3px !important;}
.qrcode_info1 a:hover{ background:#2DA5B1 url(/www/_img/common/arrow-down.gif) no-repeat 100% -22px !important; padding:1px 18px 1px 3px !important;}

    /* sekcja z przykladowymi programami - domyslnie ukryta */
.qrcode_info2{ padding: 20px 0; display: none;}
.qrcode_soft{background:transparent url(/www/_img/common/dot-x.gif) repeat-x top left;}
.qrcode_soft ul{ display: inline;}
.qrcode_soft ul li.first{ width: 55px !important; padding:  10px 0 0 0 ; margin: 0;}
.qrcode_soft ul li{ width: 120px; height: 60px; list-style: none; display: inline-block; vertical-align: top; padding:  10px 0 0 0; margin: 0;}
.qrcode_soft ul li.first img {width: 50px; margin: 0}
.qrcode_soft ul li img{float:left; margin:0 5px 0 10px; width: 30px;  }
.qrcode_soft ul li a{display: inline;}
/* qrcode wyskakujace okienko*/


/* qrcode */

/* style w zakladce MENU */

/* */

.cart-container
{
    background: #f5f5f5;
    padding: 4px;
     margin: 0 0 1em;
}

.cart
{
    width: 100%;
    border-collapse:collapse;
	border-spacing:0;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    background: #fff;

}

.cart td
{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4px;
    vertical-align: top;
    text-align: left;
}

.cart td span
{
    display: inline;
    font-size: 10px;
    color: #A09FA0;
    font-style: italic;
    letter-spacing: -1px;
}

.cart tr > td:last-child
{
    text-align: center;
}

.cart tr td.cart-heading
{
    text-align: center;
    font-weight: bold;
    color: #000;
    background: #eee;
}