/* CSS for Tara (http://tara-reklama.cz)
Jindrich Sladek (hes@digisvet.cz)
Digitalni svet s.r.o. (http://digisvet.cz) */

/* @group Reset */
html,body,div,h6,h5,h4,h3,h2,h1,p,blockquote,ul,ol,li,dl,dd,dt,input,select,textarea,pre,form,fieldset,object,iframe {margin: 0; padding: 0;}
table {border-collapse: collapse; border-spacing: 0;}
img,fieldset,object {border: 0; display: block;}
address,caption,cite,code,dfn,th,var {font-style: normal; font-weight: normal;}
ul,ol {list-style: none;}
caption,th {text-align: left;}
q:before,q:after {content: '';}
abbr,acronym {border: 0; font-variant: normal;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input,textarea,select {font-family: inherit; font-size: inherit; font-weight: inherit;}
del,ins {text-decoration: none;}
/* @end */

/* @group Page blocks */
html {height: 100%; -webkit-font-smoothing: antialiased;}
body {height: 100%; color: #1a1a1a; font: 14px Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background: #70888c url(images/bg_foot.png);}

/*Modifications*/
.destniky {background: #70888c url(images/bg_foot_destniky.jpg);}
.katalog {background: url(images/bg_body_katalog.jpg);}
.partner {background: #70888c;}
.tp-body {background: #00829B;}

#outer_head, #outerfoot {position: relative;}
#outer_content {background: #f6f6f6 url(images/bg_body.png);}
#outer_head {height: 115px; background: url(images/bg_x.png) repeat-x 0 0; position: relative;}
#outerfoot {padding: 15px 0;}

/*Modifications*/
.destniky #outer_content {background: #f6f6f6 url(images/bg_body_destniky.jpg);}

.destniky #outer_head {background: url(images/bg_x.png) repeat-x 0 -105px;}
.slunecniky #outer_head {background: url(images/bg_x.png) repeat-x 0 -210px;}
.predmety #outer_head {background: url(images/bg_x.png) repeat-x 0 -315px;}
.textil #outer_head {background: url(images/bg_x.png) repeat-x 0 -420px;}
.zakazkovka #outer_head {background: url(images/bg_x.png) repeat-x 0 -525px;}

#index.tara #outer_head {height: 100px;}

#head, #content, #foot {position: relative; width: 980px; margin: 0 auto; overflow: auto;}

.column {overflow: auto; float: left; position: relative;}
.left {width: 225px; min-height: 100px; margin: 0 15px 0 10px;}
.right {width: 720px;}

#index .left {margin-right: 0;}
#index .right {width: 745px;}

/*#index.textil .left, */#index.zakazkovka .left {margin-right: 15px;}
/*#index.textil .right, */#index.zakazkovka .right {width: 720px;}

/* @end */

/* @group Basic elements */
h1, h2, h3, h4, h5, h6 {color: #70888c; font-weight: bold; margin: 0 0 .5em 0; line-height: 1.25em;}
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 14px;}

p {margin: 0 0 1em 0;}
.highlighted {background: #e6e6e6; padding: 10px;}
.message {background: #e6e6e6; padding: 10px;}
.message p:last-child {margin: 0;}
.message.error {background: #cc0000; padding: 10px; color: white;}
.message.error a {color: white !important;}
.message.error a:hover {color: black !important;}

.hidden_message {position: absolute; background: #6f878b; z-index: 100; width: 400px; padding: 10px; font-size: 12px; color: white; line-height: 16px; border-radius: 15px; border: 1px solid white; box-shadow: 0 0 10px black;}
.hidden_message>p:last-child {margin: 0;}

a {color: #70888c;}
a:hover {color: black !important;}
a:visited {color: #526366;}

.roundbutton {background: #ececec; padding: 5px 10px; border-radius: 20px; text-decoration: none;}
/*Modifications*/
.tara .roundbutton {color: #70888c !important;}
.destniky .roundbutton {color: #0099cc !important;}
.slunecniky .roundbutton {color: #cc6600 !important;}
.predmety .roundbutton {color: #cc0000 !important;}
.textil .roundbutton {color: #cc00cc !important;}
.zakazkovka .roundbutton {color: #339900 !important;}
.katalog .roundbutton {color: #00394c !important;}

.roundbutton:hover {background: #808080 !important; color: white !important;}

dl {margin: 0 0 1em 0;}
dt {display: inline-block; margin-right: .5em; color: #808080;}
dd {display: inline-block;}
dd strong em {color: red; font-weight: bold; font-style: normal;}

table {width: 100%; border-collapse: collapse; border: none; margin: 0 0 10px 0; table-layout: fixed; line-height: 1.3em;}
th {padding: 5px; color: white; font-weight: bold; background: #808080; vertical-align: top;}
tr {background: #fafafa;}
tr.alt {background: #e6f9ff;}
td {padding: 5px; border: none; vertical-align: top;}
td.center {text-align: center; vertical-align: middle;}
td.center img {margin: 0 auto;}

hr, em>em {display: none;}
hr.dashed {display: block; border: none; height: 0; border-bottom: 1px dashed #e5e5e5; border-left: none; border-right: none; /*background: url(images/bg_x.png) 0 -2080px;*/ margin: 10px 0; clear: both;}

/*Modifications*/
.destniky h1, .destniky h2, .destniky h3, .destniky h4, .destniky a, .destniky dt {color: #0099cc;}
.slunecniky h1, .slunecniky h2, .slunecniky h3, .slunecniky h4, .slunecniky a, .slunecniky dt {color: #cc6600;}
.predmety h1, .predmety h2, .predmety h3, .predmety h4, .predmety a, .predmety dt {color: #cc0000;}
.textil h1, .textil h2, .textil h3, .textil h4, .textil a, .textil dt {color: #cc00cc;}
.zakazkovka h1, .zakazkovka h2, .zakazkovka h3, .zakazkovka h4, .zakazkovka a, .zakazkovka dt {color: #339900;}
.katalog h1, .katalog h2, .katalog h3, .katalog h4, .katalog a, .katalog dt {color: #00394c;}

.destniky a:visited {color: #006699;}
.slunecniky a:visited {color: #996600;}
.predmety a:visited {color: #990000;}
.textil a:visited {color: #990099;}
.zakazkovka a:visited {color: #336600;}
.katalog a:visited {color: #002632;}


/*Forms*/
form {position: relative;}

fieldset, .fieldset {padding: 10px; border: 1px solid #8d8d8d; margin: 15px 0; clear: both;}
.fieldset {padding-top: 21px; position: relative; margin-top: 26px;}
.fieldset.last {margin-bottom: 0;}
form li, .fieldset dl {float: left; margin: 0 15px 10px 0; position: relative;}

legend, .fieldset>h3, .fieldset h4  {background: #70888c; padding: 0 10px; color: white; border-radius: 11px; height: 22px; line-height: 22px; font-size: 12px;}

/*Modifications*/
.destniky legend, .destniky .fieldset>h3 {background: #0099cc;}
.slunecniky legend, .slunecniky .fieldset>h3 {background: #ff9900;}
.predmety legend, .predmety .fieldset>h3 {background: #cc0000;}
.textil legend, .textil .fieldset>h3 {background: #cc00cc;}
.zakazkovka legend, .zakazkovka .fieldset>h3 {background: #339900;}
.katalog legend, .katalog .fieldset>h3 {background: #00394c;}

.fieldset>h3 {font-weight: normal; position: absolute; top: -11px; z-index: 5;}
.fieldset h4 {width: 641px; position: relative; clear: both;}

label, .fieldset dt {width: 95px; height: 30px; line-height: 30px; display: block; float: left; background: url(images/bg.png) 0 -100px; margin: 0; padding: 0 0 0 20px; overflow: hidden; font-weight: normal; color: black;}
.check {display: none;}
.checkinfo {height: 30px; line-height: 30px;}
.mandatory label {background: url(images/bg.png) -450px -100px;}
.wide_label label, .wide_label dt {width: 317px;}

input, textarea, .fieldset dd, button {display: block; width: 196px; height: 28px; line-height: 28px; padding: 0 5px; font-size: 14px; color: black; background: white; border: 1px solid #8d8d8d; float: left; box-shadow: inset 0 0 5px rgba(0,0,0,.2); border-radius: 4px; -webkit-font-smoothing: antialiased;}
.fieldset dd {border: 1px solid #bbbbbb;}
.wide_label input, .wide_label dd {width: 312px;}
.wide_input input, .wide_input dd {width: 534px;}
.phone_input input, .phone_input dd {width: 130px;}
.email_input input, .email_input dd {width: 262px;}
.city_input input, .city_input dd {width: 327px;}
.psc_input input, .psc_input dd {width: 65px;}
.required {background: red;}
.waiting {background: url(images/spinner_small.gif) no-repeat left center; width: 270px; height: 30px; display: none; line-height: 30px; padding: 0 0 0 35px;}
#delivery_address, #login_data, #registration #contact_person {display: none;}

textarea {padding: 5px; font-size: 12px; line-height: 16px; resize: vertical; }

button {width: 100px; height: 30px; background: url(images/bg_x.png) repeat-x 0 -1458px; padding: 0; color: white; box-shadow: inset 1px 1px 0 rgba(255,255,255,.3), inset -1px -1px 0 rgba(0,0,0,.1); text-shadow: -1px -1px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2);}
button::-moz-focus-inner {border: 0; padding: 0;}
button:enabled:hover {cursor: pointer; box-shadow: inset 0 0 5px rgba(255,255,255,1); color: black;}
button:disabled {cursor: default; opacity: .5;}
button span {display: block; height: 100%; padding: 0 0 0 23px; line-height: 28px;}
/*Modifications*/
.destniky button {background: url(images/bg_x.png) repeat-x 0 -1503px; border-color: #0099cc;}
.slunecniky button {background: url(images/bg_x.png) repeat-x 0 -1548px; border-color: #cc6600;}
.predmety button {background: url(images/bg_x.png) repeat-x 0 -1593px; border-color: #cc0000;}
.textil button {background: url(images/bg_x.png) repeat-x 0 -1638px; border-color: #cc00cc;}
.zakazkovka button {background: url(images/bg_x.png) repeat-x 0 -1683px; border-color: #339900;}

/*Forms error message*/
form li pre {font-size: 12px; position: absolute; background: url(images/bg.png) -725px -130px; color: white; margin: 0; width: 150px; height: 29px; text-align: center; top: -15px; right: 23px; line-height: 23px; padding: 0 5px 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; z-index: 1000000;}
form li.wide_label pre {right: 82px;}
form li.wide_input pre {right: 190px;}
#basket form li.wide_input pre {right: 120px;}
form li.psc_input pre {right: -37px;}
form li.city_input pre {right: 85px;}
form li.phone_input pre {right: -9px;}
form li.email_input pre {right: 54px;}

/*Common classes*/
.fl {float: left !important;}
.fr {float: right !important;}
.cl {clear: left !important;}
.cr {clear: right !important;}
.cb {clear: both !important;}
.m0 {margin: 0 !important;}
.p0 {padding: 0 !important;}
.hidden {display: none;}
/* @end */

/* @group Head */
#head {height: 100%; width: 960px; padding: 0 10px;}
/*Modifications*/
.katalog #head {height: 120px; background: url(images/bg_head_katalog.png) no-repeat 10px; margin: 0 auto;}
.katalog #head.bs {height: 120px; background: url(images/individual/head_basecamp.png) no-repeat 10px; margin: 0 auto;}
.katalog #head.tp {height: 120px; background: url(images/individual/head_tp.png) no-repeat 10px; margin: 0 auto;}

#head h1 {display: block; width: 225px; height: 45px; position: absolute; top: 10px; z-index: 6;}
#head h1 a {display: block; height: 100%; background: url(images/bg.png) 0 -54px;}
#head h1 a:hover, .tara #head h1 a {display: block; height: 100%; background: url(images/bg.png) -225px -54px;}
#head span {display: none;}

.katalog #head h1 {width: 720px; height: 90px; margin: 0;}
.katalog #head h1 a {background: none; width: 720px; height: 80px;}
/* @end */

/* @group Top menu */
#top_menu {position: absolute; top: 10px; left: 201px;}
#top_menu li {position: absolute; width: 100px; padding: 0 25px; height: 45px;}
.web_destniky {left: 0; z-index: 5; background: url(images/bg.png) 0 -4px;}
.web_slunecniky {left: 102px; z-index: 4; background: url(images/bg.png) -150px -4px;}
.web_predmety {left: 204px; z-index: 3; background: url(images/bg.png) -300px -4px;}
.web_textil {left: 306px; z-index: 2; background: url(images/bg.png) -450px -4px;}
.web_zakazkovka {left: 408px; z-index: 1; background: url(images/bg.png) -600px -4px;}
#top_menu a {text-decoration: none; color: white; display: block; text-align: center; line-height: 16px; text-shadow: -1px -1px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2); height: 40px; padding: 5px 0 0 0;}
#top_menu a:hover {color: black;}
.destniky .web_destniky, .slunecniky .web_slunecniky, .predmety .web_predmety, .textil .web_textil, .zakazkovka .web_zakazkovka, .tara #head h1 {z-index: 10;}
.destniky #top_menu .web_destniky a, .slunecniky #top_menu .web_slunecniky a, .predmety #top_menu .web_predmety a, .textil #top_menu .web_textil a, .zakazkovka #top_menu .web_zakazkovka a {color: black;}
/* @end */

/* @group Login */
#login {position: absolute; left: 740px; top:5px; width: 88px; height: 45px; padding: 5px 0 0 46px; margin: 0; text-align: center; background: url(images/bg.png) -450px -50px; font-size: 12px; line-height: 18px;}
#login a {text-decoration: none;}
#login.active {background: url(images/bg.png) -675px -50px;}
/* @end */

/* @group Basketinfo */
#basket_info {position: absolute; right: 10px; top:5px; width: 88px; height: 45px; padding: 5px 0 0 0; margin: 0; text-align: center; background: url(images/bg.png) -587px -50px; font-size: 12px; line-height: 18px;}
#basket_info strong {padding: 0 0 0 25px;}
#basket_info span {display: inline;}
#basket_info a {text-decoration: none; display: block; height: 100%;}
#basket_info.active {background: url(images/bg.png) -812px -50px;}
/* @end */

/* @group Menu */
#menu {font-size: 18px; font-weight: bold; line-height: 45px; margin: 55px 0 0 0; position: absolute; left: 10px; top: 0;}
#menu li {float: left;}
#menu li:last-child {background: none;}
#menu li a {text-decoration: none; color: white; height: 45px; padding: 0 15px; display: block; text-shadow: -1px -1px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2);}
#menu li.active>a {box-shadow: inset 0 5px 10px rgba(0,0,0,.3); color: black;}
#menu a:hover {color: black;}
/* @end */

/* @group Category Menu */
.left_menu {overflow: auto; margin: 0 0 15px 0;}
.left_menu li {margin: 0 0 1px 0;}
.left_menu ul {margin: 1px 0 0 0;}
.left_menu a {display: block; text-decoration: none; color: black; font-weight: bold; font-size: 12px; line-height: 14px;}
.left_menu a:visited {color: black;}
.left_menu>li>a {font-size: 14px; color: white; padding: 8px 0 9px 10px; font-weight: bold; line-height: 17px; background: #70888c url(images/bg_x.png) repeat-x 0 -745px; text-shadow: -1px -1px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2);}
.left_menu>li>a:visited {color: white;}
.left_menu>li>ul>li>a {padding: 4px 10px 4px 20px; background: rgba(112,136,140,.5);}
.left_menu>li>ul>li>ul>li>a {font-weight: normal; padding: 4px 10px 4px 30px; background: rgba(112,136,140,.25);}
.left_menu li.active a {background: #70888c; color: black;}
.left_menu li.active a:hover {background: #70888c; color: white !important;}
.left_menu>li>a:hover, .left_menu>li.active>a {background: #70888c url(images/bg_x.png) repeat-x 0 -1235px !important;}

#special_offers>li>a {background: #70888c url(images/bg_x.png) repeat-x 0 -745px; position: relative;}
#special_offers>li>a span {display: block; width: 15px; height: 34px; position: absolute; top: 0; right: 0; opacity: .8;}
#special_offers>li.news span {background: url(images/bg_x.png) repeat-x 0 -955px;}
#special_offers>li.action span {background: url(images/bg_x.png) repeat-x 0 -885px;}
#special_offers>li.sale span {background: url(images/bg_x.png) repeat-x 0 -815px;}

#custom_production>li>a {background: #7ab3bd url(images/bg_x.png) repeat-x 0 -1375px; position: relative;}

/*Modifications*/
.destniky .left_menu>li>ul>li>a {background: rgba(0,153,204,.5);}
.destniky .left_menu>li>ul>li>ul>li>a {background: rgba(0,153,204,.25);}
.destniky .left_menu a:hover, .destniky .left_menu li.active a {background: #0099cc;}
.destniky .left_menu>li>a:hover, .destniky .left_menu>li.active>a {background: #0099cc url(images/bg_x.png) repeat-x 0 -815px !important;}

.slunecniky .left_menu>li>ul>li>a {background: rgba(255,153,0,.5);}
.slunecniky .left_menu>li>ul>li>ul>li>a {background: rgba(255,153,0,.25);}
.slunecniky .left_menu a:hover, .slunecniky .left_menu li.active a {background: #ff9900;}
.slunecniky .left_menu>li>a:hover, .slunecniky .left_menu>li.active>a {background: #ff9900 url(images/bg_x.png) repeat-x 0 -885px !important;}

.predmety .left_menu>li>ul>li>a {background: rgba(204,0,0,.5);}
.predmety .left_menu>li>ul>li>ul>li>a {background: rgba(204,0,0,.25);}
.predmety .left_menu a:hover, .predmety .left_menu li.active a {background: #cc0000;}
.predmety .left_menu>li>a:hover, .predmety .left_menu>li.active>a {background: #cc0000 url(images/bg_x.png) repeat-x 0 -955px !important;}

.textil .left_menu>li>ul>li>a {background: rgba(204,0,204,.5);}
.textil .left_menu>li>ul>li>ul>li>a {background: rgba(204,0,204,.25);}
.textil .left_menu a:hover, .textil .left_menu li.active a {background: #cc00cc;}
.textil .left_menu>li>a:hover, .textil .left_menu>li.active>a {background: #cc00cc url(images/bg_x.png) repeat-x 0 -1025px !important;}

.zakazkovka .left_menu>li>ul>li>a {background: rgba(51,153,0,.5);}
.zakazkovka .left_menu>li>ul>li>ul>li>a {background: rgba(51,153,0,.25);}
.zakazkovka .left_menu a:hover, .zakazkovka .left_menu li.active a {background: #339900;}
.zakazkovka .left_menu>li>a:hover, .zakazkovka .left_menu>li.active>a {background: #339900 url(images/bg_x.png) repeat-x 0 -1095px !important;}

.katalog .left_menu>li>a, .katalog #special_offers>li>a {background: rgba(0,57,76,.8);}
.katalog .left_menu.zakazkovka>li>a {background: rgba(0,100,0,.8);}
.katalog .left_menu.slunecniky>li>a {background: rgba(255,153,0,.8);}
.katalog .left_menu>li>a:hover, .katalog .left_menu>li.active>a, .katalog #special_offers>li>a:hover {background: #ff9900 !important;}
/* @end */

/* @group Search */
#search {position: absolute; top: 65px; right: 10px;}
#head.bs #search {position: absolute; top: 20px; right: 10px;}
#search fieldset {border: none; margin: 0; padding: 0;}
#search legend {display: none;}
#search #search_input {width: 138px; height: 25px; line-height: 25px; border: none;}
#search #search_input.hint {color: #808080;}
#search button {border: none; width: 25px; height: 25px; padding: 0; margin: 0 0 0 5px; background: url(images/bg.png) -243px -162px; box-shadow: none;}
#search button:hover {background: url(images/bg.png) -273px -162px}

.katalog #search {top: 50px;}
.katalog #search #search_input {border: 1px solid #00394c;}
/* @end */

/* @group Path */
#path {line-height: 34px; margin: 0 0 15px 0; overflow: auto;}
#path>span {display: none;}
#path em {display: block; float: left; padding: 0 10px 0 0; background: url(images/bg_x.png) no-repeat right -1770px; font-weight: normal; font-style: normal;}
#path a {text-decoration: none; color: white; height: 35px; padding: 0 10px; display: block; background: url(images/bg_x.png) repeat-x 0 -1455px;}
#path em>span {padding: 0 0 0 10px; display: block; background: url(images/bg_x.png) no-repeat 0 -1770px;}
#path em.home a>span {background: url(images/bg.png) no-repeat -762px -433px; width: 18px; height: 100%; display: block;}
#path em.home a:hover>span {background: url(images/bg.png) no-repeat -786px -433px;}
#path em.home a span span {display: none;}

/*Modifications*/
.destniky #path em.active, .destniky #path em:hover {background: url(images/bg_x.png) no-repeat right -1815px;}
.destniky #path em.active a, .destniky #path em:hover a {background: url(images/bg_x.png) repeat-x 0 -1500px;}
.destniky #path em.active>span, .destniky #path em:hover>span {background: url(images/bg_x.png) no-repeat 0 -1815px;}

.slunecniky #path em.active, .slunecniky #path em:hover {background: url(images/bg_x.png) no-repeat right -1860px;}
.slunecniky #path em.active a, .slunecniky #path em:hover a {background: url(images/bg_x.png) repeat-x 0 -1545px;}
.slunecniky #path em.active>span, .slunecniky #path em:hover>span {background: url(images/bg_x.png) no-repeat 0 -1860px;}

.predmety #path em.active, .predmety #path em:hover {background: url(images/bg_x.png) no-repeat right -1905px;}
.predmety #path em.active a, .predmety #path em:hover a {background: url(images/bg_x.png) repeat-x 0 -1590px;}
.predmety #path em.active>span, .predmety #path em:hover>span {background: url(images/bg_x.png) no-repeat 0 -1905px;}

.textil #path em.active, .textil #path em:hover {background: url(images/bg_x.png) no-repeat right -1950px;}
.textil #path em.active a, .textil #path em:hover a {background: url(images/bg_x.png) repeat-x 0 -1635px;}
.textil #path em.active>span, .textil #path em:hover>span {background: url(images/bg_x.png) no-repeat 0 -1950px;}

.zakazkovka #path em.active, .zakazkovka #path em:hover {background: url(images/bg_x.png) no-repeat right -1995px;}
.zakazkovka #path em.active a, .zakazkovka #path em:hover a {background: url(images/bg_x.png) repeat-x 0 -1680px;}
.zakazkovka #path em.active>span, .zakazkovka #path em:hover>span {background: url(images/bg_x.png) no-repeat 0 -1995px;}
/* @end */

/* @group Content */
#index.tara #outer_content {background: url(images/bg_outer_content_tara.png) repeat-x;}

#main_message {width: 720px; height: 294px; margin: 0 0 15px 15px; overflow: hidden; position: relative;}
/*Modifications*/
#index.tara #main_message {width: 960px; height: 390px; margin: 0 0 15px 10px; background: url(images/bg_tara.jpg);}
.destniky #main_message {background: url(images/bg_main_message_destniky.jpg);}
.slunecniky #main_message {background: url(images/bg_main_message_slunecniky.jpg);}
.predmety #main_message {background: url(images/bg_main_message_predmety.jpg);}
.zakazkovka #main_message {background: url(images/bg_main_message_zakazkovka.jpg);}

#main_message h2 {height: 45px; width: 420px; font-size: 20px; line-height: 44px; margin: 0; padding: 0 15px; color: white; text-shadow: -1px -1px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2); position: absolute; top: 33px; left: 200px; z-index: 10;}
#main_message h2 span {display: none;}
#main_message ul {width: 418px; height: 185px; position: absolute; top: 33px; left: 200px; background: url(images/bg.png) 0 -470px; padding: 50px 16px 0 16px;}
#main_message li p {margin: 0 0 8px; line-height: 18px;}
/*Modifications*/
.destniky #main_message h2 {background: url(images/bg_tara.jpg) -505px -495px;}
.slunecniky #main_message h2 {background: url(images/bg_tara.jpg) -5px -545px;}
.predmety #main_message h2 {background: url(images/bg_tara.jpg) -505px -545px;}

#index.tara #main_message ul {width: 328px; height: 240px; top: 53px; left: 30px; background: url(images/bg.png) -455px -470px;}
#index.tara #main_message h2 {width: 330px; top: 53px; left: 30px; font-size: 24px; line-height: 42px; background: url(images/bg_tara.jpg) -5px -495px;}

#signpost {overflow: auto;}
#signpost li {width: 168px; height: 145px; background: url(images/bg.png) no-repeat -820px -470px; float: left; margin: 0 1px 10px 15px; overflow: hidden; position: relative;}
#signpost li h3 {color: white; height: 34px; margin: 0; font-size: 14px; line-height: 33px; padding: 0 10px; text-shadow: -1px -1px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2); position: relative; overflow: hidden;}
#signpost li h3:after {content: ""; display: block; width: 90px; height: 90px; position: absolute; top: 0; right: 0;}
#signpost li>a {display: block; margin: 6px 11px 0 11px;}
#signpost li h3 a {display: block; color: white; height: 100%; text-decoration: none;}
#signpost li h3 a:hover {text-decoration: underline; color: white !important;}
#signpost li p {margin: 10px 15px 0 15px; line-height: 18px;}
#signpost li strong{font-weight: normal;}
#signpost li p span {display: none; padding: 5px;}
#signpost li:hover p span {display: block; background: rgba(255,255,255,.9); height: 100%; color: black;}

/*Modifications*/
.tara #signpost li {width: 310px; height: 180px; background: url(images/bg.png) no-repeat 0 -710px; margin: 0 5px 10px 10px;}
.tara #signpost li h3 {height: 45px; font-size: 18px; line-height: 44px; padding: 0 10px; background: url(images/bg_tara.jpg) -5px -395px; overflow: visible;}
/*Modifications*/
.tara #signpost li.destniky h3 {background: url(images/bg_tara.jpg) -325px -395px;}
.tara #signpost li.slunecniky h3 {background: url(images/bg_tara.jpg) -645px -395px;}
.tara #signpost li.predmety h3 {background: url(images/bg_tara.jpg) -5px -445px;}
.tara #signpost li.textil h3 {background: url(images/bg_tara.jpg) -325px -445px;}
.tara #signpost li.zakazkovka h3 {background: url(images/bg_tara.jpg) -645px -445px;}

.tara #signpost li.destniky h3:after {background: url(images/bg.png) -898px -5px;}
.tara #signpost li.slunecniky h3:after {background: url(images/bg.png) -1000px -5px;}
.tara #signpost li.predmety h3:after {background: url(images/bg.png) -1200px -100px;}
.tara #signpost li.textil h3:after {background: url(images/bg.png) -1200px -10px;}
.tara #signpost li.zakazkovka h3:after {background: url(images/bg.png) -1100px -5px;}
.tara #signpost li.katalog h3:after {background: url(images/bg.png) -1105px -100px;}


.tara #signpost li h3 a:after {content: ""; display: block; position: absolute; top: 120px; right: 15px; width: 40px; height: 40px; margin: 0; background: url(images/bg.png) -315px -710px;}
/*Modifications*/
.tara #signpost li.destniky>h3 a:after {background: url(images/bg.png) -360px -710px;}
.tara #signpost li.slunecniky>h3 a:after {background: url(images/bg.png) -405px -710px;}
.tara #signpost li.predmety>h3 a:after {background: url(images/bg.png) -315px -755px;}
.tara #signpost li.textil>h3 a:after {background: url(images/bg.png) -360px -755px;}
.tara #signpost li.zakazkovka>h3 a:after {background: url(images/bg.png) -405px -755px;}

.destniky #signpost li {width: 230px; background: url(images/bg.png) no-repeat -815px -760px; margin: 0 0 10px 15px;}
.destniky #signpost li h3 {color: white; height: 34px; margin: 0; line-height: 33px; padding: 0 10px;}

.textil #signpost li {background: url(images/bg.png) no-repeat -820px -905px;}

.slunecniky #signpost li {width: 352px; background: url(images/bg.png) no-repeat -455px -760px; margin: 0 1px 10px 15px;}
.slunecniky #signpost li h3 {color: white; height: 34px; margin: 0; line-height: 33px; padding: 0 10px;}

.katalog #signpost li {width: 230px; background: white; margin: 0 0 10px 15px;}
.katalog #signpost li h3 {color: white; background: rgba(0,57,76,.8); height: 34px; margin: 0; line-height: 33px; padding: 0 10px;}

/*Modifications*/
.id_261 p {background: url(pictures/261b.jpg);}
.id_262 p {background: url(pictures/262b.jpg);}
.id_263 p {background: url(pictures/263b.jpg);}
.id_264 p {background: url(pictures/264b.jpg);}
.id_265 p {background: url(pictures/265b.jpg);}
.id_266 p {background: url(pictures/266b.jpg);}
.id_267 p {background: url(pictures/267b.jpg);}

.wide_box {background: url(images/bg_wide_box.png) repeat-y; padding: 11px 11px 4px 11px; position: relative; overflow: auto;}
.wide_box_foot {height: 25px; background: url(images/bg_wide_box.png) no-repeat -720px top;}
.katalog .wide_box_foot {display: none;}

#content>.wide_box {background: url(images/bg_full_box.png) repeat-y;}

.right h2 {font-size: 18px; line-height: 33px; height: 35px; padding: 0 0 0 20px; margin: 0; color: white; overflow: hidden; background: url(images/bg.png) no-repeat 0 -192px; width: 700px;  text-shadow: -1px -1px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2);}
/*Modifications*/
.destniky .right h2 {background: url(images/bg.png) no-repeat 0 -232px;}
.slunecniky .right h2 {background: url(images/bg.png) no-repeat 0 -272px;}
.predmety .right h2 {background: url(images/bg.png) no-repeat 0 -312px;}
.textil .right h2 {background: url(images/bg.png) no-repeat 0 -352px;}
.zakazkovka .right h2 {background: url(images/bg.png) no-repeat 0 -392px;}

.right h2.empty {margin: 0 0 15px; background: url(images/bg_x.png) repeat-x 0 -1455px;}
/*Modifications*/
.destniky .right h2.empty {background: url(images/bg_x.png) repeat-x 0 -1500px;}
.slunecniky .right h2.empty {background: url(images/bg_x.png) repeat-x 0 -1545px;}
.predmety .right h2.empty {background: url(images/bg_x.png) repeat-x 0 -1590px;}
.textil .right h2.empty {background: url(images/bg_x.png) repeat-x 0 -1635px;}
.zakazkovka .right h2.empty {background: url(images/bg_x.png) repeat-x 0 -1680px;}

.item_count {position: absolute; height: 35px; line-height: 35px; top: 49px; right: 10px; margin: 0; color: white;}
.item_count.top {top: 0;}
.item_count span {display: none;}

.katalog .wide_box {background: white; padding-bottom: 10px; margin-bottom: 15px;}
.katalog .right h2 {background: rgba(0,57,76,.8); padding: 0 10px;}
#index.katalog h2 {margin: 0 0 15px 15px;} 
/* @end */

/* @group Category description */
#category_description {}
#category_description img {float: left; margin: 0 10px 0 0;}
#category_description p {line-height: 18px; margin: 0 0 5px 0;}
/* @end */

/* @group Search result */
#search_result {min-height: 47px;}
#search_result p {line-height: 18px; margin: 0;}
/* @end */

/* @group View options */
#view_options {height: 35px; background: url(images/bg_x.png) repeat-x 0 -60px; margin: 0 0 15px 0; position: relative;}
#view_options h4, #view_options span {display: none;}
#view_options a {display: block; text-decoration: none; color: white; line-height: 23px; height: 100%;}

#view_options>div {position: absolute; top: 5px; left: 10px; z-index: 10; cursor: pointer;}
#view_options>div>p {width: 200px; height: 23px; line-height: 22px;  color: white; margin: 0; padding: 0 0 0 6px; border: 1px solid #e5e5e5; border-radius: 4px;}
#view_options>div:hover>p {background: rgba(255,255,255,.4); border-color: black; color: black;}
#view_options>div:hover>p.njs, #view_options>div.opened>p {border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-color: black; color: black;}
#view_options>div>ul {background: #70888c; border: 1px solid black; border-top: none; border-bottom: none; display: none;}
#view_options>div:hover>ul.njs {display: block;}
#view_options>div>ul>li {border-bottom: 1px solid black;}
#view_options>div>ul>li a {padding: 0 0 0 5px; line-height: 23px;}
#view_options>div>ul>li a:hover {color: black; background: #a5b2b5;}

#view_options>ul {position: absolute; top: 5px;}
#item_number {left: 500px; letter-spacing: -1px; font-size: 12px;}
#display_mode {right: 0;}
#view_options>ul>li {margin: 0 10px 0 0; float: left;}
#view_options>ul>li a {width: 23px; height: 23px; text-align: center; border: 1px solid #e5e5e5; border-radius: 4px;}
#view_options>ul>li a:hover{border: 1px solid black; color: black;}
#view_options>ul>li.active a {background: rgba(255,255,255,.4);}
#view_options>ul>li#bt_boxes a {background: url(images/bg.png) no-repeat -303px -163px;}
#view_options>ul>li#bt_rows a {background: url(images/bg.png) no-repeat -363px -163px;}
#view_options>ul>li#bt_boxes.active a {background: rgba(255,255,255,.4) url(images/bg.png) no-repeat -303px -163px;}
#view_options>ul>li#bt_boxes a:hover {background: url(images/bg.png) no-repeat -333px -163px;}
#view_options>ul>li#bt_rows.active a {background: rgba(255,255,255,.4) url(images/bg.png) no-repeat -363px -163px;}
#view_options>ul>li#bt_rows a:hover {background: url(images/bg.png) no-repeat -393px -163px;}
/*Modifications*/
.katalog #view_options {background: rgba(0,57,76,.8);}
.katalog #view_options>div>ul {background: rgba(0,57,76,1);}
.katalog #view_options>ul>li a:hover{border: 1px solid orange; color: #ff9900 !important;}

.pages {text-align: center;}
.pages a {line-height: 1em; padding: 5px 10px; border: 1px solid white; border-radius: 4px; background: rgba(255,255,255,.4); text-decoration: none; margin: 0 4px;}
.pages a:hover {border: 1px solid black;}
.pages .active {color: black; border: 1px solid black;}
/* @end */

/* @group Product*/
#product_list h4, #product_list span {display: none;}
#product_list h3 a {text-decoration: none;}
#product_list h3 a:hover {text-decoration: underline;}
#product_list .description {font-size: 12px; line-height: 14px; margin: 0 0 7px 0;}

.katalog #product_list.show_boxes h3  {background: #ff9900; position: absolute; top: 0; left: 0; padding: 0 10px;}
.katalog #product_list.show_boxes h3 a {color: black !important;}

.property_icons {overflow: auto;}
.property_icons>li {width: 30px; height: 30px; float: left; margin: 0 5px 0 0;}
.colour_variants li {width: 12px; height: 12px; float: left; margin: 0 4px 4px 0;}
.colour_variants li a {display: block; height: 100%;}

.property_icons_big {overflow: auto; padding: 5px 0 0; margin: 10px 0; border: 1px dashed #e5e5e5; border-left: none; border-right: none;}
.property_icons_big>li {width: 48px; height: 48px; float: left; margin: 0 5px 5px 0;}
.property_icons_big>li>span {display: none;}

.price {margin: 0;}
.price dt {display: none;}
.price dd {width: 100px; height: 30px; text-align: center; color: white; font-weight: bold; line-height: 30px; margin: 0; background: url(images/bg.png) 0 -130px;}
.price dd span {display: inline !important;}
/*Modifications*/
.destniky .price dd {background: url(images/bg.png) -100px -130px;}
.slunecniky .price dd {background: url(images/bg.png) -200px -130px;}
.predmety .price dd {background: url(images/bg.png) -300px -130px;}
.textil .price dd {background: url(images/bg.png) -400px -130px;}
.zakazkovka .price dd {background: url(images/bg.png) -100px -130px;}

.katalog .price dd {background: url(images/bg.png) -200px -130px;}

.detail {display: block; width: 98px; height: 28px; text-align: center; font-size: 12px; color: #70888c; line-height: 28px; text-decoration: none; border: 1px solid #70888c; border-radius: 4px;}
.detail:hover {color: black; border: 1px solid black !important;}
/*Modifications*/
.destniky .detail {border: 1px solid #0099cc;}
.slunecniky .detail {border: 1px solid #ff9900;}
.predmety .detail {border: 1px solid #cc0000;}
.textil .detail {border: 1px solid #cc00cc;}
.zakazkovka .detail {border: 1px solid #339900;}

.katalog .detail {border: 1px solid #ff9900;}

/*Produkt picture*/
.picture {width: 70px; height: 70px; display: table; position: relative;}
.picture a, .picture>em {display: table-cell; vertical-align: middle;}
.picture img {margin: 0 auto;}

/*Příznaky produktu*/
.picture span {display: block !important; position: absolute; width: 51px; height: 51px; left: 0; top: 0;}
.picture span em {display: none;}
span.news {background: url(images/bg.png) no-repeat -820px -670px;}
span.action {background: url(images/bg.png) no-repeat -871px -670px;}
span.sale {background: url(images/bg.png) no-repeat -922px -670px;}

/*Rows*/
#product_list.show_rows {background: white; overflow: auto; padding: 0 10px; margin: 0 0 15px 0;}
#product_list.show_rows>li {overflow: auto; padding: 8px 0 41px 80px; position: relative; width: 620px; border-bottom: 1px dashed #e5e5e5;}
#product_list.show_rows>li:last-child {border-bottom: none;}
#product_list.show_rows .picture {position: absolute; top: 10px; left: 0;}
#product_list.show_rows h3 {font-size: 14px;margin: 0 0 5px 0; width: 515px; line-height: 16px;}

#product_list.show_rows .property_icons {position: absolute; bottom: 11px; left: 80px;}

#product_list.show_rows .colour_variants {overflow: auto; float: left; margin: 0 0 6px 0; width: 384px;}

#product_list.show_rows .code dt, #product_list.show_rows .store dt {display: none;}
#product_list.show_rows .code {position: absolute; top: 8px; right: 0; margin: 0; font-size: 10px; line-height: 16px; color: #808080;}
#product_list.show_rows .store {font-size: 12px; margin: 0 0 7px 0; line-height: 1em; float: right; color: #808080;}

#product_list.show_rows .price {position: absolute; bottom: 11px; right: 105px;}
#product_list.show_rows .detail {position: absolute; bottom: 11px; right: 0;}

/*Boxes*/
#product_list.show_boxes {overflow: auto;}
#product_list.show_boxes>li {padding: 0 11px 0 11px; background: url(images/bg.png) no-repeat -1050px -470px; position: relative; width: 208px; height: 305px; float: left; margin: 0 15px 10px 0;}
#product_list.show_boxes>li.last {margin-right: 0;}
#product_list.show_boxes .picture {width: 208px; height: 208px;}
#product_list.show_boxes h3 {margin: 0 0 5px 0; line-height: 32px; height: 35px; overflow: hidden;}
#product_list.show_boxes h3 a {color: white;}

#product_list.show_boxes .property_icons {display: none;}
#product_list.show_boxes .colour_variants {overflow: auto; margin: 0 0 1px 0;}
#product_list.show_boxes .colour_variants li {margin: 0 2px 4px 2px;}

#product_list.show_boxes .info {position: absolute; bottom: 50px; width: 208px; background: rgba(255,255,255,.9); padding: 5px 0 0 0;}
#product_list.show_boxes .info p {padding: 0 2px; margin: 0 0 4px; display: none; font-size: 12px;}
#product_list.show_boxes .info dl {padding: 0 2px; margin: 0 0 4px; display: none; font-size: 12px;}

#product_list.show_boxes li:hover .info p, #product_list.show_boxes li:hover .info dl {display: block;}

#product_list.show_boxes .info .code {line-height: 1em; color: #808080;}
#product_list .info>a {display: none;}
#product_list.show_boxes .info>a {display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
#product_list.show_boxes .store dt {display: none;}
#product_list.show_boxes .price {position: absolute; bottom: 16px; left: 11px;}
#product_list.show_boxes .detail {position: absolute; bottom: 16px; right: 11px;}

.katalog #product_list.show_boxes>li {background: white; padding-top: 40px; height: 265px; margin-bottom: 15px;}

#product_detail {}
#product_detail .picture {width: 400px; height: 400px; float: left; margin: 0 0 10px 0;}
#product_detail .info {width: 280px; float: right;}
#product_detail .code {font-size: 12px; margin: 0 0 5px 0;}
#product_detail .variant {margin: 0 0 10px 0;}
#product_detail .description {margin: 0 0 10px 0;}
#product_detail .property_icons {margin: 0 0 5px 0;}
#product_detail .property_icons li {margin: 0 5px 5px 0;}
#product_detail .property_icons span {display: none;}

#product_detail table .parameter {width: 100px;}
#product_detail table .image {width: 100px;}
#product_detail .print_dimensions .parameter {width: 70px;}

#product_detail h3 {font-size: 16px; margin: 0 0 10px 0; line-height: 30px; height: 30px; background: url(images/bg_x.png) repeat-x 0 -62px; color: white; padding: 0 0 0 10px;}
#product_detail h3.nomargin {margin: 0;}
#product_detail h3 a {color: white;}

/*Modifications*/
.katalog #product_detail h3 {background: rgba(0,57,76,.8);}

.full_price {text-align: right; padding: 8px 0; margin: 6px 0 10px 0; border: 1px dashed #e5e5e5; border-left: none; border-right: none; line-height: 24px;}
.full_price strong {font-size: 1.3em;}
.full_price dl {margin: 0;}

#product_detail .original {font-size: 12px;}
#product_detail .original dt {margin-left: 1em;}

#order_form {margin: 0 0 10px 0;}
#order_form fieldset {margin: 0; padding: 0; border: none;}
#order_form legend, #order_form label {display: none;}
#order_form #number_input {width: 58px; height: 28px; line-height: 28px;}
#order_form button {margin: 0 0 0 5px;}

#ask_button span {background: url(images/bg.png) no-repeat -1047px -196px;}
#ask_button:hover span {background: url(images/bg.png) no-repeat -1047px -236px;}
#order_button span {background: url(images/bg.png) no-repeat -1047px -276px;}
#order_button:hover span {background: url(images/bg.png) no-repeat -1047px -316px;}

#design {overflow:hidden;}
#design>img {float:left;}
#design>#parameters {width:340px; float:right;}


#product_variants {overflow: auto; float: left; width: 400px;}
#product_variants li {float: left; margin: 0 10px 5px 0; position: relative;}
#product_variants div {width: 70px; height: 70px; display: table; margin: 0 0 5px 0; position: relative;}
#product_variants li div a {display: table-cell; vertical-align: middle;}
#product_variants li img {margin: 0 auto;}
#product_variants li>a {display: block; margin: 0; font-size: 10px; line-height: 12px; text-align: center; clear: both; width: 70px; height: 36px;}
#product_variants li div span {display: block; position: absolute; width: 51px; height: 51px; left: 0; top: 0;}
#product_variants li div span em {display: none;}

#product_variants li.active>a {color: #cc0000; text-decoration: none;}
#product_variants li.active>a:hover {color: black; text-decoration: underline;}

#picture_gallery {overflow: auto; float: left; width: 400px;}
#picture_gallery li {width: 70px; height: 70px; display: table; float: left; margin: 0 10px 10px 0;}
#picture_gallery li a {display: table-cell; vertical-align: middle;}
#picture_gallery li img {margin: 0 auto;}

.thumbnails_96 {overflow: hidden;}
.thumbnails_96>li {width: 96px; padding: 4px; border: 1px solid #e5e5e5; margin: 0 10px 10px 0; float: left;}
.thumbnails_96>li:hover {border-color: #70888c;}

.signing {font-size: 12px; color: black; line-height: 15px; padding: 80px 11px 0 11px; background: #fafafa url(images/bg_print.jpg); height: 90px; margin: 0;}

/*Shopping rules*/
#shop_rules ol {list-style-type: decimal; list-style-position: outside; margin: 0 0 10px 25px;}
#shop_rules ol ol {margin: 10px 0 15px 10px;}
#shop_rules ol ol ol {margin: 10px 0 15px 20px; font-weight: normal; list-style-type: upper-latin;}
#shop_rules ol ol li {margin: 0 0 5px;}

/*News*/
#news ul {}
#news li {overflow: auto; margin: 0 0 10px 0; border-bottom: 1px dashed #808080;}
#news li:last-child {border-bottom: none; margin: 0;}
#news li img {width: 100px; height: 100px; float: left; margin: 5px 10px 10px 0;}
#news li p {margin: 0;}
#news li p.date {font-size: 12px; float: right; color: #808080;}


/*Forms*/
#login_form form {margin: 0 0 10px 0;}
#login_form fieldset {border: none; margin: 0;}
#login_form li {margin-bottom: 0;}
#login_form input {width: 159px;}
#login_form label {width: 75px;}
#login_form li pre {right: 5px;}
#login_form button span {background: url(images/bg.png) no-repeat -1047px -356px;}
#login_form button:enabled:hover span {background: url(images/bg.png) no-repeat -1047px -396px;}

#registration button, #add_person button {float: none; margin: 0 auto;}
#register_submit, #check_data {display: none;}

#registration_completed dl {overflow: auto; font-size: 18px; line-height: 1.5em;}
#registration_completed dt, #registration_completed dd {display: block; float: left;}
#registration_completed dt {clear: left;}
#registration_completed dd {font-weight: bold;}

#registration_info a.roundbutton {display: block; text-align: center; width: 642px; margin: 10px 0;}

/*Basket*/
#basket legend {font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; border-radius: 15px;}
#basket ul>li {margin: 0 0 10px 0; border-bottom: 1px dashed #808080; padding: 0 0 10px 0; width: 100%;}
#basket ul>li:last-child {border: none; margin: 0;}

#basket .picture {float: left; margin: 0 10px 5px 0;}
#basket h3 {font-size: 14px; line-height: 16px; margin: 0 0 10px 0;}
#basket h3 a {text-decoration: none;}

#basket input, #basket label {font-size: 12px; height: 22px; line-height: 24px;}
#basket label {height: 24px; width: 145px; padding: 0 0 0 10px; background: url(images/bg.png) 0 -103px;}

#basket .info {float: right; width: 595px; margin: 0 0 5px 0;}
#basket .info dl {float: left; clear: left; line-height: 20px; font-size: 12px; margin: 0;}
#basket .info dd {margin: 0 15px 0 0;}
#basket .info dd strong {font-size: 14px;}

#basket .lc {float: left; width: 405px; min-height: 70px;}
#basket .rc {float: right; width: 185px; min-height: 70px; position: relative;}
#basket .rc label {width: 80px;}
#basket .rc p {margin: 0; float: left;}

#basket .remove_item {width: 24px; height: 24px; background: url(images/bg.png) -183px -163px; border: none; box-shadow: none; margin: 0 0 0 6px;}
#basket .remove_item:hover {background: url(images/bg.png) -213px -163px;}
#basket .remove_item span {display: none;}

#basket input {width: 53px;}
#basket textarea {width: 513px; height: 19px; padding: 3px 3px 0 3px;}

#basket .add_print {height: 24px; width: 185px; position: absolute; bottom: 3px; background: url(images/bg.png) -820px -615px; border: none; box-shadow: none; display: none;}
#basket .add_print.opened {background: url(images/bg.png) -820px -640px;}
#basket .add_print span {display: none;}
#basket #inquire_different_list .add_print {position: relative; top: 0;}
#basket .ic {margin: 0 0 0 10px;}
#basket .ap {margin: 0; float: right;}

#basket .print_specs {display: none; overflow: auto; clear: both;}
#basket .print_specs p {overflow: auto; margin: 0 0 5px 0;}
#basket .print_specs ol {clear: both;}
#basket .print_specs li, #basket .add_picture li {margin: 0 5px 5px 0;}

#basket .print_specs button, #basket .add_picture button {padding: 0 10px; border-radius: 12px; border: none; box-shadow:none; background: #dbdbdb; margin: 0; text-shadow: none; color: black; font-size: 12px; height: 24px; line-height: 24px; width: auto;}
#basket .print_specs button span, #basket .add_picture button span {line-height: 24px; padding: 0 0 0 25px;}
#basket li.add {display: none;}
#basket .add button span {background: url(images/bg.png) no-repeat -765px -238px;}
#basket .remove button span {background: url(images/bg.png) no-repeat -765px -198px;}
#basket .print_specs button:hover, #basket .add_picture button:hover {background: #808080; color: white;}
#basket .file {position: absolute; left: -10000px;}

#basket #inquire_different_list .remove_item {position: relative; margin: 0 0 0 6px;}

#basket .add_picture {margin: 0; display: none;}
#basket .full_price {overflow: auto; padding-left: 11px; padding-right: 11px; text-align: left; margin: 0 0 15px 0;}
#basket .full_price dl {float: right; margin: 0; line-height: 28px;}
#basket .full_price dt {margin: 0 0 0 15px;}
#basket .full_price dd {margin: 0 0 0 5px;}
#basket .full_price button {float: right; margin: 0 0 0 15px;}

#basket .message {font-size: 12px; line-height: 16px;}
#basket .message.transport {padding-left:100px; background: #e6e6e6 url(images/bg.png) no-repeat -1040px -805px;}

#basket ol li {margin: 0 0 5px 0;}
#basket ol li.print_specs {margin: 0;}
#basket #inquire_different_list .wide_input {margin-right: 10px;}
#basket .wide_input input {width: 394px;}
#basket #order_button {float: right;}

#basket .person_selection {float: left; margin: 5px 0 0 0;}
#basket select {font-size: 14px; width: 250px;}
#basket .roundbutton {background: #ececec; padding: 0 10px; border-radius: 20px; text-decoration: none; width: 100%; height: auto; color: black; border: none; text-shadow: none; box-shadow: none}

#basket #inquire_different_list>ul {margin-top: 15px;}
#basket .notice {overflow: auto; width: 100%; margin-top: 15px;}
#basket .notice label {width: 200px; float: none; background: url(images/bg.png) -900px -104px; margin: 0 0 0 11px;}
#basket .notice textarea {width: 690px; float: none; height: 50px;}

#basket #address_select>li {width: 100%; margin-bottom: 10px;}
#basket #address_select>li:last-child {margin: 0;}
#address_select label {width: auto; height: auto; line-height: 16px; float: none; background: none; padding: 0;}
#address_select input {float: left; width: auto; height: auto; margin: 2px 10px 0 6px;}

.over {display: table; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.8); width: 100%; height: 100%; z-index: 1000;}
.over.hidden {display: none;}
.over>div {display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 100%;}
.over>div>div {display: inline-block; overflow: auto; background: white url(images/bg.png) no-repeat 0 -710px; width: 310px; height: 175px;}
.over>div>div form {text-align: center;}
.over>div>div fieldset {text-align: left;}
/*#over div {position: fixed; top: 50%; left: 50%; background: white url(images/bg.png) no-repeat 0 -710px; width: 310px; height: 175px; margin: -90px 0 0 -155px;}*/
.over div h3 {height: 45px; font-size: 18px; line-height: 44px; padding: 0 10px; background: url(images/bg_tara.jpg) -5px -395px; color: white;}
.over div p {margin: 0 11px 5px 11px;}
/*Modifications*/
.destniky #over div h3 {background: url(images/bg_tara.jpg) -325px -395px;}
.slunecnicky #over div h3 {background: url(images/bg_tara.jpg) -645px -395px;}
.predmety #over div h3 {background: url(images/bg_tara.jpg) -5px -445px;}
.textil #over div h3 {background: url(images/bg_tara.jpg) -325px -445px;}
.zakazkovka #over div h3 {background: url(images/bg_tara.jpg) -645px -445px;}

/*#over>div.address {width: 698px; background: white; height: 300px; margin: -150px 0 0 -349px; padding: 10px;}*/
.over>div>div.address {width: 698px; padding: 15px; background: white; height: auto;}
.over>div>div.address fieldset {margin: 0 0 15px;}
.over>div>div.address button {display: inline-block; margin: 0 5px; float: none;}



#static_info img {margin: 0 0 10px 0;}
#static_info img.fl {margin: 5px 10px 10px 0;}

#contacts dl { margin: 0 0 10px 0; overflow: auto;}
#contacts dt {display: block; float: left; clear: left; width: 160px; margin: 0;}
#contacts dd {display: block; float: left;}
#contacts dl.last {margin: 0 0 20px 0;}

#contacts .name {width: 150px;}
#contacts .email {width: 210px;}

#contacts iframe {float: right; margin: 5px 0 0 0;}

.marks {margin-top: 15px;}
.marks li {width: 164px; height: 89px; float: left; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
.marks img {width: 164px; height: 89px;}


/*AJAX*/
#product_ajax {position: relative;}
#spinner {background: white url(images/spinner.gif) no-repeat center 30px; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none;}

/*icons*/
.i_01 {background: url(images/bg.png) -510px -160px;}
.i_02 {background: url(images/bg.png) -540px -160px;}
.i_03 {background: url(images/bg.png) -570px -160px;}
.i_04 {background: url(images/bg.png) -600px -160px;}
.i_05 {background: url(images/bg.png) -630px -160px;}
.i_06 {background: url(images/bg.png) -660px -160px;}
.i_07 {background: url(images/bg.png) -690px -160px;}
.i_08 {background: url(images/bg.png) -720px -160px;}
.i_09 {background: url(images/bg.png) -750px -160px;}
.i_10 {background: url(images/bg.png) -780px -160px;}
.i_11 {background: url(images/bg.png) -810px -160px;}

.i_20 {background: url(images/bg.png) -840px -160px;}
.i_21 {background: url(images/bg.png) -870px -160px;}
.i_22 {background: url(images/bg.png) -900px -160px;}
.i_23 {background: url(images/bg.png) -930px -160px;}
.i_24 {background: url(images/bg.png) -960px -160px;}
.i_25 {background: url(images/bg.png) -990px -160px;}

.i_30 {background: url(images/bg.png) 0 -905px;}
.i_31 {background: url(images/bg.png) -48px -905px;}
.i_32 {background: url(images/bg.png) -96px -905px;}
.i_33 {background: url(images/bg.png) -144px -905px;}
.i_34 {background: url(images/bg.png) -192px -905px;}
.i_35 {background: url(images/bg.png) -240px -905px;}
.i_36 {background: url(images/bg.png) -288px -905px;}
.i_37 {background: url(images/bg.png) -336px -905px;}
.i_38 {background: url(images/bg.png) -384px -905px;}
.i_39 {background: url(images/bg.png) -432px -905px;}
.i_40 {background: url(images/bg.png) -480px -905px;}
.i_41 {background: url(images/bg.png) -528px -905px;}
.i_42 {background: url(images/bg.png) -576px -905px;}
.i_43 {background: url(images/bg.png) -624px -905px;}
.i_44 {background: url(images/bg.png) -672px -905px;}

/*colours*/
.c_8005 { background: url(images/bg.png);}
.c_8023 { background: url(images/bg.png) -13px;}
.c_8028 { background: url(images/bg.png) -26px;}
/* @end */


/* @group Foot */
#foot {width: 980px;}
#foot>div {width: 200px; float: left; margin: 0 0 0 15px;}
#foot>div:first-child {margin: 0 0 0 25px;}
#foot>div.last {width: 285px;}
#foot h3 {color: white;  text-shadow: -1px -1px 0 rgba(0,0,0,.2), 1px 1px 0 rgba(255,255,255,.2);}
#foot h4 {color: #d5f9ff; margin: 0 0 4px 0;}
#foot a {color: white; text-decoration: none;}
#foot a:hover {text-decoration: underline;}
#foot ul {margin: 0 0 15px 0; font-size: 12px; line-height: 16px;}
#foot dl {margin: 0 0 10px 0;}
#foot dt, #foot dd {color: white;}
#foot dd {font-size: 18px; font-weight: bold;}
#foot>p {clear: both; text-align: center; margin: 0; font-size: 11px; color: white;}
/* @end */