* { margin:0; padding:0; }
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border:0; }

body { font-family:"Lucida Grande", Arial, Helvetica, sans-serif; font-size:0.8125em; background:#252d31 url(../design/bg-body.jpg) 41px 0 repeat-x; color:#242c31; line-height:1.5em; }

/* GLOBAL
------------------------------*/
hr, .noscreen { display:none; }
.nobr { border:none !important; }

p { padding:0; margin:10px 0; font-size:1em; }
a { color:#000; text-decoration:underline; outline:none; }
a:hover { color:#000; text-decoration:none; }

.vlevo { float:left; margin:6px 10px 10px 0; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:right; }
.vpravo { float:right; margin:6px 0 10px 10px; padding:4px; background-color:#fff; border:1px solid #e2e2e2; z-index:1; clear:left; }
.center { text-align:center; }

table { margin:10px 0; }
table td { vertical-align:top; }

.red, .red:hover { color:#f93e1f !important; }

/* LAYOUT
------------------------------*/
#all { position:relative; width:967px; background:url(../design/bg.jpg) no-repeat; padding:216px 0 0 13px; }
#container { width:967px; overflow:hidden; }
#left-column { float:left; width:743px; background:url(../design/footer.gif) 0 100% no-repeat; padding:0 0 39px 0; overflow:hidden; }
.homepage #left-column { background:none; padding:0; }

/* H1 REPLACE
------------------------------*/
h1 { display:block; position:absolute; width:330px; height:130px; left:13px; top:0; padding:20px 0 0 0; text-align:center; font-size:1.3em; background:url(../design/logo.jpg) 0 0 no-repeat; }
h1 span { width:330px; height:150px; display:block; position:absolute; left:0; top:0; z-index:1; cursor:pointer; background:url(../design/logo.jpg) 0 0 no-repeat; }
h1 a { color:#0a4882; text-decoration:underline; }
h1 a:hover { color:#fff; text-decoration:none; }

/* TOPMENU
------------------------------*/
#topmenu { width:743px; height:50px; overflow:hidden; list-style:none; display:block; position:absolute; top:166px; left:13px;}
#topmenu ul { width:743px; height:50px; list-style:none; background:url(../design/bg-topmenu.jpg) no-repeat; }
#topmenu ul li { height:50px; float:left; width:185px; background:url(../design/bg-topmenu-sep.gif) 0 50% no-repeat; padding-right:1px; list-style:none; }
#topmenu ul li a { height:50px; line-height:34px; width:185px; display:block; color:#fff; text-decoration:none; text-transform:uppercase; font-size:1em; text-align:center; font-weight:bold; }
#topmenu ul li a:hover { color:#fff29d; text-decoration:none; }
#topmenu ul li.first { padding:0; background:none; }
#topmenu ul li.active { background:none; }
#topmenu ul .m1 { background:none; padding:0; }
#topmenu.o4 ul .m1 { background:none; padding:0 0 0 1px; }

#topmenu { background:url(../design/bg-topmenudiv.jpg) 0 33px no-repeat; }
#topmenu.o1 { background:url(../design/bg-topmenudiv.jpg) 0 16px no-repeat; }
#topmenu.o4 { background:url(../design/bg-topmenudiv.jpg) 0 -1px no-repeat; }

#topmenu.o1 ul .m1 { background:none; padding:0; }
#topmenu.o2 ul .m2 { background:none; padding:0; }
#topmenu.o3 ul .m3 { background:none; padding:0; }
#topmenu.o4 ul .m4 { background:none; padding:0; }

#topmenu.o1 ul .m2 { background:none; }
#topmenu.o2 ul .m3 { background:none; }
#topmenu.o3 ul .m4 { background:none; }

#topmenu.o1 ul .m1 a { background:url(../design/bg-topmenu-active.gif) no-repeat; color:#114159; line-height:40px; }
#topmenu.o2 ul .m2 a { background:url(../design/bg-topmenu-active.gif) no-repeat; color:#114159; line-height:40px; }
#topmenu.o3 ul .m3 a { background:url(../design/bg-topmenu-active.gif) no-repeat; color:#114159; line-height:40px; }
#topmenu.o4 ul .m4 a { background:url(../design/bg-topmenu-active.gif) no-repeat; color:#114159; line-height:40px; }

#topmenu.o1 ul .m1 a:hover,
#topmenu.o2 ul .m2 a:hover,
#topmenu.o3 ul .m3 a:hover,
#topmenu.o4 ul .m4 a:hover { color:#114159; }

/* HOMEPAGE
------------------------------*/
#hp { width:743px; height:426px; background:#fff url(../design/bg-hp.jpg) no-repeat; position:relative; }
.hp { width:208px; padding:122px 12px 0 12px; margin:2px 0 0 11px; float:left; height:164px; display:inline; }
.hp h2 { color:#0d5881; font-size:1.2em; font-weight:bold; text-transform:uppercase; padding:0; margin:0; }
.hp ul { list-style:square; margin:5px 0 0 20px; }
.hp ul li { list-style:square; list-style-position:outside; line-height:1.5em; }
.hp ul li a { color:#242c31; text-decoration:none; font-size:0.9em; }
.hp ul li a:hover, .hp ul li a:active { color:#0079c5; text-decoration:none; }
h2.projekt { text-transform:uppercase; text-align:right; position:absolute; top:335px; right:180px; line-height:1.2em; }
h2.projekt a { text-decoration:none; color:#24749b; }
h2.projekt a:hover { text-decoration:none; color:#0079C5; }

/* DETAIL
------------------------------*/
#box { width:707px; padding:0 19px 0 17px; background:url(../design/bg-box.gif) repeat-y; }
.box-left { float:left; width:192px; }
.box-right { float:right; width:481px; background:url(../design/bg-drobky.gif) no-repeat; padding:0 17px; min-height:400px; height:auto !important; height:400px;}
.box-right hr { display:block; height:1px; color:#c2e9f7; background-color:#c2e9f7; border:0px solid #c2e9f7; }

.fotoheader { width:718px; height:117px; background:#fff url(../design/bg-detail.jpg) 11px 0 no-repeat; padding:0 14px 0 11px; overflow:hidden; }
.bgjakost { background:#fff url(../design/bg-jakost.jpg) 11px 0 no-repeat !important; }
.bgo-nas, .bgstrojni-park { background:#fff url(../design/bg-onas.jpg) 11px 0 no-repeat !important; }
.bgkontakt { background:#fff url(../design/bg-kontakt.jpg) 11px 0 no-repeat !important; }
.bgjakost { background:#fff url(../design/bg-jakost.jpg) 11px 0 no-repeat !important; }
.bgreference { background:#fff url(../design/bg-reference.jpg) 11px 0 no-repeat !important; }

.drobky { color:#000; font-size:0.85em; margin:0; padding:0; height:29px; line-height:29px; }

.box-right h2 { text-transform:uppercase; font-size:1.95em; padding:20px 0 0 0; font-weight:normal; line-height:1.1em; }
.box-right h3 { font-size:1.7em; font-weight:normal; padding:10px 0 0 0; }
.box-right ul { margin:10px 0 0 30px; padding:0 0 10px 0; }

/* SIDEBAR
------------------------------*/
#sidebar { float:right; width:194px; padding:18px 15px 0 15px; position:relative; }
#sidebar p { color:#fff; line-height:1.2em; margin:0; padding:10px 0; position:relative; }
#sidebar p a { color:#fff; text-decoration:none; }
#sidebar p a:hover { color:#fff; text-decoration:underline; }
#sidebar p.title-kontakt, #sidebar p.title-jakost { color:#c5e2f4; font-weight:bold; text-transform:uppercase; font-size:1.1em; padding-top:15px; }
#sidebar p.title-kontakt a { color:#c5e2f4; text-decoration:none; }
#sidebar p.title-kontakt a:hover { color:#c5e2f4; text-decoration:underline; }
#sidebar p.title-kontakt {background:url(../design/bg-title-kontakt.gif) 4px 50% no-repeat; padding-left:30px; }
#sidebar p.title-jakost {background:url(../design/bg-title-jakost.gif) 0 50% no-repeat; padding-left:30px; }
#sidebar p.title-jakost a { color:#c5e2f4; text-decoration:none; }
#sidebar p.title-jakost a:hover { color:#c5e2f4; text-decoration:underline; }

/* NEWS
------------------------------*/
#news { float:left; width:708px; }
.news { float:left; width:202px; margin:20px 0 0 34px; color:#fff; display:inline; }
.news h3 { color:#81c7dd; font-size:1em; font-weight:bold; }
.news h3 em { display:inline; float:left; font-style:normal; width:130px; }
.news h3 span { color:#81c7dd; font-size:1em; font-weight:bold; float:right; width:70px; font-size:0.9em; }
.news p { clear:both; background:url(../design/bg-dot.gif) 0 4px repeat-x; margin:3px 0 0 0; padding:10px 0 0 0; }
.news a { color:#ff3f1f; text-decoration:underline; }
.news a:hover { color:#ff3f1f; text-decoration:none; }


/* LEFT COLUMN
------------------------------*/
ul.menu { margin:0; padding:0 0 0 0; list-style:none; background:#ddf6fd url(../design/bg-menu.gif) 0 100% no-repeat; overflow:hidden; }
ul.menu li { margin:0; padding:0; border-bottom:1px solid #3b7a9d; }             
ul.menu li a { display:block; color:#0d5881; text-decoration:none; font-weight:bold; padding:5px 10px 5px 28px; width:154px; margin:0; font-size:0.9em; background:url(../design/bg-menu-li.gif) 0 50% no-repeat; text-transform:uppercase;}
ul.menu li.menu-active a { color:#0d5881; background:#75cce8 url(../design/bg-menu-lih.gif) 0 50% no-repeat; }
ul.menu li a:hover {color:#0d5881; text-decoration:none; background:#75cce8 url(../design/bg-menu-lih.gif) 0 50% no-repeat; }
ul.menu li.last a { padding:5px 10px 5px 28px; }
ul.menu li.last { border:none; }

ul.menu li ul { margin:0; padding:0; background:#0d5881; list-style:none; }
ul.menu li ul li { background:none; list-style:none; border-bottom:1px solid #236d94; }
ul.menu li ul li a { font-weight:bold; color:#fff1c6 !important; background:url(../design/bg-menu-li-dot.gif) 15px 50% no-repeat !important; font-size:0.85em; padding:4px 10px 2px 28px; }
ul.menu li ul li a:hover { color:#8bd7f2 !important; text-decoration:underline; background:url(../design/bg-menu-li-hover.gif) 15px 50% no-repeat !important; }
ul.menu li ul li a.selected { color:#8bd7f2 !important; text-decoration:none; background:#3079a0 url(../design/bg-menu-li-dot.gif) 15px 50% no-repeat !important; }

.button { background:url(../design/bg-button.gif) no-repeat; height:34px; width:154px; display:block; color:#fff; line-height:30px; padding:5px 10px 5px 28px; text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:0.9em; margin-top:10px; } 
.button:hover { color:#fff29d; text-decoration:none; }

.pdf { background:url(../design/bg-pdf.gif) no-repeat; height:34px; width:162px; display:block; color:#052c46; line-height:15px; padding:5px 0 5px 30px; text-decoration:none; font-weight:bold; font-size:0.85em; margin-top:10px; letter-spacing:-0.05em; } 
.pdf:hover { color:#052c46; text-decoration:none; }

/* FOOTER
------------------------------*/
#footer { margin:0 259px 0 34px; padding:10px 0 0 0; width:674px; color:#fff; position:relative; clear:both; background:url(../design/bg-dot.gif) 0 10px repeat-x; }
#footer a { color:#ff3f1f; text-decoration:underline; padding:0 20px; text-align:center; text-transform:uppercase; }
#footer a:hover { color:#ff3f1f; text-decoration:none; }
#footer p { color:#ff3f1f; font-size:0.85em; float:left; margin-left:-20px; margin-top:20px; }
#footer p.copyright { color:#707b80; float:right; text-align:right; margin-left:0; margin-top:10px; }
#footer p.copyright a { color:#707b80; padding:0; }
#footer p.copyright a:hover { color:#707b80; }

/* FORM
------------------------------*/
#form { clear:both; }
fieldset { border:none; margin:0; padding:12px 0 8px 0; }
legend { display:none; }
#form ol { list-style:none; margin:0; padding:0; font-size:1em; }
#form ol li { clear:both; width:100%; padding-top:5px; }
#form ol li span { padding:0 0 0 5px; color:#FF0000; font-weight:bold; font-size:1.4em; }
#form label { width:85px; display:block; margin-top:2px; float:left; text-align:right; padding-right:15px; }
#form .styluj textarea { width:340px; height:150px; background:#fff; }
#form .styluj input { width:220px; float:left; background:#fff; }
#form .short input { width:120px; border:1px solid #fff; }
#form select { width:266px; float:left; background:#fff; }
#form .styluj textarea, #form .styluj select, #form .styluj input { padding:1px 2px; border:1px solid #fff; }
#form .zemSubmit { width:auto !important; padding:5px; margin:15px 0 0 100px; }

ul.zemError { margin:5px 0 15px 20px !important; list-style:square; }
ul.zemError li { padding:0; list-style:square; }
.error, .alert { color:#FF0000; font-weight:bold; }

/* CLEARFIX
------------------------------*/
.clearfix:after {content: ".";display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}