* { margin:0; padding:0;}
body { background:#f2f2f2}
html, input, textarea, select {font-family:arial; font-size:100%; color:#929292; font-size:0.75em; line-height:1.25em;}

/* CSS Document ZZZ*/
/*body{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background-color: #ff8b00;
	color: #8c8b8a;

}*/
ul {
	
	/*padding-left: 20px;*/
	list-style:none;
	
}

a:link, a:visited {}
a:hover {}
a:active {}

a.klasa1, a.klasa1:visited {
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}
a.klasa1:hover {
	text-decoration: underline;
}

a.klasa1:active {
	text-decoration: underline;
}

.klasa2{
	width: 370px;
	height: 100px;
	float: left;
	margin-left: 20px;

}

li {
	float: left;
	/*width: 0%;
	hight: 0%;*/
	background-image: url(images/m1.gif);
	background-repeat: no-repeat;
	text-align:center;
	width:113px;
	height:40px;
	line-height:40px;
	background-position: top left;
}

font-meni {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}
/* *************************************************************************************** */


/*in_line*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.site_bg{ background:url(images/main_bg.gif) repeat-x 0 125px #ffffff}
.site_bg1{ background: url(images/main_bg1.gif) repeat-x left bottom; width:100%}

.clear { clear:both;}



.fleft { float:left;}
.fright { float:right;}


p { margin:0; padding:0;}

strong{ color:#e8e1a4}

b{ color:#253032}

.link{ color:#e9e9e9; text-decoration:underline}
.link_1{ color: #333333;}
.link:hover{ text-decoration:none}

.link1{ background:url(images/list_bg.gif) no-repeat 0 1px; color:#e8e1a4; font-weight:bold; text-decoration:none; padding-left:21px; padding-bottom:2px}
.link1:hover{ text-decoration:underline}

.link2{ color:#253032; text-decoration:underline; font-size:1.20em; line-height:1.5em}
.link2:hover{ text-decoration:none}

.link3{ color:#4fac30; text-decoration:underline}
.link3:hover{ text-decoration:none}

.title, .title_top, .title_bot{ display:block}

h1 { text-indent:-1000px; background:url(images/logo.gif) no-repeat left top; height:62px; padding:0; margin:31px 0 0 35px; line-height:1em}
h2 { color:#282a3d; font-size:1.33em; line-height:1em; padding:0; margin:0; font-family:tahoma}
h3 { color:#225db3; font-size:1.083em; line-height:1.175em; padding:0; margin:0; font-family:arial}

.list ul { margin:0; padding:0; list-style:none; line-height:2.5em; color:#e9e9e9}
.list ul li{ background:url(images/list_bg.gif) no-repeat 0 12px; padding-left:8px}
.list ul li a { color:#253032; text-decoration: none}
.list ul li a:hover{ text-decoration: underline}

.list1 ul { margin:0; padding:0; list-style:none; line-height:2em}
.list1 ul li{ background:url(images/list_bg1.gif) no-repeat 0 9px; padding-left:14px}
.list1 ul li a { color:#4fac30; text-decoration: underline; text-transform:none}
.list1 ul li a:hover{ text-decoration: none}


.separate{ background: url(images/separate.gif) repeat-x; width:auto; height:12px}
.separate1{ background: url(images/separate1.gif) repeat-x; width:auto; height:12px}
.separate2{ background: url(images/separate2.gif) repeat-x; width:auto; height:12px}


/*txt, links*/


/*header*/
#header .logo{ height:125px; width:100%; min-width:900px}
#header .logo .col1{ width:50%}
#header .logo .col2{ width:25%; text-align:center}
#header .logo .col2 img{ margin-top:47px}

#header .menu{ height:89px; width:100%; min-width:900px; text-align:center}
#header .menu div{ text-align:center}


/*content*/
#content .row1{ height:314px; width:100%}
#content .row1 .col1{ width:66%; background:url(images/bus.jpg) no-repeat; height:314px}
#content .row1 .col2{ width:32%; padding-bottom:61px}
#content .row1 .col3{ width:2%}
#content .row2{ width:100%}
#content .row3{ height:23px; width:100%}

#content .row1 .block{ width:100%; color:#a6b9bc; line-height:1.5em}
#content .row1 .block strong{ color:#cfd7d9}
#content .row1 .block .l{ background:url(images/l.gif) repeat-y #253032; width:100%} 
#content .row1 .block .r{ background:url(images/r.gif) repeat-y right top; width:100%}
#content .row1 .block .t{ background:url(images/t.gif) repeat-x; width:100%}
#content .row1 .block .b{ background:url(images/b.gif) repeat-x left bottom; width:100%}
#content .row1 .block .lt{ background:url(images/lt.gif) no-repeat; width:100%}
#content .row1 .block .lb{ background:url(images/lb.gif) no-repeat left bottom; width:100%}
#content .row1 .block .rt{ background:url(images/rt.gif) no-repeat right top; width:100%}
#content .row1 .block .rb{ background:url(images/rb.gif) no-repeat right bottom; width:100%}
#content .row1 .block .spacer{ height:253px; float:left}
#content .row1 .block .indent{ padding:34px 28px 30px 38px}

#content .row1 .block .list1 ul li{ background:url(images/list_bg2.gif) no-repeat 0 12px; padding-left:14px}
#content .row1 .block .list1 ul li a { color:#a6b9bc}


#content .row2{ width:100%}
#content .row2 .block{ width:100%}
#content .row2 .block .l{ background:url(images/border.gif) repeat-y; width:100%} 
#content .row2 .block .r{ background:url(images/border.gif) repeat-y right top; width:100%}
#content .row2 .block .t{ background:url(images/border.gif) repeat-x; width:100%}
#content .row2 .block .b{ background:url(images/border.gif) repeat-x left bottom; width:100%}
#content .row2 .block .lt{ background:url(images/lt1.gif) no-repeat; width:100%}
#content .row2 .block .lb{ background:url(images/lb1.gif) no-repeat left bottom; width:100%}
#content .row2 .block .rt{ background:url(images/rt1.gif) no-repeat right top; width:100%}
#content .row2 .block .rb{ background:url(images/rb1.gif) no-repeat right bottom; width:100%}


/*footer*/
#footer{ color:#534d49}
#footer a{ color:#534d49; text-decoration:underline}
#footer a:hover{ text-decoration:none}
#footer div{ padding:32px 0 0 53px}


/*================== index.html ==================*/
#page1 #content .row1 .block .title{ margin-bottom:28px}
#page1 #content .row1 .block .read_more{ padding-top:18px}

#page1 #content .row2 .col2 .r1{ width:100%}
#page1 #content .row2 .col2 .r1 .spacer{ height:333px; float:left}
#page1 #content .row2 .col2 .r1 .indent{ padding:30px 28px 20px 29px}
#page1 #content .row2 .col2 .r1 .indent .title{ margin-bottom:21px}
#page1 #content .row2 .col2 .r1 .indent ul{ margin-left:12px}
#page1 #content .row2 .col2 .r1 .indent .separate{ padding-bottom:11px}

#page1 #content .row2 .col2 .r2{ width:100%; height:22px}
#page1 #content .row2 .col2 .r3{ width:100%; text-align:center}

#page1 #content .row2 .col3 .indent{ padding:30px 33px 15px 47px}
#page1 #content .row2 .col3 .indent .title_top{ margin-bottom:21px}
#page1 #content .row2 .col3 .indent .ind{ padding:10px 0 45px 9px; text-transform:uppercase; color:#787878}
#page1 #content .row2 .col3 .indent .ind .read_more{ padding-top:15px}
#page1 #content .row2 .col3 .indent .box{ width:100%; margin-top:12px}
#page1 #content .row2 .col3 .indent .box .c_1{ width:40%; float:left}
#page1 #content .row2 .col3 .indent .box .c_1 .ind1{ padding:14px 10px 0 7px} 
#page1 #content .row2 .col3 .indent .box .c_1 ul{ margin-bottom:18px}  
#page1 #content .row2 .col3 .indent .box .c_1 .title_bot{ margin-bottom:21px}
#page1 #content .row2 .col3 .indent .box .c_2{ width:3%; float:left}
#page1 #content .row2 .col3 .indent .box .c_3{ width:52%; float:left}
#page1 #content .row2 .col3 .indent .box .c_3 .title_bot{ margin-bottom:21px}
#page1 #content .row2 .col3 .indent .box .c_3 .ind1{ padding:17px 0 0 13px}
#page1 #content .row2 .col3 .indent .box .c_3 p{ padding:16px 0 19px 0; line-height:1.3em}

/*================== index-1.html ==================*/
#page2 #content .row1 .block ul{ margin:20px 0 14px 0}
#page2 #content .row1 .block .read_more{ padding-top:18px}

#page2 #content .row2 .col2 .spacer{ height:480px; float:left}
#page2 #content .row2 .col2 .indent{ padding:28px 31px 30px 29px; float:left}
#page2 #content .row2 .col2 .indent .title{ margin-bottom:21px}
#page2 #content .row2 .col2 .indent .ind{ padding:16px 4px 0 12px}
#page2 #content .row2 .col2 .indent p{ padding:14px 0 18px 0; line-height:1.25em}
#page2 #content .row2 .col2 .indent .img{ float:left; margin-right:19px; margin-bottom:19px}
#page2 #content .row2 .col2 .indent span{ text-transform:uppercase; display:block; padding-bottom:8px}
#page2 #content .row2 .col2 .indent .box { width:280px; padding-bottom:14px}
#page2 #content .row2 .col2 .indent .box .c1{ width:57%; float:left}
#page2 #content .row2 .col2 .indent .box .c2{ width:42%; float:left}

#page2 #content .row2 .col3 .indent{ padding:28px 44px 0 49px}
#page2 #content .row2 .col3 .indent .title_top{ margin-bottom:18px}
#page2 #content .row2 .col3 .indent .ind{ padding:11px 0 47px 8px}
#page2 #content .row2 .col3 .indent .ind p{ padding-bottom:15px}
#page2 #content .row2 .col3 .indent .ind  img{ float:left; margin-right:20px}
#page2 #content .row2 .col3 .indent .ind a{ display:block; padding-bottom:7px}
#page2 #content .row2 .col3 .indent .title_bot{ margin:12px 0 18px 0}
#page2 #content .row2 .col3 .indent .box{ width:100%; margin-top:14px}
#page2 #content .row2 .col3 .indent .box .c1{ width:55%; float:left}
#page2 #content .row2 .col3 .indent .box .c2{ width:45%; float:left}
#page2 #content .row2 .col3 .indent .box ul{ margin-left:9px}


/*================== index-2.html ==================*/
#page3 #content .row1 .block .indent{ padding:33px 22px 25px 38px}
#page3 #content .row1 .block .indent p{ padding:20px 0 15px 0}

#page3 #content .row2 .col2 .spacer{ height:480px; float:left}
#page3 #content .row2 .col2 .indent{ padding:28px 35px 20px 29px; float:left}
#page3 #content .row2 .col2 .indent .title{ margin-bottom:21px}
#page3 #content .row2 .col2 .indent .ind{ padding:17px 0 0 12px}
#page3 #content .row2 .col2 .indent p{ padding:13px 0 16px 0}
#page3 #content .row2 .col2 .indent ul{ margin:18px 0 20px 0}

#page3 #content .row2 .col3 .indent{ padding:28px 40px 0 49px}
#page3 #content .row2 .col3 .indent .title_top{ margin-bottom:15px}
#page3 #content .row2 .col3 .indent .ind{ padding:11px 0 42px 9px } 
#page3 #content .row2 .col3 .indent .ind span{ text-transform:uppercase; display:block; padding-bottom:3px}
#page3 #content .row2 .col3 .indent .ind .block{ width:100%; margin-top:18px}
#page3 #content .row2 .col3 .indent .ind .block .c1{ width:55%; float:left}
#page3 #content .row2 .col3 .indent .ind .block .c2{ width:45%; float:left}

#page3 #content .row2 .col3 .indent .title_bot{ margin:14px 0 17px 0}
#page3 #content .row2 .col3 .indent .ind1{ padding:19px 0 0 8px}
#page3 #content .row2 .col3 .indent .ind1 img{ margin-right:21px; float:left}
#page3 #content .row2 .col3 .indent .ind1 p{ padding-bottom:22px}


/*================== index-3.html ==================*/
#page4 #content .row1 .block .indent{ padding:33px 22px 25px 38px}
#page4 #content .row1 .block .indent .title{ margin-bottom:18px}
#page4 #content .row1 .block .indent p{ padding:19px 0 17px 0}

#page4 #content .row2 .col2 .r1{ width:100%}
#page4 #content .row2 .col2 .r1 .spacer{ height:333px; float:left}
#page4 #content .row2 .col2 .r1 .indent{ padding:22px 36px 20px 29px}
#page4 #content .row2 .col2 .r1 .indent .title{ margin-bottom:15px}
#page4 #content .row2 .col2 .r1 .indent .ind{ padding:18px 0 0 12px}
#page4 #content .row2 .col2 .r1 .indent span{ text-transform:uppercase}
#page4 #content .row2 .col2 .r1 .indent ul{ margin:15px 0 15px 0 }

#page4 #content .row2 .col2 .r2{ width:100%; height:22px}
#page4 #content .row2 .col2 .r3{ width:100%; text-align:center}

#page4 #content .row2 .col3 .indent{ padding:29px 48px 0 49px }
#page4 #content .row2 .col3 .indent .title{ margin-bottom:15px}
#page4 #content .row2 .col3 .indent .ind{ padding:11px 0 43px 8px}
#page4 #content .row2 .col3 .indent .ind img{ float:left; margin-right:19px}
#page4 #content .row2 .col3 .indent .ind ul{ margin:15px 0 0 169px}

#page4 #content .row2 .col3 .indent .title_bot{ margin:11px 0 15px 0}
#page4 #content .row2 .col3 .indent .ind1{ padding:19px 0 0 6px}
#page4 #content .row2 .col3 .indent .ind1 span{ display:block; padding-bottom:28px; text-transform:uppercase}
#page4 #content .row2 .col3 .indent .ind1 img{ float:left; margin-right:19px}
#page4 #content .row2 .col3 .indent .ind1 p{ padding-bottom:20px}


/*================== index-4.html ==================*/
#page5 #content .row1 .block ul{ margin:20px 0 14px 0}

#page5 #content .row2 .col2 .spacer{ height:480px; float:left}
#page5 #content .row2 .col2 .indent{ padding:28px 36px 10px 29px; float:left}
#page5 #content .row2 .col2 .indent .title{ margin-bottom:21px}
#page5 #content .row2 .col2 .indent p{ padding:13px 0 17px 0}
#page5 #content .row2 .col2 .indent .ind{ padding:10px 0 0 12px}

#page5 #content .row2 .col3 .indent{ padding:28px 38px 10px 49px}
#page5 #content .row2 .col3 .indent .title_top{ margin-bottom:21px}
#page5 #content .row2 .col3 .indent .ind{ padding:11px 0 21px 8px}
#page5 #content .row2 .col3 .indent .ind .img{ float:left; margin:0 18px 23px 0}
#page5 #content .row2 .col3 .indent .ind  a{ padding-bottom:8px; display:block; font-size:1em}
#page5 #content .row2 .col3 .indent .title_bot{ margin:12px 0 16px 0}
#page5 #content .row2 .col3 .indent span{ display:block; padding:19px 0  0 9px; text-transform:uppercase}

#vrime{
	overflow: hidden;
	width: 217px;
	margin-bottom: 10px;
}
#vrime_slika_livo{
	float: left;
	width: 9px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}
#vrime_slika_desno{
	float: left;
	width: 10px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;	
}
#vrime_sredina{
	float: left;
	width: 198px;
	/*background-image: url(images/vrimebg.jpg);*/
	background-repeat: repeat-x;	
	background-color:#253032;
	color: #253032;
	padding: 0px;
	min-height: 175px;
	height: auto !important;
	height: 175px;
}

#vrime_sredina_k{
	float: left;
	width: 150px;
	/*background-image: url(images/vrimebg.jpg);*/
	background-repeat: repeat-x;	
	background-color:#253032;
	color: #253032;
	padding: 0px;
	min-height: 25px;
	height: auto !important;
	height: 25px;
}

/*#vrime_input{
    overflow: hidden;
	width: 198px;
	padding: 0px 0px 25px 0px;
	background-image: url(../images/dolidoli.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}*/

#weather_forecast {
	float: left;
	width: 163px;
	color: #FFFFFF;
	padding: 0px 0px 0px 25px;
	margin-top: 20px;
}
#weather_icon {
	float: left;
	width: 57px;
	height: 56px;
	text-align: center;
	padding: 2px 1px 1px 1px;
	border: 1px solid #78984C;
}
#weather_icon img{
	width: 55px;
	height: 55px;
	padding: 0px;
	margin: 0px;
}
#weather_data_1 {
	float: left;
	width: 82px;
	height: 68px;	
	font-weight: bold;
	padding-left: 20px;
}
#weather_data_2 {
	float: left;
}
.weather_label {
	width: 100px;
	font-size: 11px;
	font-weight: bold;
}
.weather_value {
	width: 98px;
}
.weather_table {
	float:left;
}
td.weather_city_name{
}
td.weather_temperature{
}

.SLIKE{
	width: 372px;
	height: 285px;
	float: left;
	margin-left: 20px;

}

.SVE{
	width: 900px;
	height: 320px;
	margin-top: 20px;

}

.klasa3{

margin-left: 20px;}

.sve_sve{

width: 460px;
height: 300px;
float: left;
}

.jezici{
	width: 205px;
	height: 38px;
	margin-top:45px; 
	margin-left:20px;
	float:left;
}