body {font-family:verdana;font-size:12px;}
td {vertical-align:top;}
a {cursor:pointer;color:black;text-decoration:none;}
a:hover {color:gray;}
hr {display:none;}
.dn {display:none;}
.clear:after {clear:both;display:block;content:".";visibility:hidden;height:0;}
h4 {display:block;margin: 0 0 0 0;}
.main {width: 974px; margin: 5px auto 0 auto;}
img {border: 0px;}

#heading {width:100%;height:50px;background:white;margin-bottom:0px;position:relative; margin-top: 10px;}
#heading a {font-weight:bold;}
#heading td {vertical-align:middle;}
#heading #klient {position:absolute;left:673px;top:0;height:50px;width:300px;}
#heading #logo {position:absolute;top:0;;height:52px;width:241px;margin-right:5px;}
#heading #vyhledavani {position:relative;left:150px;top:0;height:50px;width:518px;background:url('../images/header-search-background.png') no-repeat;margin-right:5px;position:relative; padding-top: 7px;}
#heading #vyhledavani table {border-spacing:0px;border:0px;vertical-align:middle;position:absolute;top:15px;left:10px;}

.clear>table {border-spacing: 0;padding: 0 0px 0 0px; border: 2px solid white;}
.clear>table>tbody>tr>td {border: 2px solid white;}

/* kategorie zbozi */
#menu {width:300px; margin: 0 0 0 0; padding: 0 0 0 0;}                                                                                                            
#menu h4, #content h4 {font-size: 15px; font-weight: normal;margin-left: 10px;}
#menu h4 {font-size: 14px;}

div.menu-heading,div.content-heading,#d1,#d2,#d3,#d4,#d5,#d6,#d7,#d8 {height: 28px; line-height: 28px; vertical-align: middle; margin-bottom: 2px;}
                      
#content {background:white;float:right;width:662px;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#content h4 {margin-bottom: 0px;}
#content h1 {color: black; font-size: 17px; font-weight: normal; background-color: rgb(217,217,217); padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
         
#boxes {position: relative; display: inline; vertical-align: top;}
#boxes>div {width: 180px; display: inline-block; margin-left: 10px; margin-bottom: 10px; margin-top: 10px; vertical-align: top;}
#boxes h5 {font-weight: normal; font-size: 14px; margin-bottom: 5px; margin-top: 5px; color: #712679; border-bottom: 1px solid #bbbbbb; border-top: 1px solid #bbbbbb; line-height: 28px;}
#boxes p {color: rgb(83,83,83); font-size: 10px;}        

#footer {height: 26px; width: 1000px; position: relative; background: url('../images/footer-background.png') no-repeat; font-size: 11px;}
#footer>div {position: absolute; top: 7px;}
#footer div a:hover {color: gray;}
#footer div.contact {left: 360px; }
#footer div.copyright {left: 17px;}


/* barvy */
#footer>div {color: #712679;}
#footer div a {color: #712679;}

div.menu-heading {background: #e6e6e6;}
#menu h4 {color: black;}

#content h4 {color: white;}
.searchmodule.searchdefault input.text {border-color: gray;}

#content p>a{border-bottom: 1px dashed rgb(253,111,29);}
button, input.button{color:#fff;background:#712679;border:1px solid #712679;}

#d1,#d2,#d3,#d4,#d5,#d6,#d7,#d8 {width: 662px;cursor: pointer;}
#d2d,#d3d,#d4d,#d5d,#d6d,#d7d,#d8d,#d1d {position: relative;}
#d2d,#d3d,#d4d,#d5d,#d6d,#d7d,#d8d,#d2c,#d3c,#d4c,#d5c,#d6c,#d7c,#d8c {display: none;}

#d2d>img,#d3d>img,#d4d>img,#d5d>img,#d6d>img,#d7d>img,#d8d>img  {cursor: pointer;}

#content>div>table {position: absolute; }
#content>div>ul {position: absolute; }
#content>div>table>tbody>tr>td {vertical-align: middle;}

#d1 {background-color: #712679;}
#d2 {background-color: rgb(171,12,22);}
#d3 {background-color: rgb(209,0,35);}
#d4 {background-color: rgb(235,111,45);}
#d5 {background-color: rgb(16,46,114);}
#d6 {background-color: rgb(234,175,16);}
#d7 {background-color: rgb(234,175,16);}  
#d8 {background-color: rgb(113,38,121);}

#d1d a:hover, #d2d a:hover, #d3d a:hover,#d4d a:hover,#d5d a:hover,#d6d a:hover {color: gray;}
#d3d a,#d4d a,#d5d a,#d8d a {color: white;}
#d6d a {color: black; font-weight: bold;}
#d5d a {font-weight: bold;}

#menu .subbox div {margin-bottom: 15px;  vertical-align: middle;}
#menu .subbox div h2 {padding: 0; margin: 0;font-size: 15px; line-height: 34px; height: 34px; font-weight: normal;margin-left: 10px;border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; margin-bottom: 10px;}
#menu .subbox div p {margin: 0 10px 5px 10px; line-height: 16px; font-size: 12px; color: #2e2e2e;}
#menu .subbox div a {border-bottom: 1px dotted gray;}
#menu .subbox .contact,#menu .subbox .details {display: none;}
#menu .subbox .details table {margin-left: 5px;margin-right: 5px;}
#menu .subbox .details table tbody tr td {font-size: 10px;}

#boxes>div ul, #content>div>ul {list-style: none; text-indent:0; margin: 0; padding: 0;}
#boxes>div ul li , #content>div>ul li{font-size: 11px; line-height: 20px;height: 25px;}
#boxes>div ul li a , #content>div>ul li a {margin-top: 5px;}
#boxes>div ul li a:hover , #d1c li a:hover {color: #222222;}
#boxes>div ul li a:before , #content>div>ul li a:before {vertical-align: top;margin:0 2px 0 5px;}

#boxes>div ul li a, #d1c li a {color: #555555;}
#boxes>div ul li a:before, #d1c li a:before  {content: url('../images/d1s.png');}

#d2c li a:before {content: url('../images/d2s.gif');}
#d2c li a:hover {color: #999999;}
#d3c li a:before {content: url('../images/d3s.png');}
#d3c li a:hover {color: gray;}                                                                  
#d4c li a:before {content: url('../images/d4s.gif');}
#d4c li a:hover {color: gray;}
#d5c li a:before {content: url('../images/d5s.png');}
#d5c li a:hover {color: #999999;}
#d6c li a:before {content: url('../images/d6s.png');}
#d6c li a:hover {color: gray;}
#d7c li a:before {content: url('../images/d7s.png');}
#d7c li a:hover {color: gray;}
#d8c li a:before {content: url('../images/d8s.png');}
#d8c li a:hover {color: gray;}

#messagePopup {width:270px;height:140px;background:top left url('../images/icon_info.gif') no-repeat #712679;}
#contactPopup {width:400px;height:400px;background:top left url('../images/icon_contact.gif') no-repeat #712679;}
#contactPopup div {}
#contactPopup div.bg {background: bottom url('../images/contact_bg_line.gif') repeat-x;line-height:22px;}
#waitPopup {width:200px;height:70px;text-align:center;}
#waitPopup h4 {margin-top:10px; margin-bottom: 10px;}
.popup {position:absolute;background:#712679;z-index:1000; color: white;}
.popup a {color: white;}
.popup h4 {font-weight:bold;color: white;margin:5px 0px 10px 0;text-transform:uppercase;}
.popup #helpForm input, .popup #helpForm textarea {border: 1px solid gray; background: white;}
.popup #helpForm input.formInvalid, .popup #helpForm textarea.formInvalid, input.formInvalid {border: 1px solid red; background: white url('images/form_error.gif') no-repeat right center;}