* { margin: 0; padding: 0; list-style: none; }

a { text-decoration: none; color: #c9252b; border-bottom: solid 1px #efbdbf; }
a:hover { border-bottom: solid 1px #c9252b; }
p { line-height: 22px; margin-bottom: 12px; }

img { border: 0; }

body { background: url("img/body-bg.png") no-repeat top center; font-family: Arial; font-size: 13px; color: #333; }

h1 { text-transform: uppercase; color: #c9252b; margin-bottom: 20px; text-shadow: 1px 1px 2px #999; }

.left { float: left; }
.right { float: right; }

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

#header { min-height: 200px; margin-top: 30px; }
 #logo a { float: left; width: 358px; height: 233px; background: url("img/logo.png"); text-indent: -9999px; overflow: hidden; display: block; border: 0; }
 #sito { float: right; width: 391px; height: 265px; background: url("img/sito.png"); }

#content { background: url("img/content-shadow.jpg") no-repeat bottom center; padding: 30px 30px 60px 30px; min-height: 200px; }
 #content li { float: left; }
 #content li a { width: 250px; height: 40px; display: block; border: 0; padding: 140px 20px 0 20px; font-size: 20px; color: #333; text-shadow: 1px 1px 2px #fff; }
 #content li a:hover { color: #c9252b; background-position: bottom; }
 #content li a:active { position: relative; top: 1px; }

 #strojevi a { background: url("img/bg-strojevi.jpg"); margin-right: 15px; }
 #osvjetljivaci a { background: url("img/bg-osvjetljivaci.jpg"); margin-right: 15px; }
 #oprema a { background: url("img/bg-oprema.jpg"); }

#letva { background: url("img/letva.jpg"); width: 960px; height: 30px; }
#map { float: right; }

#sub-content { background: url("img/contact-bg.jpg") no-repeat; padding: 30px; }
 #sub-content .left { width: 290px; padding-right: 30px; border-right: solid 2px #ccc; min-height: 290px; }
 #sub-content .right { width: 550px; font-size: 16px; font-weight: bold; }
 #sub-content h2 { text-transform: uppercase; color: #c9252b; margin-bottom: 8px; text-shadow: 2px 2px 2px #dddddd; }
 #sub-content span { color: #999; font-weight: normal; }
 #contact-button a { padding: 10px 20px 8px 20px; margin-top: 10px; background-color: #c9252b; display: block; color: #fff; border: 0; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 2px #000; }
 #contact-button a:hover { background-color: #ab2025; }
 #contact-button a:active { margin-top: 11px; }

#sidebar { width: 290px; float: left; }
 #sidebar ul li a {background: #f1f1f1; padding: 20px 20px 0px 20px; width: 250px; margin-bottom: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; color: #333; font-size: 18px; font-weight: bold; text-shadow: 1px 1px 2px #ccc; }
 #sidebar ul li.active a {background: #c9252b; color: #fff; text-shadow: 1px 1px 2px #000;}

#sidebar-contact { font-size: 16px; font-weight: bold; float: left;  margin: 50px 0 0 30px; }


#staff { width: 580px; float: right; min-height: 400px; font-size: 15px; }
#staff li { list-style: disc; margin: 0 0 6px 30px; width: 100%; }
#staff ul { margin-bottom: 20px; float: left;  }

#akcija { width: 536px; border: 2px solid #ffee36; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 20px; background: #ffffdb; float: left; }
 #akcija h2 { font-size: 18px; font-weight: bold; margin: 0 0 2px 0; }
 #univerzalni-tisak { position: absolute; left: 950px; top: 719px;  }
 
#footer { background: #333333 url("img/footer-bg.jpg") no-repeat top center; width: 100%; min-height: 300px; }
 #footer .content { width: 900px; padding: 30px; margin: 0 auto 0 auto; }
 #footer .content a { color: #ccc; border-bottom: solid 1px red; }
 #footer .content a:hover { border-bottom: #555 solid 1px; }
 
/* img */
.img-center { clear: both; margin-bottom: 20px; }
.img-left { float: left; margin-right: 15px; }
.img-left-200 { float: left; margin-right: -185px; position: relative; left: -200px; }
.img-left-100 { float: left; margin-right: -85px; position: relative; left: -100px; }
.img-left-50 { float: left; margin-right: -35px; position: relative; left: -50px; }
.img-right { float: right; margin-left: 15px; }

/* 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%; }

/* ie warning */
#ie-warning     { margin: 0px auto; background: #ffc url(i/ie6/ie-warning-bottom.gif) no-repeat 50% 100%; border-bottom: solid yellow 2px; }
#ie-warning p   { background: url(i/ie6/ie-warning-top.gif) no-repeat 50% 0; font-size: 14px; padding: 14px 20px 20px; }
#ie-warning a   { font-weight: bold; }
#ie-warning em  { font-weight: bold; font-style: normal; color: #093; }