/* CSS Document */
body{
	margin:0;
	padding:0;
	line-height: 1.5em;
	background-color: #B1CAE4;
	background-image: url(img/pozadina2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
	width: 770px; /*Center container on page*/
	background-image: url(img/pozadina.gif);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border: 1px solid #274970;
}

#topsection{
	height: 158px; /*Height of top section*/
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-bottom-style: solid;
	border-top-color: #274970;
	border-right-color: #274970;
	border-bottom-color: #274970;
	border-left-color: #274970;
	background-color: #EAEAEA;
	background-image: url(img/vagabundo.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#topsection h1{
	margin: 0;
	padding-top: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-color: #274970;
	padding-left: 3px;
}

#link{
	background-color: #274970;
	background-image: url(img/top_link.gif);
	background-repeat: repeat-x;
}
#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin-top: 0;
	margin-right: 200px;
	margin-bottom: 0;
	margin-left: 170px;
}
#contentcolumn h2{
	margin: 0;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #284A70;
}
#contentcolumn h3{
	margin: 0;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #284A70;
}
#contentcolumn h4{
	margin: 0;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #284A70;
}
#contentcolumn b{
	color: #284A70;
}

#leftcolumn{
	float: left;
	width: 170px; /*Width of left column in pixel*/
	margin-left: -770px;
	background-image: url(img/meni.jpg);
	background-repeat: no-repeat;
}
#leftcolumn h2{
	margin: 0;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
}


#rightcolumn{
	float: left;
	width: 195px; /*Width of right column*/
	margin-left: -200px;
}
#rightcolumn h3{
	margin: 0;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #284A70;
	font-size: 14px;
}
#rightcolumn b{
	color: #284A70;
}

#footer{
	clear: left;
	width: 100%;
	height: 20px;
	color: #FFF;
	text-align: right;
	padding: 1px 0;
	background-color: #274970;
}

#footer a{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 10px;
	margin-right: 2px;
}

#footer a:hover {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 10px;
	margin-right: 2px;
}

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

.dectinacije{
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	font-weight: bold;
}
.borderit img{
border: 1px solid #ccc;
}

.borderit:hover img{
border: 1px solid #000000;
}

.borderit:hover{
color: red; /* irrelevant definition to overcome IE bug */
}
.border_slika {
	border: 3px solid #FFFFFF;
}
#lang{
	padding-top: 5px;

}
pre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.slika {
	border: 1px solid #274970;
	margin: 5px;
}

#rightcolumn a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #274970;
}
#rightcolumn a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #274970;
}
#rightcolumn a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #274970;
}