/* HTML tags */
body {font:0.9em Arial, Arial, Helvetica, sans-serif; line-height:1.458em; background:#fff url(../img/body-bg.png) repeat-x 0 0; padding:0; margin:0;}
a {color:#1b509b; text-decoration:underline;}
a:hover, a:focus {text-decoration:none;}
p {font-size:0.9em; color:#4a5258; margin-bottom:8px;}
h1 {color:#fff; font-size:1.2em; font-style:italic; font-weight:lighter;}
h2 {color:#b6061a; font-size:1.2em; border-bottom:2px solid #d7d7d7; line-height:1.5em; margin-bottom:10px;}
h3 {color:#b6061a;}
h2 a, h3 a {color:#b6061a; text-decoration:none;}
h2 a:hover, h3 a:hover, h2 a:focus, h3 a:focus {color:#1b509b;}

/* Layout */
#mother {position:relative; margin:0 auto; width:960px;}
#header {height:379px; background:#17588f url(../img/header.jpg) no-repeat 0 0; position:relative; width:960px;}
#content {width:960px;}
#col-side {float:left; width:245px; padding:30px 25px 0 20px;}
#col-content {float:right; width:620px;}
#footer {border-top:1px solid #d7d7d7; margin-top:30px; height:50px;}
.front {background:url(../img/content-front-shadow.png) no-repeat 287px 0;}
.front #col-content {padding-top:30px;}
.sub {background:url(../img/content-sub-shadow.png) no-repeat 287px 0;}
.post {margin-bottom:30px; overflow:hidden;}

/* Header */
#nav-skip {position:absolute; left:-999em; top:0;}
#nav-skip a:focus, #nav-skip a:active {position:absolute; left:999em; width:960px; background:#fff; padding-top:2px; z-index:10; text-align:center;}

#logo {float:left; display:inline; width:200px; margin-top:10px;}
#logo a {color:#fff;}

#site-nav {float:right; font-size:90%; margin-top:30px; z-index:10;}
#site-nav li {float:left;}
#site-nav li a {color:#666; text-decoration:none; padding:0 10px 0 15px; border-right:1px solid #c9c9c9; margin:0 0 0 10px;} 
#site-nav li a:hover, #site-nav ul li a:focus {color:#1b509b; text-decoration:underline;}
#site-nav li.home a {background:url(../img/home.gif) no-repeat 0 50%;}
#site-nav li.sitemap a {background:url(../img/sitemap.gif) no-repeat 0 50%;}
#site-nav li.print a {background:url(../img/print.gif) no-repeat 0 50%; border-right:none;}

#site-search {position:absolute; bottom:10px; left:679px;}
#site-search fieldset {border:none;}
#site-search input, #site-search select, #site-search label {vertical-align:middle;}
#site-search input#searchstring {background:#00223B url(../img/search-input.png) no-repeat 0 0; font-size:0.8em; color:#ccc; height:20px; line-height:19px; padding:2px 5px 0 5px; width:190px; border:none; float:left;}
#site-search input.submit {background:#EAEDF0 url(../img/search-btn.png) no-repeat 0 0; height:21px; line-height:18px; width:66px; color:#484f55; cursor:pointer; font-size:0.8em; border:none; float:left;}

#nav {margin:0; padding:0; position:absolute; top:180px; left:20px;}
#nav {line-height:1.0; width:245px;}
#nav li {float:left; position:relative; margin:0 0 4px 0;}
#nav li a {display:block; width:205px; font-size:0.85em; line-height:29px; text-transform:uppercase; color:#4a5258; font-weight:bolder; text-decoration:none; padding:0 20px; background:#D7DDE2 url(../img/nav-a.png) no-repeat 0 0;}
#nav li a:hover, #nav li a:focus, #nav li a.active {color:#fff; background-position:0 -29px;}
#nav li:hover ul, #nav li.sfHover ul {left:280px; top:0; z-index:99;}
#nav li ul {position:absolute; top:-999em; width:190px; background:url(../img/nav-ul.png) repeat 0 0; padding:18px 10px 15px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -khtml-border-radius:4px;}
#nav li ul li {width:170px; margin-left:10px; display:inline; background:url(../img/nav-ul-li.png) repeat-x 0 100%; padding-bottom:4px;}
#nav li ul li.last {background:none; padding-bottom:0;}
#nav li ul li a {background:none; padding:0; line-height:19px; width:180px;}
#nav li ul li a:hover, #nav li ul li a:focus {color:#1b509b;}

#slogan {position:absolute; top:170px; left:520px;}
#slogan h1 span {display:block; font-weight:bold;}
#slogan .button {display:block; position:relative; background:url(../img/slogan-btn.png) no-repeat 0 0; height:25px; line-height:20px; color:#484f55; text-decoration:none; font-size:0.9em; margin:13px 0 0 0; width:141px; text-indent:-9999px;}

#green {position:absolute; width:133px; height:110px; display:block; overflow:hidden; top:240px; left:287px; text-align:center; padding-top:40px; color:#fff;}
#green span {position:absolute; width:133px; height:150px; display:block; top:0; left:0; background:url(../img/zelena-usporam.png) no-repeat 0 0; cursor:pointer;}

/* Content */
#quick-contact {margin-bottom:30px;}
#quick-contact p {line-height:1.3em;}
#quick-contact p strong {color:#4a5258;}
#quick-contact em {color:#888f95; font-weight:bold;}

#iso {position:relative; display:block; overflow:hidden; width:245px; height:73px; margin:25px 0; color:#005C8F;}
#iso span {position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/iso-certifikat.png) no-repeat 0 0; cursor:pointer;}

#side-gallery a {position:relative; display:block; width:70px; height:70px; overflow:hidden; float:left; margin:10px 0;}
#side-gallery .center {margin-right:17px; margin-left:17px;}
#side-gallery .corner {position:absolute; top:0; left:0; background:url(../img/side-gallery-corner.png) no-repeat 0 0; width:70px; height:70px; cursor:pointer;}

#news {margin-bottom:40px;}
#news ul {background:url(../img/news-divider.png) repeat-y center 0; overflow:hidden;}
#news ul li {float:left;}
#news ul li.left {margin-right:20px; width:290px;}
#news ul li.right {margin-left:30px; width:280px;}
#news ul li p {margin-bottom:0;}
#news ul li p.heading {font-weight:bold; color:#1b509b;}

#breadcrumb {color:#B6CCEB; margin:18px 0 25px 0;}
#breadcrumb a {font-weight:bold; color:#B6CCEB; text-decoration:none;}
#breadcrumb a:hover, #breadcrumb a:focus {text-decoration:underline;}
#paging {position:relative; background:#005482 url(../img/paging.png) no-repeat 100% 0; height:50px; color:#B6CCEB; padding:17px 20px 17px 20px; font-weight:lighter; display:inline; overflow:hidden;}
#paging a {font-weight:bold; color:#B6CCEB; text-decoration:none;}
#paging a:hover, #paging a:focus {text-decoration:underline;}
#paging a.active {color:#fff;}
#paging span {position:absolute; top:0; left:0; height:50px; width:10px; display:block; background:url(../img/paging-span.png) no-repeat 0 0;}

.photo {float:left; margin:0 15px 5px 0;}
.photo p {margin:0; padding:0; line-height:0;}
.photo img {display:block;}
.photo a {display:block; text-decoration:none; height:124px; width:165px; border:4px solid #144d79; position:relative;}
.photo a .corner {position:absolute; display:block; width:173px; height:132px; top:-4px; left:-4px; padding:0; background:url(../img/photo-corner.png) no-repeat 0 0; cursor:pointer;}
.photo span {display:block; width:163px; height:100%; margin:0; padding:5px; overflow:hidden; background:#fff url(../img/photo-description.png) repeat-x 0 0; line-height:1.458em; color:#0f4168; text-align:center;}
.gallery {overflow:hidden;}
.gallery .photo {margin:0 9px 10px 0;}
.gallery .photo a {width:140px; height:105px;}
.gallery .photo a .corner {position:absolute; display:block; width:148px; height:113px; top:-4px; left:-4px; padding:0; background:url(../img/gallery-corner.png) no-repeat 0 0; cursor:pointer;}
.gallery .photo span {width:138px;}
.gallery .last {margin-right:0;}

table {color:#4a5258; font-size:0.9em; margin:5px 0 10px 0; background:#E5E9ED; width:100%;}
table tr td {padding:2px 8px; border:1px solid #D7D7D7; vertical-align:middle;}

#info {position:relative; margin-bottom:30px;}
#info #map {position:absolute; top:0; right:0; display:block; width:276px; height:176px;}

table#register {background:#fff;}
table#register tr td {border:1px solid #fff;}
table#register tr td.fst {width:100px; text-align:right; color:#686868; vertical-align:top;}
table#register tr td.heading {background:#E5E9ED; border-bottom:1px solid #B9BEC3;}

/* Carousel*/
.carousel {width:620px; position:relative; margin:30px 0 0 0; height:130px;}
.carousel h2 {border-bottom:none; padding-bottom:20px; margin:0;}
.carousel .line {display:block; overflow:hidden; width:620px; height:5px; background:url(../img/carousel-line.png) no-repeat 0 0; position:absolute; left:0;}
.carousel .top {top:30px;}
.carousel .bottom {bottom:0px; background-position:0 -5px;}
.carousel .wrapper {width:536px; overflow:hidden; position:absolute; height:80px; margin:0; left:42px;}
.carousel .wrapper ul {width:9999px; margin:0; padding:0; position:absolute; top:0; font-size:0.75em; line-height:1.4em;}
.carousel ul li {display:block; float:left;}
.carousel ul li img {display:block; margin:0 2px;}
.carousel .arrow {display:block; height:41px; width:42px; position:absolute; top:60px; cursor:pointer; background-image:url(../img/arrow.png); background-repeat:no-repeat; background-position:0 0; line-height:0px; text-indent:-9999px;}
.carousel .forward {background-position:right top; right:0;}
.carousel .back {background-position:left top; left:0;}
.carousel .forward:hover {background-position:right bottom;}
.carousel .back:hover {background-position:left bottom;}

.atts {overflow:hidden;}
.atts p {float:left; width:310px; margin:0 0 10px 0; cursor:pointer; display:block;}
.atts p a {position:relative; display:block; width:233px; padding:4px 0 0 10px; height:52px; margin-left:50px; color:#4a5258; line-height:13px; font-weight:bold; text-decoration:none;}
.atts p a:hover, #atts p a:focus, #atts p a:focus  {color:#1b509b;}
.atts p a span.type {display:block; margin-top:5px; font-weight:lighter; color:#8A99A4;}
.atts .xls {background:url(../img/atts/xls.png) no-repeat 0 0;}
.atts .xlsx {background:url(../img/atts/xlsx.png) no-repeat 0 0;} 
.atts .doc {background:url(../img/atts/doc.png) no-repeat 0 0;}
.atts .docx {background:url(../img/atts/docx.png) no-repeat 0 0;}
.atts .ppt {background:url(../img/atts/ppt.png) no-repeat 0 0;}
.atts .pptx {background:url(../img/atts/pptx.png) no-repeat 0 0;}
.atts .pdf {background:url(../img/atts/pdf.png) no-repeat 0 0;}
.atts .rtf {background:url(../img/atts/rtf.png) no-repeat 0 0;}
.atts .zip {background:url(../img/atts/zip.png) no-repeat 0 0;}
.atts .jpg {background:url(../img/atts/jpg.png) no-repeat 0 0;}
.atts .mp3 {background:url(../img/atts/mp3.png) no-repeat 0 0;}
.atts .att {background:url(../img/atts/att.png) no-repeat 0 0;}  

.form {background:#DBDFE4 url(../img/form-bg.png) repeat-x 0 0; width:558px; margin:20px 0 0 0; border:1px solid #d4d4d4; padding:20px 30px; position:relative; margin-bottom:10px;} 
.form .corner {position:absolute; left:-1px; width:620px; height:5px; display:block; overflow:hidden; background:url(../img/form-corner.png) no-repeat 0 0; z-index:10; margin:0;}
.form .top {top:-1px;}
.form .bottom {bottom:-1px; background-position:0 -5px;}
.form h2 {border-bottom:none; margin-bottom:20px;}
.form span {margin-bottom:10px; height:100%; display:block; width:100%; overflow:hidden;}
.form label {float:left; width:150px; font-size:0.9em; line-height:24px; color:#4a5258; height:30px;}
.form input {float:left; width:390px; height:18px; background:#fff url(../img/form-input.png) no-repeat right 0; padding:7px 5px 5px 5px; border:none; font-size:0.9em; color:#333; position:relative; z-index:1;}
.form .code {float:left; margin-top:5px;} 
.form input#code {margin-left:20px; width:100px; background:url(../img/form-code-bg.png) no-repeat 0 0; text-align:center;} 
.form textarea {width:390px; height:88px; padding:7px 5px 5px 5px; border:none; font-size:0.9em; background:#fff url(../img/form-textarea.png) no-repeat 0 0; font-family:"Trebuchet MS", Helvetica, sans-serif; color:#333;}
.form .row .code {z-index:1; float:left; margin-top:5px;}
.form .submit-btn {float:right; width:136px; height:27px; padding:0; color:#B6CCEB; background:#CB0000 url(../img/form-btn.png) no-repeat 0 0; cursor:pointer; margin-right:10px; font-weight:bold;}
.form p.info {margin:10px 0 0 0; text-align:right;}
.form p.error, .form p.success { position:absolute; top:20px; left:335px; font-weight:bold; padding-left:25px;}
.form p.error {color:#BF2D11; background:url(../img/error.png) no-repeat 0 10px;}
.form p.success {color:#658D2C; background:url(../img/success.png) no-repeat 0 50%;}

.sitemap li, .post ul li {background:url(../img/bullet.png) no-repeat 0 2px; padding-left:20px;}
.sitemap li ul {margin-bottom:10px; margin-top:0;}
.post ul {font-size:0.9em; color:#4a5258; margin:10px 0 15px 0;}

/* Footer */
#footer p {margin:10px 0 0 0;}
#footer p.left {float:left; color:#4a5258;}
#footer p.right {float:right; color:#989898;}
#footer p a {font-weight:bold; text-decoration:none;}
#footer p.left a {color:#4a5258;}
#footer p.right a {color:#989898;}
#footer p a:hover, #footer p a:focus {text-decoration:underline; color:#1b509b;}