/* -------------------------------- 

Primary style

-------------------------------- */


html, body {
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: #2e3233;
  background-color: #d6d6d6;
  margin:0px;width:100%;overflow: auto;
}

a {
  color: #2a6674;
  text-decoration: none;
	font-family: 'Open Sans', sans-serif;
}

img {
  /* make images responsive 
  max-width: 100%;*/
}



/* ************************************************ stari style ***************************************************/


@media only screen and (max-width: 1169px) {
.vrh_lijevo {	
	position: relative;
  	margin:0px auto;
	background:#304363;
	border:0px solid #000ff0;
	padding:0px;
    	z-index:1000;    	
	color:#ffffff;
	text-align:center;
	line-height:30px;
}




}



@media only screen and (min-width: 1170px) {
.vrh_lijevo {	
	position: relative;
  	margin:0px auto;
	background:#304363;
	border:0px solid #000ff0;
	padding:0px;
    	z-index:1000;    	
	color:#ffffff;
	text-align:center;
	line-height:40px;
}




}



#zaglavlje_flash {	
	position:relative;
	width:100%;
	margin:0px auto; 
	border:0px solid red;	
	border-top:0px solid #c0c0c0;
	/*border-bottom:1px solid #c0c0c0;*/
	padding-top:0px;
    	z-index:1;
    	font-family: 'PT Sans', sans-serif;	    	
	font: 10px;
	text-align:center;
	background:#ffffff;
}





#ikone_shortcut {	
	position:relative;
	margin:-110px auto; 
	border:0px solid red;	
	border-top:0px solid #c0c0c0;
	/*border-bottom:1px solid #c0c0c0;*/
	padding-top:0px;
    	z-index:1000;
    	font-family: 'PT Sans', sans-serif;	    	
	font: 10px;
	text-align:center;
}




#izbornik_mali {
	position:relative;
	margin:10px 0px 0px 50%;	
	width:400px;
	height:20px;
	color:#666666;
	border:0px solid #00ff00;
	padding:0px;
    	z-index:1; 
	font-size:11px; 
	font-family: 'Dosis';   
	text-align:right;
	font-weight:normal;	
}




#jezici {
	position:relative;
	margin:10px 0px 0px 50%;	
	width:400px;
	height:20px;
	color:#666666;
	border:0px solid #00ff00;
	padding:0px;
    	z-index:1;  
	text-align:right;  	
}




#sadrzaj {
	position:relative;
	margin:0px auto;
	width:100%;
	border:0px solid #ff00f0;
	background:#ffffff;
	color:#666666;
	text-align:justify;
	line-height: 20px;	
	border-left:0px dotted #c0c0c0;
	border-right:0px dotted #c0c0c0;
	padding:0px 0px 0px 0px;
	font-size:14px; 
	font-family: 'Open Sans', sans-serif; 
}


#stranica_text {
	position:center;
	margin:0px 0px 0px 0px;
	width:100%;
	border:0px solid #ffaaaa;
	background:transparent;
	font-size:14px; 
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
	text-align:center;	
}






#stranica_strata1 {
	position:center;
	margin:0px 0px 0px 0px;
	width:100%;
	border:0px solid #ffaaaa;
	background:#f8f8f9;
	font-size:16px; 
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
	text-align:center;	
}





#stranica_strata2 {
	position:center;
	margin:0px 0px 0px 0px;
	width:100%;
	border:0px solid #ffaaaa;
	background:#881a1a;
	font-size:22px; 
	line-height: 24px;
	font-family: 'Open Sans Light', sans-serif;
	color:#ffffff;
	text-align:center;	
}





#stranica_strata3 {
	position:center;
	margin:0px 0px 0px 0px;
	width:100%;
	border:0px solid #ffaaaa;
	background:#e7e7e7;
	font-size:14px; 
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
	text-align:center;	
}






#stranica_strata4 {
	position:center;
	margin:0px 0px 0px 0px;
	width:100%;
	border:0px solid #ffaaaa;
	background:#d6d6d6;
	font-size:16px; 
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
	text-align:center;	
}





#stranica_strata5 {
	position:center;
	margin:0px 0px 0px 0px;
	width:100%;
	border:0px solid #ffaaaa;
	background:#2d2e30;
	font-size:12px; 
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
	color:#dbdbdb;
	text-align:center;	
}





#stranica_strata6 {
	position:center;
	margin:0px 0px 0px 0px;
	width:100%;
	border:0px solid #ffaaaa;
	background:transparent;
	font-size:14px; 
	line-height: 15px;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
	text-align:center;	
}





















#desno {
	position:relative;
	float:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	width: 223px;
	border-left:1px solid #c49f6d;
	background:transparent;
	color:#000000;
	text-align:center;	
}



#footertxt {
	font: normal 100%, Open Sans, sans-serif; 
	font-size:14px; 
	margin-top:15px; color:#ffffff;
	text-align:center;
	border-top:1px solid #c0c0c0; 
	border-bottom:1px solid #c0c0c0;
	padding:15px; 
	background:#4b4b4b;
	
}




/**********Glavni izbornik pocetak ****/

#izbornik_root {
	position:relative;float:left;
	list-style: none;
	margin-top:100px auto;
	text-align:center;
	background:#821817;
	height:61px;
	border-top:0px solid #c0c0c0;
	width:100%;
	border:0px solid red;
	z-index:100;
	
}



@media only screen and (max-width: 1199px) {
.izbornik {	
	
	}

}



@media only screen and (min-width: 1200px) {
.izbornik {	
	position:relative;
	
	list-style: none;
	margin:10px auto;
	border:0px solid red;
	width:700px;
	height:48px;
	z-index:1000;
	}

}








/********************* IZBORNIK KRAJ *******************************/






@media only screen and (max-width: 1169px) {
.iframediv {	
	width:100%;
	height:650px;margin:0px; padding:0px;
	}

}



@media only screen and (min-width: 1170px) {
.iframediv {	
	width:100%;
	height:850px;margin:0px; padding:0px;
	}

}





@media only screen and (max-width: 1169px) {
.hide {	
	display:none;
	}

}



@media only screen and (min-width: 1170px) {
.hide {	
	text-align:right;margin-right:200px;
	}

}





@media only screen and (max-width: 1169px) {
.hide2 {	
	display:none;
	}

}



@media only screen and (min-width: 1170px) {
.hide2 {	
	
	}

}







@media only screen and (max-width: 1169px) {
.rezervacija {	
	display:none;
	}

}



@media only screen and (min-width: 1170px) {
.rezervacija {	
	width:800px;
	height:50px;
	z-index:1000;
	position:absolute;
	top:10%;left:27%;
	background:transparent;
	}

}









@media only screen and (max-width: 1199px) {
.malidivtxt {	
	display:inline-table;
	width:90%;
	margin:10px;
	text-align:justify;
	font-size:20px; 
	line-height:22px;
	font-family: 'Open Sans', sans-serif;
	color:#777777;
	}

.malidivtxt img {
  width: 100%;
     }

}



@media only screen and (min-width: 1200px) {
.malidivtxt {	
	display:inline-table;
	width:920px;
	margin:1px;
	text-align:center;
	line-height:21px;
	font-size:14px; 
	font-family: 'Open Sans', sans-serif;
	color:#777777;
	}


}





@media only screen and (max-width: 1169px) {
.malidivul {	
	display:inline-table;
	width:340px;
	margin:10px;
	text-align:left;
	font-size:20px; 
	line-height:22px;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
	list-style-type: circle;
	}

}



@media only screen and (min-width: 1170px) {
.malidivul {	
	display:inline-table;
	width:400px;
	margin:1px;
	text-align:left;
	line-height:19px;
	font-size:13px; 
	font-family: 'Open Sans', sans-serif;
	color:#555555;
	list-style-type: disc;
	}

}








@media only screen and (max-width: 1169px) {
.malidivslider {	
	display:inline-table;
	width:340px;
	margin:0px;
	text-align:left;
	font-size:20px; 
	line-height:22px;
	font-family: 'Open Sans', sans-serif;
	color:#808080;
	}

}



@media only screen and (min-width: 1170px) {
.malidivslider {	
	display:inline-table;
	width:800px;
	margin:1px;
	text-align:left;
	line-height:19px;
	font-size:13px; 
	font-family: 'Open Sans', sans-serif;
	color:#555555;
	}

}






@media only screen and (max-width: 1199px) {
.logo {	
    border: 0 solid #000000;
    color: #ffffff;
    font: 18px normal arial,verdana,sans-serif;
    background: url("/slike/logo_pozadina.jpg"); background-repeat: no-repeat;
    margin: 0px auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
     }

.logo img {
  display:none;
    }
}



@media only screen and (min-width: 1200px) {
.logo {	
    border: 0 solid #000000;
    color: #ffffff;
    font: 18px normal arial,verdana,sans-serif;
    
    padding: 0;
    position: absolute;top:50px; left:5%;
    text-align: center;
    width: 100px;height:40px;
    z-index: 1000;
     }

.logo img {
  
     }
}








@media only screen and (max-width: 1199px) {
.malidiv {	
	display:inline-table;
	width:340px;
	padding:10px;
	margin:1px;
	text-align:justify;
	font-size:15px; 
	font-family: 'Open Sans', sans-serif; 
}
}



@media only screen and (min-width: 1200px) {
.malidiv {	
	display:inline-table;
	width:350px;
	line-height:19px;
	font-size:13px; 
	margin:1px;
	text-align:center;border:0px solid red;
}
}




@media only screen and (max-width: 1199px) {
.malidiv2 {	
	display:inline-table;
	width:340px;
	padding:10px;
	margin:1px;
	text-align:center;
	font-size:15px; 
	font-family: 'Open Sans', sans-serif; 
}
}



@media only screen and (min-width: 1200px) {
.malidiv2 {	
	display:inline-table;
	width:350px;
	line-height:19px;
	font-size:13px; 
	margin:1px;
	text-align:center;border:0px solid red;
}
}





@media only screen and (max-width: 1199px) {
.malidiv22 {	
	display:inline-table;
	width:340px;
	padding:10px;
	margin-left:110px;
	text-align:left;
	font-size:15px; 
	font-family: 'Open Sans', sans-serif; 
}
}



@media only screen and (min-width: 1200px) {
.malidiv22 {	
	display:inline-table;
	width:350px;
	line-height:19px;
	font-size:13px; 
	margin-left:110px;
	text-align:left;border:0px solid red;
}
}











@media only screen and (max-width: 1199px) {
.forma {	
	display:inline-table;
	width:80%;
	margin:10px;
	text-align:left;
	font-size:20px; 
	line-height:22px;
	font-family: 'Open Sans', sans-serif;
	color:#777777;
	}

.forma img {
  width: 300px;
     }

}



@media only screen and (min-width: 1200px) {
.forma {	
	display:inline-table;
	width:920px;
	margin:1px;
	text-align:left;
	line-height:21px;
	font-size:14px; 
	font-family: 'Open Sans', sans-serif;
	color:#777777;
	}

.forma img {
  width: 300px;
     }

}