@import url("common.css");

/* elements */
body#site, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, textarea, select { font-size: 100%; font-family: Calibri, sans-serif; color: #494949; line-height: 1.5; padding: 0; margin: 0; }

body#site { background: url(../images/pozadi.png) left top; font-size: 95%; }

h1, h2, h3, h4, h5, h6 { color: #0B7AB4; margin-bottom: 10px; }

h1 { font-size: 140%; }

h2 { font-size: 110%; }

h3 { font-size: 100%; }

img { border: none; }

ul li, ol li { line-height: 1.5; }

span { font-size: 100%; }

/* layout */
#container-wrapper { background: url(../images/pozadi-vrchni-stin.png) repeat-x left top; }

#container { width: 880px; margin: 0 auto; }

#container a { font-size: 100%; color: #0B7AB4; }
#container a:hover { text-decoration: none; }

#container .submit { background: url(../images/vyhledavani-buton.png) no-repeat left top; font-weight: bold; width: 65px; height: 23px; border: none; cursor: pointer; }

/* header */
#header { position: relative; }

#header #logo a { width: 250px; height: 83px; display: block; position: relative; overflow: hidden; }
#header #logo a span { background: url(../images/logo.png) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#header #search { position: absolute; right: 0; top: 43px; }
#header #search #term-wrapper { background: #FFF url(../images/vyhledavani-input.png) no-repeat left top; width: 181px; height: 23px; margin-right: 3px; float: left; }
#header #search #term-wrapper input { background: transparent; width: 171px; height: 19px; padding: 4px 5px 0; border: none; }

/* main */
#main-wrapper { background: url(../images/pozadi02.png) repeat-y left top; margin-top: 3px; }

#main { background: url(../images/pozadi01.png) no-repeat left top; min-height: 570px; padding: 10px 26px 20px 234px; position: relative; }

/* content */
#content p { margin: 10px 0; } 

#content ul,
#content ol { margin: 10px 0; }
#content ul li { margin-left: 15px; }
#content ol li { margin-left: 25px; }

#content table { width: 100%; border-collapse: collapse; margin: 10px 0; }
#content table th,
#content table td { padding: 2px 5px; border: 1px solid #BBB; }
#content table th { text-align: center; }

#content form table { width: auto; }
#content form table th,
#content form table td { vertical-align: middle; border: none; }
#content form table th { text-align: right; }
#content form .submit { color: #494949; }

#content input, 
#content textarea { background-color: #FFF; padding: 2px 5px; border: 1px solid #BBB; } 

#content select { border: 1px solid #BBB; }

#content .link-more { background: url(../images/vice2.gif) no-repeat left top; font-weight: normal; font-size: 80%; color: #FFF; text-transform: none; text-decoration: none; line-height: 1; width: 28px; height: 15px; padding: 1px 0 0 18px; display: block; float: right; } 

#content .h2-spec { font-size: 130%; }

#content .paging { text-align: center; }
#content .paging a { color: #494949; text-decoration: none; }
#content .paging .active { font-weight: bold; }

#content #signpost { width: 100%; padding-top: 10px; border-top: 1px solid #EEE; margin: 25px 0 0; overflow: hidden; list-style: none; }
#content #signpost li { background-repeat: no-repeat; background-position: left top; font-weight: bold; font-size: 105%; color: #0B7AB4; text-transform: uppercase; width: 288px; height: 194px; margin: 0 0 6px; padding: 9px 0 0 13px; position: relative; float: left; }
#content #signpost .margin-right { margin-right: 18px; }
#content #signpost .link-more { position: absolute; right: 10px; bottom: 8px; float: none; }

#content #breadcrumbs { font-size: 85%; margin-bottom: 15px; }

#content .product-category, 
#content .product-subcategory { width: 100%; padding-bottom: 2px; border-bottom: 1px solid #EEE; margin-bottom: 15px; overflow: hidden; }

#content .product-category h2, 
#content .product-subcategory h2 { text-transform: uppercase; }

#content .product-subcategory .img { text-align: center; width: 100px; margin-right: 20px; float: left; }
#content .product-subcategory .text { width: 500px; float: right; }


#content #product-info1,
#content #product-info2, 
#content #other-images { font-size: 85%; width: 100%; overflow: hidden; }

#content #product-info2 { margin-top: 30px; }
#content #product-info2 table { margin: 0; }

#content #product-info1 #text,
#content #product-info2 #parameters { width: 300px; margin-right: 30px; float: left; }

#content #product-info2 #parameters table { width: 99%; margin-left: 1px; }
#content #product-info2 #parameters table th,
#content #product-info2 #parameters table td { border: none; }
#content #product-info2 #parameters table th { font-weight: bold; text-align: left; }
#content #product-info2 #parameters table td { text-align: right; }
#content #product-info2 #parameters table .odd { background-color: #EEE; }

#content #product-info1 #img,
#content #product-info2 #price-calc { width: 290px; float: right; }

#content #product-info2 #price { width: 290px; float: left; }

#content .price-calc table { width: auto; }
#content .price-calc table th,
#content .price-calc table td { border: none; }
#content .price-calc table th { text-align: left; }
#content .price-calc table td { text-align: right; }
#content .price-calc table .tr-spec1 { font-weight: bold; font-size: 120%; }
#content .price-calc table .tr-spec1 th,
#content .price-calc table .tr-spec1 td { padding-top: 5px; }

#content #product-info2 #price p { font-weight: bold; font-size: 120%; }

#content #pricelist { font-size: 85%; margin-top: 25px; }
#content #pricelist table { width: auto; }
#content #pricelist table th,
#content #pricelist table td { border: none; }
#content #pricelist table th { background-color: #EEE; text-align: left; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#content #pricelist table td { border-bottom: 1px solid #CCC; }

#content #other-details,
#content #contact-us,
#content #other-goods { font-size: 85%; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #EEE; margin-top: 25px; overflow: hidden; }

#content #other-images { width: 100%; margin-top: 10px; }
#content #other-images .img { text-align: center; width: 100px; height: 100px; padding-bottom: 15px; margin-right: 20px; float: left; }

#content #contact-us table .th-spec1 { padding-top: 5px; vertical-align: top; }
#content #contact-us table .submit { background-image: url(../images/odeslat.png); margin-top: 8px; }

#content #other-goods .other-product { text-align: center; width: 100px; margin-right: 20px; float: left; }
#content #other-goods .other-product p { line-height: 1.2; margin: 5px 0 10px; }

#content #reference { font-size: 85%; width: 100px; margin-top: 25px; }
#content #reference p { text-align: center; }

#content #gallery { width: 100%; padding-bottom: 20px; border-bottom: 1px solid #EEE; margin-top: 25px; overflow: hidden; }
#content #gallery .image { text-align: center; width: 100px; margin-right: 30px; float: left; }
#content #gallery .image p { font-size: 85%; }

#content #references { margin-top: 25px; }
#content #references h2 { text-transform: none; }

#content .news-piece { padding-bottom: 10px; border-bottom: 1px solid #EEE; margin-bottom: 20px; }
#content .news-piece h2 { margin-bottom: 3px; }
#content .news-piece h2 span { font-style: italic; color: #494949; } 
#content .news-piece .attachments ul { margin-bottom: 0; list-style: none; }

#content .product { width: 300px; border-bottom: 1px solid #EEE; margin: 0 20px 20px 0; float: left; }
#content .product .img { width: 100px; margin-right: 10px; float: left; }
#content .product .text { width: 190px; float: right; }

#content .partner { text-align: center; width: 100px; margin-right: 30px; float: left; }
#content .partner p { line-height: 1.2; margin: 5px 0 10px; }

#content .pricelist-product { font-size: 85%; width: 100%; margin-bottom: 30px; overflow: hidden; }
#content .pricelist-product .img { width: 290px; margin-right: 30px; float: left; }
#content .pricelist-product .text { width: 300px; float: right; }

#content #search-results { margin: 10px 0; }
#content #search-results .search-result { margin-bottom: 20px; }
#content #search-results .search-result h3 { margin-bottom: 0; }

/* menu */
#menu { position: absolute; left: 0; top: 1px; }
#menu ul { list-style: none; }
#menu ul li { font-size: 85%; line-height: 1.2; }
#menu ul li a { background: url(../images/button-pasivni.png) no-repeat left top; font-weight: bold; color: #494949; text-decoration: none; width: 183px; height: 24px; padding: 8px 5px 0 20px; display: block; }
#menu ul li a:hover { background-image: url(../images/button-aktivni.png); }
#menu ul li ul li { font-size: 100%; margin-left: 6px; }
#menu ul li ul li a { background: url(../images/submenu-pasivni.png) no-repeat left top; font-weight: normal; color: #666; width: 162px; padding-left: 35px; }
#menu ul li ul li a:hover { background-image: url(../images/submenu-aktivni-01.png); color: #CCC; }
#menu ul li ul li a.open { background-image: url(../images/submenu-aktivni-02.png); color: #CCC; }
#menu ul li ul li ul li { font-size: 100%; margin-left: 1px; }
#menu ul li ul li ul li a { background: #B3B3B3; width: 176px; padding-left: 20px; }
#menu ul li ul li ul li a:hover { background: #CCC; color: #666; }
#menu ul li ul li ul li a.active { background: #CCC; }

/* footer */
#footer { background: url(../images/pozadi03.png) no-repeat left top; padding: 28px 0 10px; }
#footer p { font-size: 85%; color: #FFF; text-align: right; line-height: 1.2; }
#footer a.noline { text-decoration: none; }
#footer a.noline:hover { text-decoration: underline; }

/* other */
.hide { display: none; }

.align-c { text-align: center; }
.align-r { text-align: right; }

.clear-l { clear: left; }

.margin-t { margin-top: 25px; }

.margin-b { margin-bottom: 10px; }

.nobrd { border: none !important; }

.nobg { background: none !important; }

.nomrg { margin: 0 !important; }

.message { font-weight: bold; text-align: center; }

.ok { color: #008000; }

.err { color: #FF0000; }

.hr-spec { height: 0; border: none; margin: 0; display: block; clear: left; visibility: hidden; }