@import url("menu.css");

body{
	background: url(../images/bijela.gif) repeat-x 0px 68px #dadada;
	margin:0px;
	padding:0px;
	font:13px Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#3f4042;
	text-align:center;
	line-height:140%;
	border:1px solid #dadada;
}
a{
    text-decoration:none;
    color:#fff;
}
a:hover{color:#3f4042;}
h1{
    background:url(../images/logo.gif) no-repeat;
    position:absolute;
    top:119px;
    left:50px;
    margin:0px;
    padding:0px;
    width:175px;
    font-size:0px;
    text-indent:-9000px;
    line-height:0px;
}
h1 a{
    display:block;
    height:45px;
}
h2{
    margin:15px 0px;
    font-size:16px;
    text-transform:uppercase;
    
}
h2#motto{
    background:url(../images/motto.gif) no-repeat;
    position:absolute;
    top:119px;
    right:50px;
    margin:0px;
    padding:0px;
    width:220px;
    height:34px;
    font-size:0px;
    text-indent:-9000px;
    line-height:0px;
}
h3{
    margin:0px;
    padding:0px;    
    font-size:0px;
    text-indent:-9000px;
    line-height: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% Trebuchet MS, Arial, Helvetica, sans-serif;}
td{color:#dadada;}

/* container */
#default, #page{
	margin:0px auto;
	width:750px;
	text-align:left;
}

/* content */
#content{
	background:url(../images/bg-content.gif) repeat-x #303133;
	float:left;
	width:750px;
	height:auto;
	min-height:563px;
	padding-bottom:43px;
	color:#dadada;
}
#content a:hover{color:#d93a3a;}

/* header */
#header{
    background:url(../images/bg-header.gif) no-repeat;
    position:relative;
    height:411px;
}
p#meta{
	position:absolute;
	right:50px;
	top:45px;
	margin:0px;
	padding:0px;
	text-align:right;
}
p#meta a{
    background:url(../images/bg-meta.gif) repeat-x bottom;
    margin-left:26px;
    font-size:12px;
}
#homePic{
    float:left;
    display:inline;
    width:498px;
    margin-top:193px;
}
#page #homePic{display:none;}
.pagePic{
    float:left;
    width:498px;
    height:223px;
    margin-top:193px;
}

/* search */
#search{
    position:absolute;
    top:423px;
    left:35px;
}
.searchField{width:132px;}
.btnSearch{
    background:none;
    width:55px;
    height:22px;
    border:0px;
    font-size:11px;
    cursor:pointer;
}
#searchResults{
    float:left;
    width:400px;
    margin:30px 30px 0px 30px;
}

/* body */

/* contact */
#contactBox{
    float:left;
    display:inline;
    width:150px;
    margin:60px 35px;
}
#contactBox h3{
    background:url(../images/croictEN/title-contact.gif) no-repeat;
    width:93px;
}
#contactBox h3 a{height:25px;}
#contactBox p {margin:5px 25px;}
/* contact form */
#formTemplateBox{
    float:left;
    margin:30px 30px 0px 30px;
}
.messageSent{margin-top:20px;}
.graficFormTable{
    float:left;
    width:403px;
}
.category{background:#d93a3a;}
.inputField{width:200px;}
.messageBox{
    width:400px;
    height:100px;
}
.button{
    background:#d93a3a;
    padding:1px;
    color:#dadada;
    font-size:12px;
    border:0px;
    cursor:pointer;
}

/* news */
#newsDefault{
    background:url(../images/bg-newsDefault.gif) no-repeat;
    float:left;
    width:463px;	
	margin-left:29px;	
}
#newsDefault h3{
    background:url(../images/croictEN/title-news.gif) no-repeat;
    width:39px;
    margin:42px 0px 10px 0px;
}
#newsDefault h3 a{height:11px;}
#newsDefault ul{    
    height:110px;
    margin:0px;
    padding:0px;
    overflow:-moz-scrollbars-vertical;
	overflow:auto;
	scrollbar-highlight-color:#3c3c3c;
	scrollbar-3dlight-color:#3c3c3c;
	scrollbar-track-color:#3c3c3c; 
	scrollbar-face-color:#3c3c3c;
	scrollbar-shadow-color:#3c3c3c; 
	scrollbar-darkshadow-color:#3c3c3c; 
	scrollbar-arrow-color:#dadada;
}
#newsDefault ul li{
	list-style:none;
	margin:1em 0px;
}
/* news page */
#newsContent{
	float:left;
	display:inline;
	width:470px;
	margin:30px 0px 0px 0px;
}
#newsNav{color:#dadada;}
#newsNav .selected{font-weight:bold;}
#newsNav .inactive{color:#dadada;}
ul#news{
    width:460px;
    margin:0px;
    padding:0px;
}
#news li{
	list-style:none;
	margin:.5em 0px;
}
#newsItemZoom{width:460px;}

/* page */
#textBox{
    float:left;
    width:750px;
}
#colLeft{
    float:left;
    width:252px;
    margin-top:37px;
}
#text{
    float:left;
    display:inline;
    width:460px;
    margin:30px 35px 10px 0px;
    height:auto;
    min-height:400px;
}
#text a{color:#d93a3a;}

/* site map */
#sitemap{    
    float:left;
    margin:30px;
}

/* related documents */
#relatedDocuments{
	margin:1em 0px;
	padding:0px;
}
#relatedDocuments li{list-style:none;}

/* footer */
#footer{
    background:url(../images/bg-footer.gif) no-repeat;
    float:left;
    width:100%;
}
#footer p{
    float:left;
    display:inline;
    width:300px;
    margin:0px 11px 0px 35px;
    padding:35px 0px;
}
#footer span{
    float:left;
    width:380px;
    padding-top:31px;    
}
#footer a{color:#d93a3a;}
#footer a:hover{color:#3f4042;}
#footer img{
    margin-left:15px;
    vertical-align:middle;
}