/* unvisited link */
@import url('https://fonts.googleapis.com/css?family=Muli');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');

a:link, a:visited , a:hover, a:active {
    color: #FFFFFF;
	text-decoration: none;padding: 0;
}

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	background-image: url(../images/pozadina-1.jpg);
	background-repeat: repeat;
	background-size: cover;
	background-color: rgb(187 66 47);

	font-family: 'Muli', sans-serif;
	font-size: 13pt;
	font-weight: 400;
	color: black;
	}
.centar {
	display: inline-block;
	vertical-align:top;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
  }
.strana-gornji-dio {
	display: inline-block;
	vertical-align:top;
	width: 90%;
	max-width:1100px;
	text-align: left;
	padding: 0px;
	margin: 30px 0 0 0;
  }	
.logo-meni {
	display: inline-block;
	vertical-align:top;
	width: 100%;
	text-align: center;
	padding: 0px;margin: 0px;
  }
.logo{
	display: inline-block;
	vertical-align:top;
	width: 40%;
	text-align: left;
	padding: 0px;margin: 0px;
  } 
.meni{
	display: inline-block;
	vertical-align:bottom;
	width: 59%;
	text-align: right; 
	padding: 0px;margin: 0px;
  } 
.meni-item, .meni-item-active, .meni-item-active a{
	display: inline-block;
	vertical-align:bottom;
	width: auto;
	font-size:18pt; font-family: 'Yanone Kaffeesatz', sans-serif;text-transform: uppercase;
	text-align: right; color:#FFF;
	padding: 0 10px 0 10px;margin: 0px;
	text-shadow: 2px 2px 9px #000000;
  }
 .meni-item-active a{ padding: 0px;}
.meni-item a:hover, .meni-item-active, .meni-item-active a{color:#F90;}
 
.meni-lang, .meni-lang a, .meni-lang-active, .meni-lang-active a{
	display: inline-block;
	vertical-align:bottom;
	width: auto;
	font-size:14pt; font-family: 'Yanone Kaffeesatz', sans-serif;
	text-align: right; color:#CCC;
	padding: 0 10px 0 10px;margin: 0px;
	text-shadow: 2px 2px 9px #000000;
  }
 .meni-lang-active, .meni-lang-active a{ color:#F90;}
 
.meni-line{
	display: inline-block;
	vertical-align:bottom;
	width: auto;
	font-size:13pt; font-family: 'Yanone Kaffeesatz', sans-serif;text-transform: uppercase;
	text-align: right; color:#CCC; 
	padding: 0;margin: 0px;
  }
     
.logo img{width:90%;}	

.slider {
	display: inline-block;
	vertical-align:top;
	width: 100%;
	text-align: center;
	padding: 4px 4px 0 4px;margin: 10px 0 10px 0;
	background-color:#a79a8f;
  }
iframe{padding: 2px;background-color:#EBEBEB;}
.strana-donji-dio {
	display: inline-block;
	vertical-align:top;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color:rgba(255,242,221,1);
  }
.content {
	display: inline-block;
	vertical-align:top;
	width: 90%;
	max-width:1100px;
	text-align: left;
	padding: 0px;
	margin: 0;
  }
	
hr {
	background-color: #cc9866;
	height: 2px;
	border: none;
	width: 100%;
	margin:10px 0 10px 0; padding:0;
    }	
.hr2 {
	background-color: #F90;
	height: 4px;
	border: none;
	width: 100%;
	margin:10px 0 0 0; padding:0;
    }
	

h1 {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size:22pt;
	color: #8d0202;
	text-align: left;
	margin:10px 0 10px 0; padding:0;
}

h2 {
	font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:100;
	font-size:16pt;
	color: #8d0202;
	text-align: left;
	margin:10px 0 10px 0; padding:0;
}

h3 {
	font-family: 'Muli', sans-serif;
	font-size: 13pt;
	font-weight: 200;
	color: black;
	text-align: left;
	margin:10px 0 10px 0; padding:0;
}

.opsirnije {
	display: inline-block;
	vertical-align:top;
	width: 100%;
	text-align:right;
	padding: 0;
	margin: 0;
  }
  
 .opsirnije a:link,.opsirnije a:visited, .opsirnije a:hover, .opsirnije a:active   {
    color: #333;
	text-decoration: none;
}

.galerija {
	display: inline-block;
	vertical-align:top;
	width: 31%;
	text-align:right;
	margin: 4px;
	padding: 3px 3px 0 3px; background-color:#EBEBEB;
  }

.content100 {
	display: inline-block;
	vertical-align:top;
	width: 100%;
	text-align:justify;
	padding: 0px;
	margin: 0;
  }
.footer33 {
	display: inline-block;
	vertical-align:top;
	width: 33%;
	text-align:left;
	padding: 0px;
	margin: 0;
  }

.footer33r {
	display: inline-block;
	vertical-align:top;
	width: 33%;
	font-size:11pt;
	text-align:right;
	padding: 0px;
	margin: 0;
  }
  
.content45 {
	display: inline-block;
	vertical-align:top;
	width: 45%;
	text-align:justify;
	padding: 2%;
	margin: 0;
  }

.content55 {
	display: inline-block;
	vertical-align:top;
	width: 54%;
	text-align:justify;
	padding: 0px;
	margin: 0;
  }	
	
.content42 {
	display: inline-block;
	vertical-align:top;
	width: 42%;
	text-align:justify;
	padding: 0 0 0 10px;
	margin: 0;
  }	
 .content30 {
	display: inline-block;
	vertical-align:top;
	width: 31%;
	text-align:justify;
	padding: 0;
	margin: 1%;}
 .content70 {
	display: inline-block;
	vertical-align:top;
	width: 65%;
	text-align:justify;
	padding: 0;
	margin: 1%;}
  
.content20 {
	display: inline-block;
	vertical-align:top;
	width: 15%;
	text-align:justify;
	padding: 0px;
	margin: 0;
  }
  .podjela100mapa {
	 position:relative;
	display: inline-block;
	overflow:hidden;
	vertical-align: top;
	width: 100%;
	height:400px;
	
	text-align: center;
	padding: 0px;
	margin: 0px;
  }

  .booking{position:relative;display: inline-block;
	vertical-align: top; text-align: center;
	width: 100%; height:auto;
	background-color:#003580;
	padding: 0px;margin: 0px;}
	.booking a img{height:66px; width: auto;}
 
 @media only screen and (max-width: 700px){

.logo{width: 80%;} 
.meni{width: 99%;
	text-align: center; 
	padding: 0px;margin: 0px;
  } 
.meni-item, .meni-item-active, .meni-item-active a{	width: 95%;
	font-size:25pt;
	text-align: center; color:#FFF;
	padding: 10px;margin: 0px;
  } 
.meni-item-active a{ padding: 0px;}
.meni-item a:hover, .meni-item-active, .meni-item-active a{color:#F90;}

.meni-lang, .meni-lang a, .meni-lang-active, .meni-lang-active a{
	width: auto;
	font-size:18pt; font-family: 'Yanone Kaffeesatz', sans-serif;
	text-align: center; color:#CCC;
	padding: 10px;margin: 0px;
	text-shadow: 2px 2px 9px #000000;
  }
 .meni-lang-active, .meni-lang-active a{color:#F90;}
.meni-line{display: none;}
     
.logo img{width:90%;}	

.slika-slider{width: 100%; height:300px;}
.bxslider{position:relative; width:100%; padding:0;margin:0;z-index:0;}
.bxslider img{margin-left:calc(50% - 430px); height:300px !important; width: auto;}

.content55 {width: 95%;}	
 .content30 {width: 95%;}
 .content45 {width: 95%;}
 .content42 {width: 95%;}	
 
 .footer33 {width: 10%;}

.footer33r {width: 65%;}

.galerija {width: 90%;
	margin: 4px;
	padding: 3px 3px 0 3px; background-color:#EBEBEB;
  }
	 
	 }