@charset "utf-8";

/* CSS Document */

body{

	margin:0;

	padding:0;

	background:url(../images/main_p.jpg) repeat-x;}

#outer{

	position:relative;

	margin:0 auto 0 auto;

	width:984px;

	height:auto;}

#hdr{

	float:left;

	position:relative;

	width:982px;

	height:108px;

	border-left:1px solid #5C7DB1;

	border-right:1px solid #5C7DB1;

	margin:0 0 0 1px;}

#hdr h1{

	width:339px;

	height:78px;

	background:url(../images/cro_tp_logo.jpg) no-repeat;

	margin:14px 0 0 10px;

	float:left;

	cursor:hand;

	}

#hdr h1 span{display:none;}

#hdr p{

	position:relative;

	float:right;

	margin:57px 0 0 3px;

	}

.no_border_image{

	margin:0;

	padding:0;

	float:left;}

#menu{

	position:relative;

	width:986px;

	height:102px;

	background:url(../images/menu_p.jpg) no-repeat;

	float:left;

	margin:2px 0 0 0;

	}

#menu ul{

	position:relative;

	width:880px;

	height:56px;

	float:left;

	margin:29px 0 0 0;

	padding:0 0 0 25px;

	list-style-type:none;}

#menu ul li{

	float:left;}

#menu ul li a{

	width:100px;

	display:block;

	float:left;

	text-decoration:none;

	color:#fff;

	background:url(../images/strelica.gif) no-repeat;

	background-position:left center;

	font-family:"Verdana";

	font-size:12px;

	padding:0 0 3px 10px;}

#menu ul li a:hover{

	text-decoration:underline;

	color:#ffcc00;}

#menu span{display:none;}

#left{

	position:relative;

	width:238px;

	float:left;

	margin:0 5px 0 2px;}

#left h1{

	width:100%;

	height:28px;

	background:url(../images/h1_p.jpg) repeat-x;

	margin:7px 0 0 0;

	padding:0;}

#left p{
	font-family:"Verdana";
	font-size:12px;
	line-height:15px;
	margin:0;
	padding:5px 0 5px 5px;
}

#left p a{
	color:#004b83;
	text-decoration:none;
	border-bottom:1px dotted #ccc;
	line-height:30px;
}

#left p a:hover{
	color:#004b83;
	text-decoration:none;
	border-bottom:1px dotted #004b83;}
	
#left ul{

	width:190px;

	list-style-type:none;

	float:left;

	margin:0;

	padding:0 0 0 10px;}

#left ul li a{

	font-family:"Verdana";

	color:#004b83;

	text-decoration:none;

	background:url(../images/strelica_zuta.jpg) no-repeat;

	background-position:left top;

	padding:0 0 3px 10px;

	font-size:11px;

	margin:0;

	font-weight:900;
	}

#left ul li a:hover{

	border-bottom:1px solid #ffcc00;}
#center{

	position:relative;

	width:492px;

	float:left;

	margin:0 5px 0 0;}

#center h1{

	width:100%;

	height:28px;

	background:url(../images/h1_p.jpg) repeat-x;

	margin:7px 0 0 0;

	padding:0;

		float:left;}

#center p{
	font-family:"Verdana";
	font-size:12px;
	line-height:20px;
	margin:0;
	padding:5px 0 10px 10px;

}

#center p span{
	width:300px;
	float:right;
	line-height:15px;	
	height:120px;
	margin-left:10px;
	margin-top:10px;	
	margin-bottom:0px;
	}
#center p span em{
		color:#999;}
#center p a{
	color:#004b83;
	text-decoration:none;
	border-bottom:1px dotted #ccc;}
#center p a:hover{
	color:#004b83;
	text-decoration:none;
	border-bottom:1px dotted #004b83;}

#center h2{
	position:relative;
	margin:0;
	width:250px;
	height:300px;
	padding:0;
	float:right;
	}

#center h2 img{
	margin:0;
	padding:0;
	float:right;}
#center h2 span{
	font-family:"Verdana";
	font-size:12px;
	color:#666;
	float:left;
	margin:25px 0 10px 0;}
#center h2 input{
	width:194px;
	float:left;
	margin:0 0 10px 0;
	border: 1px solid #4887B5;
	font-family:"Verdana";
	font-size:12px;
	color:#666;
	}
#center h2 textarea{
	width:194px;
	float:left;
	margin:0 0 10px 0;
	border: 1px solid #4887B5;
	font-family:"Verdana";
	font-size:12px;
	color:#666;
	}
#center h2 form{
	width:194px;
	margin:20px 20px 10px 0;
	padding:0 0 0 25px;
	border-left:2px solid #004B8E;
	float:left;}
#center h2 .fforma{
	width:194px;
	margin:0 20px 10px 0;
	float:left;}
#center .nobo{
	text-decoration:none;
	font-weight:normal;}

#center h4{
	width:97%;
	color:#004b83;
	border-bottom:2px solid #004b83;
	font-family:"Verdana";
	font-size:12px;
	float:left;
	padding:0 0 5px 15px;
	margin:20px 0 0 0;}

#center ol{
	width:450px;
}

#center ul{
	list-style-image: circle;
	margin:0 10px 0 20px;
	padding:5px;
	display:block;
}


#center ol li, #center ul li{
	font-family:"Verdana";
	color:#666;
	text-decoration:none;
	background-position:left center;
	padding:0 0 3px 10px;
	font-size:12px;
	margin:0;
	line-height:17px;
	}

.but{
	width:156px;
	height:20px;
	float:left;
	border:none;
	background:#444;
	color:#FFF;
	}
	
#vijest{
	width:100%;
	height:100px;
	background:#ccc;
	float:left;
	margin:0;}
	
#vijest img{

	float:left;

	border:1px solid #666;

	margin:13px 3px 0 5px;}

#vijest h3{

	width:140px;

	height:auto;

	color:#333;

	font-family:"Verdana";

	font-size:12px;

	float:left;

	font-weight:400;

	margin:13px 0 0 0;

	padding:0;}

#vijest h3 span{

	color:#004b83;

	float:left;

	margin:6px 0 0 0;

	padding:0 0 0 10px;

	font-size:13px;

	background:url(../images/strelica_zuta_siva.jpg) no-repeat;

	background-position:left center;}

#vijest h3 span a{

	text-decoration:none;

	color:#004b83;}

#vijest h3 span a:hover{

	text-decoration:underline;}

#right{

	width:240px;

	position:relative;

	float:left;

	}

#right h1{

	width:100%;

	height:28px;

	background:url(../images/h1_p.jpg) repeat-x;

	margin:7px 0 0 0;

	padding:0;}

#left h1 img, #center h1 img, #right h1 img{

	margin:6px 0 0 18px;}

#right p{

	margin:0;

	padding:5px 0 0 0;}

#right img{

	border:0;}

.alati{

	margin:0 0 3px 0;}

#footer{

	position:relative;

	width:100%;

	float:left;

	height:30px;

	background:url(../images/footer_potpis.jpg) no-repeat;

	background-position:center;}

.naslovnica{

	width:230px;

	height:251px;

	float:left;

	}



.thumb_stanica{

	margin:20px 5px 0 12px;
	
	padding:1px;

	border:	1px solid #eee;
	
	float:left;

	}


.thumb_novost{
	margin:5px 3px 0 2px;
	padding:1px;
	border:	1px solid #eee;
	float:left;
	}

.thumb_lokacija{

	margin:10px 0 1px 0;
	
	padding:1px;
	
	float:left;
	
	border:	1px solid #8495B3;

}

hr{
	background-color:#ccc;
	border-color:#ccc;
}

.news{
	width:220px;
}
