html,body{margin:0;padding:0}
/*body{font-size:14px;font-family:'Comfortaa', Arial, Helvetica, sans-serif;color:#58585a;-webkit-font-smoothing:antialiased;background:#f4f6f5 url(/images/design/bg.png) repeat-x;} */
body{font-family: 'Titillium Web', sans-serif; font-size:14px; background:url('/images/design/old-paper-642132.jpg') center center fixed; background-size: 100% auto;  color:#58585a;-webkit-font-smoothing:antialiased;}
img{border:0}
form{margin:0;}
p{margin:10px 0 10px 0;padding:0;}
a:link, a:visited {color:#723A40;text-decoration:none;}
a:hover {color:#878064;text-decoration:underline;}

h1{margin:10px 0 25px 0;padding:0;font-size:30px;font-weight:bold;}
h2{margin:10px 0 10px 0;padding:0;font-size:16px;font-weight:bold;}
h3{margin:0px 0 14px 0;padding:0;font-size:25px;font-weight:bold; letter-spacing: 0.2px;max-width: 99%;}
h3 a {color: #473838;}

.menko {float: left;position: fixed;left: -100%;margin-left: 0px;font-size: 1px;color: #EEE;}
/* notifikacia o bezlepkovej pizze nad vyberom detailu */
.note {background: limegreen;
margin: 0px;
padding: 2px;
text-align: center!important;
color: black;
}

hr {border: 1px solid rgb(78, 78, 78);}


.nemam-bg {background:none !important;}

.uvodna-forma {position: relative; width:100%;border-bottom: 6px solid #e2001a;}
#menu-uvod{display: none; position: absolute; z-index: 99; top: 0px; height: 56px; width: 100%;}

div#otvor-menu{ left:-822px; right: 0px; display:block; position:absolute; width:50px; margin: auto; z-index:99; top:80px; cursor: pointer;text-align: center;background: rgba(226, 0, 26, 0.61);padding: 2px 0px;border-radius: 3px;}
div#otvor-menu .fa {color: #FFF;font-size: 40px;}


.uvod-note {position:absolute; top:300px; left:20%; width:60%; background:rgba(255,0,0,0.8); padding:1em 2em; color:white; font-size:1.2em; font-weight:bold; z-index:99; text-align:center; border:2px solid white}

.parallax-image {position:relative;}
.parallax-image img{position:absolute;top:0;left:0;width:100%;height: auto;}


#container{min-height: 390px;width:1100px;margin:0 auto;background:none;overflow:hidden;position:relative}
#header{z-index: 9; width:100%;height:333px;position: absolute; background:url(/images/design/hlava-bgg.jpg) no-repeat; background-position: center -146px;}
#iphone{width:88px;height:33px;padding:0 0 0 25px;position:absolute;left:95px;top:37px;background:url(/images/design/iphone.png) no-repeat;}
#iphone{color:#35cdd2;font-size:13px;font-weight:normal;}


#toplogo{display:block;width:275px;height:273px;position:absolute;left:-824px;right: 0px;margin: auto;top:0px;background: url(/images/design/pizza-logo.png) no-repeat; background-size: 90% auto; background-position: center center; z-index: 99;}
#toplogo-uvod{border-radius: 50%;display:block;width:450px;height:390px;position:absolute;left:0px;right:0px;margin: auto;top:62px;background: url(/images/design/pizza-logo-big.png) no-repeat; background-size: 100% auto; background-position: center center; z-index: 99; display:block}

#toplogo-mobil{margin-left: 5px; float: left;display:block;width:50px;height:50px;background: url(/images/design/pizza-logo-big.png) no-repeat; background-size: 100% auto; background-position: center center; z-index: 99;}



.topcart{display:block;height:50px;position:absolute;right: 0px; left:684px;top:0px; margin: auto; width: 420px;}
.topcart-in{width:35em;font-size:12px;color:#FFF;line-height:44px; }
.topcart a{color:#FFF; font-size: 14px;}

.topcart-in-lognisa{height:3.5em;font-size:12px;color:#FFF; float:right;background-color: #545353;padding-left: 1em;padding-right: 1em;}
.topcart-in-kosik{text-align: center;width: 15em;height:3.5em;font-size:12px;color:#FFF;  padding-left: 3em;padding-right: 1em; background: #9B1006 url(/images/design/kosik.png) no-repeat center left;}


.hlava-duch {position: relative; width: 100%; height: 333px;}

/* kontakty*/

.kontakty {position: absolute; margin: auto; right: 0px; left: 780px; top: 80px; width: 300px; background: rgba(255, 255, 255, 0.8); padding: 10px; color: black; box-shadow: 0px 1px 2px black;}

.tel-forma {display: table;width: auto;float: left; width: 100%; padding-top: 8px;}
.tel-text {display: table-cell;vertical-align: middle; padding-left: 8px;}
.tel-text b {font-size: 15px;}

.tel-free {height: 40px; width: 40px; background: url(/images/design/tel.png) no-repeat; background-size: 100% 94%;display: table-cell;vertical-align: middle;}
.tel-free-small {height: 20px; width: 31px; background: url(/images/design/tel.png) no-repeat; background-size: 100% 94%;display: table-cell;vertical-align: middle;}
.tel-telekom {height: 20px; width: 20px; background: url(/images/design/tel-telekom.png) no-repeat; background-size: 100% 94%;display: table-cell;vertical-align: middle;}
.tel-orange {height: 20px; width: 20px; background: url(/images/design/tel-orange.png) no-repeat; background-size: 100% 94%;display: table-cell;vertical-align: middle;}
.tel-odva {height: 20px; width: 20px; background: url(/images/design/tel-odva.png) no-repeat; background-size: 100% 94%;display: table-cell;vertical-align: middle;}


.free b {color: green;font-size: 26px; }


#menu{border-top: solid 6px #869f33; position: absolute;bottom: 0px;width:100%;height:50px; background: RGBA(0, 0, 0, 0.8); z-index:99;}

#menu ul{margin:0;padding:0;list-style:none;width:1100px;height:50px;margin:0 auto; display: table;}

#menu ul li a{display:block;height:50px;min-width:200px;color:#fff;font-size:18px;text-shadow:3px 1px 2px #000;line-height:47px;text-align:center;font-weight: 900;text-transform: uppercase;}
#menu ul li{display: table-cell;height: 50px;}
#menu ul li a:hover{background: rgba(255, 255, 255, 0.18); text-decoration: none;}
#menu ul li a.sel{background: rgba(255, 255, 255, 0.18);}

#nav li ul{left: 0px; right: 0px; margin: auto; list-style:none;position:absolute;width:1100px;height:auto;top:38px;background:rgb(50, 20, 20);padding:0em; z-index:3; display: table; display: none !important;}
#nav li ul ul {margin: 0em 0 0 11em; top:0px; left:0em; background:rgba(0,195,201,0.6); }

#nav li ul li{float:none; min-width: 70px;  text-align: center; display: table-cell;}
#nav li ul li:last-child{display: none;}
#nav li ul li a{display:block;background:none;padding:0; width: auto;}
#nav li ul li a span{color:#fff;font-family:Arial,sans-serif;font-size:1em;}
#nav li ul li a:hover{border:none;text-decoration:underline;}
#nav li ul li a.sel{border:none;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: 0px;}

/* UVODNE bloky */



.uvod-c0 {width: 73.5%;padding: 14px 0px;float: right;margin-right: 14px;}
.uvod-c0 {color:#333; font-size:1.2em}
.uvod-c-in {width: 90%;margin:auto;}


.uvod-c-in-l {float: left; width:99%;background: none;xmin-height: 138px; }
.uvod-c-in-r {float: right; width:49%;background: none;xmin-height: 138px; }


.uvod-c1 {background: none;width: 73.5%;padding: 6px 0px;float: right;margin-right: 14px;}
.uvod-c1 h3 {font-size:1.8em; border-top:1px solid #333; margin:1em 0 0 0; padding:0px}


.uvod-stlpec {width:250px; height: auto; padding-left: 14px;}

.uvod-b1 { background: #e2001a; width: 100%; padding: 6px 0px;}

.uvod-b2 { background: black; width: 100%; padding: 6px 0px; margin-top:14px; float:left}

.uvod-in { margin: auto; width: 82%; color: white;}

.uvod-in h3 { font-size: 44px; line-height: 30px; margin: 0px;}
.uvod-in h2 { font-size: 20px;}
.uvod-in p { text-align: justify; font-size:1.1em;}

.uvod-in2 { margin: auto; width: 92%; color: #333;}
.uvod-in2 p {margin:0px;}

.timetable {font-size:1.2em; }
.timetable p {float:none; clear:both}
.day {font-weight:bold; width:30%; float:left; display:block}
.time {font-weight:normal; width:69%; float:right; text-align:right; display:block}


/* subka pre jedla */

#subicky ul{left: 0px; right: 0px; margin: auto; list-style:none;width:1100px;height:50px;background: #4e2117;padding:0em; z-index:3; display: table;}
#subicky ul li{float:none; min-width: 70px; height: 50px; text-align: center; display: table-cell;}
#subicky ul li a{display:block;background:none;padding:0; width: auto; line-height: 50px; color: white;}

#subicky ul li:hover {background: rgba(0, 0, 0, 0.25);}
.aktualny {background: rgba(0, 0, 0, 0.25);}





/* MOB menu*/
#subickyy {display:none;position: relative;height: 50px;width: 100vw;background: black;}
#subickyy ul{display: none; left: 0px; right: 0px; margin: auto; list-style:none;width:80%;top: 50px;background: #4e2117;padding:0em; z-index:999;position: absolute;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;overflow: hidden;
box-shadow: 0px 2px 5px black;border: 1px solid rgba(182, 182, 182, 0.3);border-top:none;}
#subickyy ul li{float:left; width: 50%; height: 50px; text-align: center; border-top: 1px solid #000;}
#subickyy ul li:first-child {width: 100%; }
#subickyy ul li:nth-child(even) {box-shadow: inset -10px 0 0px -9px rgba(0, 0, 0, 0.34)}

#subickyy ul li a{display:block;background:none;padding:0; width: auto; line-height: 50px; color: white;font-size: 16px;font-weight: 900;letter-spacing: 1px;}
#subickyy ul li:hover {background: rgba(0, 0, 0, 0.25);}
.aktualnyy {background: rgba(0, 0, 0, 0.25);}
.m-uvod {background: rgb(0, 0, 0)}
.m-kontakt {background: rgba(0, 167, 37, 0.83)}


div#toggle-menu{ z-index:9999; float: right; font-size: 27px;color: #9c9c9c; padding-top: 2px;padding-right: 2px;}
div#toggle-menu .fa {color: white;}

div#toggle-phone{ z-index:9999; font-size: 27px;width: 50px;height: 50px;float: left;}
div#toggle-phone .fa {color: green;padding: 10px 20px;}

.userr {display: none; padding: 6px 9px; font-size: 25px; position: absolute; right: 5px; top: 5px; background-color: RGBA(0, 0, 0, 0.64); color: white; border-radius: 50%;}




/*    */


#box_wrapper{position:relative}

#content{width:100%;overflow:hidden;padding:0 0 50px 0;position:relative; background:rgba(255,255,255,0.2); }
#content p, .pagewrap p {text-align:justify}

.pageheader h1{text-transform: uppercase; text-align:left;color:rgb(169, 0, 19);font-size:36px;text-shadow:2px 2px 2px #636048;margin:20px 0 25px 0;font-weight:900;}

.pageheader h1 b {text-transform: none;color:#ce0019;font-weight:100;}
.pageheader h1 a {color:rgb(169, 0, 19);}
.pageheader h1 a:hover {color:rgb(111, 46, 54);text-decoration: none;}

.pageheader h2{text-transform: uppercase; text-align:left;color:rgb(169, 0, 19);font-size:36px;text-shadow:2px 2px 2px #909090;margin:20px 0 25px 0;font-weight:900;}

.pageheader h2 b {text-transform: none;color:#ce0019;font-weight:100;}
.pageheader h2 a {color:rgb(169, 0, 19);}
.pageheader h2 a:hover {color:rgb(111, 46, 54);text-decoration: none;}





.pagewrap{width:970px;clear:both;margin:0 auto;}

.jcarousel-skin-tango .jcarousel-item-horizontal a img {width:100%; height: auto;}



/*   tabulka jedal  */


#bocne-cisla {position: fixed; bottom: 10px; right: 200px; margin: auto;
opacity: 0.9;height: 160px;width: 180px;
padding: 2px 4px 2px 10px;background: white;border: 1px solid #969696; text-align: center; display: none;box-shadow: 0px -3px 14px silver;z-index:29}

/* becasue of baner */
#xbocne-cisla { height: 340px}

#bocne-cisla .tel-forma .tel-text b {font-size: 20px;}
#bocne-cisla .tel-forma .tel-orange {width: 31px;}
#bocne-cisla .tel-forma .tel-telekom {width: 31px;}
#bocne-cisla .tel-forma .tel-odva {width: 30px;}


.hlavicka-duch {position: relative; width:970px; height:60px;}
#hlavicka-forma {z-index: 9;position: absolute; width:970px; height:50px;top: 0px;overflow: hidden;border-bottom:3px solid #e2001a}
#tabulkova-hlavicka {width: 100%; display: table;background: rgb(245, 245, 245); padding: 14px 0px;font-size: 15px; color: grey;font-weight: 900;}
.sticky {position: fixed !important; top:0px; left:0px; right: 0px; margin: auto;box-shadow:0px 0px 22px rgba(0, 0, 0, 0.42);}


.tbl-poradie {width: 5%; display: table-cell;vertical-align: middle;text-align: center;}
.tbl-nazov { display: table-cell;vertical-align: middle;}
.tbl-cena {width: 40%; display: table-cell;vertical-align: middle;}
.tbl-cena-nie {width: 14%; display: table-cell;vertical-align: middle;}
.tbl-obj {width: 5%; display: table-cell;vertical-align: middle;}
.tbl-beriem {width: 5%; display: table-cell;vertical-align: middle;}


.product-forma{padding-bottom: 11px;position: relative; width:968px;height:40px;display: table; padding: 6px 0px; border: 1px solid rgba(255, 255, 255, 0);border-bottom: 1px dashed #9c3232; transition: border 0.3s;}
.product-forma:hover{border:1px solid red; cursor: pointer;}

/*.product-forma .prilohy,*/
.product-forma .minutky,
.product-forma .mucne,
.product-forma .salaty,
.product-forma .napoje {visibility:visible; }

/* off numbering for selected categories */
.minutky-view .code,
.mucne-view .code,
.prilohy-view .code,
.salaty-view .code,
.napoje-view .code {visibility:hidden!important}


.pro-poradie {width: 5%; height:40px;display: table-cell;text-align: center;}
.pro-nazov {height:40px;display: table-cell;}
.pro-cena {width: 40%; height:40px;display: table-cell;}
.pro-cena-nie {width: 14%; height:40px;display: table-cell;}
/** off for forever 12 2018 Dano **/
.pro-beriem {width: 5%; height:40px;display: table-cell;vertical-align: middle; }
.dcccart-front  {height: 80px; }
.dcccart-front .pridalsom { padding: 10px; margin: 0px !important;}

.nemam-cas form {display: none !important;}


.pro-cena-pizza {width: 100%; display: table;}
.pro-cena-pizza-nie {width: 100%; display: table;}

.pro-cena-pizza span {width: 32.8%;display:block; text-align: center; float: left;border-left: 1px dashed #c0621a;}
.pro-cena-pizza span:last-child {border-right: 1px dashed #c0621a;}
.pro-cena-pizza span:nth-child(3) {border-right: none;}
.pro-cena-pizza span b {color: #9c3232;font-weight: 900; font-size:20px;}

.pro-cena-pizza-nie span {width: 98%;display:block; text-align: center; float: left;border-left: 1px dashed #9c3232;}
.pro-cena-pizza-nie span {border-right: 1px dashed #9c3232;}
.pro-cena-pizza-nie span b {color: #9c3232;font-weight: 900; font-size:20px;}




/*  OBJEDNAVKA MIMO CAS */
.mimo-cas {height: 100%;width: 100%;position: absolute;background: rgba(255, 255, 255, 0.65);z-index: 9;}
.counter {width: 120px;display: table;float: right;letter-spacing: 2px;}
.hours, .minutes, .seconds, .casik {float: left; font-size:18px;} 
.hours, .minutes, .seconds {font-weight:900;} 



.productbox1, .productbox2{width:100%;height:250px;margin:0 0 10px 0;}

.productbox1 .productimage{width:410px;height:163px;padding:10px 40px 10px 10px;text-align:center;overflow:hidden;}
.productbox1 .productcart{width:430px;height:62px;padding:15px 0 0 30px;color:gray;cursor:pointer;}
.productbox1 .productcart .productdesc{width:320px;height:62px;float:left;}
.productbox1 .productcart .productprice{width:90px;height:62px;float:left;text-align:center;}


.productbox2 .productimage{width:410px;height:163px;padding:10px 10px 10px 40px;text-align:center;overflow:hidden;}
.productbox2 .productcart{width:410px;height:62px;padding:15px 0 0 50px;color:gray;cursor:pointer;}
.productbox2 .productcart .productdesc{width:320px;height:62px;float:left;}
.productbox2 .productcart .productprice{width:90px;height:62px;float:left;text-align:center;}

.productprice{text-align:center;color:#00c3c9;font-size:18px;font-weight:bold;line-height:62px;}
.productdesc h2{margin:2px 0 2px 0;padding:0;color:#58585b;font-weight:bold;font-size:18px;}

.productcart a, .productcart span{color:#878064;}
.productcart .white{color:#fff;}
.productquantity{color:#000;width:24px;height:24px;font-weight: bold; border:1px dotted #fff;padding:4px 10px; background:rgba(255, 255, 255, 0.6); text-align:center;}

.productbox1 .productuseimage{width:410px;height:107px;padding:0 40px 0 10px;text-align:left;overflow:hidden;}
.productbox1 .producttext{width:430px;height:112px;padding:0 30px 0 0;overflow:hidden;text-align:right;}
.productbox1 .productgallery{width:460px;height:27px;padding:0 0 4px 0;}

.productbox2 .productuseimage{width:410px;height:107px;padding:0 10px 0 40px;text-align:right;overflow:hidden;}
.productbox2 .producttext{width:430px;height:112px;padding:0 0 0 30px;overflow:hidden;}
.productbox2 .productgallery{width:460px;height:27px;padding:0 0 4px 0;}

.productgallery a{display:block;width:120px;height:27px;background:#00c3c9;color:#fff;text-align:center;line-height:30px;float:right;}
.productbox1 .productgallery a{float:left;}

.sepbox{width:50px;height:250px;float:left;}

/* IKONY */

.chutovky {height: auto; min-height:30px; position: relative; background: rgba(255, 255, 255, 0.5);padding: 4px 0px 1px 15px;border-radius: 14px;}
.chutovky-duch {height: 35px;width:100%;margin-top: -3px;}

.ikona-forma {display: table;width: auto;float: left; padding-right: 10px; height: 30px;padding-left: 4px;}
.ikona-text {display: table-cell;vertical-align: middle;margin-right: 3px;font-weight: 700;}

.ikona {padding-left: 2px; height:26px; width:26px;display: table-cell;vertical-align: middle; background:url(/images/design/ico.png) no-repeat; background-size: 330px;}

.i-hrach {background-position: -46px -43px}
.i-syr {background-position: -12px -14px;}
.i-syr-Niva {background-position: -47px -14px;}
.i-šampiňóny {background-position: -80px -14px;}
.i-olivy {background-position: -115px -14px;}
.i-zelené-olivy {background-position: -115px -14px;}
.i-čierne-olivy {background-position: -150px -14px;}
.i-šunka {background-position: -184px -14px;}
.i-prosciutto {background-position: -184px -14px;}
.i-kukurica {background-position: -219px -14px;}
.i-saláma {background-position: -251px -14px;}
.i-slanina {background-position: -283px -14px;}
.i-oravská-slanina {background-position: -283px -14px;}
.i-feferónky {background-position: -12px -46px;}
.i-hrášok {background-position: -45px -46px;}
.i-cherry {background-position: -80px -46px;}
.i-paradajky {background-position: -80px -46px;}
.i-cesnak {background-position: -114px -46px;}
.i-brokolica {background-position: -150px -46px;}
.i-lečo {background-position: -183px -46px;}
.i-morskA�-plody {background-position: -183px -46px;}
.i-klobása {background-position: -217px -46px;}
.i-kápia {background-position: -250px -46px;}
.i-červená-paprika {background-position: -250px -46px;}
.i-kapari {background-position: -284px -46px;}
.i-artičoky {background-position: -12px -80px;}
.i-tuniak {background-position: -45px -80px;}
.i-kuracie-prsia {background-position: -79px -80px;}
.i-kuracie-prsia-na-grilovacom-korení {background-position: -79px -80px;}
.i-cibuľa {background-position: -114px -80px;}
.i-vajce {background-position: -146px -80px;}
.i-dve-vajcia {background-position: -185px -80px;}
.i-syr-údený {background-position: -219px -80px;}
.i-eidam {background-position: -219px -80px;}
.i-ananás {background-position: -252px -83px;}
.i-syr-Eidam {background-position: -220px -77px;}
.i-syr-Encián {background-position: -220px -177px;}
.i-parmezán {background-position: -11px -115px;}
.i-bravčové-mäso {background-position: -47px -115px;}
.i-paprika {background-position: -78px -113px;}
.i-špenát {background-position: -114px -115px;}
.i-rukola {background-position: -114px -115px;}
.i-bazalka {background-position: -150px -115px;}
.i-plody-mora {background-position: -185px -114px;}
.i-krevety {background-position: -185px -114px;}
.i-BBQ-omáčka {background-position: -247px -114px;}
.i-4-druhy-syra {background-position: -218px -111px;}
.i-piri-piri-papričky {background-position: -287px -112px;}
.i-baranie-rohy {background-position: -287px -112px;}
.i-chilli {background-position: -287px -112px;}
.i-citrón {background-position: -12px -150px;}
.i-bryndza {background-position: -288px -176px;}
.i-syr-Feta {background-position: -47px -150px;}
.i-štipka-tymiánu {background-position: -80px -150px;}
.i-pažítka {background-position: -80px -150px;}
.i-smotana {background-position: -113px -150px;}
.i-smotanový-základ {background-position: -288px -176px;}
.i-tavený-syr {background-position: -288px -176px;}
.i-paradajková-omáčka {background-position: -147px -150px;}
.i-barbeque-omáčka {background-position: -252px -176px;}
.i-červené-víno {background-position: -182px -150px;}
.i-cuketa {background-position: -217px -150px;}
.i-baklažán {background-position: -252px -150px;}
.i-miešaná-zelenina {background-position: -285px -150px;}
.i-mix-šalátov {background-position: -285px -150px;}
.i-mix {background-position: -285px -150px;}
.i-sušené-slivky {background-position: -9px -178px;}
.i-karí-korenie {background-position: -46px -178px;}
.i-základ-a-koreniny {background-position: -80px -178px;}
.i-boloňská-zmes {background-position: -80px -178px;}
.i-červená-cibuľa {background-position: -114px -178px;}
.i-Granko {background-position: -149px -178px;}
.i-posýpka-maková {background-position: -185px -178px;}






.nalepka-novinka {height: 50px; width: 50px;position: absolute;top: 1px; background:url(/images/design/nalepka-novinka.png) no-repeat;background-size: 50px;}
.nalepka-vegetarian {height: 30px;width: 35px;background: url(/images/design/nalepka-vegan.png) no-repeat;background-size: 30px;float: right;display: inline-block;background-position: center bottom;}
.nalepka-pikant {height: 30px;width: 30px;background: url(/images/design/nalepka-pikant.png) no-repeat;background-size: 30px;float: right;display: inline-block;background-position: center bottom;}




.animacka {height: 30px;overflow: hidden;white-space: nowrap;transition: all 1.7s ease;-webkit-transition: all 1.3s ease;
color:white;max-width: 0px;}
.product-forma:hover .animacka {color: black;max-width: 200px;}


/* ikony koniec */



#alertdiv {display: none; text-align: center; z-index: 99;position: fixed;top: 54%;margin: auto;width: 320px; background: rgba(192, 192, 192, 0.8);left: 0px;right: 0px;padding: 20px;}
#ajaxx {display:none;position: fixed;right:0px;top:0px;width:100%;height:100%; opacity:0.85;z-index: 9;background: black url(/images/ring.gif) no-repeat; background-position: center center;}

#alertdiv strong {text-transform: uppercase;display: block;text-align: center; color: #a90013;font-size: 22px;}
#alertdiv a {font-weight: bold;color: white !important;}
#alertdiv a:hover {text-decoration:none !important; opacity:0.8;}

.tlacitko {padding: 5px 10px; background: #a90013 none repeat scroll 0% 0%;}

.lave {float: left;}
.prave {float: right;}
/*  vyskokovacka pri objednavke  */




#footer-link{background: #210705;clear: both;width: 100%;margin: 0 auto;height: 20px;text-align: center;font-size: 10px;font-weight: bold;padding: 0;color: #8c8c8c;}
#footer-link a {text-decoration: none;color: #c3c3c3;font-weight: bold;}



#footerwrap{ background: RGBA(42, 17, 17, 0.84); border-top: 3px solid #1d1d1d;}
#footer{margin:0 auto;padding:0;width:1100px;height:180px;position:relative;}

#bottomlogo{margin: auto; display:block;width:200px;height:130px;position:absolute;left:0px; right: 0px;top:0px;background:url(/images/design/pizza-logo-foot.png) no-repeat; background-position: center center; opacity: 0.5;}

#fb{width:220px;height:220px;position:relative;left:0;top:0;}
#fb div{position:relative;}


#menu2{width:100%;position:absolute;right:0px;top:26px;}


.menu2-in {width: 33.18%;float: left; border-left: 1px solid rgba(255, 255, 255, 0.17); height: 130px; position: relative;}
.menu2-in:last-child {border-right: 1px solid rgba(255, 255, 255, 0.17);}
.menu2-text {width: 90%; margin: auto; line-height: 17px; color: rgba(255, 255, 255, 0.69);}
.menu2-text ul {list-style-type: square !important;}
.menu2-text ul li { padding:5px 0px;}
.menu2-text ul li a { padding:5px 0px; color: rgba(255, 255, 255, 0.69);}


.pagedetailheader{width:100%;height:60px;position:relative;}
.pagedetailheader h2{display:block;width:auto;height:60px;margin:0;padding:0;color:#58585b;text-shadow:1px 1px 1px #b4b8ba;font-size:25px;line-height:60px;margin:0 auto;text-align:left;}
.pagedetailheader div{display:block;width:135px;height:60px;position:absolute;top:0;left:301px;text-align:right;color:#40d2d7;font-size:20px;line-height:60px;}

.pagedetailheader ul{margin:0;padding:0;list-style:none;width:488px;height:27px;position:absolute;top:21px;left:490px;}
.pagedetailheader ul li{float:left;position:relative;border-right:2px solid #fff;}
.pagedetailheader ul li a{display:block;height:27px;width:120px;text-align:center;color:#fff;font-size:14px;background:#00c3c9;line-height:27px;}
.pagedetailheader ul li a:hover{}
.pagedetailheader ul li a.sel{text-decoration:underline;}

.detailimage{width:410px;height:230px;padding:10px 40px 10px 10px;float:left;margin:0 0 10px 0;background:url(/images/design/frame.png) no-repeat;text-align:center;overflow:hidden;}
.detailvideo{width:410px;height:230px;padding:10px 40px 10px 10px;float:left;margin:0 0 10px 0;background:url(/images/design/frame-video.png) no-repeat;text-align:center;clear:left;overflow:hidden;position:relative;}
.play{display:block;position:absolute;;width:108px;height:108px;background:url(/images/design/play.png) no-repeat;top:61px;left:151px;z-index:4;}

.sepboxlarge{width:1px;height:541px;float:right;background:url(/images/design/sep-blue-large.png) no-repeat center center;}







.lavy-popis {float: left; width: 49%; }
.chutovecky-in {margin-bottom: 15px; padding: 10px 0; width: 100%; display: inline-block; border-top: 1px solid rgba(169, 0, 19, 0.26); border-bottom: 1px solid rgba(169, 0, 19, 0.26);background: rgba(255, 255, 255, 0.27);}
.chutovecky-in .ikona-forma {margin: 8px 0;}

.intro {width:48%; height:100px; text-align: center;}
.left {float: left; background: #efefef;}
.left span {width:80%; display: block;font-size: 21px;text-transform: uppercase;color: #a5a5a5;border-bottom: 1px solid #a5a5a5;margin: auto;}
.left b {font-size:35px; color: #3c3c3c; display: block;}

.right {float: right; background: #efefef;}
.right span {width:80%; display: block;font-size: 21px;text-transform: uppercase;color: #a5a5a5;border-bottom: 1px solid #a5a5a5;margin: auto;}
.right b {font-size: 43px;color: #a90013;margin-top: -3px;display: block;}

.alergeny {float: left; margin-top: 15px;background: #fcfcfc;border: 1px solid #ffacac;}
.alergeny b {font-weight: 100; color: rgb(226, 0, 26); padding: 14px 0px 0px 25px;display: block;}
.alergeny ul {list-style: outside none none; padding: 18px;padding: 0 18px; margin-top: 5px;}
.alergeny li {padding-left: 1em; text-indent: -.7em; list-style: none;}
.alergeny li:before {content: "• ";color: red;font-size: 19px;}


.detaildescription{width:48%;float:right;margin:0 0 10px 0;padding:0px;position:relative;border: 1px solid #d5d5d5;box-shadow: 0px 4px 20px -2px silver;background:rgba(255,255,255,1)}
.detaildescription p {text-align:justify; float:none; clear:both; }
.detaildescription p img {float:right; margin-bottom:10px}
.galleryheader{color:#40d2d7;font-size:25px;font-weight:bold;width:100px;height:60px;position:absolute;top:0;left:0;line-height:40px;}
.detaildescription h2.variants{color:#a90013;font-size:25px;background:url(/images/design/bg-variant-hr.png) no-repeat bottom center;padding:4px 0 12px 20px;margin:0 0 10px 0;}

.detailslider{width:100%;height:320px;clear:both;}
.detailscroller{width:430px;height:63px;float:left;margin:40px 0 40px 0;}
.hr{width:100%;height:20px;background:url(/images/design/hr.png) no-repeat center center;clear:both;}

.carouselwrap{width:410px;height:230px;margin:0;padding:0;}
.carouselwrap ul{margin:0;padding:0;list-style:none;}
.cbox{position:relative;float:left;display:block;width:410px;height:230px;padding:0;margin:0;overflow:hidden;text-align:center;}

.cover {position:absolute; top:5em; left:4em; padding:1em; max-width:8em; background:rgba(91,197,236,0.5); color:white; text-decoration:none; font-size:2em; font-weight:100; text-align:left; }
.cback10 {background:rgba(136,136,136,0.5)}
.cback11 {background:rgba(136,136,136,0.5); left:60%}
.cback20 {background:rgba(192,230,0,0.5); }
.cback21 {background:rgba(192,230,0,0.5); left:60% }
.cback30 {background:rgba(91,197,236,0.3)}
.cback31 {background:rgba(91,197,236,0.3); left:60%}

.detailbigimage{width:640px;height:400px;float:left;}
.detailcartwrap{width:330px;height:400px;float:right;}

.detailcaption{color:#58585b;text-shadow:1px 1px 1px #b4b8ba;font-size:25px;}
.detailprice{color:#40d2d7;font-size:20px;}

.detailcolor{width:330px;height:57px;clear:both;overflow:hidden;margin:0 0 20px 0;}
.detailcolor ul{margin:0;padding:0;list-style:none;width:330px;height:57px;}
.detailcolor ul li{float:left;position:relative;padding:4px;}
.detailcolor ul li a{display:block;height:45px;width:45px;background:#ff0009;border:2px solid transparent;}
.detailcolor ul li a:hover{}
.detailcolor ul li a.sel{border:2px solid #afd700;}
.detailcolor ul li a.detailblack{background:#000;}
.detailcolor ul li a.detailgreen{background:#ff0009;}
.detailcolor ul li a.detailblue{background:#23aedd;}

.detailcart{width:431px;height:47px;padding:15px 0 0 0;margin:0 0 0 0; background: #e2001a; text-align:center;margin:15px auto;font-size:18px;color:#fff;}
.detailcart a, .detailcart span{color:#fff;}
.dcprice{width:131px;height:43px;padding:4px 0 0 0;float:left;text-align:center;font-weight:bold; display: none;}
.dcccart{width:100%;height:47px;float:right;text-align:center;}
.productquantity{width:22px;height:22px;}
.pridalsom {font-size: 30px;display: block;float: left;padding: 0px;margin-top: -7px;margin-left: 34px;}



#pgr span{color:#afd700;}

.varianttbl img{margin:10px 0 10px 0;padding:0;border:0;transform: scale(0.7,0.7);}
.varianttbl{margin:0;}
.varianttbl th {text-transform: uppercase;font-weight: 100;color: #a7a7a7;}
.varianttbl td {font-weight: 900;color: #595959;}



/* slider  */

.sliderik {margin-bottom: 0em;height: 46em;overflow: hidden;}

.sliderik-out {width: 33em;height: 19em;margin-top: 1em;}
.sliderik-in {width: 33em;height: 19em;position: absolute; overflow: hidden;}
.carouselbox {overflow: hidden;position: relative;height: 19em;width: 33em;}

.container {position: relative;width: 100%;height: 100%;
	
	/* 39% being the ratio we are maintaining 
	 * calculated by looking at the image 
	 * ratio: 400/1024 = ~0.39 */
	padding: 0;
}

.iosSlider {width: 100%;

	/* this height ends up being your maximum height, 
	 * if you want it to scale forever, set it to 
	 * a very high number */
	height: 1500px;
}

.iosSlider .slider {width: 100%;height: 100%;}
.iosSlider .slider .item {float: left;width: 100%;}
.iosSlider .slider .item img {width: 100%;height: auto;}
.container .prevContainer {position: absolute;top:70%;left: 0;width: 100px;padding:0;z-index: 10;margin: auto;;}
.container .prevContainer .prev {position: absolute;bottom: -10%;right: 0; padding: 6px;}
.container .nextContainer {position: absolute;top: 70%; width: 100px;padding: 0;z-index: 10;margin: auto;right: 0px;}
.container .nextContainer .next {position: absolute;bottom: -10%;left: 0; padding: 6px;}
.container .selectorsBlock {position: absolute;min-width: 300px;height: 35px;bottom: 1em;margin: auto;left: 0px;right: 0px;}
.container .selectorsBlock .selectors {position: relative;top: 0px;margin: auto;left: 0px;right: 0px;height: 10px;width: auto;display: table;}
.container .selectorsBlock .selectors .item {position: relative;top: 0;float: left; display: table-cell;width: 20px;height: 20px;margin: 10px;background: rgba(255, 255, 255, 0);border-radius: 50%;border: 2px solid white;}
.container .selectorsBlock .selectors .selected {background: white;}
.container .selectorsBlock .selectors .first {margin-left: 0;}

.iosSlider .slider .item .inner {position: relative; padding:0 !important;top: 0;left: 0;width: 100%;margin: 0 auto;height: 100%;box-shadow: 0 0 10px -5px #000;background-position: 50% 0;background-repeat: no-repeat;}
.iosSlider .slider .item .inner img {position: relative;top: 0;left: 0;width: 100%;margin: -2em auto 0px; width: 100.5%;}
.iosSlider .slider .item .inner .selectorShadow {position: absolute;left: 0;bottom: 0;background: url(../_img/selector-shadow.png) no-repeat 0 0;width: 120px;height: 30px;display: none;}
.iosSlider .slider .item .inner .text1 {background: rgba(0, 0, 0, 0.69); top: 33em; border: 2px solid white; text-transform: uppercase;opacity: 1;filter: alpha(opacity=1);position: absolute;padding: 0 2px 0 7px;text-align: left;margin: auto;right: 0px; left: 0px;text-align: center;display: table;width: 100%;max-width: 350px;box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19);}
.iosSlider .slider .item .inner .text1 span { display: inline-block;color: #fff;font-size: 23px;font-weight: 900;line-height: 49px;padding: 0 20px;}
.iosSlider .slider .item .inner .text1 p {letter-spacing: 1px; color: #fff;font-size: 100%;font-weight: 900;line-height: 2rem;padding: 6 50px;margin: 0px;}

.iosSlider .slider .item .inner .text1:hover { background: #05A51E;}
.iosSlider .slider .item .inner .text1 span i {margin: 0 0 0 5px;}
.iosSlider .slider .item .inner .text2 {background: none repeat scroll 0 0 #000000; height: 60px; transform: skew(-15deg); -ms-transform: skew(-15deg); -webkit-transform: skew(-15deg);text-transform: uppercase;opacity: 0;filter: alpha(opacity=0);padding: 0;position: absolute;right: 300px;top: 31em;text-align: left;}
.iosSlider .slider .item .inner .text2 span { transform: skew(15deg); display: inline-block;display: block;color: #fff;font-size: 220%;padding: 0px 7px;line-height: 58px;font-weight: 100;}

.sliderik-in .prevContainer {position: absolute;top: 10em;left: 0;width: 60px;padding:0;z-index: 10;cursor: pointer;}
.sliderik-in .prevContainer .prev {position: absolute;bottom: -10%;right: 0; padding: 3px;}
.sliderik-in .nextContainer {position: absolute;top: 10em;right: 0;width: 60px;padding: 0;z-index: 10; cursor: pointer;}
.sliderik-in .nextContainer .next {position: absolute;bottom: -10%;left: 0; padding: 3px;}


.parallax-image  {
  position:relative;
  img{
    position:absolute;top:0;left:0;width:100%;height: auto;
  }
}

.arrow {opacity:0.85;position: absolute;top: 50%;width: 2rem;height: 2rem;background: transparent;border-top: .4rem solid #FFF;border-right: .4rem solid #FFF;box-shadow: 0 0 0 lightgray; -webkit-transition: all 200ms ease;transition: all 200ms ease;}
.arrow.left {right: 0; -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg); transform: translate3d(0, -50%, 0) rotate(-135deg);}
.arrow.right {left: 0; -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); transform: translate3d(0, -50%, 0) rotate(45deg);}
.arrow:hover {opacity:1;border-top: .5rem solid #FFF;border-right: .5rem solid #FFF;box-shadow: .2rem -.2rem 0 black;}
.arrow:hover.left {right: -.2rem;}
.arrow:hover.right {left: -.2rem;}

.arrow2 {opacity:0.85;position: absolute;top: 50%;width: 2rem;height: 2rem;background: transparent;border-top: .4rem solid black;border-right: .4rem solid black;box-shadow: 0 0 0 lightgray; -webkit-transition: all 200ms ease;transition: all 200ms ease;}
.arrow2.left2 {right: 0; -webkit-transform: translate3d(0, -50%, 0) rotate(-135deg); transform: translate3d(0, -50%, 0) rotate(-135deg);}
.arrow2.right2 {left: 0; -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); transform: translate3d(0, -50%, 0) rotate(45deg);}
.arrow2:hover {opacity:1;border-top: .4rem solid #AA2138;border-right: .4rem solid #AA2138;box-shadow: .2rem -.2rem 0 black;}
.arrow2:hover.left2 {right: -.2rem;}
.arrow2:hover.right2 {left: -.2rem;}





/* local */

.gombik {line-height: 20px;background: #e2001a;border: none;border-top: 1px solid #ff8f9c !important; cursor: pointer;color: white !important; padding: 4px 20px;border-radius: 5px;box-shadow: 0px 1px 3px #5c5c5c;margin-right: 15px;}
.gombik:hover {background: #c6061c;}
.gombik a {color: white;}



a.btnblue{display:block;height:28px;width:100px;padding:0 0 0 15px;background:url('/images/design/btn-gray-left.png') top left no-repeat;color:#fff;line-height:26px;font-size:14px;cursor:pointer;float:left;}
a.btnblue span{display:block;height:28px;width:85px;padding:0 15px 0 0;background:url('/images/design/btn-gray-right.png') top right no-repeat;text-align:center;}

a.btnbluexl{display:block;height:28px;width:180px;padding:0 0 0 15px;background:url('/images/design/btn-gray-left.png') top left no-repeat;color:#fff;line-height:26px;font-size:14px;cursor:pointer;float:left;}
a.btnbluexl span{display:block;height:28px;width:165px;padding:0 15px 0 0;background:url('/images/design/btn-gray-right.png?v=2') top right no-repeat;text-align:center;}

a.btngreen{display:block;height:28px;width:100px;padding:0 0 0 15px;background:url('/images/design/btn-gray-left.png') top left no-repeat;color:#fff;line-height:26px;font-size:14px;cursor:pointer;float:left;}
a.btngreen span{display:block;height:28px;width:85px;padding:0 15px 0 0;background:url('/images/design/btn-gray-right.png') top right no-repeat;text-align:center;}

.blogitem {float:left; clear:both; display:block; margin:20px 0px 20px 0px; border-bottom:1px solid dotted; height:auto}
img.thumbnail {width:120px; height:120px; float:left; margin-right:10px}

.clearboth{clear:both;}



/* http://www.red-team-design.com/practical-css3-tables-with-rounded-corners */
table.bordered {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
}
.bordered {
    border: none;
 
}
.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    
}
.bordered td, .bordered th {
    border-left: none;
    border: 0px;
    padding: 8px;
    text-align: left;
    border-bottom:1px solid #000;
}
.bordered th {
    background-color: #8cbf43;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#b3f652), to(#8cbf43));
    background-image:-webkit-linear-gradient(top, #b3f652, #8cbf43);
    background-image:-moz-linear-gradient(top, #b3f652, #8cbf43);
    background-image:-ms-linear-gradient(top, #b3f652, #8cbf43);
    background-image:-o-linear-gradient(top, #b3f652, #8cbf43);
    background-image:linear-gradient(top, #b3f652, #8cbf43);
    
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    color:#000;
    border-top:1px solid #000;
    border-left:1px solid #000;
}
.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}
.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}


h2.bluecap{
    background-color: #8cbf43;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#b3f652), to(#8cbf43));
    background-image:-webkit-linear-gradient(top, #b3f652, #8cbf43);
    background-image:-moz-linear-gradient(top, #b3f652, #8cbf43);
    background-image:-ms-linear-gradient(top, #b3f652, #8cbf43);
    background-image:-o-linear-gradient(top, #b3f652, #8cbf43);
    background-image:linear-gradient(top, #b3f652, #8cbf43);
    text-shadow: 0 1px 0 rgba(255,255,255,.5);

    border: solid #000 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;

    padding:5px 0 5px 20px;
    margin:20px 0 20px 0;
    font-size:14px;
    color:#000;
}

#contactform{overflow:hidden;width:450px;height:400px;float:right;text-align:left;}

.backbtn {padding:1px 8px 7px 10px; position:absolute;top:123px; left:5%;
  background: url(/images/design/bg-menu.png) 100px -6px
}
.backbtn a {color:white}
.mark {font-weight:bold; color:#00c3c9!important; border-bottom:2px solid white }
.mark:hover {text-decoration:none;  border-bottom:2px solid}

.cb{clear:both;padding-top:20px;}

.Collage{padding:0.625em;clear:both;overflow:hidden;}
.Collage img{vertical-align:bottom;}

.homecarouselwrap{width:100%;height:500px;margin:0;padding:0;overflow:hidden}
.homecarouselwrap ul{margin:0;padding:0;list-style:none;}
.homecbox{position:relative;float:left;display:block;width:100%;height:560px;padding:0;margin:0;overflow:hidden;text-align:center;}


/* Wrapper */
.icon-button {
	background-color: white;
	border-radius: 1.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 1.3rem;
	height: 1.6rem;
	line-height: 1.6rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
	width: 2.6rem;
  
}

/* Circle */
.icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 0;
}
.icon-button:hover span {
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 1.6rem;
	margin: -0.8rem;
}

/* Icons */
.icon-button i {
  font-style:normal;
	background: none;
	color: white;
	height: 1.6rem;
	left: 0;
	line-height: 1.6rem;
	position: relative;
	top: 0;
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	width: 1.6rem;
	z-index: 10;
}





.twitter span {
	background-color: #4099ff;
}
.facebook span {
	background-color: #3B5998;
}
.google-plus span {
	background-color: #db5a3c;
}
.tumblr span {
	background-color: #34526f;
}
.instagram span {
	background-color: #517fa4;
}
.youtube span {
	background-color: #bb0000;
}
.pinterest span {
	background-color: #cb2027;
}



.icon-button .icon-twitter {
	color: #4099ff;
}
.icon-button .icon-facebook {
	color: #3B5998;
}
.icon-button .fa-tumblr {
	color: #34526f;
}
.icon-button .icon-google-plus {
	color: #db5a3c;
}
.icon-button .fa-instagram {
	color: #517fa4;
}
.icon-button .fa-youtube {
	color: #bb0000;
}
.icon-button .fa-pinterest {
	color: #cb2027;
}


.icon-button:hover .icon-twitter,
.icon-button:hover .icon-facebook,
.icon-button:hover .icon-google-plus,
.icon-button:hover .fa-tumblr,
.icon-button:hover .fa-instagram,
.icon-button:hover .fa-youtube,
.icon-button:hover .fa-pinterest {
	color: white;
}

@media all and (max-width: 680px) {
  .icon-button {
    border-radius: 1.6rem;
    font-size: 0.8rem;
    height: 1.6rem;
    line-height: 1.6rem;
    width: 1.6rem;
  }

  .icon-button:hover span {
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    margin: -0.8rem;
  }

  /* Icons */
  .icon-button i {
	  height: 1.6rem;
	  line-height: 1.6rem;
	  width: 1.6rem;
  }

  .pinterest {
   display: none; 
  }

}




@media all and (max-width: 880px) {


body {width: 100vw; background-size: 110% auto; overflow-x:;background: rgb(225, 196, 127);}

#subickyy {display: block;}

#toplogo-uvod {width: 150px;height: 150px;top: 17vw;}

#menu {display: none;}
#subicky {display: none;}
#menu-icon {width: 40px;display: block;float: right;text-align: center;padding: 9px 0px;}


.kontakty {left: 0px; top: 0px; display: none;z-index:999;background: rgba(255, 255, 255, 0.9);}
.topcart-in-lognisa {box-shadow: 0px 2px 5px black;display: none; position: absolute; right: 5px; top:52px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.userr {display: block;}

.topcart-in-kosik {margin-top: 3px;border-top-right-radius: 10px; border-bottom-right-radius: 10px;box-shadow: 0px 2px 5px black;}






#header {height: 50px;background-position: center -232px; border-bottom: 2px solid black;}
.hlava-duch {height: 50px;}

.topcart {width: 100%;left:0px;}

.sliderik {height: 66vw;}
.iosSlider .slider .item .inner .text1 {top: 0px !important;transform: scale(0.8,0.8);}
.iosSlider .slider .item .inner img {width: 101%;margin: 0em auto 0px;}
.container .prevContainer {display: none;}
.container .nextContainer {display: none;}
.container .selectorsBlock .selectors .item {width: 10px;height: 10px;}
.container .selectorsBlock {bottom: 0em;}



.pageheader h2 {font-size: 23px;margin: 15px 0 15px 10px;}

#container {width: 100%;}
#content {width: 98%;margin: auto;}
.pagewrap {width: 100%;}



.hlavicka-duch {width: 100%;}
#hlavicka-forma {width: 100%;}

.tbl-poradie {width: 30px;}
.tbl-beriem {width: 40px;}
.tbl-cena {width: 140px;}



.pro-poradie {width:30px;}
.pro-cena {width: 140px;}


.pro-cena-pizza span b {font-size: 13px;}
.pro-cena-pizza-nie span b {font-size: 13px;}
.pro-cena-pizza span {font-size: 10px;width: 45px;}
.pro-cena-pizza-nie span {font-size: 10px;}
h3 {font-size: 16px;}



.chutovky {left: 0px; position: relative; background: none;padding: 0px 0px 0px 0px;}
.ikona-forma {background: none;padding-right: 0px;}
.chutovky-duch {margin-left: -13%;width: 113%;}
.ikona-text {font-size:10px;}
.ikona {transform: scale(0.7,0.7);}
.animacka {color: #e7d099;}

.chutovecky-in .ikona-forma {margin: 0px;}
.chutovecky-in .ikona-forma .ikona {transform: scale(0.8,0.8);}
.chutovecky-in .ikona-forma .ikona-text {font-size: 12px;}


.nalepka-vegetarian {height: 20px;width: 20px;background-size: 17px;background-position: center center;border-radius: 50%;}
.nalepka-pikant {height: 20px;width: 20px;background-size: 17px;background-position: center center;border-radius: 50%;}
.nalepka-novinka {height: 30px;width: 30px;background-size: 30px;}

.product-forma {width: 100%;}

.uvod-c0 {width: 95%; margin: auto;float: none;}

.uvod-c-in-l { float: none; width: 100%;min-height: 0px;}
.uvod-c-in-r { float: none; width: 100%;min-height: 0px;}
.uvod-c-in p span {font-size: 42px !important;}

.uvod-c1 {display: inline; width:95%; float:none; clear:both; margin:0 auto; background:none }
.uvod-in {width: 205px;}
.uvod-stlpec {width: 95%; padding:0px; margin: auto;}




/* obchod */
.lavy-popis {float: none; width: 100%; }
.detaildescription {width: 100%;margin: 10px 0 10px 0;}
.detailcart {width: 84%;min-width: 310px;}
.pridalsom {font-size: 24px;line-height: 44px;margin-left: 24px;}

.right b {font-size: 30px;}
.right span {font-size: 20px;}
.left b {font-size: 28px;}
.left span {font-size: 20px;}


.intro {height: 80px;}



.pagewrap p img {width: 33%; height: auto;}



#footer {width: 100%; height: auto;}
#menu2 {position: relative; top:0px;}
.menu2-in {width: 100%; height: 160px;}
.menu2-in:nth-child(2) {display: none; }

}

/* baner 2021 */
.xkontakty {width:500px; left:620px }
.xtel-baner {float:right; position: absolute; top:0px;    right: 0 }
.xtel-baner img {height:165px;  width:auto}    
.xbocne-cisla { height:340px!important}
#bocne-cisla .tel-baner {bottom:0px; 
left:190px;
position: relative;
top: -174px;
}
#bocne-cisla .tel-baner img {width:100%; height:auto; }