body{
margin:0;
padding:0;
line-height: 1.2em;
background:#EFFAFE;
background-image:url(back-02.jpg);
background-repeat:repeat-x;

}

b{font-size: 110%;}
em{color: #3B86B4;}

#maincontainer{
width: 1000px; 
margin: 0 auto;
}

#topsection{
background-image:url(images/03_01.jpg);
background-repeat:no-repeat;
height:21px;
margin:0;
padding:0;
}

#topsection2{
background-image:url(images/cs_front_smallnav3_02.jpg);
background-repeat:no-repeat;
height:36px;
margin:0;
padding:0;
}

#l{
	width:500px;}
#login{
	float:left;
	width:300px;
	height:36px;
	}

#contentwrapper{
float: left;
width: 100%;
background-image:url(images/top3_03_03.jpg);
background-repeat:no-repeat;
margin-top:0;
}

#contentcolumn{
margin-left: 600px; 
height:230px;
}

#news{
	background-image:url(images/news.jpg);
	background-repeat: no-repeat;
	height:230px;
	margin:10px 0 10px 60px;
}

#leftcolumn{
float: left;
width: 510px; /*Width of left column*/
margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
height:230px;
overflow:hidden;
}

.home{
list-style-image: url(tab.gif);
list-style-position:inherit;
padding-left:30px;
padding-top:30px;
}

.home2{
list-style-image: url(b1a.jpg);
padding-left:30px;
padding-top:10px;
}
	
#kolone{
border-bottom:#C1D3DB 1px solid;
background:#FFF;
float:left;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
width:1000px;
}



.box1{
	width:300px;
	float:left;
	margin-right:20px;
	margin-left:20px;
	border-right: #999 1px dotted;
	padding:0 10px;
	font-size:12px;
	}
	
.box2{
	width:300px;
	float:left;
	padding:0 10px;
	border-right: #999 1px dotted;
	font-size:12px;
	}
	
.box3{
	width:300px;
	float:left;
	padding-left:10px;
	font-size:12px;
	}
	
.box4{
	width:600px;
	float:left;
	margin-right:20px;
	margin-left:20px;
	border-right: #999 1px dotted;
	padding:0 10px;
	font-size:12px;
	}
	
.box5{
	float:left;
	width:180px;
	margin-right:10px;
	padding:5px;
	text-align:center;
}

.pic1{
border:0px;
text-align:right;
}

img
{  border-style: none;
}

.pic2{
border:1px solid #ccc;
padding:3px;
margin-left:2px;
margin-top:3px;
text-align:right;
}

.pic3{
border:0px;
text-align:right;
padding-bottom:10px;
}

#footer{
clear: left;
width: 100%;
height:80px;
background-color:#EFFAFF;
margin:0;
text-align: left;
padding: 4px 0;
}

#footer a{
text-decoration:none;
font-size:0.8em;
color: #93dcfe;
}

#footer a:hover{
text-decoration:underline;
font-size:0.8em;
color: #93dcfe;
}

.innertube{
margin: 30px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
font-weight:normal;

}

.innertube2{
margin-right: 50px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left: 20px;
height:170px;

padding-top:20px;
color:#000;
}

.text1{
font-family:Trebuchet MS;
font-size:0.9em;
color:#fff;
font-weight:lighter;

}

.text2{
font-family:Trebuchet MS;
font-size:0.9em;
font-weight:bold;
color:#FFF;
}

.text2 a{
font-family:Trebuchet MS;
font-size:0.8em;
color:#FFF;
text-decoration:underline;
}

.text3{
font-family:Trebuchet MS;
font-size:0.8em;
color:#23749A;
text-align:left;
}
.green{
	margin-top:10px;
	padding-top:13px;
	color:#4f8917;
	border-top:1px dotted #4f8917;
	}
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.9em;
color:#b9d5e1;
}

.h3{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#3B86B4;
display:block;
background-image:url(b1.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
margin-bottom:10px;
}


a, a:hover, a:visited {
text-decoration:none;
color:#3B86B4;
}

.h4{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#4f8917;
display:block;
background-image:url(b2.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-left:20px;
margin-bottom:10px;
}

.h5{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:bold;
color:#d25a1e;
display:block;
background-image:url(b3.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
margin-bottom:10px;
}

#s{
	width:980px;
	background:#FFF;
	padding:20px 0 20px 20px;
	margin:0;
	}
	
.naslov1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
color:#C8C7C7;
border:0;
width:100%;

}

.naslov2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
color:#23749A;
}

.naslov3{
font-family:Trebuchet MS;
font-size:1.1em;
color:#FF9900;
}

/******meni dole*******/

#navlist2 li{
display: inline;
padding-left: 10px;
}

#navlist2 li a{
color:#2e576a;
font-family:Arial, Helvetica, sans-serif;

}



/* login */
.login {
float:right;
padding:8px 10px 9px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.login2 {
float:right;
padding:8px 10px 9px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.login a{
	color:#567382;
	text-decoration:none;
}

.login a:hover{
text-decoration:none;
color: #C4060B;
}

/* navigacija */

#links{
width:1000px;
height:35px;
padding-top:1px;
background-image:url(images/linksbg.jpg);
}

#nav {
margin-left:2px;

}

#nav li {
float : left;
}

#nav li a {
float :left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bolder;
font-size:15px;
text-decoration :none;
text-align : center;
color : #567382;
display : block;
padding:8px 10px 9px 10px;
border-right:1px solid #fff;
}

#nav li a:hover {
background-image:url(images/alinksbg.jpg);
background-position:center;
color:#FCFCFC;
}

#nav li a.now{
background-image:url(images/alinksbg.jpg);
background-position:center;
color:#FCFCFC;
}



div, ul, li, a{
margin:0;
padding:0;
}

ul {
list-style : none;
}

.footer-right{
float:right;
width:300px;
color:#2e576a;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: 9px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 2px;
margin-right: 2px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}