@charset "utf-8";
/* CSS Document */


body{
	background-color:#826E64;
	}
	
#okvir{
	width:1002px;
	height:560px;
	margin:100px auto;
	}
	
#left{
	width:30px;
	height:522px;
	background-image:url(../img/left_bkg.png);
	background-repeat:no-repeat;
	float:left;
	}
	
#stupac-1{
	width:170px;
	height:520px;
	background-color:white;
	float:left;
	border-left:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	background-image:url(../img/stupac-1_bkg.png);
	background-repeat:no-repeat;
	}
	
.logo{
	width:160px;
	height:84px;
	float:left;
	margin:10px 5px 10px 5px;
	}

.menu{
	width:150px;
	height:206px;
	float:left;
	margin:10px 10px 0px 10px;
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:16px;
	color:#BEA5A0;
	list-style-image:none;
	}
	
.menu ul{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	color:#BEA5A0;
	display:block;
	float:left;
	padding:0;
	margin-top:5px;
	margin-left:20px;
	}
	
.menu li{
	color:#BEA5A0;
	margin-left:10px;
	padding:0;
	display:block;
	line-height:24px;
	}
	
.menu li a{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:16px;
	text-decoration:none;
	color:#826E64;
	list-style-image:none;
	}
	
.menu li a:hover, menu a:visited{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:16px;
	text-decoration:none;
	color:#BEA5A0;
	}
	
.activity{
	width:150px;
	height:100px;
	float:left;
	margin:10px 10px 0px 10px;
	}
	
.language{
	width:150px;
	height:60px;
	float:left;
	margin:0px 10px 0px 10px;
	}

.zastava{
	margin:40px 10px 0px 35px;
	}
	
.activity ul{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	color:#BEA5A0;
	display:block;
	float:left;
	padding:0;
	margin-top:5px;
	margin-left:20px;
	}
	
.activity li{
	color:#BEA5A0;
	margin-left:10px;
	padding:0;
	display:block;
	line-height:18px;
	}
	
.activity li a{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:12px;
	text-decoration:none;
	color:#826E64;
	list-style-image:none;
	}
	
.activity li a:hover, .activity a.selected{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:12px;
	text-decoration:none;
	color:#BEA5A0;
	}
	
#stupac-2a ul{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	color:#826E64;
	display:block;
	float:left;
	padding:0;
	margin-top:5px;
	margin-left:10px;
	}
	
#stupac-2a li{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:12px;
	color:#826E64;
	margin-left:10px;
	padding:0;
	display:block;
	line-height:18px;
	}
	
#stupac-2a li a{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:12px;
	text-decoration:none;
	color:#826E64;
	list-style-image:none;
	}
	
#stupac-2a li a:hover, #stupac-2a a.selected{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:12px;
	text-decoration:none;
	color:#BEA5A0;
	}
	
#stupac-2{
	width:750px;
	height:500px;
	float:left;
	background-color:#fff;
	padding:10px 10px 10px 10px;
	border-right:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	}
	
#stupac-2b{
	width:750px;
	height:500px;
	float:left;
	background-color:#fff;
	padding:10px 10px 10px 10px;
	border-right:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	overflow-x:hidden;
	overflow-y:auto;
	}
	
.box{
	width:210px;
	height:70px;
	float:left;
	margin:0px 0px 20px 10px;
	}
.text-box{
	width:510px;
	height:70px;
	float:left;
	margin:0px 0px 20px 10px;
	}
	
#stupac-2a{
	width:750px;
	height:500px;
	background-image:url(../img/stupac-2_bkg.png);
	background-repeat:no-repeat;
	float:left;
	padding:10px 10px 10px 10px;
	border-right:1px solid black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	}

.nazad{
	margin-left:0px;
	}
	
.web-adresa{
	margin-top:262px;
	}
	
#right{
	width:30px;
	height:522px;
	background-image:url(../img/right_bkg.png);
	background-repeat:no-repeat;
	float:left;
	}

.poruka{
	width:500px;
	height:300px;
	margin:101px 125px;
	float:left;
	text-align:center;
	}
	
a{
	color:#BEA5A0;
	text-decoration:none;
	cursor:pointer;
	}
	
.desno{
	float:right;
	margin-top:10px;
	}
	
a:hover, a.selected{
	color:#E1D2D2;
	text-decoration:none;
	cursor:pointer;
	}
	

a.linkopacity img {
	filter:alpha(opacity=60); 
	-moz-opacity: 0.5; 
	opacity: 0.6;
	}

a.linkopacity:hover img {
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
	}

	
	
#footer{
	width:1002px;
	height:38px;
	float:left;
	}
	
#footer a{
	color:#E1D2D2;
	text-decoration:none;
	cursor:pointer;
	}
	
#footer a:hover, #footer a.selected{
	color:#BEA5A0;
	text-decoration:none;
	cursor:pointer;
	}

.my-image{
	margin:0px 10px 5px 0px;
	float:left;
	}
	
.banner{
	margin: 10px 10px 0px 0px;
	float:left;
	}

.top{
	margin-top:10px;
	float:left;
	}
	
.postal{
	margin-top:45px;
	float:left;
	margin-bottom:10px;
	}
	
.nazad{
	margin-left:0px;
	}
		
h1{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:16px;
	color:#E1D2D2;
	font-weight:bold;
	text-align:center;
	margin-top:5px;
	margin-bottom:0px;
	}
	
h2{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:11px;
	color:#BEA5A0;
	font-weight:normal;
	text-align:left;
	margin-top:10px;
	margin-bottom:0px;
	margin-left:30px;
	}
	
h3{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:16px;
	color:#826E64;
	font-weight:bold;
	text-align:left;
	margin:10px 0px 0px 20px;
	}
	
h4{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:16px;
	color:#826E64;
	font-weight:bold;
	text-align:left;
	line-height:24px;
	margin:10px 0px 0px 0px;
	}
	
p{
	font-family:"Trebuchet MS", Arial, Helvetica, SansSerif;
	font-size:12px;
	color:#826E64;
	font-weight:normal;
	text-align:justify;
	margin:0px 15px 4px 20px;
	}
	
.forma{
	width:330px;
	height:500px;
	float:left;
	margin:0px 10px 0px 0px;
	}
	
.posta{
	width:400px;
	height:500px;
	float:left;
	margin-top:0px;
	}
	
.adresa{
	width:400px;
	height:140px;
	float:left;
	margin-top:10px;
	}
	
.adresa a{
	color:#BEA5A0;
	text-decoration:none;
	cursor:pointer;
	}
	
.adresa a:hover, .adresa a.selected{
	color:#E1D2D2;
	text-decoration:none;
	cursor:pointer;
	}


	
.kontakt{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#826E64;
	width:290px;
	height:400px;
	text-align:right;
	float:left;
	margin:40px 0px 0px 0px;
	}
	
.kontakt form label{
	display:block;
	float:left;
	width:70px;
	margin:5px 0px 0px 0px;
	}
	
.kontakt form input{
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#787878;
	background-color:#f9f7f7;
	width:200px;
	margin:5px 0px 0px 0px;
	border:1px solid #E1D2D2;
	}
	
.kontakt form textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#826E64;
	width:200px;
	height:100px;
	margin:5px 0px 0px 0px;
	border:1px solid #E1D2D2;
	background-color:#f9f7f7;
	overflow:auto;
	}
	
.kontakt form input.gumb{
	width:80px;
	margin:10px 0px 0px 192px;
	background-color:#BEA5A0;
	color:white;
	}