/* ELECTRA */

html, body, p, ul, ol, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; border: none; }

body {
    font: 0.8em/1.5 "Verdana", Arial, sans-serif; 
}

/* ---[ template ]----------------------------- */

#container {
    position: relative;
    width: 960px;
    padding: 0 20px;
    margin: 0 auto;
}

#content {
    width: 960px; min-height: 500px; _height: 500px;  
    padding-top: 268px;
    background: url(/images/styles/template10/glow.png) no-repeat center 268px;
}

#content.submenu {
    padding-top: 300px;
}

#c0 { 
    padding: 209px 20px 20px 20px; 
    min-height: 500px; 
    _height: 500px; 
}

#c1 { 
    min-height: 500px; 
    _height: 500px; 
}

#c2 { 
    min-height: 500px;
    _height: 500px; 
}

#lcolumn { float: left; width: 680px; margin-top: 20px; }
#rcolumn { float: right; width: 240px; margin-top: 0px; margin-left: 25px;}

/* ---[ basic ]------------------------------- */

a { text-decoration: underline; cursor: pointer; _cursor: hand; }
a:hover { text-decoration: none; }
a img { border: none; background: none; }

ul { list-style: none; }
#lcolumn ul, #lcolumn ol { margin-left: 20px; }

#lcolumn p, #lcolumn ul, #lcolumn ol, #lcolumn table { margin-bottom: 1em; }
#lcolumn ul li { 
    padding-left: 20px; 
    margin-left: 15px; 
}

blockquote, cite, q { 
    padding: 10px 15px; 
    background: url(/images/styles/template10/black-20-opacity.png) repeat 0 0;
}

blockquote p { margin-bottom: 0!important; }
blockquote, cite, q { margin-bottom: 1em; }
cite, q { display: block; }

label { cursor: pointer; _cursor: hand; }
acronym { cursor: help; }

.clear { clear: both; #font-size: 0; #height: 0; #line-height: 0; }
span.clear { display: block; }
.nodisplay { display: none; }

.floatleft { float: left; }
.floatright { float: right; }
b, strong { font-weight: bold; }
.nofloat { float: none!important; }
.relative { position: relative; }
.relative.icon { padding-right: 20px; }

.hr {
    width: 100%; height: 1px;
    margin: 5px 0;
}

.hr hr { display: none; }

.eshop .has-error {
    color: #BF0607;
}
.eshop .has-error input {
    border: 1px solid #BF0607!important;
}
.eshop .has-error label {
    color: #BF0607;
}

/* ---[ subtitles ]--------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-size: 1em;
    font-weight: bold;
    margin: 1em 0 0.3em 0;
}

h1 { font-size: 2.7em; font-weight: normal; margin: 0 0 0.3em 0; font-family: Georgia, serif; font-style: italic; font-weight: 500; }
h2 { font-size: 1.6em; font-family: Helvetica, Arial, sans-serif; font-weight: 500; }
h3 { font-size: 1.3em; font-family: Helvetica, Arial, sans-serif; font-weight: 500; }

#rcolumn h2 a { text-decoration: none; }
#rcolumn h2.underline a { text-decoration: underline; }
#rcolumn h2.underline a:hover { text-decoration: none; }

/* ---[ path ]-------------------------------- */

#path { margin-bottom: 1em; padding: 5px 2px;}

.path { margin-bottom: 1em; padding: 3px 2px;}

/* ---[ sidebar ]-------------------------------- */

.sidebar-box {
    width: 238px;
    min-height: 50px;
    margin: 20px 0 0 0;
}

.sidebar-box .top-bg {
    width: 238px;
    height: 6px;
}

.sidebar-box .content {
    width: 238px;
    height: auto;
    min-height: 50px;
}

.sidebar-box .content h2 { font-size: 1.4em; width: 222px; height: 49px; font-family: Helvetica, Arial, serif; 
                           margin-bottom: 0; 
                           line-height: 52px; 
                           padding-left: 20px; 
                           margin: 0 0 0 6px;}

.sidebar-box .bottom-bg {
    width: 238px;
    height: 6px;
}

/* ---[ news ]-------------------------------- */

dl {
    width: 208px;
    padding: 10px 15px 10px 15px;
    height: auto;
    display: block;
    margin: 0;
}
dt {
    width: auto;
    padding: 0;
}
dd {
    width: auto;
    padding: 0 0 0 8px;
    margin: 2px 0 0 1px;
}
dd.perex {
    margin-bottom: 15px;
}        

/* ---[ random gallery ]---------------------- */

.random.image {
    padding: 10px;
    text-align: center;
}

/* ---[ favourites ]-------------------------- */

#favourites { padding: 10px 15px 15px 15px; }

#favourites li { margin-bottom: 4px; }

#favourites a {
    display: block;
    padding-left: 20px;
}

/* ---[ sidebar top product ]----------------- */

#top-product { padding: 0 15px; margin-top: -5px; }
#top-product h3 { font-weight: bold; line-height: 1.4em; }
#top-product.single h3 { font-size: 1.1em; }
#top-product.multi h3 { font-size: 1.05em; }

#top-product .item {
    text-align: center;
    padding: 10px 0;
    background: transparent url(/images/styles/template10/product-dotted-border.png) repeat-x 0 100%;

}
#top-product .item.last-child { background: none; }

#top-product .image { display: block; position: relative; }
#top-product .big.showaction { top: 10px; left: 10px; }
#top-product .small.showaction { top: 5px; left: 5px; }

#top-product.single .image { width: 180px; margin: 0 auto; }
#top-product.single del,
#top-product.multi big,
#top-product.multi small,
#top-product.multi del { display: block; }

#top-product.multi .image { float: left; width: 75px; margin: 0 15px 0 10px; }
#top-product.multi .price { text-align: left; margin-top: 15px; }
#top-product.multi small { margin-top: -5px; }
#top-product.multi del { margin-top: 5px; }

#top-product big { font-weight: normal !important; }
#top-product .inaction big { display: inline !important; font-weight: bold !important; padding: 1px 4px; margin-left: -4px;  }
#top-product.multi .inaction small { margin-top: 0; }
/* ---[ active article ]----------------------------- */

#active_article { padding: 10px 15px; }
#active_article h2 { margin: -10px 0 0 -9px; }

/* ---[ news, blog ]-------------------------- */

#rcolumn p.archive { text-align: right; }

#rcolumn p.archive a {
    padding: 1px 8px;
}

/* ---[ random img, monitoring ]-------------- */

#random-img {
    text-align: center;
    padding: 5px 0 0 0; 
    margin-bottom: 10px;
}

/* ---[ contact ]----------------------------- */

#contact, #userbox {
    width: 208px;
    padding: 10px 15px 5px 15px;	
}

#contact div, #userbox div {
    padding-left: 25px;
    padding-bottom: 0.2em;
    margin-bottom: 0.4em;  
}

#contact .fax, #contact .ic, #contact .dic { padding-left: 0; }

#contact .fax span, #contact .ic span, #contact .dic span {
    display: block; float: left; 
    width: 20px;
    font-size: 10px; 
    text-align: center;
    margin: 3px 5px 0 0;
}

#contact div.icq { background: url(/images/styles/template10/icon-icq.png) no-repeat 3px 2px transparent; }
#contact div.skype { background: url(/images/styles/template10/icon-skype.png) no-repeat 3px 2px transparent; }

#contact .fax span { margin-top: 2px; } 

#contact .ic span {
    width: 18px;
    text-align: right;
    padding-right: 2px;
}  

/* ---[ menu ]-------------------------------- */

#menu {
    position: absolute; z-index: 1;
    top: 3px; left: 10px;
    width: 980px; height: 49px;
    background: transparent url(/images/styles/template10/menu-bg.png) no-repeat 0 0;

}

#menu.submenu {
    height: 85px;  
    overflow: hidden;
    background: transparent url(/images/styles/template10/menu-bg.png) no-repeat 0 -49px;

}

#mainmenu {
    position: absolute; z-index: 3;
    top: 0; left: 10px;
    max-width: 956px;
    overflow: hidden; 
}

#mainmenu li { display: block; float: left; }

#mainmenu a {
    display: block; float: left;
    position: relative;
    height: 45px; line-height: 57px;
    text-align: center; text-decoration: none; text-transform: uppercase;
    padding: 0 15px;
    margin-right: 4px;
    background: transparent url(/images/styles/template10/menu-item-bg.png) repeat-x 0 0;

}

#mainmenu a:hover {
    background-position: 0 -45px;
}

#mainmenu a span {
    display: block;
    position: absolute;  
    width: 5px; height: 45px;    
}

#mainmenu a span.lc {
    top: 0; left: 0;
    background: transparent url(/images/styles/template10/menu-item.png) no-repeat 0 0;

}

#mainmenu a span.rc {
    top: 0; right: 0;
    background: transparent url(/images/styles/template10/menu-item.png) no-repeat -5px 0; 

}

#mainmenu a:hover span.lc { background-position: 0 -45px; }
#mainmenu a:hover span.rc { background-position: -5px -45px; }

#mainmenu .active a, #mainmenu .active a:hover {  
    height: 54px; line-height: 57px;
    padding: 0 20px;
    margin: 0 12px 0 8px;
}

#mainmenu .active a span {
    display: block;
    position: absolute;  
    width: 10px; height: 54px;    
}

#mainmenu .active a span.lc {
    top: 0; left: -10px;
}

#mainmenu .active a span.rc {
    top: 0; right: -10px;
}

#mainmenu .last a { margin-right: 0; }
#mainmenu .active.last a { margin-right: 10px; }

#submenu {  
    position: absolute; z-index: 2;
    top: 49px; left: 0;
    font-size: 0.9em;
    width: 980px; height: 30px;
}

#submenu li {
    display: block;
    float: left;
    height: 30px; line-height: 35px;              
    padding-right: 1px;
    background: transparent url(/images/styles/template10/submenu-sep.png) no-repeat 100% 14px;  

}

#submenu .last { padding-right: 0; background: none; }

#submenu a {
    text-decoration: none;
    padding: 0 16px;
}

#submenu a:hover {
    text-decoration: underline;
}

#submenu .prev-active { padding-right: 0; background: none; }
#submenu .active { margin-left: -1px; }

#submenu li:first-child { margin-left: 0!important; padding-right: 0!important; }
#submenu li:first-child a { padding: 0 25px!important; }

/* ---[ theme ]------------------------------- */

#theme-wrap {
    position: absolute;
    top: 54px; left: 6px;
    width: 988px; height: 218px;
}

#content.submenu #theme-wrap { top: 86px; }


#theme {
    width: 960px; height: 190px;
    position: relative;
    top: 14px; left: 14px;
            background: url(/obrazek/3/format-7-motiv-28-oranzova-957/) no-repeat 0 0 transparent;
     
}

#theme-text {
    position: absolute; z-index: 2;
    bottom: 29px; right: 29px;
    width: 270px; max-height: 150px;
            color: white;
     
    padding: 4px 8px 6px 8px;
    background: transparent url(/images/styles/template10/black-70-opacity.png) repeat 0 0;
    overflow: hidden;	
}

#theme-text h2 {
    font-family: Helvetica, Arial, serif; font-size: 1.6em; font-style: normal;
    margin: 0;
            color: white;
    }

#theme-text a {
    position: absolute; z-index: 1;
    display: block;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: transparent url(/images/styles/template10/iefix.gif) repeat-x 0 0;
}

/* ---[ search ]------------------------------ */

#search {
    width: 238px; height: auto;
    margin-top: 20px;
}

#searchbox {
    width: 238px; height: 34px;
}

#searchbox input[type=text] {
    width: 175px; height: 19px;
    padding: 3px 3px 1px 3px;
    margin: 5px 0 0 15px;
    border: none;
}

#searchbox input[type=submit] {
    width: 31px; height: 34px;
    cursor: pointer;
    border: none;
    float: right;
}

/* ---[ footer ]------------------------------ */

#footer { padding: 10px 20px 10px 10px; 
          margin: 15px 0; }
#footer span { padding: 0 10px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* ---[ form ]-------------------------------- */

#form {
    padding: 20px 20px;
    margin-bottom: 2em;
    margin-bottom: 1em;
}

input[type=text], input[type=password], textarea {
    font: 100%/1.5 "Arial CE", Arial, sans-serif;
    padding: 3px 4px;
}

select {
    font: 100%/1.5 "Arial CE", Arial, sans-serif;
    padding: 2px;
}

select option, select optgroup {
    font: 100%/1.5 "Arial CE", Arial, sans-serif;
    /*padding: 2px 4px;*/
}

select optgroup {
    font-style: normal;
    font-weight: bold;
}

textarea {
    min-width: 300px;
} 

#form table { margin: 0 auto 1em auto; }
#form table th { font-weight: bold; text-align: right; padding-right: 10px; }
#form .fbody, #form .fnote { vertical-align: top; }

#form .button, form a.button {
    font: 100%/1.5 "Arial CE", Arial, sans-serif; 
    font-weight: bold;
    width: 100px; height: 27px; 
    line-height: 27px;
    cursor: pointer; _cursor: hand;
    border: none;
    background: url(/images/styles/template10/button-bg.png) repeat-x 0 top;

}

#form .button:hover, form .button:hover { background-position: 0 bottom; }

form a.button {
    display: block;
    text-decoration: none;
    text-align: center;
    background: transparent url(/images/styles/template10/button-bg.png) no-repeat 0 0;

}

#form p.required { padding-top: 6px; margin-bottom: 0; }

/* ---[ comment ]----------------------------- */

#comment li { padding-bottom: 5px; margin-bottom: 5px; }
#comment p { margin-bottom: 0; }
#comment li > span:nth-child(2n),
#comment li > span:nth-child(3n) {
    font-size: 80%;
}
a.showanswer {
    cursor: pointer;
}
#comment > .subcomments {
    display: none;
}

/* ---[ list ]-------------------------------- */

#listdata .lperex { margin: 0 0 3px 0; padding: 0 0 5px 0; }
#listdata h2, #listdata .lperex p { margin-bottom: 0; }
#listdata .linfo { clear: both; }
#listdata span {  padding: 0 5px; }
#listdata .ltype1 a { padding-left: 23px; background: transparent url(/images/styles/template10/file_icon.png) no-repeat left; }
#listdata .folder { height: 24px; }
#listdata img { float: left; margin: 0 5px 5px 0; }
#listdata .gnav2 { margin-top: 2em; }

/* ---[ photogallery ]------------------------ */

.gset {
    position: relative;
    width: 335px; height: 150px;
    text-align: left;
    margin-bottom: 1em;
}

.gset .thumb {
    position: absolute;
    left: 13px; top: 21px;
    border: none;
}

.gset .desc {
    position: absolute;
    left: 150px; bottom: 25px;
    padding-right: 10px;
}

.gset .glink {
    position: absolute; z-index: 1;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: transparent url(/images/styles/template10/iefix-bg.gif) repeat-x 0 0;

}

.gset h2 {
    line-height: 1.2em;
    margin: 24px 10px 0 150px;
}

.thumb {
    display: table;
    _position: relative;
    float: left;
    overflow: hidden;
    width: 100px; height: 100px;
    text-align: center;
    margin: 0 5px 10px 8px; _margin: 0 4px 8px 4px;
    background: url(/images/styles/template10/thumb_bg.png) no-repeat 0 0; _background: #383838;

}

.thumb-l1 {
    display: table-cell;
    _position: absolute;
    _top: 50%; _left: 50%;
    vertical-align: middle;
    padding-top: 5px; _padding-top: 1px;
}

.thumb-l2 {
    _position: relative;
    _top: -50%; _left: -50%; 
}

.ghr { clear: left; height: 1px; _font-size: 0; margin-bottom: 10px; }
#gphoto img { margin-top: 10px;}

#gphoto { 
    width: 665px; padding: 0 15px 20px 0;
    text-align: center;
}

#gphoto h2, #gphoto p { text-align: left; margin-left: 15px; }
#gphoto p { padding-bottom: 20px; }

.gnav1, .gnav2 { height: 25px; line-height: 25px; margin-bottom: 1em; padding: 0 0 2px 0;}
.gnav2 { text-align: center; }
.gnav1.bottom, .gnav2.bottom { margin-bottom: 2em; }
.gnav1 { margin-top: 10px; padding-bottom: 2px; }

.gnav1 .gback { float: left; padding-left: 17px; }
.gnav1 .gback:hover { background-position: left -14px; }
.gnav2 .gprev { float: left; padding-left: 17px; }
.gnav2 .gprev:hover { background-position: left -14px; }
.gnav2 .gnext { float: right; padding-right: 17px; }
.gnav2 .gnext:hover { background-position: right -14px; }

.gprev.disabled, .gprev:hover.disabled { background-position: 0 -14px; }
.gnext.disabled, .gnext:hover.disabled { background-position: 100% -14px; }
#gphoto a, .thumb a { background: transparent; }

/* ---[ captcha, error, success report ]------ */

#error, #success {
    position: relative;
    font-weight: bold;  
    padding: 10px 10px 10px 46px;
    margin: 1.5em 0;
}

#success { background: #50ab38 url(/images/styles/template10/success-bg.png) no-repeat 16px 8px; }
#error { background: #ab3838 url(/images/styles/template10/error-bg.png) no-repeat 16px 8px; }

#error span, #success span {
    display: block; position: absolute;
    width: 2px; height: 2px;
    overflow: hidden;
    background-image: url(/images/styles/template10/notice-bg.png);
}

#error .lt { left: 0; top: 0; background-position: 0 0; }
#error .rt { right: 0; top: 0;  background-position: -2px 0; }
#error .lb { left: 0; bottom: 0; background-position: 0 -2px; }
#error .rb { right: 0; bottom: 0; background-position: -2px -2px; }

#success .lt { left: 0; top: 0; background-position: 0 -4px; }
#success .rt { right: 0; top: 0;  background-position: -2px -4px; }
#success .lb { left: 0; bottom: 0; background-position: 0 -6px; }
#success .rb { right: 0; bottom: 0; background-position: -2px -6px; }

#captcha {
    vertical-align: middle;
    margin-top: 5px;
}

#form-password #captcha {
    width: 100%;
    margin-bottom: 5px;
}

/* ---[ password protection ]----------------- */

#password { text-align: left; }
#password table { margin: 0; }
#password table th { text-align: left; }

/* ---[ table ]------------------------------- */

.tabulka {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2em;
}

.tabulka th, .tabulka td {
    padding: 4px 8px;
}

.tabulka thead th, .tabulka thead td {
    font-weight: bold; text-align: center;
    padding: 4px 8px;
}

.tabulka tbody th {
    font-weight: bold; text-align: left;
}
/* ---[ eshop ]------------------------------- */

/* zacatek vypisu kosiku */

.eshop.basket { margin-bottom: 0!important; }

.eshop.basket h2 a {
    display: block;
    position: relative;
    text-decoration: underline!important;  
}

.eshop.basket h2 a:hover {
    text-decoration: none!important;
}

.eshop.basket h2 a span {
    display: block; position: absolute;
    width: 30px; height: 29px;
    margin: -43px 0 0 184px;
    z-index: 100;
}

.eshop.basket h2 a:hover span {
    background-position: 0 -171px;
}

.eshop.basket p { padding: 15px 15px; }

/* konec vypisu kosiku */

/* zacatek vypisu tabulkoveho a inlajnoveho zobrazeni, detail */

h1.eshop {
    margin-bottom: 0.8em;
}

h1.eshop, .eshop.inline h2 {
    padding-right: 50px;
}

.eshop.table h2 {
    padding-right: 26px;
}

.eshop.item { position: relative; }
.eshop.item.detail { margin-bottom: 2em; }

.hr.eshop {
    margin: 1em 0;
}

.hr.eshop.blank {
    height: 6px;
    margin: 0;
    background-color: transparent;
}

.eshop.item h2 {  
    margin: 0;
    line-height: 1.2em;
}

.eshop.item p { 
    margin: 0!important;
}

.eshop.item.table p {
    margin-top: 0.8em!important;
}

.eshop.item.inline p {
    min-height: 36px;
    margin: 0 0 0.8em 104px!important;
}

.eshop.item.detail .perex {
    min-height: 90px;
    margin: 0 0 0.8em 215px;
}

.eshop.item h2 {
    margin-bottom: 0.8em;
}

.eshop.item.table {
    width: 310px; min-height: 209px;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}

.eshop.item .image {
    display: block; position: relative;
    float: left;  
    width: 75px;
    margin-right: 15px;
    padding: 5px;
}

.eshop.item.inline .image img,
.eshop.item.table .image img { float: left; }

.eshop.item.detail .image {
    width: 180px;  
    padding: 6px;
    margin: 0 12px 0 0; 
}

.eshop.item .variants {
    min-height: 27px;
    line-height: 27px;    
    padding: 0 8px;
    margin: 0 0 5px 215px;
}

.eshop.item .variants span {
    margin-right: 6px;
}

.eshop.item .variants select {
    min-width: 80px;
    vertical-align: top;
    margin-top: 2px;
}

.eshop.item .availability {
    font-size: 90%;
    margin-left: 223px;
}

.eshop.item .available {
    font-weight: bold;
}

.eshop.item .availability .option1 {
    font-weight: bold;
}

.eshop.item .addtobasket input[type=text] {
    width: 20px; height: 15px;
}

.eshop.item .addtobasket .submit {  
    width: 28px; height: 23px;
    border: none;
    cursor: pointer;
    background: transparent url(/images/styles/template10/eshop-addtobasket.png) no-repeat 0 0;

}

.eshop.item .addtobasket .submit:hover {
    background-position: 0 -177px;
}

.eshop.item.inline .addtobasket .inputs,
.eshop.item.table .addtobasket .inputs { padding: 3px 0; }
.eshop.item .addtobasket .inputs { float: right; height: 23px; }

.eshop.item .addtobasket input {
    float: left;
}
.eshop .icons .stock1 { background: transparent url(/images/styles/template10/eshop-icons.png) no-repeat 0 0; }
.eshop .icons .stock2 { background: transparent url(/images/styles/template10/eshop-icons.png) no-repeat 0 -32px; }
.eshop .icons .stock3 { background: transparent url(/images/styles/template10/eshop-icons.png) no-repeat 0 -16px; }
.eshop .icons .stock4 { background: transparent url(/images/styles/template10/eshop-icons.png) no-repeat 0 -16px; }
.eshop .icons .stock5 { background: transparent url(/images/styles/template10/eshop-icons.png) no-repeat 0 -16px; }
.eshop .icons .favourite { background: transparent url(/images/styles/template10/eshop-icons.png) no-repeat 0 -48px; }
.eshop.item .icons {
    position: absolute;
    top: 10px; right: 10px;
}

.eshop .icons span {
    display: block;
    width: 16px; height: 16px;
    margin-bottom: 4px; 
}

.eshop.item.inline .icons {
    top: 0; right: 0;
}

.eshop.item.detail .icons {
    top: -50px; right: 0;
}

.eshop.item.inline .icons span, .eshop.item.detail .icons span {
    float: left;
    margin: 0 4px 0 0;
}

/* inaction */

.small.showaction {
    display: block; position: absolute;
    width: 42px; height: 42px;
    top: 5px; left: -10px;  
    background: transparent url(/images/styles/template10/eshop-inaction.png) no-repeat -62px 0;
}

.small.showaction span {
    display: block; position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 10;
    background: transparent url(/images/styles/template10/eshop-inaction.png) no-repeat 0 0;
}

.small.percent-1 span { background-position: -62px -62px; }
.small.percent-2 span { background-position: -62px -124px; }
.small.percent-3 span { background-position: -62px -186px; }
.small.percent-4 span { background-position: -62px -248px; }
.small.percent-5 span { background-position: -62px -310px; }
.small.percent-6 span { background-position: -62px -372px; }
.small.percent-7 span { background-position: -62px -434px; }
.small.percent-8 span { background-position: -62px -496px; }
.small.percent-9 span { background-position: -62px -558px; }
.small.percent-10 span { background-position: -62px -620px; }
.small.percent-11 span { background-position: -62px -682px; }
.small.percent-12 span { background-position: -62px -744px; }
.small.percent-13 span { background-position: -62px -806px; }
.small.percent-14 span { background-position: -62px -868px; }
.small.percent-15 span { background-position: -62px -930px; }
.small.percent-16 span { background-position: -62px -992px; }
.small.percent-17 span { background-position: -62px -1054px; }
.small.percent-18 span { background-position: -62px -1116px; }
.small.percent-19 span { background-position: -62px -1178px; }
.small.percent-20 span { background-position: -62px -1240px; }
.small.percent-21 span { background-position: -62px -1302px; }
.small.percent-22 span { background-position: -62px -1364px; }
.small.percent-23 span { background-position: -62px -1426px; }
.small.percent-24 span { background-position: -62px -1488px; }
.small.percent-25 span { background-position: -62px -1550px; }
.small.percent-26 span { background-position: -62px -1612px; }
.small.percent-27 span { background-position: -62px -1674px; }
.small.percent-28 span { background-position: -62px -1736px; }
.small.percent-29 span { background-position: -62px -1798px; }
.small.percent-30 span { background-position: -62px -1860px; }
.small.percent-31 span { background-position: -62px -1922px; }
.small.percent-32 span { background-position: -62px -1984px; }
.small.percent-33 span { background-position: -62px -2046px; }
.small.percent-34 span { background-position: -62px -2108px; }
.small.percent-35 span { background-position: -62px -2170px; }
.small.percent-36 span { background-position: -62px -2232px; }
.small.percent-37 span { background-position: -62px -2294px; }
.small.percent-38 span { background-position: -62px -2356px; }
.small.percent-39 span { background-position: -62px -2418px; }
.small.percent-40 span { background-position: -62px -2480px; }
.small.percent-41 span { background-position: -62px -2542px; }
.small.percent-42 span { background-position: -62px -2604px; }
.small.percent-43 span { background-position: -62px -2666px; }
.small.percent-44 span { background-position: -62px -2728px; }
.small.percent-45 span { background-position: -62px -2790px; }
.small.percent-46 span { background-position: -62px -2852px; }
.small.percent-47 span { background-position: -62px -2914px; }
.small.percent-48 span { background-position: -62px -2976px; }
.small.percent-49 span { background-position: -62px -3038px; }
.small.percent-50 span { background-position: -62px -3100px; }
.small.percent-51 span { background-position: -62px -3162px; }
.small.percent-52 span { background-position: -62px -3224px; }
.small.percent-53 span { background-position: -62px -3286px; }
.small.percent-54 span { background-position: -62px -3348px; }
.small.percent-55 span { background-position: -62px -3410px; }
.small.percent-56 span { background-position: -62px -3472px; }
.small.percent-57 span { background-position: -62px -3534px; }
.small.percent-58 span { background-position: -62px -3596px; }
.small.percent-59 span { background-position: -62px -3658px; }
.small.percent-60 span { background-position: -62px -3720px; }
.small.percent-61 span { background-position: -62px -3782px; }
.small.percent-62 span { background-position: -62px -3844px; }
.small.percent-63 span { background-position: -62px -3906px; }
.small.percent-64 span { background-position: -62px -3968px; }
.small.percent-65 span { background-position: -62px -4030px; }
.small.percent-66 span { background-position: -62px -4092px; }
.small.percent-67 span { background-position: -62px -4154px; }
.small.percent-68 span { background-position: -62px -4216px; }
.small.percent-69 span { background-position: -62px -4278px; }
.small.percent-70 span { background-position: -62px -4340px; }
.small.percent-71 span { background-position: -62px -4402px; }
.small.percent-72 span { background-position: -62px -4464px; }
.small.percent-73 span { background-position: -62px -4526px; }
.small.percent-74 span { background-position: -62px -4588px; }
.small.percent-75 span { background-position: -62px -4650px; }
.small.percent-76 span { background-position: -62px -4712px; }
.small.percent-77 span { background-position: -62px -4774px; }
.small.percent-78 span { background-position: -62px -4836px; }
.small.percent-79 span { background-position: -62px -4898px; }
.small.percent-80 span { background-position: -62px -4960px; }
.small.percent-81 span { background-position: -62px -5022px; }
.small.percent-82 span { background-position: -62px -5084px; }
.small.percent-83 span { background-position: -62px -5146px; }
.small.percent-84 span { background-position: -62px -5208px; }
.small.percent-85 span { background-position: -62px -5270px; }
.small.percent-86 span { background-position: -62px -5332px; }
.small.percent-87 span { background-position: -62px -5394px; }
.small.percent-88 span { background-position: -62px -5456px; }
.small.percent-89 span { background-position: -62px -5518px; }
.small.percent-90 span { background-position: -62px -5580px; }
.small.percent-91 span { background-position: -62px -5642px; }
.small.percent-92 span { background-position: -62px -5704px; }
.small.percent-93 span { background-position: -62px -5766px; }
.small.percent-94 span { background-position: -62px -5828px; }
.small.percent-95 span { background-position: -62px -5890px; }
.small.percent-96 span { background-position: -62px -5952px; }
.small.percent-97 span { background-position: -62px -6014px; }
.small.percent-98 span { background-position: -62px -6076px; }
.small.percent-99 span { background-position: -62px -6138px; }
.small.percent-100 span { background-position: -62px -6200px; }

.big.showaction {
    display: block; position: absolute;
    width: 62px; height: 62px;
    top: 0; left: 0;
    background: transparent url(/images/styles/template10/eshop-inaction.png) no-repeat 0 0;
}

.big.showaction span {
    display: block; position: absolute;
    width: 100%; height: 100%;
    top: 0; left: 0;
    z-index: 10;
    background: transparent url(/images/styles/template10/eshop-inaction.png) no-repeat 0 0;
}

.big.percent-1 span { background-position: 0 -62px; }
.big.percent-2 span { background-position: 0 -124px; }
.big.percent-3 span { background-position: 0 -186px; }
.big.percent-4 span { background-position: 0 -248px; }
.big.percent-5 span { background-position: 0 -310px; }
.big.percent-6 span { background-position: 0 -372px; }
.big.percent-7 span { background-position: 0 -434px; }
.big.percent-8 span { background-position: 0 -496px; }
.big.percent-9 span { background-position: 0 -558px; }
.big.percent-10 span { background-position: 0 -620px; }
.big.percent-11 span { background-position: 0 -682px; }
.big.percent-12 span { background-position: 0 -744px; }
.big.percent-13 span { background-position: 0 -806px; }
.big.percent-14 span { background-position: 0 -868px; }
.big.percent-15 span { background-position: 0 -930px; }
.big.percent-16 span { background-position: 0 -992px; }
.big.percent-17 span { background-position: 0 -1054px; }
.big.percent-18 span { background-position: 0 -1116px; }
.big.percent-19 span { background-position: 0 -1178px; }
.big.percent-20 span { background-position: 0 -1240px; }
.big.percent-21 span { background-position: 0 -1302px; }
.big.percent-22 span { background-position: 0 -1364px; }
.big.percent-23 span { background-position: 0 -1426px; }
.big.percent-24 span { background-position: 0 -1488px; }
.big.percent-25 span { background-position: 0 -1550px; }
.big.percent-26 span { background-position: 0 -1612px; }
.big.percent-27 span { background-position: 0 -1674px; }
.big.percent-28 span { background-position: 0 -1736px; }
.big.percent-29 span { background-position: 0 -1798px; }
.big.percent-30 span { background-position: 0 -1860px; }
.big.percent-31 span { background-position: 0 -1922px; }
.big.percent-32 span { background-position: 0 -1984px; }
.big.percent-33 span { background-position: 0 -2046px; }
.big.percent-34 span { background-position: 0 -2108px; }
.big.percent-35 span { background-position: 0 -2170px; }
.big.percent-36 span { background-position: 0 -2232px; }
.big.percent-37 span { background-position: 0 -2294px; }
.big.percent-38 span { background-position: 0 -2356px; }
.big.percent-39 span { background-position: 0 -2418px; }
.big.percent-40 span { background-position: 0 -2480px; }
.big.percent-41 span { background-position: 0 -2542px; }
.big.percent-42 span { background-position: 0 -2604px; }
.big.percent-43 span { background-position: 0 -2666px; }
.big.percent-44 span { background-position: 0 -2728px; }
.big.percent-45 span { background-position: 0 -2790px; }
.big.percent-46 span { background-position: 0 -2852px; }
.big.percent-47 span { background-position: 0 -2914px; }
.big.percent-48 span { background-position: 0 -2976px; }
.big.percent-49 span { background-position: 0 -3038px; }
.big.percent-50 span { background-position: 0 -3100px; }
.big.percent-51 span { background-position: 0 -3162px; }
.big.percent-52 span { background-position: 0 -3224px; }
.big.percent-53 span { background-position: 0 -3286px; }
.big.percent-54 span { background-position: 0 -3348px; }
.big.percent-55 span { background-position: 0 -3410px; }
.big.percent-56 span { background-position: 0 -3472px; }
.big.percent-57 span { background-position: 0 -3534px; }
.big.percent-58 span { background-position: 0 -3596px; }
.big.percent-59 span { background-position: 0 -3658px; }
.big.percent-60 span { background-position: 0 -3720px; }
.big.percent-61 span { background-position: 0 -3782px; }
.big.percent-62 span { background-position: 0 -3844px; }
.big.percent-63 span { background-position: 0 -3906px; }
.big.percent-64 span { background-position: 0 -3968px; }
.big.percent-65 span { background-position: 0 -4030px; }
.big.percent-66 span { background-position: 0 -4092px; }
.big.percent-67 span { background-position: 0 -4154px; }
.big.percent-68 span { background-position: 0 -4216px; }
.big.percent-69 span { background-position: 0 -4278px; }
.big.percent-70 span { background-position: 0 -4340px; }
.big.percent-71 span { background-position: 0 -4402px; }
.big.percent-72 span { background-position: 0 -4464px; }
.big.percent-73 span { background-position: 0 -4526px; }
.big.percent-74 span { background-position: 0 -4588px; }
.big.percent-75 span { background-position: 0 -4650px; }
.big.percent-76 span { background-position: 0 -4712px; }
.big.percent-77 span { background-position: 0 -4774px; }
.big.percent-78 span { background-position: 0 -4836px; }
.big.percent-79 span { background-position: 0 -4898px; }
.big.percent-80 span { background-position: 0 -4960px; }
.big.percent-81 span { background-position: 0 -5022px; }
.big.percent-82 span { background-position: 0 -5084px; }
.big.percent-83 span { background-position: 0 -5146px; }
.big.percent-84 span { background-position: 0 -5208px; }
.big.percent-85 span { background-position: 0 -5270px; }
.big.percent-86 span { background-position: 0 -5332px; }
.big.percent-87 span { background-position: 0 -5394px; }
.big.percent-88 span { background-position: 0 -5456px; }
.big.percent-89 span { background-position: 0 -5518px; }
.big.percent-90 span { background-position: 0 -5580px; }
.big.percent-91 span { background-position: 0 -5642px; }
.big.percent-92 span { background-position: 0 -5704px; }
.big.percent-93 span { background-position: 0 -5766px; }
.big.percent-94 span { background-position: 0 -5828px; }
.big.percent-95 span { background-position: 0 -5890px; }
.big.percent-96 span { background-position: 0 -5952px; }
.big.percent-97 span { background-position: 0 -6014px; }
.big.percent-98 span { background-position: 0 -6076px; }
.big.percent-99 span { background-position: 0 -6138px; }
.big.percent-100 span { background-position: 0 -6200px; }

.showaction span { text-indent: -9999px; }

.price del, .price small, .availability small { font-size: 0.9em !important; }
.price big { font-size: 1.3em !important; font-weight: bold; }
.eshop .price.inaction big { padding: 1px 4px; }

.eshop.item.table .price {
    min-height: 40px;  
    margin-left: 104px;
}
.eshop.item.inline .price,
.eshop.item.detail .price { float: left; }
.eshop.item .price.dph, .eshop.item.table .price.inaction { line-height: 1.3em; }

.eshop.item.table .addtobasket,
.eshop.item.inline .addtobasket {
    height: 29px; line-height: 29px;
    padding: 0 3px 0 10px;
    margin-left: 104px;
}

.eshop.item.detail .addtobasket {
    padding: 5px 5px 5px 8px;
    margin-left: 215px;
    overflow: hidden;
}

/* konec vypisu tabulkoveho a inlajnoveho zobrazeni, detail */

/* zacatek vypisu formulare eshop, address */

.card-wrap {
    padding: 10px;
}

.card-wrap h2 {
    padding: 0 0 0 5px;
}

.eshop.form {
    position: relative;
    width: 616px;
    padding: 10px 20px;
    margin-bottom: 1em;
}

.eshop.summary {
    margin-bottom: 1em;
}

.eshop.address {
    margin-bottom: 1em;
    margin-bottom: 1.5em;
}

.eshop.form .top-bg, .eshop.form .bottom-bg {
    position: absolute;
    width: 550px; height: 3px;
}

.eshop.summary .top-bg {
    top: 0; left: 0;
}

.eshop.summary .bottom-bg {
    bottom: 0; left: 0;
}

.eshop.address .top-bg {
    top: 0; left: 0;
}

.eshop.address .bottom-bg {
    bottom: 0; left: 0;
}

.eshop.address h3 {
    font-size: 120%;
    margin: 0 0 1em 0;
}

.eshop.address .side-a, .eshop.address .side-b {
    float: left;
}

.eshop.address .side-a {
    line-height: 25px;
}

.eshop.address .side-a {
    width: 140px;
}

.eshop.address input[type=text] {
    width: 180px;
}

.eshop.address input[type=text].zip {
    width: 50px;
}

.eshop.address select {
    width: 190px;
    padding-left: 1px;
}

.row {
    clear: left;
    margin-bottom: 2px;
}

.showall {
    text-align: right;
    margin-bottom: 1em;
}

.eshop.address h3.optional {
    margin-bottom: 0.5em;
}

.eshop.address p a { float: right; }

.confirm.button p { float: left; clear: left; margin-bottom: 0.5em!important; }

.confirm.button { margin-bottom: 1em; }

.confirm.button input[type=submit] {
    font: 100%/1.5 Arial, Helvetica, sans-serif;
    font-weight: bold;
    width: 120px; height: 32px; line-height: 32px;
    text-align: center; text-decoration: none;
    border: none;
    cursor: pointer;
    margin-top: -1.2em;
    float: right;  
    background: transparent url(/images/styles/template10/button-bg.png) no-repeat 0 0;

}

.confirm.button input:hover[type=submit] {
    background-position: 0 bottom;
}

/* konec vypisu formulare eshop, address */

.eshop.summary .thead .tr {
    height: 40px;
    margin-bottom: 4px;
}

.eshop.summary .tr {
    overflow: hidden;
    clear: left;
    margin-bottom: 2px;
    padding: 0 0 5px 0;
}

.eshop.summary .th, .eshop.summary .td {
    float: left;
    line-height: 30px;
    overflow: hidden;
}

.eshop.summary .thead .th {
    font-weight: bold;
    height: 40px;
    line-height: 60px;
}

.eshop.summary .th.first, .eshop.summary .td.first {
    width: 269px;
    text-align: left;
}

.eshop.summary.nodph .th.first, .eshop.summary.nodph .td.first {
    width: 370px;
}

.eshop.summary.nodph .td.first.voucher-td {
    width: 240px;
}

.eshop.summary .th.second, .eshop.summary .td.second {    
    width: 40px;
    text-align: right;
}

.eshop.summary .count {
    line-height: 30px;
}

.eshop.summary .td.second input[type=text] {
    width: 20px;
    padding-bottom: 0;
}

.eshop.summary .th.third, .eshop.summary .td.third,
.eshop.summary .th.fourth, .eshop.summary .td.fourth {
    width: 130px;
    text-align: right;
}

.eshop.summary .td.fourth {
    font-weight: bold;
}

.eshop.summary .th.fifth, .eshop.summary .td.fifth {
    width: 16px;
    padding-left: 4px;
}

.eshop.summary .remove a {
    display: block;
    position: relative;
    float: left;
    width: 16px; height: 16px;
    margin-top: 8px;
    overflow: hidden;
}

.eshop.summary .remove a span {
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: transparent url(/images/styles/template10/eshop-icons.png) no-repeat 0 -64px;

}

.eshop.summary .recount {
    margin-top: 1em;
    border-bottom: none;
}

.eshop.summary .recount a {
    display: block;
    width: 100px; height: 27px; line-height: 27px;
    text-align: center; text-decoration: none;
    cursor: pointer;
    background: transparent url(/images/styles/template10/button.png) no-repeat 0 -32px;  

}

.eshop.summary .recount a:hover {
    background-position: -100px -32px;
}

.eshop.summary .delivery, .eshop.summary .warning {
    border-bottom: none;
}

.eshop.summary .delivery .first {
    width: 310px;
    line-height: 25px;
    overflow: visible;
}

.eshop.summary .delivery select {
    min-width: 270px;
    max-width: 336px;
    #width: 336px;
}

.eshop.summary .warning {
    line-height: 25px;
    padding-left: 20px;
    background: transparent url(/images/styles/template10/eshop-icons.png) no-repeat 0 -76px;

}

.eshop.summary.nodph .delivery .first {
    width: 410px;
}

.eshop.summary.nodph .delivery select {
    max-width: 410px;
    #width: 410px;
}

.eshop.summary .delivery, .eshop.summary .total, .eshop.summary .thead .tr {
    padding-right: 20px;
}

.eshop.summary .total {
    height: 40px;
    line-height: 20px;
}

.eshop.summary .total .td.fourth span {
    font-size: 110%;
}

.eshop.summary .total .td {
    height: 40px;
    line-height: 60px;
}

.eshop.required {
    width: 430px;
    float: left;
}

.eshop.filter { 
    padding: 5px 10px; 
    margin-bottom: 1em;
}

.eshop.filter div {
    height: 23px;
    line-height: 23px;
}

.eshop.filter .floatleft strong {
    margin-right: 10px;
}

.eshop.filter .floatright div {
    float: left;
    text-align: right;
    min-width: 80px;
    #width: 80px;
}

.eshop.filter input[type=checkbox] {
    vertical-align: middle;
}

.eshop.filter select {
    min-width: 148px;
    width: 148px;
    vertical-align: top;
}

.eshop .price.temporary { display: none; }

/* ---[ OpenID ]------------------------------ */

.header.option h2 {
    float: left;
}

.header.option .option {
    position: relative; float: right;
    height: 30px; line-height: 30px;
    padding: 0 3px;
    margin: 18px 15px 5px 15px;
    background: transparent url(/images/styles/template10/id-bg.png) repeat-x 0 bottom;

}

.header.option .option .left-bg, .header.option .option .right-bg {
    position: absolute;
    width: 15px; height: 30px;
    background: transparent url(/images/styles/template10/id-bg.png) no-repeat 0 0;

}

.header.option .option .left-bg {
    top: 0; left: -15px;
    background-position: 0 0;
}

.header.option .option .right-bg {
    top: 0; right: -15px;
    background-position: 0 -30px;
}

.header.option .option a {
    padding: 0 20px 1px 0;
    background: transparent url(/images/styles/template10/id-icon.png) no-repeat 100% 1px;

}

.header.option .option a:hover {
    background-position: 100% -184px;
    text-decoration: none;
}

.header.option .option .mojeid {
    position: relative; float: left;
    width: 48px; height: 14px;
    margin: 10px 20px 0 0;
    background: transparent url(/images/icon-id.png) no-repeat 0 0;

}

.header.option .option .openid {
    position: relative; float: left;
    width: 67px; height: 21px;
    margin: 4px 20px 0 0;
    background: transparent url(/images/icon-id.png) no-repeat 0 -200px;

}

#openid-box {
    position: relative;
    width: 616px;
    padding: 10px 20px; 
    margin-bottom: 1em;
}

#openid-box h3 {
    font-size: 120%;
    margin: 0 0 0.4em 0;
}

#openid-box input[type=text] {
    margin: 0 5px 0 0;
    padding-left: 22px;
}


#openid-box input[type=submit] {
    font: 100%/1.5 Arial, Helvetica, sans-serif;
    width: 120px; height: 26px; line-height: 26px;
    text-align: center; text-decoration: none;
    border: none;
    cursor: pointer;
    float: right;
    margin-top: -26px;
    background: transparent url(/images/styles/template10/button-bg.png) no-repeat 0 0;

}

#openid-box input:hover[type=submit] {
    background-position: 0 bottom;
}


#openid-box a {
    font-size: 90%;
}

#openid-box span {
    margin: 0 5px;
}

/* ---[ webmap ]------------------------------ */

#webmap { margin: 0 0 0!important 20px; }
#webmap, #webmap ul { margin-bottom: 0; } #content ul#webmap ul { margin-bottom: 0; }
#webmap ul { margin-left: 20px; }

#webmap ul li, #webmap li {
    padding-left: 17px;
    margin-bottom: 0.4em;
}

#webmap .leaf {
    padding-left: 12px;
}

#webmap .leaf a { font-weight: bold; }

#webmap .expanded {
    padding-left: 17px;
}

.agreement-right {
    float: none !important;
    text-align: right;
    padding-bottom: 10px;
}

#user-navigation {
    padding-left: 20px;
}
#profile-form table {
    margin-bottom: 0;
}
#form-login, #form-password {
    padding: 5px 10px;
}

.item-discount {
    border-radius: 5px;
    padding-left: 2px;
    padding-right: 2px;
    border: 1px solid red;
    color: red;
}

#voucher-check,
#voucher-remove {
    text-decoration: none;
}

#voucher-remove span {
    font-size: x-large;
    color: red;
    vertical-align: baseline;
}

#voucher-check span {
    font-size: x-large;
    vertical-align: baseline;
}

#voucher-flash > div.error {
    padding-left: 5px;
    padding-top: 3px;
    color: #a94442
}

#voucher-flash > div.success {
    padding-left: 5px;
    padding-top: 3px;
    color: #3c763d
}

.eshop.summary input.code {
    width: 80%;
    display: inline;
}

hr.form-label {
    border: 0;
    border-top: 1px solid white;
}

.payment-options {
    display: flex;
    justify-content: center;
}
.payment-options__item {
    display: flex;
    flex-direction: column;
    margin: 0 1em;
}
.payment-options__link {
    border: 2px solid #303030;
    border-radius: 50%;
    padding: 1rem;
    margin: 1rem;
    width: 6em;
    height: 6em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.payment-options__title-link {
    margin-left: 35px;
}

.payment-options__img {
    width: 8em;
}

.confirm.button p.order-payment-notice {
    float: right;
}

.confirm.button p.order-payment-notice span {
    color: #000;
}

#delete-user-button {
    background-color:red;
    color:white;
    border:1px solid black;
    padding:3px 5px;
    border-radius:2px;
}
#delete-user-button:hover {
    background-color:black;
}
#delete-user-button:disabled {
    filter: opacity(30%)
}
#delete-user-button:disabled:hover {
    background-color:red;
}body {
    color: #580000;
    background: url(/images/styles/template10/orange/body-bg.png) repeat-x 0 0 #f78f08;
}

/* ---[ template ]----------------------------- */

#container {
    background: url(/images/styles/template10/orange/body-bg.png) repeat-x 0 0 #f78f08;
}

/* ---[ basic ]------------------------------- */

a { color: #990000; }
a:hover { color: white;}
#rcolumn a { color: #c00000; }
#rcolumn { color: #222222; }

#lcolumn ul li { background: url(/images/styles/template10/orange/icon-arrow.png) no-repeat 0 4px transparent; }

blockquote, cite, q { color: #450000; }

acronym { border-bottom: 1px dotted white; }

.hr {
    border-top: 1px dotted #dc6d01;
}

/* ---[ subtitles ]--------------------------- */


h1 { color: white; }
h2 { color: #005e09; }
h3 { color: #a20000; }

h1 a { color: white!important; }
h2 a { color: #005e09!important; }
#rcolumn h2 a { color: white!important; }
h3 a { color: #a20000!important; }

/* ---[ path ]-------------------------------- */

#path {border-bottom: 1px dotted #dc6d01; }

/* ---[ sidebar ]-------------------------------- */

.sidebar-box .top-bg {
    background: transparent url(/images/styles/template10/orange/sidebar-top-bg.png) no-repeat;
}

.sidebar-box .content {
    background: white;
}

.sidebar-box .content h2 {background: url(/images/styles/template10/orange/sidebar-header-bg.png) no-repeat; color: white;}

.sidebar-box .bottom-bg {
    background: transparent url(/images/styles/template10/orange/sidebar-footer-bg.png) no-repeat;
}

/* ---[ news ]-------------------------------- */

dt {
    color: #464646;
}
dd {
    border-left: 2px dotted #dbdbdb;
}

/* ---[ favourites ]-------------------------- */

#favourites a {
    background: transparent url(/images/styles/template10/orange/arrow-list-right.png) no-repeat 0 6px;
}

/* ---[ sidebar top product ]----------------- */

#top-product .inaction big { color: red !important;}
#top-product del { color: #666; }

/* ---[ random img, monitoring ]-------------- */

#random-img {
    background: url(/images/styles/template10/orange/transparent-05-bg.png) repeat 0 0; _background: #233a5c;
}

#random-img a { background-color: transparent; }
#random-img img { border: 2px solid #e5f5ff; }

#contact .fax span, #contact .ic span, #contact .dic span {
    color: #2c6fc2;
}

#contact div.company { background: url(/images/styles/template10/orange/icon-company.png) no-repeat 3px 2px transparent; }
#contact div.phone { background: url(/images/styles/template10/orange/icon-phone.png) no-repeat 3px 2px transparent; }
#contact div.email { background: url(/images/styles/template10/orange/icon-email.png) no-repeat 3px 2px transparent; }

/* ---[ menu ]-------------------------------- */

#mainmenu a {
    color: #bbb;
}

#mainmenu a:hover {
    color: white;
}

#mainmenu .active a, #mainmenu .active a:hover {  
    color: white;
    background: transparent url(/images/styles/template10/orange/menu-item-active-bg.png) repeat-x 0 0;
}

#mainmenu .active a span.lc {
    background: transparent url(/images/styles/template10/orange/menu-item-active.png) no-repeat 0 0;
}

#mainmenu .active a span.rc {
    background: transparent url(/images/styles/template10/orange/menu-item-active.png) no-repeat -10px 0;
}

#submenu {  
    background-color: #640000;
}

#submenu a {
    color: white;
}

#submenu .active { background: #830000;}

/* ---[ theme ]------------------------------- */

#theme-wrap {
    background: transparent url(/images/styles/template10/orange/motive-bg.png) no-repeat;
}

/* ---[ search ]------------------------------ */

#searchbox {
    background: url(/images/styles/template10/orange/search-text-bg.png) no-repeat left top;
}

#searchbox input[type=text] {
    color: #333333;
    background-color: transparent;
}

#searchbox input[type=submit] {
    background: url(/images/styles/template10/orange/search-button-bg.png) no-repeat top right;
}

/* ---[ footer ]------------------------------ */

#footer { color: #eee; border-top: 1px solid #dc6d01;}
#footer a { color: #eee;  }

/* ---[ form ]-------------------------------- */

#form {
    background: url(/images/styles/template10/orange/transparent-10-bg.png) repeat 0 0; _background: #383838;
    border: 1px dotted #dc6d01;
}

input[type=text], input[type=password], textarea {
    border: 1px solid #ccc;
}

select {
    color: #606060;
    border: 1px solid #ccc; 
}

input[type=text]:focus, input[type=password]:focus, textarea:focus, form select:focus {
    color: #242424;
    background-color: #fff9e1;
    border-top: 1px solid #6f92be;
    border-right: 1px solid #6f92be;
    border-bottom: 1px solid #b7c8de;
    border-left: 1px solid #b7c8de;
}

#form table th span { color: #aa0000; }

#form .button, form a.button {
    color: white; 
}

#form p.required { color: #aa0000; border-top: 1px dotted #dc6d01; }

/* ---[ comment ]----------------------------- */

#comment span { color: #902f00; }
#comment li { border-bottom: 1px solid #dc6d01; }

/* ---[ list ]-------------------------------- */

#listdata .linfo { clear: both; color: #ad4100;  border-top: 1px dotted #dc6d01; }
#listdata .linfo a { color: #ad4100; }
#listdata span { color: #ad4100; }
#listdata .ltype1, #listdata .ltype1 a { color: white; }
#listdata .ltype1 a { color: white; }

/* ---[ photogallery ]------------------------ */

.gset {
    background: #f9aa43 url(/images/styles/template10/orange/gal_bg.png) no-repeat 0 0;
    border: 1px solid #bc6d06;
}

.gset .thumb {
    background: transparent;
}


.thumb img, #gphoto img { border: 1px solid #af4e00; }
.ghr { background-color: #dc6d01;}

#gphoto { 
    background: url(/images/styles/template10/orange/transparent-10-bg.png) repeat 0 0; _background: #383838;
    border: 1px dotted #dc6d01;
}

#gphoto p { border-bottom: 1px dotted #dc6d01; }

.gnav1, .gnav2 { border-top: 1px dotted #dc6d01; border-bottom: 1px dotted #dc6d01;}

.gnav1 .gback { background: transparent url(/images/styles/template10/orange/arrow-list-left.png) no-repeat left 8px; }

.gnav2 .gprev { background: transparent url(/images/styles/template10/orange/arrow-list-left.png) no-repeat left 8px; }

.gnav2 .gnext { background: transparent url(/images/styles/template10/orange/arrow-list-right.png) no-repeat right 8px; }

/* ---[ captcha, error, success report ]------ */

#error, #success {
    color: white;  
}

#error a, #success a { color: white; }

/* ---[ table ]------------------------------- */

.tabulka {
    border: 2px solid #4c2400;
}

.tabulka th, .tabulka td {
    border: 1px solid #a15b07;
}

.tabulka thead th, .tabulka thead td {
    color: white;
    background-color: #4c2400;
    border-bottom: 1px solid #4c2400;
}

.tabulka tbody tr:hover {
    background-color: #f9b153;
}
/* ---[ eshop ]------------------------------- */

/* zacatek vypisu kosiku */

.eshop.basket h2 a {
    color: white;
}

.eshop.basket h2 a span {
    background: transparent url(/images/styles/template10/orange/eshop-basket.png) no-repeat 0 0;
}

/* konec vypisu kosiku */

/* zacatek vypisu tabulkoveho a inlajnoveho zobrazeni, detail */

.hr.eshop {
    border-color: #666;
}

.eshop.item.table {
    border: 1px dotted #cd4e09;
    background: url(/images/styles/template10/orange/transparent-10-bg.png) repeat 0 0; _background: #383838;
}

.eshop.item h2 a {
    color: #005742!important;
}

.eshop.item .image {
    background-color: white;
    border: 2px solid #e43600;
}

.eshop.item.detail .image {
    border: 4px solid #e43600;  
}

.eshop.item .variants {
    border: 1px solid #e43600;
}

.eshop.item .available {
    color: #444; 
}

.eshop.item .availability .option1 {
    color: #058702;
}

.eshop .price.inaction big { color: red !important; background-color: white; }

.eshop.item.table .addtobasket strong { color: white; }

.eshop.item.table .addtobasket,
.eshop.item.inline .addtobasket {
    color: #f6f6f6;
    background-color: #e43600;
}

.eshop.item.detail .addtobasket {
    color: white; 
    border: 1px solid #a62700;
    background-color: #e43600;
}

/* konec vypisu tabulkoveho a inlajnoveho zobrazeni, detail */

/* zacatek vypisu formulare eshop, address */

.card-wrap {
    background: #d2d2d2;
    border: 1px solid #999;
}

.card-wrap h2 {
    color: #aa0000;
}

.eshop.form {
    background: #efefef; 
    border: 1px dotted #999999;
    color: #222222;
}

.eshop.summary {
    background: #efefef; 
}

.eshop.summary a { color: #b11500; }

.eshop.address {
    background: #efefef;
}

.eshop.address h3 {
    color: #47627e;
}

.eshop.address .side-a span {
    color: #990000;
}

.eshop.address input[type=text] {
    border-color: #ccc;
}

.eshop.form textarea {
    border-color: #ccc!important;
}

.eshop.form select {
    border-color: #ccc!important;
}

.showall {
    border-bottom: 1px solid #b7b7b7;
}

.eshop.address p { color: #888; }
.eshop.address p a { float: right; color: #222; }

.confirm.button p { clear: left; color: #222; }
.confirm.button p span { color: #777; }
.confirm.button a { color: #b11500; }
.confirm.button a:hover { color: #222; }

.confirm.button input[type=submit] {
    color: white;
}

/* konec vypisu formulare eshop, address */

.eshop.summary .thead .tr {
    border-bottom: 1px solid #b7b7b7;
}

.eshop.summary .tr {
    border-bottom: 1px dotted #b7b7b7;
}

.eshop.summary .td.second input[type=text] {
    border-color: #ccc;
}

.eshop.summary .recount span {
    color: #990000;
}

.eshop.summary .recount a {
    color: #222;
}

.eshop.summary .warning {
    color: #ff9e64;
}

.eshop.required {
    color: #aa0000;
}

.eshop.filter { 
    background: url(/images/styles/template10/orange/transparent-10-bg.png) repeat 0 0;
    border: 1px solid #cd4e09;
}

/* ---[ OpenID ]------------------------------ */


.header.option .option a {
    color: #006c79;
}

.header.option .option .mojeid {
    background: transparent url(/images/icon-id.png) no-repeat 0 0;
}

.header.option .option .openid {
    background: transparent url(/images/icon-id.png) no-repeat 0 -200px;
}

#openid-box {
    background: #efefef;
    border: 1px dotted #999999;
}

#openid-box h3 {
    color: #47627e;
}

#openid-box input[type=text] {
    border-color: #ccc;
}

#openid-box.mojeid input[type=text] {
    background: white url(/images/icon-id.png) no-repeat 3px -95px;
}

#openid-box.openid input[type=text] {
    background: white url(/images/icon-id.png) no-repeat 3px -296px;
}

#openid-box input[type=submit] {
    color: white;
}

#openid-box a.button { 
    color: white; 
}

#openid-box a {
    color: #408900;
}

#openid-box span {
    color: #888;
}

/* ---[ webmap ]------------------------------ */

#webmap a { color: #580000; }

#webmap ul li, #webmap li {
    background: transparent url(/images/styles/template10/orange/icon-mapitem.png) no-repeat 0 4px;
}

#webmap .leaf {
    background: transparent url(/images/styles/template10/orange/icon-mapleaf.png) no-repeat 0 7px;
}

#webmap .expanded {
    background: transparent url(/images/styles/template10/orange/icon-mapexpanded.png) no-repeat 0 4px;
}