@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: Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #033826; line-height: 1.2; padding: 0; margin: 0; }

body#site { font-size: 90%; }

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

h1 { font-size: 130%; }

h2 { font-size: 110%; }

h3 { font-size: 100%; }

img { border: none; }

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

span { font-size: 100%; }

/* layout */
#container { width: 970px; margin: 0 auto; position: relative; }

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

/* header */
#header { background: #FFF url(../images/hlavicka.png) no-repeat left top; height: 178px; }

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

#langswitch { position: absolute; top: 6px; right: 2px; }
#langswitch a { margin-right: 5px; display: block; float: left; }
#langswitch img { display: block; }

#skip { width: 1px; height: 1px; position: absolute; top: -10000px; left: 0; overflow: hidden; }

/* menu */
#menu { position: absolute; top: 152px; left: 0; }
#menu ul { background-color: #FFCC00; width: 965px; padding-left: 5px; list-style: none; }
#menu ul li { margin: 0 5px; float: left; }
#menu ul li a { height: 25px; display: block; position: relative; overflow: hidden; }
#menu ul li a span { background-repeat: no-repeat; background-position: left top; height: 24px; display: block; position: absolute; top: 0; left: 0; }

#menu ul li#item1 a { width: 47px; }
#menu ul li#item1 a span { background-image: url(../images/uvod.gif); width: 47px; }

#menu ul li#item2 a { width: 73px; }
#menu ul li#item2 a span { background-image: url(../images/produkty.gif); width: 73px; }

#menu ul li#item3 a { width: 87px; }
#menu ul li#item3 a span { background-image: url(../images/fotogalerie.gif); width: 87px; }

#menu ul li#item4 a { width: 68px; }
#menu ul li#item4 a span { background-image: url(../images/kontakt.gif); width: 68px; }

/* partners-link */
#partners-link { position: absolute; top: 152px; right: 6px; }
#partners-link a { width: 128px; height: 24px; display: block; position: relative; overflow: hidden; }
#partners-link a span { background: url(../images/partneri.png) no-repeat left top; width: 128px; height: 24px; position: absolute; top: 0; left: 0; }

/* main */
#main { background: url(../images/gradient.png) repeat-x left top; width: 970px; padding-bottom: 100px; overflow: hidden; position: relative; }

/* left-col */
#left-col { width: 235px; padding: 0 5px 0 10px; position: absolute; top:0; left: 0; }

/* submenu */
#submenu ul { margin: 8px 10px; list-style: none; }
#submenu ul li { text-align: center; margin-bottom: 2px; }
#submenu ul li a.item { font-weight: bold; font-size: 90%; background-color: #00387A; color: #FFF; text-decoration: none; width: 205px; padding: 5px; display: block; }
#submenu ul li a.item:hover { background-color: #336095; }

/* news */
#news h2 { width: 234px; height: 28px; position: relative; overflow: hidden; }
#news h2 span { background: url(../images/novinky.png) no-repeat left top; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#news { font-size: 90%; }
#news .news-piece { margin-bottom: 15px; }
#news .news-piece .link-more { font-weight: bold; text-align: right; margin-right: 15px; }
#news .news-piece .link-more a { color: #000; text-decoration: none; }
#news .news-piece .link-more a:hover { text-decoration: underline; }
#news #link-archive { text-align: right; margin-right: 10px; }
#news #link-archive a { font-weight: bold; color: #000; text-decoration: none; }
#news #link-archive a:hover { text-decoration: underline; }

/* content */
#content { width: 465px; padding: 10px 10px 0 255px; float: left; }
#content.zajemci { font-size: 75%; width: 969px; padding: 10px 0 0 1px; }

#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 #033826; }
#content.zajemci table th,
#content.zajemci table td { min-width: 3%; }
#content table th { text-align: center; }

#content form table { width: auto; }
#content form table th,
#content form table td { vertical-align: baseline; border: none; }
#content form table th { text-align: right; }
#content form .submit { cursor: pointer; }

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

#content select { width: 100%; border: 1px solid #033826; }

#content .paging,
#content .paging a { color: #777; }
#content .paging { text-align: center; margin: 15px 0; }
#content .paging .actual-page { font-weight: bold; font-size: 120%; text-decoration: none; }

#content .news-piece { margin-bottom: 15px; }
#content .news-piece .link-more { text-align: right; margin: 0; } 

#content .article { margin-top: 20px; }

#content .gallery { margin-top: 20px; }
#content .gallery .gallery-img { width: 140px; margin-right: 10px; float: left; }
#content .gallery .gallery-img .img { height: 105px; }
#content .gallery .gallery-img .img img { margin: 0 auto; display: block; }
#content .gallery .gallery-img .title { font-size: 90%; text-align: center; line-height: 1; height: 52px; margin: 0; }

#content #cat-order-form #jmeno,
#content #cat-order-form #email,
#content #cat-order-form #telefon { width: 200px; }
#content #cat-order-form #ulice { width: 153px; margin-right: 5px; }
#content #cat-order-form #cislo { width: 30px; }
#content #cat-order-form #psc { width: 50px; margin-right: 5px; }
#content #cat-order-form #mesto { width: 133px; }
#content #cat-order-form #kraj { width: 212px; }
#content #cat-order-form #poznamka { width: 265px; }
#content #cat-order-form #internet,
#content #cat-order-form #vystava,
#content #cat-order-form #odjinud { padding: 0; border: none; }
#content #cat-order-form .th-spec { vertical-align: top; padding-top: 5px; }
#content #cat-order-form .td-spec1 label { margin: 0 5px; }
#content #cat-order-form .td-spec2 { text-align: center; padding-top: 15px; }
#content #cat-order-form .submit { background-color: #125F4D; color: #FFF; }

/* right-col */
#right-col { width: 235px; padding: 8px 5px 0 0; float: right; }

#price-list { margin: 11px; }
#price-list a { width: 215px; height: 215px; display: block; position: relative; overflow: hidden; }
#price-list a span { background: url(../images/cenik.jpg) no-repeat left top; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#offers .offer { margin-bottom: 3px; }
#offers .offer a,
#offers .offer img { display: block; }

#illustrative img { display: block; }

#partneri h2 { position: relative; width: 235px; height: 28px; overflow: hidden; }
#partneri h2 span { position: absolute; top:0; left: 0; background:url(../images/partneri.png) no-repeat; display: block; width: 100%; height: 100%; }
#partneri ul { list-style-type: none; }

/* footer */
#footer { background: url(../images/paticka.png) no-repeat left top; text-align: center; height: 25px; padding-top: 129px; }
#footer p { background-color: #00387A; font-size: 75%; color: #FFF; }
#footer img { vertical-align: middle; }
#footer a { color: #FFF; }

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

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

.clear-l { clear: left; }

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

#img-container { text-align: center; }
#img-container p { margin-bottom: 5px; }
#img-container a { font-size: 100%; }

#img { margin: 0 auto; display: block; }

#popup { background-color: #FFCC00; font-size: 100%; width: 280px; height: 100px; padding: 15px; border: 3px solid #125F4D; margin: -68px 0 0 -158px; position: absolute; top: 50%; left: 50%; z-index: 10; }
#popup div { width: 100%; }
#popup p { font-weight: bold; color: #125F4D; text-align: center; margin: 5px 0 25px; }
#popup a { background-color: #125F4D; font-weight: bold; font-size: 100%; color: #FFF; text-transform: uppercase; text-decoration: none; text-align: center; width: 60px; height: 25px; padding-top: 8px; display: block; }
#popup a#yes { float: left; margin-left: 40px; }
#popup a#no { float: right; margin-right: 40px; }