html {margin:0px auto; padding:0px; width:100%; background: #000000 url("../img/bg_pizza.jpg") center top;}
body {width:100%; position:relative;  text-align:center;margin:0px; padding:0px;font-family: Georgia, Arial,Helvetica,Tahoma;font-size:12px;color:#333333;}

a{ text-decoration:underline; color:#333333;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle; }

form,p, table{ margin:0px; padding:0px;}
table tr td{vertical-align:top; border-spacing:0px; font-size:14px;}
table.v-middle tr td{vertical-align:middle; }
input,select,textarea {vertical-align:middle; font-size:100%;}

label.selected{font-weight:bold;color:#9F1501;}

.f-left{float:left;}
.f-right{float:right;}
.full-width{width:100%;}
.center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}
.align-middle{vertical-align:middle}
.top_odsazeni {margin-top:10px;}
.half_width {width:50%;}
.underline {text-decoration:underline;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5;} 
.clear.line{background: url("../img/dot_line.gif") repeat-x; height:2px;} 
.italic {font-style:italic} 
.strong {font-weight:bold; color:#000000;} 
.red{color:#ba3b1f;}
.hide { position: absolute; top: -9999px; left: -9999px; }
.hidden  {display:none;}
p.error  {color:red}

#center{width:989px; margin:0px auto; }

#bg_top{position:absolute; left:10px; top:0px; height:116px; width:969px; background:#ffffff url("../img/header_bg.jpg") repeat-x ; border-top:4px solid #403A34; }

.inp-text{border:1px solid #C8BBAA; padding:4px 10px;}


#link_osobni{width:181px; float:left; height:250px; position:relative; overflow:hidden; }
#link_osobni img{position:absolute; left:0px; top:0px; }
#link_osobni:hover img{position:absolute; left:-181px; top:0px; }
#link_osobni.current img{position:absolute; left:-181px; top:0px; }

#link_dovazka{width:181px; float:left; height:250px; position:relative; overflow:hidden; }
#link_dovazka img{position:absolute; left:0px; top:0px; }
#link_dovazka:hover img{position:absolute; left:-181px; top:0px; }
#link_dovazka.current img{position:absolute; left:-181px; top:0px; }

.btn{margin:0px; padding:0px; border:0px; background:transparent; cursor:pointer;}

#bg{ float:left; width:100%; background: #F7F5E5 url("../img/bg.jpg") }
#bg_shadow{ float:left; padding:0px 10px; background: url("../img/shadow-trans.png"); position:relative; }

.layout{ float:left; width:900px; text-align:left;  position: relative; margin-top:0px;  z-index:99; min-height:100%; }
.layout .content{float:left; width:100%; }
.layout #header{float:left; width:100%; height:116px; position:relative; z-index:1000;}
.layout #header #logo{position:absolute; left:-10px; top:0px; color:#B1B2B4; font-size:60px; z-index:10000;}
.layout #header #kosik{position:absolute; right:130px;top:20px;  z-index:100; font-size:20px; color:#000000;font-family:arial;}
.layout #header #kosik.close{font-size:19px; }
.layout #header #kosik.close a{color:#9F1501; }
.layout #header #kosik.close a:hover{text-decoration:underline }
.layout #header #kosik a{text-decoration:none;}
.layout #header #kosik a img{padding-right:5px;}
.layout #header #kosik a:hover{color:#A04133;}

.layout #header #stitek{position:absolute; right:0px; top:2px; width:168px; z-index:1000;}
.layout #header #stitek .tel{background:url("../img/opona2-trans.png") repeat-y center top; display:none; color:#ffffff; padding:10px 10px; text-align:center; line-height:20px; font-weight:bold; font-size:14px;}
.layout #header #stitek .button{display:block;background:url("../img/opona-trans.png") no-repeat ; height:55px; line-height:55px; cursor:pointer; text-align:center; border:0px;  font-weight:bold; color:#ffffff;}

.layout #header #main_menu{position:absolute; left:230px; top:70px; margin:0px; padding:0px; z-index:1000; width:700px;}
.layout #header #main_menu li{list-style-type:none; float:left; margin:0px; padding:0px 3px 0px 0px; }
.layout #header #main_menu li a{ float:left;  text-decoration:none; color:#635b4f;}
.layout #header #main_menu li a span{line-height:30px;  float:left;  font-size:14px; text-decoration:none; padding:0px 8px 1px 8px; position:relative; }
.layout #header #main_menu li a span strong{display:none;position:absolute; right:-35px; top:-42px;  text-align:center;height:53px; width:94px; background: url(../img/bublina-trans.png) no-repeat ; font-size:11px; color:#ffffff; line-height:45px; }
.layout #header #main_menu li a:hover span strong{display:block;}
.layout #header #main_menu li a.aktiv,
.layout #header #main_menu li a:hover{ background: #958A7F url("../img/menu_left.gif") no-repeat; color:#fffdf2;}
.layout #header #main_menu li a.aktiv span,
.layout #header #main_menu li a:hover span{background: url("../img/menu_right.gif") no-repeat right top;}

.layout #header .socials{position:absolute; right:0px; top:10px;}
.layout #header .socials a{float:left; margin-left:20px;}

.layout #big_offer {float:left; width:100%; position:relative;  }
.layout #big_offer .ram{  position:absolute; right:5px; top:35px; width:426px; height:265px; overflow:hidden; background: url("../img/big_ram-trans.png") no-repeat;z-index:1000;}
.layout #big_offer #featured{ width:100%;background: transparent; position:relative; overflow:hidden; height:300px; }
.layout #big_offer #featured ul.ui-tabs-nav{ position:absolute; top:41px; right:20px; list-style:none; padding:0; margin:0; z-index:1000000;}
.layout #big_offer #featured ul.ui-tabs-nav li{ padding:0px 2px;  font-size:12px; float:left;}
.layout #big_offer #featured ul.ui-tabs-nav li.ui-tabs-selected span{ font-size:8px; line-height:11px; display:block;color:#ffffff;}
.layout #big_offer #featured ul.ui-tabs-nav li.ui-tabs-selected span strong{ display:block;color:#ffffff;}
.layout #big_offer #featured li.ui-tabs-nav-item a{ display:block; height:11px;line-height:10px; width:12px; text-align:center; background: url("../img/label-trans.png") -12px 0px; font-size:9px; color:#BFAD99;text-decoration:none;}
.layout #big_offer #featured ul.ui-tabs-nav li.ui-tabs-selected a{ background: url("../img/label-trans.png") 0px 0px; font-size:0px;}

.layout #big_offer #featured .ui-tabs-panel{ width:100%;height:410px;position:relative; color:#ffffff;}
.layout #big_offer #featured .ui-tabs-panel .image{ position:absolute; right:5px; top:35px; width:426px; height:265px; overflow:hidden; background: #ffffff ;}
.layout #big_offer #featured .ui-tabs-panel .info{ position:absolute; top:67px; left:0px; width:400px; }
.layout #big_offer #featured .ui-tabs-panel .info h2{ font-size:30px;  color:#4f493f; margin:0px; padding:0px 0px 20px 0px; }
.layout #big_offer #featured .ui-tabs-panel .info h2 a{color:#4f493f; text-decoration:none;}
.layout #big_offer #featured .ui-tabs-panel .info h2 a:hover{color:#9F1501;}
.layout #big_offer #featured .ui-tabs-panel .info p{ font-size:14px; padding:0px 0px 1em 0px; line-height:24px;}
.layout #big_offer #featured .ui-tabs-hide{ display:none; }

.layout #change_box {float:left; width:100%; padding:20px 0px 35px 0px; background: url("../img/change_box_shadow.jpg") no-repeat center bottom;  }
.layout #change_box .box{float:left; width:922px; padding:9px; background: #E7E7E7 url("../img/change_box_bg.gif") repeat-x ; border:1px solid #E2E2E2; height:271px; }
.layout #change_box .box .cont{float:left; width:630px; height:271px; overflow:hidden;}

.layout #footer2 {height:38px; position:relative; line-height:38px; font-family:Tahoma; font-size:11px; color:#ada090;}
.layout #footer2 .copyright{position:absolute; left:0px; top:0px; color:#ada090;}
.layout #footer2 .social{position:absolute; right:0px; top:0px;}
.layout #footer2 .social a{color:#ada090;}

.layout #footer {float:left; width:100%; padding:20px 0px ;}
.layout #footer table.columns{border-spacing:0px; width:100%;  }
.layout #footer table.columns tr td{ padding:0px 10px; }
.layout #footer table.columns tr td.map{ width:330px;}
.layout #footer table.columns tr td table{width:auto; border-spacing:0px; margin:5px 0px; }
.layout #footer table.columns tr td table tr td{ padding:0px 15px 0px 0px}
.layout #footer h3{font-size:20px; margin:0px; padding:0px 0px 15px 0px;}
.layout #footer p{padding-bottom:1em;}


.layout .main {padding:20px 0px;  }
.layout .main h2{font-size:24px; font-weight:normal; margin:0px; padding:0px 0px 15px 0px; color:#4F493F;}
.layout .main h3{font-size:18px; font-weight:normal; margin:0px; padding:0px 0px 15px 0px; color:#4F493F;}
.layout .main h4{font-size:22px; font-weight:normal; margin:0px 0px 0px 0px; padding:30px 0px 5px 0px; color:#9f1501; border-bottom:1px dashed #F1A99C;}
.layout .main p{font-family:arial; color:#333333; font-size:14px; line-height:20px; padding:0px 0px 1em 0px;}

.layout .main .img{position:relative; margin-right:15px; float:left; width:195px; height:114px; overflow:hidden;}
.layout .main .img span{position:absolute; left: 0;top: 0; width:195px; height:114px; background: url("../img/foto_bg.png") no-repeat;}

.layout .main #detail{border-spacing:0px; margin-bottom:20px;}
.layout .main #detail .foto{padding-right:20px;}
.layout .main #detail .foto span.img {float:left; width:402px; height:302px; overflow:hidden; position:relative;}
.layout .main #detail .foto span.img span{position:absolute; left: 0;top: 0;width:402px; height:302px; background: url("../img/detail_bg.png") no-repeat;}
.layout .main #detail h2{color:#9F1501;}

.ingredience,
.layout .main .ingredience{width:147px; text-align:center; float:left; font-weight:bold; padding:5px 10px 10px 10px; border:1px solid #E5DCCB; margin:5px; background:#BFAB98 url("../img/top_line.jpg") repeat-x 12px 0px;}
.ingredience select,
.layout .main .ingredience select{width:147px; font-size:12px;}


.layout .main .novinky {padding-bottom:20px; position:relative; mergin-left:-20px;}
.layout .main .novinky .date{float:right;}
.layout .main .novinka{width:309px; float:left; background:url("../img/news_top.jpg") no-repeat;}
.layout .main .novinka_in{padding:10px 20px 15px 10px; background:url("../img/news_bottom.jpg") no-repeat left bottom; }
.layout .main .novinka .date{font-size:12px; color:#85786a; display:block; }
.layout .main .novinka  h3{font-size:15px; color:#85786a; margin:0px; padding:0px 0px 3px 0px; }
.layout .main .novinka  h3 a{ color:#9f1501; text-decoration:none;}
.layout .main .novinka  h3 a:hover{ color:#9f1501; text-decoration:underline;}
.layout .main .novinka  p{ color:#2d2b21; font-size:12px; line-height:16px; font-family:arial;}

.produkty{float:left; width:100%; padding:5px 0px; margin:15px 0px; background: url("../img/menu_separator.gif") repeat-y center top}
.popup_html.produkty{  width:auto;}
.produkty .produkt{width:430px; min-height:100px; float:left;padding-bottom:30px; position:relative;}
.popup_html.produkty .produkt{width:100%; float:left;padding-bottom:30px;}
.produkty .produkt table{width:100%; border-spacing:0px;}
.produkty .produkt.right{ float:right;}
.produkty .produkt h2{font-size:18px; font-weight:normal;color:#4F493F; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; line-height:18px; background: url("../img/dot.gif") repeat-x left bottom; }
.produkty .produkt h2 a{font-size:18px; font-weight:normal;color:#4F493F; text-decoration:none; background: url("../img/bg.jpg"); padding-right:5px; position:relative;}
.produkty .produkt h2 a:hover{ text-decoration:underline; color:#6E0F01;}
.produkty .produkt h2 .cislo{ float:left; color:#ffffff; font-size:12px; font-weight:bold; width:70px; height:39px; background: url("../img/bublina2-trans.png") no-repeat; text-align:center; line-height:29px; position:absolute; right:-45px; top:-30px;}
.produkty .produkt h2 .price{ float:right; color:#A04133; font-size:12px; font-weight:bold; font-style:italic}
.produkty .produkt p{font-size:12px; padding:0px ; line-height:18px; height:38px; overflow:hidden;}
.produkty .produkt p.group_porce{height: auto;}
.produkty .produkt .image{width:88px; height:88px; padding-right:16px;}
.produkty .produkt .image a{float:left; width:81px; height:80px; position:relative;}
.produkty .produkt .image img{padding:0px;  width:81px; height:80px; display:block;}
.produkty .produkt .image span{position:absolute; left:0; top: 0; width:81px; height:80px; background: url("../img/image_filter.png") no-repeat;}
.produkty .produkt .lista{display:block; position:absolute; right:10px; bottom:32px;}
.produkty .produkt .lista a{margin-left:20px; float:right;}

.vypis {float:left; width:100%;}
.vypis > .produkty > .produkt{width:442px; min-height:100px; float:left;padding-bottom:25px; margin-top:-10px; background:url("../images/separe.png") no-repeat center top;}
.vypis > .produkty > .produkt:hover{ background:url("../images/separe2.png") no-repeat center top;}
.vypis > .produkty > .produkt.right{float:right;}
.vypis > .produkty > .produkt table{width:420px; margin:9px auto 0 auto; border-spacing:0px;}
.vypis > .produkty > .produkt h2 a{background:#E9E0D1;}
.vypis > .produkty > .produkt:hover h2 a{ background:#E1D6C5; }
.vypis > .produkty > .produkt .image{width:88px; height:88px; padding-right:10px;}
.vypis > .produkty > .produkt .image span{background: url("../img/image_filter2.png") no-repeat;}
.vypis > .produkty > .produkt:hover .image span{background: url("../img/image_filter3.png") no-repeat;}


.layout .main .column{width:50%;}
.layout .main .column.novinky{width:70%;  }
.layout .main .column.objednavky{width:27%;   background: url("../img/separator2-trans.png") repeat-y left top; padding-left:3%;}
.layout .main p.kontakt{font-family:Georgia; font-size:12px;}


.layout #subpage {height:132px; line-height:132px;}
.layout #subpage  h1{font-size:48px; font-weight:normal; margin:45px 0px 0px  0px; padding:0px 20px 0px 0px; border-right:1px solid #E7D7C7; color:#4F493F; float:left; line-height:48px;}
.layout #subpage  .navig{float:left;  padding:65px 0px 0px 20px ; color:#4F493F; line-height:18px;}
.layout #subpage  .tel{position:absolute; right:0px; top:39px; line-height:20px;  font-weight:bold; color:#BC1501; }
.layout #subpage  .tel strong{color:#4F493F; font-size:13px;}

.layout .mapa_oblast{border:2px solid #94877E; float:left; margin-right:20px; height:411px; width:500px;}
.layout .oblast_cenik{padding:5px 0px; font-size:15px; float:left; width:370px;  }
.layout .oblast_cenik img{ margin-right:16px; float:left;}
.layout .oblast_cenik p{ font-size:15px; padding-top:15px;}
.layout p.oblast_balne { font-size:22px; font-weight:normal; text-align:left;  color:#4F493F; padding-top:23px; float:left; width:370px; font-family:Georgia;}


.change_line{ float:left; width:100%;  background:#E8D7C8 url("../img/change_line_bg.jpg") repeat;  overflow:hidden;}

.footer_line{ float:left; width:100%;  background:#94897F url("../img/footer_bg.jpg"); z-index:0;}
.footer_line_top{ float:left; width:100%; height:15px; background: url("../img/footer_top.jpg");}
.footer_line2{ float:left; width:100%;  background:#2D2B21;}

.top_line{ float:left; width:100%;  background:#BFAB98 url("../img/top_line.jpg") repeat-x 12px 0px;  color:#faf8ed;}
.top_line .top_line_bg{ float:left; width:100%;  background: url("../img/top_line2.jpg") no-repeat center top; }
.top_line .top_line_bottom{ float:left; width:100%;  background: url("../img/top_line_bottom-trans.png") repeat-x center top; height:23px;  position:relative; margin-top:-23px;z-index:100;}
.top_line .top_line_top{ float:left; width:100%;  background: url("../img/top_line_top-trans.png") repeat-x center top; height:36px; position:relative; margin-bottom:-36px;}

.center_lay{ width:900px; margin:0px auto; }

.kosik{}
.kosik tr.produkt td{ border-bottom: 1px solid }
.kosik td{ padding:5px 10px 10px 10px;}
.kosik td h3{padding:0px 0px 3px 0px; margin:0px;}
.kosik td h3 a{color:#6E0F01;}
.kosik a{color:#6E0F01;}

.popup_html{text-align:left; padding:0px 15px 0px 15px;  position:relative;  background: url("../img/poopup_bg.jpg"); }

.layout #footer #fb-root{z-index:1000;top:-15000;}
.layout #footer .fb_reset div{top:-15000;}

.layout .main .jcarousel-skin-tango  h3{margin:0px; padding:0px 0px 10px 0px; font-size:15px; color:#4f493f; font-weight:normal; overflow:hidden; height:2em;}
.layout .main .jcarousel-skin-tango  h3 a{ color:#4f493f; text-decoration:none;}
.layout .main .jcarousel-skin-tango  h3 a:hover{ color:#9F1501}
.layout .main .jcarousel-skin-tango {list-style-type:none; height:250px; }
.layout .main .jcarousel-skin-tango li {float:left; margin-right: 29px; }
.layout .main .jcarousel-skin-tango li a.foto {float:left; width:195px; height:114px; position:relative;}
.layout .main .jcarousel-skin-tango li a.foto  span{position:absolute; left: 0;top: 0; background: url("../img/foto_bg.png") no-repeat;  width:195px; height:114px;}
.layout .main .jcarousel-skin-tango li .foto{margin-bottom:10px; display:block;}
.layout .main .jcarousel-skin-tango li p{font-family:arial; font-size:12px; line-height:18px; padding:0px 5px 10px 5px}
.layout .main .jcarousel-skin-tango .jcarousel-container { background: transparent; width:203px; float:left;}
.layout .main .jcarousel-skin-tango .jcarousel-direction-rtl {	direction: rtl;}
.layout .main .jcarousel-skin-tango .jcarousel-container-horizontal { width: 100%; padding: 10px 0px 0px 0px;}
.layout .main .jcarousel-skin-tango .jcarousel-clip { overflow: hidden;}
.layout .main .jcarousel-skin-tango .jcarousel-clip-horizontal {   width:  100%;  height: 250px; overflow:hidden;}
.layout .main .jcarousel-skin-tango .jcarousel-clip-vertical {  width:  75px; height: 245px;}
.layout .main .jcarousel-skin-tango .jcarousel-item {   width: 203px;	height:250px;}
.layout .main .jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 29px;}
.layout .main .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {margin-left: 10px;margin-right: 0;}
.layout .main .jcarousel-skin-tango .jcarousel-item-vertical {  margin-bottom: 10px;}
.layout .main .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}
.layout .main .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute;   top: 100px;right: -30px; width: 17px;height: 15px;  cursor: pointer;  background: transparent url(../img/next-trans.png) no-repeat 0 0;}
.layout .main .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {  left: 5px;  right: auto;   background-image: url(prev-trans.png);}
.layout .main .jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.layout .main .jcarousel-skin-tango .jcarousel-next-horizontal:focus {   background-position: -17px 0;}
.layout .main .jcarousel-skin-tango .jcarousel-next-horizontal:active {   background-position: -64px 0;}
.layout .main .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.layout .main .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.layout .main .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.layout .main .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default;  background-position: -96px 0;}
.layout .main .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 100px; left: -30px; width: 17px; height: 15px; cursor: pointer; background: transparent url(../img/prev-trans.png) no-repeat 0 0;}
.layout .main .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(next-trans.png);}
.layout .main .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.layout .main .jcarousel-skin-tango .jcarousel-prev-horizontal:focus {  background-position: -17px 0;}
.layout .main .jcarousel-skin-tango .jcarousel-prev-horizontal:active {  background-position: -64px 0;}
.layout .main .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.layout .main .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.layout .main .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.layout .main .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0;}