﻿@import url("menu.css");
@import url("poll.css");
@import url("kalendar.css");
@import url("newsletter.css");

body{
	background:#b9d6e8;
	margin:0px;
	padding:0px;
	font:11px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	line-height:140%;
}
a{
    text-decoration:none;
    color:#016dab;
}
a:hover{color:#333;}
h1{
    position:absolute;
    top:57px;
    left:284px;
    margin:0px;
    padding:0px;
    width:310px;
    font-size:0px;
    text-indent:-9000px;
    line-height:0px;
}
h1 a{
    display:block;
    height:105px;
}
h2{
    width:100%;
    margin:7px 0px 17px 0px;
    font:18px Myriad Pro, Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#016dab;
}
h3{
    margin:0px;
    padding:0px;
    text-indent:-9000px;
    font-size:0px;   
}
h3 a{display:block;}
h4{font-size:110%;}	
p, h4{margin:1em 0px;}
img{border:0px;}
fieldset{border:0px;}
table, td, select, textarea{font:100% Arial, Helvetica, sans-serif;}
.textMin{
    text-indent:-9000px;
    font-size:0px;
    line-height:0px;
}

/* container */
#default, #page{
	margin:0px auto;
	width:800px;
	text-align:left;
}

/* content */
#content{
	float:left;
	width:800px;
	height:auto;
	min-height:563px;
	background:#fff;
}
#content a:hover{color:#333;}

/* header */
#header{
    background:url(../images/header.jpg) no-repeat;
    position:relative;
    width:800px;
    height:235px;    
}
/* lijevi stupac */
#leftCol, #leftCol div, #leftCol h3{
    float:left;
    width:125px;
}
#calendarBox{
    height:114px;
    margin:15px 0px 18px 0px;
}
#calendarBox h3{
    background:url(../images/titleCalendar.gif) no-repeat;
    margin-bottom:5px;
}
#mediaBox{
    height:100px;
}
#mediaBox h3{
    background:url(../images/titleMedia.gif) no-repeat;
    margin-bottom:5px;
}
/* anketa - poll.css */

/* srednji stupac */
#centerCol{
    float:left;
    width:447px;
    margin:0px 30px 0px 16px;
}
#text{
    float:left;
    display:inline;
    height:auto;
    min-height:400px;
}
#text a{color:#d93a3a;}
/* desni stupac */
#rightCol{
    float:left;
    width:182px;
}
#rightCol a{display:block;}
a#contact{
    background:url(../images/contact.gif) no-repeat;
    height:40px;
}
a#blog{
    background:url(../images/blog.gif) no-repeat;
    height:40px;
}
h3#titleCommentBox{
    background:url(../images/titleComments.gif) no-repeat;
    margin-top:22px;
}
#commentBox{
    background:#016dab;
    height:97px;
    margin:0px 0px 17px 0px;
    padding:10px;
    overflow:-moz-scrollbars-vertical;
	overflow:auto;
	scrollbar-highlight-color:#016dab;
	scrollbar-3dlight-color:#016dab;
	scrollbar-track-color:#016dab; 
	scrollbar-face-color:#016dab;
	scrollbar-shadow-color:#016dab; 
	scrollbar-darkshadow-color:#016dab; 
	scrollbar-arrow-color:#fff;
	color:#fff;
}
#commentBox p{margin:0;}
#galleryBox{
    height:104px;
}
#galleryBox h3{background:url(../images/titleGallery.gif) no-repeat;}
#galleryBox img{margin:0px 18px;}
#videoBox{
    height:114px;
    margin:17px 0px;
}
#videoBox h3{background:url(../images/titleVideo.gif) no-repeat;}
#videoBox img{margin:0px 18px;}
#importantLinks h3{background:url(../images/titleLinks.gif) no-repeat;}
#importantLinks a{
    float:left;
    height:45px;
    text-indent:-9000px;
    font-size:0px;
}
a#impLinksHDZ{
    background:url(../images/logo-hdz.gif) no-repeat;
    width:84px;
}
a#impLinksSabor{
    background:url(../images/logo-sabor.gif) no-repeat;
    width:47px;
}
a#impLinksGradRi{
    background:url(../images/logo-gradRI.gif) no-repeat;
    width:51px;
}

/* */
#gallery table {
    float:left;
	display:inline;
	margin:5px;
	background:#f1f7fe;
	font-size:0px;
    }
#gallery table td {
    width:120px;
	height:122px;
	text-align:center;
	}  

/* contact form */
#formTemplateBox{float:left;}
.messageSent{margin-top:20px;}
.graficFormTable{
    float:left;
    width:430px;
}
.category{
    background:#016dab;
    color:#fff;
}
.inputField{width:200px;}
.messageBox{
    width:430px;
    height:100px;
}
.button{
    background:#016dab;
    width:50px;
    margin:10px 0px;
    padding:0px 0px 2px 0px;
    color:#fff;
    font-size:12px;
    border:0px;
    cursor:pointer;
}
/* news page */
#newsContent{
	float:left;
	display:inline;
	width:430px;
	margin:0px;
}
#newsNav{color:#333;}
#newsNav span{padding:0px 3px;}
#newsNav .selected{font-weight:bold;}
#newsNav .inactive{color:#333;}
ul#news{
    margin:0px;
    padding:0px;
}
#news li{
	list-style:none;
	margin:.5em 0px;
}
ul#pressUL,ul#pressUL li {
    margin:0px;
    padding:0;
    list-style:none;
    float:left;
    width:430px;
    }

#videoGalerija{
    float:left;
}
/* related documents */
ul#relatedDocuments{
	float:left;
	width:100%;
	margin:1em 0px;
	padding:0px;
}
#relatedDocuments li{list-style:none;}

/* footer */
#footer{
    float:left;
    width:100%;
    height:29px;
}
#footer p{
    float:left;
    display:inline;
    width:455px;
    margin:3px 140px;
    padding:0px;  
    border-top:1px solid #016dab;
    text-align:center;
}
#footer p a{margin-right:6px;}