/*****************************************
    CSS file for SITE_TITLE
    Copyright (c) web.burza.hr
*****************************************/

* { margin: 0; padding: 0; }
html { font: 80%/1.3 "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; color: #fff; background: #616161 url(/css/cssimg/layout/main_bg.jpg) repeat-x  50% 0; height: 100%; }
body { height: 100%; }
a, img, fieldset { outline: none; border: none; }
a:link { color: #fff; }
.clearfix:after { visibility: hidden; display: block; font-size: 0;  content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
#logo { position: absolute; top: 20px; left: 360px; }
#main_navigation { padding: 20px 0 0 30px; }
    #main_navigation li { list-style: none; margin-bottom: 10px; }
    #main_navigation #equipment { margin-left: -2px; }
    #main_navigation #events { margin-top: -4px; }
    #main_navigation #about { margin-top: -2px; }
    #main_navigation #multimedia { margin-top: -2px; }
.language_selection { position: absolute; right: 35px; top: 20px; }
    .language_selection a { color: #ff0c0c; text-decoration: none; }
#container { width: 983px; padding-top: 16px; margin: 40px auto; background: url(/css/cssimg/layout/start.jpg) no-repeat; padding-bottom: 3em; }
#content { background: url(/css/cssimg/layout/repeat.jpg) repeat-y; position: relative; }
#sidebar { padding: 10px 0 0 0; width: 250px; margin: 40px 80px 0 30px; float: left; position: relative; display: inline; }
    #body_multimedia #sidebar p { margin: 1em 0; }
#body_portfolio #sidebar { margin: 30px 70px 0 30px; }
#body_portfolio #content { min-height: 700px; height: auto !important; height: 700px; }
#body_about #sidebar { margin: 40px 70px 0 30px; }
    #sidebar h2 { font-size: 1.8em; font-weight: normal; margin: -10px 0 0 0; }
    #sidebar #photos  { float: left; width: 250px; }
    #sidebar #photos a { text-decoration: none; display: block; }
    #sidebar #photos li { list-style: none; float: left; margin: 0 5px 5px 0; position: relative; }
    #sidebar #photos .active span, #sidebar #photos li a:hover span { display: block; width: 80px; height: 62px; position: absolute; top: 0; left: 0; background: url(/css/cssimg/over.gif) no-repeat; cursor: pointer; }
    #sidebar #photos .last_in_row { margin-right: 0; }
    .signature { float: right; margin: 20px 0; }
    .portrait { float: left; display: block; border: #616161 5px solid; margin: 0 20px 70% 0;}
#main_content { float: left; width: 600px; position: relative; display: inline; }
.hr #main_content { margin-top: -120px; }
.en #main_content { margin-top: -106px; }
#body_portfolio #main_content, #body_error #main_content { float: right; margin-right: 25px; }
#body_about #main_content { float: right; margin-right: 25px; }
    #main_content .photos { min-height: 340px; height: auto !important;   }
    #main_content .photos li { list-style: none; float: left; margin: 0 5px 3px 0; }
    #main_content #selected_image { margin-bottom: 10px; text-align: center; }
       #main_content #selected_image img { border: #666 1px solid; margin-left: -10px; }
#portfolio_navigation { padding: 10px 0 30px 0; line-height: 1em; }
    #portfolio_navigation li, #photos_navigation li { list-style: none; float: left; border-right: #545454 2px solid; padding: 0 10px; margin-bottom: 10px; }
    #photos_navigation { clear: both; line-height: 1em; padding: 20px 0; }
    #portfolio_navigation li a, #photos_navigation li a { color: #929292; text-decoration: none; }
    #portfolio_navigation .first_child, #photos_navigation .first_child { padding-left: 0; }
    #portfolio_navigation .last_child, #photos_navigation .last_child { border-right: none; }
    #portfolio_navigation .active a, #photos_navigation .active a { color: #fff; }
#body_about #main_content p, #body_error #main_content p { margin-bottom: 20px; }
#body_portfolio #main_content h2, #body_error #main_content h2 { margin-bottom: 10px; }
#body_error #main_content ul li { margin-left: 15px; }
.contact_info, legend { display: none; }
#exhibits ul { width: 280px; float: left; margin: 0 20px 0 0; list-style: none; min-height: 150px; height: auto !important; height: 150px; }
    #exhibits ul { color: #999; }
    #exhibits ul h3 { color: #fff; padding-bottom: 0.5em; }
    #exhibits li { margin-top: 10px; }
#exhibits td        { vertical-align: top; padding-bottom: 1em; }
#exhibits td h2     { padding-bottom: 0.5em; font-size: 1.2em; color: #fff; }
#exhibits td p      { color: #999; }
#body_about #main_content.equipment { margin-top: -33px; }
#equipment { clear: both; }
#equipment dt { clear: left; float: left; width: 90px; padding-top: 2px; }
#equipment dd { float: left; display: inline; width: 400px; font-size: 1.2em; margin-bottom: 10px; }
.video { outline: none; margin-bottom: 20px; }
.multimedia ul { list-style: none; margin-bottom: 20px; }
.article { margin-bottom: 40px; }
.article .date { margin-bottom: 20px; color: #999; font-size: 11px; }
#pagination { margin: 30px 0; }
#pagination li { float: left; list-style: none; border: #999 1px solid; }
    #pagination li.active { padding: 5px 10px; color: #000; background: #fff; font-weight: bold; border: #fff 1px solid; }
    #pagination li a { color: #999; text-decoration: none; display: block; padding: 5px 10px; }
    #pagination li a:hover { color: #fff; background: #999; }
.article_gallery { margin: 20px 0; }
    .article_gallery li { float: left; list-style: none; margin-right: 10px; }
    .article_gallery li a { display: block; border: 3px solid #616161; }
    
.content .content_image { display: block; float: left; margin: 0 20px 0 0; border: 3px solid #616161; }
.content a:hover, #article_gallery li a:hover  { border: #fff 3px solid; }
#sidebar form { margin-top: 30px; }
    #sidebar label { display: block; margin: 5px 0;}
    #sidebar input, #sidebar textarea { width: 95%; padding: 6px; background: #515051; border: none; color: #fff; font-family: "Lucida Sans Unicode", Verdana, Tahoma, sans-serif; font-size: inherit; }
    #sidebar button { background: #222; border: none; color: #fff; padding: 10px; width: 150px; display: block; margin: 20px auto; }
#error_messages { margin-top: 40px; padding: 10px 5px 10px 5px; color: #ff0000; border-top: #515051 1px solid; border-bottom: #515051 1px solid; }
    #error_messages ul { margin: 10px 0 0 15px; }
#success_messages { color: #fff; font-weight: bold; margin-top: 40px; padding: 10px 5px 10px 5px; border-top: #515051 1px solid; border-bottom: #515051 1px solid; }
#footer { clear: both; padding: 0 0 25px 30px; background: url(/css/cssimg/layout/end.jpg) no-repeat bottom; font-size: .8em; }
    #footer .burza { display: block; width: 13px; margin: -13px 0 0 230px }
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:url(/css/cssimg/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/css/cssimg/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/css/cssimg/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/css/cssimg/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/css/cssimg/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/css/cssimg/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/css/cssimg/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/css/cssimg/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/css/cssimg/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#000;}
        #cboxCurrent{display: none;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/css/cssimg/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/css/cssimg/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/css/cssimg/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/css/cssimg/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/css/cssimg/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}