@charset "utf-8";
body { 
	margin:0;
	padding:0;
	width:100%;
	background-color: #B0C3C9;
	background-image: url(images/BG_REPEAT.jpg); 
	background-repeat: repeat-y;
	background-position: center;
}
html { padding:0; margin:0; }
/* main */
.main {
	width:100%;
	padding:0;
	margin:0 auto;
	background:url(images/main_bg.jpg) top repeat-x;
	background-repeat: repeat-x;
	background-position: top;
}
.resize { width:966px; margin:0 auto; }
/********** header **********/
.header {

}
.block_header {
	margin:0 auto;
	width:966px;
	height: 150px;
	background-color: #43484B;
} 
/* logo */
.logo { float:left; padding:0; margin:0px 0 0px 0; width:209px; }
/*Twitter*/
.Twitter { font: normal 11px Georgia, "Times New Roman", Times, serif; color:#d6e8f5; background:url(images/twitter.gif) right no-repeat; padding:10px 10px; margin:44px 0 0 0; width:150px; float:right; }
/* menu */	
.menu {
	margin:0 auto;
	width:966px;
	height:70px;
	left: auto;
	padding: 0;
}
.menu ul {
	padding:0;
	margin:0 0px 0 0;
	list-style:none;
	border:0;
	float: center;
	padding-top: 0px;
}
.menu ul li {
	float:left;
	padding:0;
	border-right:0;
	border-left:0;
	margin: 0;
	padding-top: 0px;
}
.menu ul li a:visited, .menu ul li a:link {
	float:left;
	color:#FFF;
	font:Trebuchet MS;
	text-decoration:none;
	width: 141px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 22px;
	padding-right: 10px;
	padding-bottom: 22px;
	padding-left: 10px;
	list-style-type: none;
	font-weight: bold;
	font-size: 16px;
	background-image: url(images/bg_menu.jpg);
}
.menu ul li a:hover,.menu ul li a.active {
	background: url(images/hover.jpg) left repeat-x;
	background-position: top center;
	color: #FFF;
}
.men333u ul li a.active {
	background: url(images/hover.jpg) left repeat-x;
}
/********** slider **********/

.body { padding:0; margin:0; }
.body h2 {
	font:normal 18px Georgia, "Times New Roman", Times, serif;
	color:#373737;
	padding:10px 5px;
	margin:0;
}
.body h2_video {
	font:normal 10px Georgia, "Times New Roman", Times, serif;
	color:#373737;
	padding:10px 5px;
	margin:0;
}
.body h3 { font:normal 18px Georgia, "Times New Roman", Times, serif; color:#373737; padding:10px 5px; }
.body a:link,.body a:visited,.body a:active {
	font:normal 11px Georgia, "Times New Roman", Times, serif;
	color:#999;
	text-decoration:none;
	padding-left: 4px;
}
.body a:hover {
	
	color:#333;
	text-decoration:underline;

}
.body p { font:normal 11px Georgia, "Times New Roman", Times, serif; color:#8d8d8d; line-height:1.8em; padding:5px; margin:0; }
.body strong { color:#656565; }
.body em { font:italic 11px Georgia, "Times New Roman", Times, serif; color:#8d8d8d; line-height:1.8em; padding:10px 0 0 10px; }
.body_resize {
	width:966px;
	margin:0 auto;
	padding:0;
	background:#fff;
	border-bottom:5px solid;
	border-bottom-color: #2F5F82;
}
/********************topi***************/
.topi {
	width:966px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.topi .blogi {
	width:492px;
	margin:1px 1px;
	padding:0;
	float:left;
}
.topi h2 {
	border:0;
	font:normal 26px;
	color:#1c1c1c;
	padding:10px 0 10px 30px;
	margin:2px 0 0 0;
	font-size: 24px;
}
.topi p { font:normal 11px ; color:#646464; padding: 5px 10px; margin:0; line-height:1.8em; }
.topi a { font:normal 11px; color:#35678f; }

.topi h2.Our { background:url(images/h2_suport.gif) left no-repeat; }
.topi h2.work { background:url(images/h2_work.gif) left no-repeat; }
/*******************Welcome*****************/
.Welcome {
	width:531px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
}
.Welcome ul { width:250px; float: left; margin:5px 3px; padding:0; list-style:none; }
.Welcome li { background:url(images/ul_li.gif) left no-repeat; padding:5px 20px; margin:0; font: normal 11px Georgia, "Times New Roman", Times, serif; color:#5c5c5c; }
.Welcome .serv { width:250px; float:left; margin:5px 2px; padding:0; }
.Welcome .serv img { margin:10px 5px; float:left; padding:0; }

.Welcome22 {
	width:554px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 25px;
}

.Welcome22_video {
	width:430px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 260px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 980px;
}
.Welcome22 ul {
	width:450px;
	float: left;
	margin:5px 3px;
	padding:0;
	list-style:none;
}
.Welcome22 li {
	background:url(images/ul_li.gif) left no-repeat;
	padding:5px 20px;
	margin:0;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	color:#5c5c5c;
	list-style: none;
}
.Welcome22 .serv { width:250px; float:left; margin:5px 2px; padding:0; }
.Welcome22 .serv img { margin:10px 5px; float:left; padding:0; }
/*News */
.News {
	width:307px;
	float: left;
	margin:5px 15px;
	padding:5px 15px;
}

.News_crveno {
	width:307px;
	margin:5px 15px;
	padding:3px 15px;
	color:#C00;
	text-decoration:blink;
}

.News_video {
	width:220px;
	float: left;
	margin:5px 15px;
	padding:5px 15px;
}
.News ul { list-style:none; margin:0; padding:0; }
.News li {
	background:url(images/Sub_ul_li.png) left no-repeat;
	padding:5px 30px;
	margin:0;
	border-bottom:1px solid #eaeaea;
	list-style: none;
}
.News ul li a { font: normal 11px; color:#3a3c3c; text-decoration:none; }
.News ul li a:hover { color:#2e5a7c; text-decoration:underline; }

.News2 {
	width:912px;
	float: left;
	margin:5px 6px;
	padding:5px 8px;
}
.News2 ul { list-style:none; margin:0; padding:0; }
.News2 li { background:url(images/Sub_ul_li.png) left no-repeat; padding:5px 30px; margin:0; border-bottom:1px solid #eaeaea; }
.News2 ul li a { font: normal 11px; color:#3a3c3c; text-decoration:none; }
.News2 ul li a:hover { color:#2e5a7c; text-decoration:underline; }

/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#222222; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:bold 12px; color:#656565; text-transform:capitalize; }
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif; }
#contactform input.text { width:440px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; }
#contactform textarea { width:440px; border:1px solid #dcdcdc; margin:10px 0; padding:2px; background:#f5f5f5; }
#contactform li.buttons input { padding:3px 0; margin:0; border:0; color:#FFF; }
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto; }
/********** footer **********/
.footer { padding:30px 0; width:966px; margin:0 auto; }
.footer{background-color:#234761;} 
.footer .resize p.footer_logo { float:left; padding:0; margin:0 10px; }
.footer .resize div { width:966px; color:#A7B7C7; font:normal 11px Tahoma, Geneva, sans-serif; text-align:left; margin:0 auto; }
.footer .resize div p { padding:0; margin:0; float:right; }
.footer .resize div img { margin:0; padding:0; }
.footer .resize div a { color:#d6e8f5; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 1px; }
.text_left { text-align:right; }
p.clr,
.clr {
	clear:both;
	padding:0;
	margin:0;
	background-image: none;
} 
li.bg, 
.bg { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none; }
#Desno {
}

.moj_main {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#234761;
	margin: 0 auto;
	padding: 40px;
	width: 650px;

}
#slider .img {
	height: 60px;
	width: 100px;
	float: right;
}
#vrijeme {
	width:360px;
	padding-left:2px;
	font-size:10px;
	color:#FFFFFF;
	float: left;
	margin:20px 0px 5px 10px;
	padding:5px 10px;
			}
		
			.vg{
	float:left;
	width:378px;
	heigth:220px;
	margin-right:10px;
	margin-bottom:10px;
	background-color: #234761;
	padding: 4px;
			}
			#vrijeme h1 {
	font-size:16px;
	color:#FFFFFF;
	font-weight: bold;
			}
			#vrijeme h2 {
				font-size:14px;
				color:#FFFFFF;
			}
			#vrijeme h2 {
				font-size:14px;
				color:#FFFFFF;
			}
			 
			.weather {
	background-color:#2F5F82;
	padding:4px;
	margin-bottom:2px;
	width:auto;
	overflow:hidden;
			}			
			.weather img {
				vertical-align:middle;
				float:left;
				margin-right:4px;
				width:80px;
				height:55px;
			}
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {
	width:700px;
	height:280px;
	overflow:hidden;
}
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:13px; height:28px; position:absolute; left: -13px; top:-210px; }
#nextBtn { left:966px; }
#prevBtn a { display:block; width:13px; height:28px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:13px; height:28px; background:url(images/r_arrow.gif) no-repeat 0 0; }#desno_ikone {
	float: right;
	width: 320px;
	text-align: center;
	padding: 10px;
}
#vijesti {
	float: left;
	width: 600px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 10px;
	font-family: "Trebuchet MS";
}

 
#vijesti img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.footer a {
	margin-right: 8px;
	margin-left: 8px;
}
.condition {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.main .body .body_resize .Welcome #contactform {
	font-family: Georgia, "Times New Roman", Times, serif;
}
.main .body .body_resize .Welcome #contactform {
	font-size: 11px;
	color: #666;
}
.slider li {
	width: 700px;
	list-style-type: none;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style: none;
	padding-top:0px;
	height: 150px;
	margin-left:240px;
}
.slider li h2 {
	font-size: 16px;
	color: #1F74BA;
	margin: 4px;
	margin-top: 35px;
	border-bottom: 2px solid;
	border-bottom-color: #144B78;
	width: 460px;
	padding-left:10px;
}
.slider p {
	margin: 2px;
	width: 440px;
	padding-left: 10px;
}
 
.slider {
	height:211px;
	background-color: #4381B2;
	width:966px;
	margin:0 auto;
	background-repeat: repeat-x;
	background-image: url(images/header_bg.jpg);
	background-position:bottom;
	 
	 
}.op_icon img{
	margin-top: 6px;
}
.menu {
	z-index: 200000;
}

 .temperaturaC {
	font-size:12px;
	color:#A3BEDA;
}
#vijesti div {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;
}
 #vijesti a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;
}
 .menu {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

.moj_class,.Welcome {
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 1.4em;
	text-align: justify;
}
.moj_main{
font-family: "Georgia", "Times New Roman", Times, serif;
font-size: 14px;
line-height: 1.4em;
}
.moj_main img{
float:left;
margin-right:10px;
margin-bottom:10px;
}
.komentari_dolje {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1em;
}
.komentari_dolje_txt{}
#map {
	float: right;
	width: 350px;
	padding-left: 0px;
	font-size: 11px;
	background-color: #2F5F82;
	padding-top: 20px;
}
#gmap {
	height: 300px;
	width: 340px;
	margin-top: 2px;
	margin-left: 3px;
}

#map_nav a:link {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
#map_nav a:hover {
	color: #5CB5C9;
}
.title {
	font-size: 12px;
	color: #FF0;
	padding: 4px;
	display: none;
}


#imeStanice {
	font-size: 14px;
	float: right;
	width: 100px;
	margin-right: 10px;
	font-weight: bold;
	margin-left: 10px;
}
#brojPutnika {
	font-size: 10px;
	color: #FFF;
	padding-top: 7px;
}


#map h2 {
	background-color: #2F5F82;
	color: #FFFFFF;
	padding: 6px 10px;
}
#map_okvir, #map_info {
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0px;
	width: 346px;
	float: right;
}
 #map_nav {
	background-color: #2F5F82;
 
	padding: 10px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #CDCDCD;
	background-position: -2px 0;
	 
	background-repeat: no-repeat;
}
#mleft {
width:326px;
padding:10px;
float:right;
background-color:#2F5F82;
font-family:trebuchet ms;
color:#FFFF00;}
#sat_vrijeme {
	margin: 2px;
	margin-top:-60px;
	padding: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 28px;
	color: #FFF;
	width: 150px;
	position: absolute;
	text-align: left;
	padding-left: 200px;
	margin-left: 620px;
}
#dolazak {
	padding:4px;
	color:#333333;
	width: 600px;
	float: left;
	height: 70px;
	overflow-y:hidden;
	overflow-x:auto;
	background-color: #FFF;
}
.voziloDolazak {
	background-color:#fff;
	padding:10px;
	color:#003399;
	font-size: 10px;
	
}
.blizu {
	background-color:#DEE4EB;
}
.jakoblizu {
	background-color:#DEE4EB;
	color: #099;
}
.jakojakoblizu {
	background-color:#DEE4EB;
	color: #093;
}
.slider li {padding-top:30px}
 .slider  {height:210px}


#brojPutnika strong {
	font-weight: bold;
	color: #FFF;
}
.white {
	font-weight: bold;
	color: #FFF;
}

.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button {
	clear:left;
	margin:0 4px 0px 20px;
	padding: .4em 1em;
	text-decoration:none !important;
	cursor:pointer;
	position: relative;
	text-align: center;
	zoom: 1;
}



	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }
#search-engines li {
	font-size: 10px;
	list-style: none;
	list-style-type: none;
}
#search-engines {
	width: 320px;
	border: none;
	color: #FFFFFF;
	margin-top: 3px;
	background-color: #2F5F82;
}#search-engines li a {
	font-size: 10px; 
	display: block;
}
#search-engines span {
	font-size: 10px;
	display: block;
}

.menuitem {
	font-size: 10px;
	list-style-type: none;
	display: block;
}
#imeLinije {
	float: left;
	width: 140px;
}
.vDolazak {
	background-color: #2F5F82;
	padding: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
#cc_main_title h2 {
	font-size: 14px;
}
#cc_main_title strong {
	font-size: 16px;
	color: #97B0C6;
}
#mapl {
 
 }
#mapl a:link,#mapl a:visited,#mapl a:active {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	display:block;
	text-decoration:none;
	padding-left: 4px;
	background-color:#1B3549;
	padding:10px
}
#mapl a:hover {
	color:#FF0;
	text-decoration:none;
	background-color:#183245
}
#imgLinkovi a:visited, #imgLinkovi a:link, #imgLinkovi a:active {
	float:left;
	background-image: url(images/icon/normal.png);
	width: 77px;
	height: 23px;
	padding: 4px 0 0 18px;
	background-position: top left;
	background-repeat: no-repeat;
	color: #333;
	text-decoration: none;
	font-size: 10px;
}
#imgLinkovi a:hover {
	background-image: url(images/icon/hower.png);
}
.Newsupute {
	width:270px;
	float: left;
	margin:5px 15px;
	padding:5px 15px;
}
.tablica{
   border-style: solid;
   border-width: 2px;
   border-color: #6495ed;
   background-color: #f0f4fd;
 }
 
 .tablica1{
   border-style: solid;
   border-width: 2px;
   border-color: #6495ed;
   background-color: #ffffec;
 }
 .tablica2{
   border-style: solid;
   border-width: 2px;
   border-color: #a0522d;
   background-color: #ffffec;
 }
.ss_naslov{
   font-family: Arial, Helvetica, sans-serif;
   font:bold;
   font-size: 20px;
   font-style: normal;
   color:#6495ed 
 }
 .ss_link{
   font-family: Arial, Helvetica, sans-serif;
   font:bold;
   font-size: 15px;
   font-style: normal;
   color:#6495ed 
 }