/**
 * 
 *  
 *  Hlavni CSS styl.
 *  
 *  Autor: Petr Dvorak
 *  
 *
 *  media: all
 *    I.   Nadpisy & zakladni tagy
 *    II.  Zakladni CSS tridy
 *  
 *  media: screen, projectio, tv
 *    1) Pisma & barvy pisma
 *    2) Layout
 *    3) Jednotlive stranky
 *      a) Bezna stranka
 *      b) Homepage
 *      c) Prehled sortimentu
 *      d) Detail kategorie
 *      e) Objednavka
 *      f) Pokladna
 *      g) Sprava a historie 
 *      h) Prihlaseni a registrace
 *      i) Kontakt
 *      j) Mapa webu 
 *      k) Informace
 *       
 *    4) Inputy & formulare
 *    99) Zbytek
 *
 *  media: print
 *
 **/ 

/*******************************************************************************
 * @media: "all"
 ******************************************************************************/


/*
 * I. Nadpisy & zakladni tagy
 *    =======================
 **/
#content h2 { font-size: 1.6em; font-weight: bold; margin: 30px 0 15px 0;}
#content h2.first { margin-top: 0;}
#content p { margin: 10px 0;}

#content ul.indent { margin: 10px 0 10px 40px;}

/*
 * II. Zakladni CSS tridy
 *     ==================
 **/
.none { display: none;}
.hidden { visibility: hidden;}
.clear { clear: both;}

.fl  { float: left !important;}
.fr { float: right !important;}
.fl-oz { float: left !important;}
.fr-oz { float: right !important;}

.left, .l { text-align: left;}
.right, .r { text-align: right;}
.center, .c { text-align: center;}
.clear, .clear1px { clear: both;}
.clear1px { clear: both; height: 1px; font-size: 1px; line-height: 1px; /* for IE */}

.clear-l { clear: left;}
.clear-r { clear: right;}

.bold { font-weight: bold;}
.italic { font-style: italic;}

.nomargin { margin: 0 !important;}

.w30p { width: 30%;}
.w35p { width: 35%;}
.w590 { width: 590px;}
.w300 { width: 300px;}
.w400 { width: 370px;}
.w600 { width: 600px;}

/*******************************************************************************
 * @media: "screen, projection, tv"
 ******************************************************************************/
@media screen, projection, tv {

html, body, h1, h2, h3, h4, p, ul, li, hr, form { margin: 0; padding: 0;}

/*
 * 1) Pisma & barvy pisma
 *    ===================
 **/
body, input, textarea { font: 0.9em/1.4em Helvetica, Arial, sans-serif;}
a { color: #1C8C2B; text-decoration: underline;}
a.red, .red { color: #E1007A;}
a:hover { color: #E1007A;}
a span { cursor: pointer;}
a img { border: 0;}

table { font-size: 1em;}
.box label { color: white;}

#content, input, textarea { color: #565656;

}
#footer { font-size: 0.75em;}
#footer a { color: white;}
#footer a:hover, #logo a { color: Yellow;}
#content h2, #content h3 { color: #1C8C2B;}

/*
 *  2) Layout
 *     ======
 **/
body {
background: #97BF00 url(../images/background.gif) repeat-x top center;}

.center-content { margin: auto; width: 980px;
background-color: white;}

#oznameni {
position: absolute;
top: 0;
left: 0;
background-color: #FAFAD2;
font-size: 80%;
width: 980px;
padding: 5px 15px 5px 15px;
z-index: 300;
}
#oznameni a, #oznameni a:hover {
color: #E1007A;
}
#prihlaseny {
position: absolute;
top: 55px;
right: 30px;
z-index: 300;
text-align: right;
}

#header {
background:transparent url(../images/svaciny-top.jpg) no-repeat scroll 0 0;
height:267px;
margin:0;
position:relative;
}
#page { margin:auto; width:980px; position: relative;}
  #content { min-height: 430px; position: relative; padding: 0 0 10px 0;}
  * html #content { height: 430px; /* IE6- */}
#footer { background: transparent url(../images/back-footer.png) no-repeat 0 0; position: relative;
height: 51px; 
margin: 10px 0 20px 0;
padding: 16px 0 6px 25px;}
.back-bottom {
background:transparent url(../images/back-bottom.png) no-repeat scroll 0 0;
height:10px;
}

#poradit {
margin-left: -10px;
}
#napoveda {
background-color: #FDFFB4;
padding: 10px;
}
/* Logo */
#logo {
background-image:none;
border:0 none;
height:135px;
left:20px;
margin:0;
padding:0;
position:absolute;
top:67px;
z-index:200;
}
#logo a {
display:block;
height:135px;
margin:0;
padding:0;
text-decoration:none;
width:230px;
}
#logo a span {
display:none;
margin:0;
padding:0;
}
/* mr??ek */
#mracek {
background-image:none;
border:0 none;
height:63px;
left:311px;
margin:0;
padding:0;
position:absolute;
top:122px;
z-index:200;
font-size: 20px;
}
#mracek a {
display:block;
height:63px;
margin: 23px 10px 0 13px;
padding:0;
text-decoration:none;
width:93px;
color: #E1007A;
}
#mracek a:hover, #mracek-dva a:hover {
color: #E1007A;
}
#mracek-dva {
font-size: 20px;
background-image:none;
border:0 none;
height:55px;
left:441px;
margin:0;
padding:0;
position:absolute;
top:70px;
z-index:200;
}
#mracek-dva a {
display:block;
height:55px;
margin: 16px 10px 0 12px;
padding:0;
text-decoration:none;
width:78px;
color: #463DA0;
}
/* Paticka */
#footer ul, #footer li { list-style: none;}
#footer li { display: inline; margin-right: 13px;}
#footer p { padding-left: 40px;}
#footer #copyright{ position: absolute; top: 0; right: 25px; padding: 17px 0 0 0; color: white;}
#footer #copyright a { color: white;
text-decoration: none; }
#footer #copyright a:hover {color: white; text-decoration: none; }

/* Hlavni menu (vychazi z tridy .links) */
#menu { position: absolute; left: 10px;  top: 200px; width: 970px;} 
#menu .links a span span { padding: 0 0 12px 0;
_padding: 0 0 7px 0;}
#menu ul { float: left; width: auto;}
#prihlaseni { 
position: absolute;
right: 15px;
top: 0;}
#menu a { color: white; margin: 0 0 0 2px !important;}
#menu .links a span{ padding: 0 5px 0 0;}
#menu a:hover { color: Yellow;}
#menu a span span { padding-left: 1px !important; padding-right: 1px !important;}
#menu li.active a { color: Yellow; font-weight: bold;}
/* #menu li.active a { background: #40A728 url(../images/link-menu-left.gif) 0 0 no-repeat !important; color: #fff !important;}
#menu li.active a span { background: url(../images/link-menu-right.gif) 100% 0 no-repeat !important;} */
#menu li.active a span span { background:  url(../images/link-menu-bottom.gif) 50% 100% no-repeat !important;}

/* Drobeckova navigace & link Prihlasit - Odhlasit */
#breadcrumbs { background: #E1007A url(../images/background-breadcumbs.png) 0 0 repeat-x; color: black; height: 60px; position: relative; z-index: 1;}
#breadcrumbs-path { line-height: 60px !important;}
#breadcrumbs-path a { color: #fff; margin: 0 3px;}
#breadcrumbs-path a:hover { color: #000;}
#breadcrumbs-path span { padding: 0 15px 0 30px;}
#breadcrumbs-path em { margin-left: 3px; font-style: normal;}
#breadcrumbs .center-content { position: relative;}

#login-link, #logout-link { background: url(../images/login-decoration.png) 0 0 no-repeat; display: block; height: 85px; line-height: 52px !important; position: absolute; right: 11px; top: 4px; width: 300px; z-index: 5;}
#login-link a, #login-link a span, #logout-link a, #logout-link a span { color: #fff; display: block; height: 45px; overflow: hidden; position: absolute; right: 0; top: 0; width: 160px;}
#login-link a, #logout-link a { right: 4px;}
#login-link a span, #logout-link a span { background: url(../images/login.png) 0 0 no-repeat;}
#login-link a:hover, #logout-link a:hover { background-color: transparent;} /* IE6.0 */
#login-link a:hover span, #logout-link a:hover span { background-position: 0 -45px;}

#logout-link { background: url(../images/logout-decoration.png) 100% 0 no-repeat; padding-right: 180px; text-align: right; width: auto;}
#logout-link a, #logout-link a span { width: 77px;}
#logout-link a span { background-image: url(../images/logout.png);}

/* Odkaz "skoc na navigaci" */
#skip { left: 20px; position: absolute; top: 20px;}
#skip a { background: #E1007A; color: #fff; display: block; font-size: 0.9em; left: -2000px; padding: 15px; position: absolute; text-align: center; text-transform: uppercase; top: 0; width: 150px;}
#skip a:active, #skip a:focus { left: 0;}

/*
 * 3a) Bezna stranka
 **/

/* layout */
#page .col-left { float: left; padding: 0  0 0 10px; margin: 0 10px 0 0; width: 200px;}
#page .col-right { display: inline /* IE6.0- */; float: right; margin-right: 15px; padding-top: 2px; width: 730px;
_width: 715px;}

#page .col-left h3 { padding:4px 0 0 15px; margin-bottom: 0;
background: transparent url(../images/h3-back.gif) no-repeat;
width: 200px; 
height: 30px;
color: White;
font-size: 90%;} 
#page .col-left h3.next { padding:4px 0 0 15px; margin: 15px 0 0 0;
background: transparent url(../images/h3-back-next.gif) no-repeat;
width: 200px; 
height: 27px;
color: White;
font-size: 90%;} 
#page .col-left .box { margin-right: 10px;}
#page .col-left .box a { color: #E1007A;}

#page .col-sub-left { float: left; width: 459px;}
#page .col-sub-right { float: right; width: 220px;}

#page .static-page { padding: 0 15px 0 10px;}

#submenu, #submenu li { list-style: none;}
#submenu { position: relative;}

#submenu a { background: #FFFFFF -15px 50% no-repeat; border-bottom: 1px solid #97BF00; color: #1C8C2B; display: block; margin: 0 10px 0 10px; padding: 6px 5px; text-decoration: none;}
* html #submenu a { height: 1px; /* IE6.0 hack */}
#submenu a.plus { background-image: url(../images/submenu-plus.gif) !important;}
#submenu a.minus { background-color: #E1007A; background-image: url(../images/submenu-minus.gif) !important; color: #1C8C2B !important; font-weight: bold;}
#submenu a:hover, #submenu .active a { background-color: white; color: #1C8C2B; font-weight: bold;}
#submenu a.plus:hover { background-position: -15px 50%;}

#submenu ul a { background: #E9FFD4 !important; color: White; font-weight: normal !important; padding-left: 20px;}
#submenu ul a:hover, #submenu ul .active a { background-color: #E1007A !important; color: #fff !important; font-weight: bold !important;}

#submenu span.first { background: url(../images/submenu-top.gif) 0 0 no-repeat; display: block; height: 9px; left: 0; overflow: hidden; position: absolute; top: 0; width: 200px;}
#submenu a.minus span.first, #submenu a:hover span.first, #submenu .active span.first { background-position: 0 -9px;  background-color: #1C8C2B; }

/*
 * 3b) Homepage
 *     ========
 **/

/* layout */

ul.ikonky {
padding: 0;
margin: 0;
float: none;
position: absolute;
left: 5px;
bottom: 2px;}

ul.ikonky-sortiment {
padding: 0;
margin: 0;
float: none;
position: absolute;
left: 5px;
bottom: 5px;}

ul.ikonky li, ul.ikonky-sortiment li {
list-style: none !important;
float: left;
padding: 0 !important;
margin: 2px !important;
width: 23px !important;
height: 23px !important;}

ul.ikonky-napoveda {
text-align: center;}

ul.ikonky-napoveda li {
list-style: none !important;
float: left;
padding: 10px !important;
margin: 0px !important;
width: auto !important;
height: 23px !important;}

ul.ikonky-napoveda li img {
float: left;
margin: 0 5px 0 0 !important;
;}

li.ikona-g {
background: url(../images/g-mini.gif) 0 0 no-repeat;}
li.ikona-k {
background: url(../images/k-mini.gif) 0 0 no-repeat;}
li.ikona-bl {
background: url(../images/bl-mini.gif) 0 0 no-repeat;}
li.ikona-r {
background: url(../images/r-mini.gif) 0 0 no-repeat;}

.photo{ float: right; margin: 0 15px;}
.sipka{
position: absolute;
right: 165px;
top: 98px;
z-index: 500;}

.home{
width: 540px;
float: left;}

#partners{
margin: 0 7px 0 7px;}

a img.baner {
margin-right: 10px;
_margin-right: 0;
border:0 none;
float: right;
}

/*
 * 3c) Prehled sortimentu
 *     ==================
 **/
.category { margin: 0;}
.category ul, .category li { list-style: none; float: left;}
.category ul a { background: #fff; border: 1px solid #1C8C2B; display: block; font-size: 0.75em; min-height: 84px; padding: 10px; text-decoration: none;}
.category li { margin: 5px 5px 5px 0; width: 230px; position: relative;}
* html .category ul a { height: 54px;} /* IE6- */
.category ul .first a { }
.category ul a:hover, .category ul a:hover strong { background-color: #1C8C2B; background-position: -230px 0; color: #fff !important;}
.category ul img { float: left; margin: 0 15px 0 0;}
.category ul a strong { color: #1C8C2B; display: block; font-size: 1.2em; padding: 6px 0 2px 0;}
.category ul a span { display: block; font-style: normal; padding: 2px 0 2px 0;}
.category ul a em { font-style: normal; font-weight: bold;}



.category-home { margin: 0;}
.category-home ul, .category-home li { list-style: none; float: left;}
.category-home ul a { background: #fff; border: 1px solid #1C8C2B; display: block; font-size: 0.75em; min-height: 94px; padding: 10px; text-decoration: none;}
.category-home li { margin: 5px 5px 5px 0; width: 260px; height: 110px; position: relative;}
* html .category-home ul a { height: 94px;} /* IE6- */
.category-home ul .first a { }
.category-home ul a:hover, .category-home ul a:hover strong { background-color: #1C8C2B; background-position: -230px 0; color: #fff !important;}
.category-home ul img { float: left; margin: 0 15px 0 0;}
.category-home ul a strong { color: #1C8C2B; display: block; font-size: 1.2em; padding: 6px 0 2px 0;}
.category-home ul a span { display: block; font-style: normal; padding: 2px 0 2px 0;}
.category-home ul a em { font-style: normal; font-weight: bold;}


/*
 * 3d) Prehled sortimentu
 *     ==================
 **/
.snack h3 {
padding: 10px 0 0 0;}
.snack-box {  background: #fff; border: 1px solid #1C8C2B; position: relative; padding-bottom: 1px /* IE7.0 */;
margin-bottom: 10px;}
* html .snack-box { height: 1px;} /* IE6.0- */
.snack-box img { float: left; margin: 10px;}

.snack-info { color: #565656; font-size: 0.8em; line-height: 2em; padding: 5px 5px 0 5px;
width: 525px;
float: right;}
.snack-info em { display: block; font-style: normal; font-weight: bold; line-height: 1.5em;}
.snack-info li { float: left; display: block; list-style: none; padding: 5px; overflow: hidden;
border: solid 2px white;}
.snack-info li.s1 { width: 50px;
background-color: #F4FFEA;}
.snack-info li.s2 { width: 50px;
background-color: #E9FFD4;}
.snack-info li.s3 { width: 50px;
background-color: #F4FFEA;}
.snack-info li.s4 { width: 55px;
background-color: #E9FFD4;}
.snack-info li.s5 {width: 70px;
background-color: #F4FFEA;}
.snack-info li.s6 { width:78px;
background-color: #E9FFD4;}
.snack-info li.price {width: 50px;
background-color: #1C8C2B;
font-weight: bold;
padding-left: 10px;
color: White;}

.snack-desc { display: inline /* IE6.0-*/; font-size: 0.75em; float: left; line-height: 1.4em; margin-right: 20px !important;  width: 290px;}

.snack-imgs { top: 15px; right: 15px; position: absolute; z-index: 5;}
.snack-imgs li { float: left; list-style: none;}
.snack-imgs img { margin: 0 10px 0 0;}
img.buy {
float: right;
padding-right: 20px;}

.drink { background: #E1F8CB; position: relative; width: 325px; padding-bottom: 1px /* IE7.0 */;}
* html .drink { height: 1px;} /* IE6.0- */
.drink img { float: left; margin: 10px;}
.drink p {border: solid 1px #E1007A; margin: 0px;}
/*
 * 3e) Objednavka
 *     ==========
 **/
#order-left { position: relative;}
* html #order-left { height: 1px;} /* IE6- */
#order-right { background: #fff; margin-top: -1.8em;}
#order-table-bottom {height: 36px; }
#order-table-bottom .table-arrow-left, #order-table-bottom .table-arrow-right { width: 229px !important;}

/* tabulka s jednotlivymi dny */
#order-table thead th { padding: 8px 0 !important;}
#order-table td { background: #FFEAF6; height: 105px; padding: 3px; width: 95px;
border: solid 1px #F5F5F5;}
#order-table td.disabled {
background: white url(../images/objednavka-krizek.gif) 0 0 no-repeat;
}

#order-table .selected td { 
background-color: #E1007A;
}
#order-table .selected td em { color: white !important;}

#order-table td em { color: #E1007A; display: block; font-style: normal; height: 18px; line-height: 18px; padding: 6px 0;
font-weight: bold;}
#order-table td.old-month em { color: black;}

#order-table .stats { color: #474747; display: block; position: relative;}
#order-table .stats .fl { padding-left: 15px;
color: Black;}
#order-table .stats .fl-oz { padding-left: 15px;
color: white;}
#order-table .stats .fr-oz { padding-right: 15px;color: white;}
#order-table .stats .fr { padding-right: 15px;color: Black;}
#order-table .selected .stats { color: white;}

#order-table .thumbs { background: url(../images/order-table-thumbs-empty.gif) 0 0 no-repeat; display: block; height: 56px; margin: auto; position: relative; width: 91px; z-index: 2;}
#order-table .thumbs span { background: url(../images/order-table-thumbs-corner-white.png) 0 0 no-repeat; display: block; height: 51px; left: 0; position: absolute; top: 0; width: 100%; z-index: 3;}
* html #order-table .thumbs span { behavior: url(css/iepngfix.htc);} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */
#order-table .disabled .thumbs span { background-image: url(../images/order-table-thumbs-corner-blue.png);}
#order-table .selected .thumbs span { background-image: url(../images/order-table-thumbs-corner-red.png);}
#order-table .selected .thumbs { }

/* vyber celeho tydne */
#order-table .week { background: url(../images/order-table-week.gif) 0 0 no-repeat; display: block; height: 37px; left: -15px; margin-top: 27px; position: absolute; width: 15px;}
#order-table .week:hover, #order .selected .week { background-position: 0 -37px;}

/* smazani celeho tydne */
#order-table .week-delete { background: url(../images/order-table-week-delete.gif) 0 0 no-repeat; display: block; height: 37px; right: -58px; margin-top: 27px; position: absolute; width: 23px;}
#order-table .week-delete:hover, #order .selected .week-delete { background-position: 0 -37px;}
* html #order-table .week-delete { right: -24px;} /* IE6.0- */

.day-detail { color: #8CA0B8; font-size: 0.85em; left: 0; line-height: normal; padding: 15px 0 0 0; position: absolute; text-align: left; top: 0; /*margin-left: -140px; margin-top: -81px;*/ width: 232px; z-index: 50; display:none;}
.day-detail .day-detail-top { background: url(../images/order-day-detail-shadow-top.png) 0 0 no-repeat; height: 15px;}
.day-detail .day-detail-middle { background: url(../images/order-day-detail-shadow.png) 0 0 repeat-y; padding: 2px 15px 5px 20px;}
.day-detail .day-detail-bottom { background: url(../images/order-day-detail-shadow-bottom.png) 0 0 repeat-y; height: 21px;}
.day-detail p { margin: 0 !important; padding: 3px 0;}

* html .day-detail, * html .day-detail div { behavior: url(css/iepngfix.htc);} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */
* html .day-detail .day-detail-middle { width: 200px;}

.day-detail-company { color: #8CA0B8; font-size: 0.85em; left: 0; line-height: normal; padding: 15px 0 0 0; position: absolute; text-align: left; top: 0; /*margin-left: -140px; margin-top: -81px;*/ width: 400px; z-index: 50; display:none;}
.day-detail-company .day-detail-top { background: url(../images/order-day-detail-company-shadow-top.png) 0 0 no-repeat; height: 15px;}
.day-detail-company .day-detail-middle { background: url(../images/order-day-detail-company-shadow.png) 0 0 repeat-y; padding: 2px 15px 5px 20px;}
.day-detail-company .day-detail-bottom { background: url(../images/order-day-detail-company-shadow-bottom.png) 0 0 repeat-y; height: 21px;}
.day-detail-company p { margin: 0 !important; padding: 3px 0;}

.day-detail-company p span   { display: block; float: left; }
.day-detail-company p select { float: right; }


* html .day-detail-company, * html .day-detail-company div { behavior: url(css/iepngfix.htc);} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */
* html .day-detail-company .day-detail-company { width: 200px;}


#order-left h3 { position: relative; margin: 0 !important; top: -15px !important;}

h3#order-product-category { font-size: 1.5em; font-weight: bold; padding: 10px 70px; margin: 0;}
#order-right label { display: block; font-size: 0.92em; font-weight: bold; padding-bottom: 6px;}
#order-right select { width: 180px;}

/* seznam produktu v kategorii */

#order-product-list { line-height: normal;}
#order-product-list .product { border: 1px solid #E1F8CB; padding: 10px 15px 14px 15px; /*position: relative; z-index: 3;*/
margin: 0 0 5px 0;}
* html #order-product-list .product { height: 1px;} /* IE6- */ 
#order-product-list h4 { font-size: 0.8em; margin-bottom: 5px;}
#order-product-list a, #order-product-list em, #order-product-list .product-detail { color: #1C8C2B;}
#order-product-list a:hover { color: #E1007A;}
#order-product-list em, #order-product-list .product-detail { display: block; font-size: 0.85em; font-style: normal;}
#order-product-list img { float: left; margin: 5px 12px 0 0; padding: 3px;}

/* detail produktu */
#order-product-list .product-detail { background: url(../images/order-product-detail-shadow.png) 0 0 no-repeat; height: 162px; overflow: hidden; position: absolute; right: 10px; visibility: hidden; width: 234px;}
* html #order-product-list .product-detail { behavior: url(css/iepngfix.htc); z-index: 5;} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */
#order-product-list .product-detail div { padding: 12px 7px 8px 7px; z-index: 5;}
#order-product-list .product-detail img { margin: 0 15px 0 0 !important; padding: 0;}

#order-product-list-bottom {height: 36px; }
#order-product-list-bottom .table-arrow-left { width: 109px !important;}
#order-product-list-bottom .table-arrow-right { width: 110px !important;}

/* rekapitulace objednavky */
#order-overview { margin-top: 20px;}
#order-overview h3 { color:#1C8C2B; margin: 0; padding: 15px 20px 0px 20px;}
#order-overview h4 { font-size: 1em; margin: 0; padding: 0px 20px 15px 20px;}
#order-overview table { background: #E9FFD4; border: 0; border-top: 1px solid #97BF00; border-collapse: collapse; width: 100%;}
#order-overview td { border: 0; border-bottom: 1px solid #E1F8CB; padding: 6px 20px;}

#order-overview td.c { width: 150px;}
#order-overview td.r { width: 80px;}

#order-send { float: right; padding: 10px 20px;}
.napoveda { margin-top: 20px;}
.napoveda p { padding: 0 10px 0 10px;}


/*
 * 3f) Pokladna
 **/
.white-list li { background: #fff; display: block; line-height: normal; list-style: none; float: left;
margin: 10px 0 10px 0;
height: 55px;
width: 100px;
text-align: center;}

.white-list li.pay-sec { background: #fff; display: block; line-height: normal; list-style: none; float: left;
margin: 10px 0 10px 0;
height: 55px;
width: 140px;
text-align: center;}
.white-list li a { background: #fff;  padding: 8px; text-decoration: none;
display: block;
vertical-align: middle; text-align: center;}
.white-list li a:hover { background: #FFEAF6;
display: block;
text-align: center;
}
.ir { vertical-align: middle;}
#dobit input {text-align: right;}
.dobit {color: #1C8C2B;}
#payment-methods .box-inside { padding-bottom: 8px !important; padding-top: 8px !important;}

/*
 * 3g) Sprava a historie
 **/

#order-delete-all { margin-top: -18px; position: absolute; right: 10px;}
.order-delete { background: url(../images/order-delete.png) 0 0 no-repeat; bottom: -6px; display: block; height: 25px; overflow: hidden; position: absolute; right: -6px; text-indent: 40px; width: 25px; z-index: 5;}
* html .order-delete { behavior: url(css/iepngfix.htc); cursor: pointer;} /* transparentni PNG pro IE6-; Cesta musi byt nastavena vzhledem k HTML, ne k CSS */

/*
 * 3h) Prihlaseni a registrace
 **/
.col-login-left { float: left; padding: 5px 20px 0 20px; width: 456px;}
.col-login-right { float: right; padding: 5px 10px 0 10px; width: 456px;}

.col-login-left #login_form { padding-left: 20px;}

#children .graphic-form { margin-bottom: 15px;}
#registration-link { background-position: 0 0; margin-top: 8px;}
#registration-link span { background-position: 100% 0;}
#registration-link span span { background-position: 50% 100%; background-image: url(../images/link-white-bottom.gif) !important; padding: 0 0 8px 0 !important;}
#registration-link:hover span span, #registration-link.link-red span span { background-image: url(../images/link-red-bottom.gif) !important;}

/*
 * 3i) Kontakt
 **/

#person-list { background: #FFFFFF url(../images/person-list-top.gif) 0 0 no-repeat; width: 590px; margin: 0 0 25px 0;}
#person-list ul { background: url(../images/person-list-bottom.gif) 0 100% no-repeat; float: left; padding-bottom: 20px; width: 100%;}
#person-list li { float: left; list-style: none; width: 50%;}
#person-list li img { float: left; margin: 20px 20px 0 20px;}
#person-list li strong { display: block; padding-top: 40px;}
/*
 * 3j) Mapa webu
 **/
.sitemap {
width: 600px;}
.sitemap-sub {
font-size: 120%; font-weight: bold; }

#sitemap a { text-decoration: none;}
#sitemap li {
padding: 5px;
margin: 3px 3px 3px 30px;}
#sitemap ul { }
#sitemap ul li { }

/*

 * 4) provize
 **/
#provize table {
width: 100%; 
margin: 10px 0 0 10px;}
#provize td {
border: solid 1px white; 
padding: 5px 30px 5px 15px;
color: Black;
background-color: #FFEAF6;}

#provize td.provize-celkem {
text-align: right;}

#provize th {
border: solid 1px white; 
padding: 10px 30px 10px 15px;
color: Black;
text-align: right;
background-color: #E1007A;
color: White;}

.provize-rok {
text-align: right;
width: 300px;
padding: 2px 30px 2px 15px;
background-color: #E1F8CB;}

/*
 * 3k) Informace
 **/

#text-list { background: #FFFFFF url(../images/text-list-top.gif) 0 0 no-repeat; width: 660px; padding: 15px 20px 10px 20px;}

/*
 * 4) Inputy & formulare
 *    ==================
 **/
input { vertical-align: middle;}

#contact-submit, #submit {
background-color:#1C8C2B;
border:5px solid #1C8C2B;
color:white;
font-weight:bold;
margin:8px;
text-align:center;}

.graphic-input { border: 0; display: block; height: 20px;}
.graphic-input input { background: #fff; border: 0; margin-left: 10px; width: 85%;}

#login_form p { clear: both; height: 30px;}
#login_form label { width: 50px; float: left; line-height: 37px;}
#login_form .graphic-input { float: right; width: 293px;}
#login_form .links { margin-top: 0 !important;}
#login_form a#login_lost_password { margin: 1px 0 0 0; padding-left: 0 !important; font-size: 0.9em;}
#login_form a#login_lost_password:hover { text-decoration: underline;}

.graphic-input-wide { padding: 2px 0; width: 100%;
border: solid 1px #1C8C2B; margin: 1px; }
#login_form .graphic-input-wide { width: 300px;}
#login_form .error { height: auto; padding: 0 0 10px 70px;}

.graphic-form {float: left; width: 100%;}
.graphic-form p { float: left; margin: 0 !important; width: 50%;}
.graphic-form p.dobit { margin: 0 !important; width: 15%;}
.graphic-form p.wide { width: 100%;}
.graphic-form label { background: #FFF; display: block; font-weight: bold; padding: 5px 15px;}
.graphic-form span { float: left; overflow: hidden; padding: 5px 0; width: 100%;
background-color: #E6FFD0; margin: 1px;
border: 5px solid white;
border-bottom: 0;
border-top: 0;
}
.graphic-form span.dobit {
border: solid 1px #1C8C2B;
padding: 5px;
}
.graphic-form span input, .graphic-form span textarea { background: transparent; border: 0; float: left; margin-left: 10px; width: 85%;}
.graphic-form select { margin-left: 10px; width: 85%;}
.graphic-form span textarea { height: 115px;}
.graphic-form .checkbox { color: #565656;}

.error { color: #E1007A; font-size: 0.8em; font-weight: bold; }
.graphic-form span.error { background: #fff; padding: 0 10px 5px 20px; width: 198px; overflow: hidden;}
.col-right .graphic-form span.error { width: 320px;}

/*
 * 99) Zbytek
 *     ======
 **/

/* tabulky */
.table { width: 100%;}
.table, .table th, .table td { border: 0; border-collapse: separate; text-align: center;}
.table thead th { font-weight: bold; padding: 8px 0;}
.table td { background: #FFEAF6; ; padding: 10px 15px; vertical-align: top;}
.table td.first { border-left: 0;}

.indent-left { padding-left: 20px;}
.print { display: none;}

/* strankovani */
.arrow-left, .arrow-right { background: #E1007A 0 0 no-repeat; display: block; height: 21px; overflow: hidden; text-indent: 30px; width: 28px; width: 50%;}
.arrow-left { background-image: url(../images/arrow-left.gif); float: left;}
.arrow-right { background-image: url(../images/arrow-right.gif); float: right;}
.arrow-left:hover, .arrow-right:hover { background-position: 0 -21px;}

.table-arrow-left, .table-arrow-right { display: block; height: 36px; overflow: hidden; width: 50%;}
.table-arrow-left { background: url(../images/table-arrow-left.gif) 0 0 no-repeat; float: left;}
.table-arrow-left:hover { background-position: 0 -36px;}
.table-arrow-right { background: url(../images/table-arrow-right.gif) 100% 0 no-repeat; float: right;}
.table-arrow-right:hover { background-position: 100% -36px;}

/* "zalozkove" odkazy */
ul.links { float: left; margin: 7px 0 0 0; width: 100%;}
ul.links, ul.links li { list-style: none;}

.links li { float: left; }
.links a, .links span { display: block; float: left;}
.links a { background: 0 100% no-repeat; line-height: 35px;
font-weight: bold; margin-right: 12px; padding-left: 9px; text-decoration: none;}
* html .links a { display: inline;}
.links a span { background: 100% 100% no-repeat; padding-right: 10px;}
.links a span span { background: 50% 0 no-repeat; height: 35px; padding: 0;}
.links li.fr a { margin-right: 0; margin-left: 12px;}

.links-blue a, a.link-blue a { background-image: url(../images/link-blue-left.gif) !important;
color: white;}
.links-blue a span, a.link-blue span { background-image: url(../images/link-blue-right.gif) !important;}
.links-blue a span span, a.link-blue span span { background-image: url(../images/link-blue-top.gif) !important;}


.links-white a,
  a.link-white,
  .links-blue a:hover,
  a.link-blue:hover { 
  background-color: #97BF00; color: #FFFACD;}

.links-red a,
  a.link-red,
  .links-white a:hover,
  a.link-white:hover {
  background-color: #1C8C2B;
  color: White; }
  
  .links-red a:hover,
  a.link-red:hover {
  background-color: #E1007A;
  color: White; }
  
  
/* barevne boxy v postrannich sloupcich */

.box-inside { padding: 12px 20px;}
.box-inside p { margin: 0 !important;}

.box-wide-blue { background-color: #B5CCE7;}
.box-wide-blue-top {
background-color: #EC0082;}

.box-lblue { background-color: #E1F8CB;}
.box-lblue-top { background-image: url(../images/box-lblue-top.gif); background-position: 0 0; background-repeat: no-repeat;}
.box-lblue-bottom { background-image: url(../images/box-lblue-bottom.gif); background-position: 0 100%; background-repeat: no-repeat;}

.box-white { background-color: #fff;}
.box-white-top { background-image: url(../images/box-white-top.gif); background-position: 0 0; background-repeat: no-repeat;}
.box-white-bottom { background-image: url(../images/box-white-bottom.gif); background-position: 0 100%; background-repeat: no-repeat;}

}
/*******************************************************************************
 * @media: "print"
 ******************************************************************************/
@media print {
  a img { border: 0;}

  body { font: 0.95em/1.4em Helvetica, Arial, sans-serif; color: #000;}
  #content h2, #content h3 { font-size: 1.2em; margin: 20px 0 10px 0;}
  #menu, #submenu, #logo, #footer, #skip, #login-link, #logout-link, .none, .noprint { display: none;}
  #breadcrumbs { font-size: 0.8em; padding: 10px 0;}
  #breadcrumbs a { text-decoration: none; color: #000;}

.table { width: 100%; margin: 10px 0;}
.table, .table th, .table td { border: 0; border-collapse: separate; text-align: center;}
.table thead th { border-bottom: 1px solid #999999; font-weight: bold; padding: 8px 0;}
.table td { border: 1px solid #999999; padding: 10px 15px; vertical-align: top;}


/*
 * 3b) Homepage - tisk
 **/
#homepage .col-right { display: none;}
#homepage h2.first { margin-top: 20px !important;}

/*
 * 3c) Prehled sortimentu - tisk
 **/
#categories { float: left; width: 100%;}
.category { float: left; width: 45%;}
.category ul, .category li { list-style: none;}
.category li, .category-footer { clear: both; font-size: 0.9em;}
.category ul img { float: left; margin: 0 15px 10px 0;}
.category ul strong { display: block; font-size: 1.1em;}
.category-footer { padding-top: 5px; font-style: italic; min-height: 2em;}

/*
 * 3d) Detail kategorie - tisk
 **/
.snack h3 { margin-bottom: 0 !important;}
.snack-box { position: relative; padding-bottom: 1px;}
.snack-box img { float: right; margin: 10px;}

.snack-info { font-size: 0.8em; line-height: 2em; margin: 0; min-height: 4em; padding: 25px 0 0 0;}
.snack-info em { display: block; font-size: 1.2em; font-style: normal; font-weight: bold; line-height: 1.6em;}
.snack-info li { float: left; list-style: none; padding: 0 10px; overflow: hidden;}

.snack-desc { clear: left; font-size: 0.8em; line-height: 1.4em; margin: 10px 10px 0 10px !important;}

.snack-imgs { margin: 10px; padding: 0;}
.snack-imgs li { float: left; list-style: none;}
.snack-imgs img { float: left !important; margin: 0 10px 0 0;}

/*
 * 3e) Objednavka - tisk
 **/
#order-left, #order-right, #order-send, #order-table-bottom { display: none;}
#order-overview table { width: 100%;}
#order-overview table td { border-bottom: 1px solid #999999; padding: 5px 0;}

/*
 * 3g) Sprava a historie - tisk
 **/
#order-delete-all { display: none;}

/* 
 * 3h) Prihlaseni a registrace - tisk
 **/
.col-login-left { display: none;}

/*
 * 3i) Kontakt
 **/

#person-list li { float: left; list-style: none; width: 50%;}
#person-list li img { float: left; margin: 20px 20px 0 20px;}
#person-list li strong { display: block; padding-top: 40px;}
}

.draggable{
z-index:5;
}

.margin-link { margin-right: 12px;}