@import url(https://fonts.googleapis.com/css?family=Petit+Formal+Script);	/* font-family: 'Petit Formal Script', cursive;  */
@import url(https://fonts.googleapis.com/css?family=Raleway);				/*	font-family: 'Raleway', sans-serif;  */ 

* {	margin: 0;	padding: 0; }
body{
	background-image:url(tucepi_beach_alga.jpg);
	background-size:cover;
	background-attachment: fixed;
	}

nav{
  display: block;		position: fixed;
  width: 180px;			height:99%;
  margin: 2px auto 0;	padding: 0;
  border-radius:7px;
  box-shadow: 4px 4px 8px 1px rgba(0,0,0,0.2);  
  float:left;
  border-right: 2px solid #88F;
  background-color:rgba(255,255,255,0.7);
}

nav ul { list-style:none; }

nav ul li {
  border-top:1px solid rgba(0,0,0,0.1);
  padding:10px 10px;
  box-shadow:inset 0 1px 1px #fff;
  text-indent: 0px;
  font-size:14px;
  color:#2222aa;
  font-family: 'Arial', sans-serif;
  text-decoration:none;
  text-shadow: 1px 1px 1px #fff;
  font-weight:bold; 
  }

nav ul li a {
  font-size:14px;
  color:#2222aa;
  font-family: 'Arial', sans-serif;
  text-decoration:none;
  text-shadow: 1px 1px 1px #fff; 
    font-weight:normal; 
}

nav ul li img { float:left; margin:-2px 0 0 0;}

nav ul li:hover, .selected{
  border-left:5px solid #ed6b3a;
  border-right:5px solid #ed6b3a; 
  /*  border-left:5px solid #88F; */
  background-color:rgba(240,240,255,0.8);
  color:#0000bb;
  font-weight:bold;
}

header{
    margin-left:185px;	max-width:800px; 
    display: block;		/* background-color:#FCF; */
    border-right: 2px solid #88F;
}
article{
	display: block;		position: relative;
	max-width:800px; 	margin-left:185px;
	border-right: 2px solid #88F;
    background-color:rgba(240,240,255,0.5);
}

article h1{
	padding:5px 12px;	margin-top:-4px;
	font-size:18px;		color:#5252b1;
  	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  	text-decoration:none;
  	background-color:#FCF;
	border-bottom: 2px solid #88F;
}

article p, article h2{
	/* display: block; */
	padding:5px 12px;
	font-size:16px;		color: #006;
  	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  	text-decoration:none;
}

.opis{
	display: block;		padding:4px 10px;
	font-size:12px;		color: #006;
  	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  	text-decoration:none;	text-align:center;
	margin-left: auto; 		margin-right: auto;
}
.opis img{ padding:1px; }

.gallery{
	display: block;  
}
.gallery img{
	display:block;		padding:2px;		margin:auto;
  	background-color: #888;
}

/* ................... NASLOVNICA ..................... */ 
.ponuda{
	display: block; 	float: left;	width:96%;
	margin-left: 4px; 	margin-right: 4px;	
	padding-left:20px;	padding-right: 4px; padding-top: 4px; padding-bottom: 4px;
	text-align:left;
	line-height:30px;
    background-color:rgba(180,180,220,0.5);
	/* border-radius: 0px 0px 0px 0px;  */
  	/* box-shadow: 4px 4px 8px 1px rgba(0,0,255,0.5); */
}
.vlasnik{
	font-family: 'Petit Formal Script', cursive;
	font-size: 20px;	font-weight:bold;
}
.adresa{
	font-family: 'Arial', cursive;		font-size: 1em;
}

/* ................... CJENIK - TABLICA ..................... */ 
table{
	text-align:center;	border-width:0px;
	margin-left: auto; 		margin-right: auto;	
	padding: 1px;	border-spacing: 1px;
	font-family: 'Raleway', sans-serif;		font-size:0.9em;
}
table td{
	padding-top:5px;	padding-bottom:5px;		padding-left:3px;	padding-right:3px;
	border-radius: 7px;	background-color:rgba(255,255,255,0.5);		
	border-color: rgba(0,190,255,0.6);		border-width: 1px; border-style:outset;
}

table .naslov{ font-weight: bold;}

/* ................... KONTAKT ..................... */ 
.kontakt{
	display: block;	width: 45%;	float:left;
	text-align:center;	line-height:150%;	margin: 5px;
	font-family: 'Raleway', sans-serif;		font-size:14px;
	border-radius: 7px;	background-color:rgba(255,255,255,0.5);	box-shadow: 2px 2px 4px 1px rgba(0,0,255,0.3);
}
.domacin{ font-style: italic; font-weight: bold; font-size:16px; }