*{
	margin:0;
	padding:0;
}

html{background-image:url('../img/bg1.jpg');background-repeat:no-repeat;background-size:100%;background-position:right top;background-attachment:fixed;}

body{
	/*background:url('../img/bg_head.jpg') repeat-x top center, url('../img/bg_vert.jpg') repeat-x;*/
	/*min-height:500px;*/
	font:14px/1.3 'Segoe UI',Arial, sans-serif;
	color:#345;
	/*padding:10px; */ 
    position:relative;
  
}

/*----------------------------
	CSS3 Animated Navigation
-----------------------------*/





#navigation a.homeIcon{
   
	background:url('../img/home.png') no-repeat center center;
	display: block;
	overflow: hidden;
	padding:12px 25px;
	text-indent: -9999px;
	width: 16px;
}
#navigation a.homeIcon:hover{
	background:url('../img/home.png') no-repeat center center;
	display: block;
	overflow: hidden;
	padding:12px 25px;
	text-indent: -9999px;
	width: 16px;
}







/*-------------------------
	Demo Page Styles
--------------------------*/


h1,h2{
	
	/*text-shadow: 1px 1px 0px rgb(0, 0, 0);*/
	color: white;
	
	/*background-color: #046380;*/
	font-family:allura;
	font-weight: normal;
	margin: 0 auto;
	position: absolute;
	
    
   
}

h1{
    
    text-shadow: 1px 1px #594432;
    color:#fff;
	position: relative;
    margin-bottom:45px;
 
}

h2{
	width:960px;
	font-weight:lighter;
	vertical-align:top;
	font-size: 26px;
	/*padding: 5px 5px 15px 15px;
	*/
	top: 40px;
}
h1 span{
    font-size:30px;
    color:white;
    padding-left:10px;
    padding-right:5px; 
    color:white;
}

header{
	display:block;	
	position:relative;
}

nav{
	
	display: block;	
	text-align: center;
	width: 100%;
	background-color:rgba(0, 0, 0, 0.06);
    height:42px;
}

footer{
	margin-top:-39px;
	color: #333;
	font-size: 11px;
	line-height: 1.6;
	padding: 10px 20px 0;
	text-align: center;
	display:block;
}

footer b{
	margin-top:5px;
	color: #333;
	display: block;
	font-size: 10px;
	font-weight: normal;
}

a, a:visited {
	text-decoration:none;
	outline:none;
	color:#333;

}

a:hover{
	text-decoration:underline;

	}
.naslov{
	color:#fff;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#594432;
	text-align:center;
	font-size:12px;

	
	
	}
	.razmaknica{
	
	margin-top:20px;
	
	}
table{
	/*width:900px;*/
	padding:8px;

	font-size:11px;
	width:610px;}
.sadrzaj{ width:610px;}
.sadrzaj table{padding:8px; font-size:12px;}
.udaljenosti{width:610px;font-size:12px;}
.udaljenosti span{
color:white;
}
.zauzetost{margin-left:-20px;}

 table .cijenik{width:940px;font-size:12px;}
.cijenik td{width:200px; text-align:center; font-size:12px; }		
table td.lol{
	width:150px;
	
}
table td.no{
	text-align:right;
	width:50px;
	padding-right:5px;
	}

table td.pic{
	width:28px;
	
}
.xd{
	width:143px;}
.xd li{
list-style: none;
    line-height: 19px;

}
li{
list-style: none;
	}
.yes{	
width:32px;
height:32px;}
.inner {
background-color: #8C7561;
color: #594432;
}
.inner2 {
padding-top: 30px;
height: 1320px;
margin-top: -530px;
margin-left: 315px;
width: 625px;
}
form#contact fieldset {
	
	border: 0;
	
	width: 100px;
	text-align: left;
	
}

form#contact input[type="text"], 
input[type="email"], input[type="tel"], textarea {
	margin: 3px 0 0 0;
	padding: 6px; 
	width: 100px; 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

form#contact textarea {
	width: 280px; 
	height: 200px;
}

form#contact label {
	display: block;
	font-size: 13px;

	margin-top: 10px;
	font-weight: bold;
}

form#contact label.error { 
	width: 270px;
	margin: 3px 0 0 0;
	display: block;
	color: #cf0101;                              
	font-size: 11px; 
	text-align: right;
}

form#contact .placeholder {
	color: #aaa;
}


#info{font-size:13px;margin-left:350px;  width:560px; height:500px; margin-top:-500px;text-align:justify;}
#info span{font-weight:bold;text-align:justify;}

#info2{ margin-top:-500px; width:340px; height:500px; font-size:18px;}

.info_pic{
border-radius: 5px;	
position:absolute;
margin-top:-550px;
}

.info_pic2{position:absolute;margin-left:340px;margin-top:-420px;}
.lokacija{margin-top:25px;}
.location{padding:0px; font-size:12px;}

#sadrzaj div{
padding:10px;
display:inline-block;
color:#fff;
height:100px;
width:286px;
text-align:justify;
margin-top:5px;
margin-left:13px;

}

#sadrzaj{
height:140px;
font-size:14px;}

#sadrzaj-trogir div{

display:inline-block;
color:#002F2F;
height:110px;
width:940px;
text-align:justify;
margin-top:15px;
margin-left:20px;

}
#prvi{top:10px;font-size:14px;position: absolute;
}
#drugi{width:310px;}
#treci{width:200px;}
#cetvrti{width:450px;}
#peti{width:440px;}

li.button {    
margin: 0px auto;
left: 338px;
position: relative;  
    
}

.button img{
    padding-top:5px;
padding-left:10px;
padding-right:10px;
width:30px;
height:30px;
    margin-bottom:3px;

}
.subtn {   
text-transform:uppercase;
top: 32px;
padding: 10px;
margin: 0px auto;
position: relative;
margin-top: -25px;
font-size: 12px;
border:none;
background-color:white;
color:#594432;
}
.subtn:hover{
background-color:white;
color:#594432;

}   

/*----------------------------
     Breadcumbs decoration
-----------------------------*/



.deco {
background-color:#594432;
color:white;
margin:0px auto;
width:960px;
height:21px;
z-index:0;
}
.deco a{
color:white;
}
audio {
width:200px;	
}
.space{height:500px;}


#followTab {

  /* Position and float the tab */  
  position: fixed;
  z-index: 10;
  right: 0;
  top: 80px;
  
  /* Give the tab width and padding */
  width: 80px;
  height:92px;
  padding: 5px 5px;
  
  /* Add the curved white border */
 
  
  /* Add the drop shadow */
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .6);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .6);
  box-shadow: 0 0 1px rgba(0, 0, 0, .6);
  
  /* Add the semitransparent gradient background */
 /* background: rgba(0, 25, 47, .75);
  background: -moz-linear-gradient(top, rgba(0, 25, 47, .75), rgba(0, 25, 47, .75));
  background: -webkit-gradient( linear, left top, left bottom, from( rgba(0, 25, 47, .75) ), to( rgba(0, 25, 47, .75) ) );
  background: linear-gradient(top, rgba(0, 25, 47, .75), rgba(0, 25, 47, .75));
  */
  filter: progid:DXImageTransform.Microsoft.Gradient( startColorStr='#00192f', endColorStr='#00192f;', GradientType=0 );
}
.txt {
	
    text-align: justify;
    width: 300px;
	
}
#contact-form {
color:#594432;
background-image: url('../img/fabric.png');
/*float: right;*/
height: 530px;
width: 315px;
	
}
#contact{	
 	position:relative;
    padding:20px;
}
#contact-form2 {
margin-top: 0px;

width: 280px;
	
}
#contact2{	
    margin-left: 10px;	
}
fieldset {	
    border: 0;    
    width: 100px;  
    text-align: left;	
}
fieldset label{
	
	display: block;  font-size: 13px;  margin-top: 10px;  font-weight: bold;
}

#licks {
margin-left: 325px;
width: 635px;
height: 100%;
margin-bottom: 25px;
}
#licks li{    
font-weight: normal;
font-size: 16px;
margin-left: 23px;
margin-top: 25px;
border-radius: 10px;
text-align: center;
width: 100px;
height: 40px;
float: left;
background-color: #594432;
color: #F2F2F2;
padding-top: 25px;
padding-bottom: 25px;
margin-right: 33px;
}
/*#licks li::first-letter {font-size:20px;} Kad bi bilo ikona za sve*/


form#contact2 fieldset {
	
	border: 0;
	background-color: #fff;
	width: 100px;
	text-align: left;
	
}

form#contact2 input[type="text"], 
input[type="email"],input[type="phone"], textarea {
	margin: 3px 0 0 0;
	padding: 6px; 
	width: 270px; 
	font-family: arial, sans-serif; 
	font-size: 12px; 
	border: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
}

form#contact2 textarea {
	width: 280px; 
	height: 200px;
}

form#contact2 label {
	display: block;
	font-size: 13px;

	margin-top: 10px;
	font-weight: bold;
}

form#contact2 label.error { 
	width: 270px;
	margin: 3px 0 0 0;
	display: block;
	color: #cf0101;                              
	font-size: 11px; 
	text-align: right;
}

form#contact2 .placeholder {
	color: #aaa;
}

#info-sobe {padding-top:-200px;padding-left:20px;font-size:13px;}
#info-sobe span {font-weight:bold;}

@media screen and (max-width: 980px) {
	#followTab{display:none;}
	h1{	margin-left:10px;width:940px;font-size:30px;}	
	ul#navigation li{font-size:12px;}	
	#nav ul{margin:0px auto;}
}
@media screen and (max-width: 2000px) {
    #info-sobe ui li {padding-right:19px; float:left;list-style:none;}
	#info-sobe ui.app li {padding-right:5px; float:left;list-style:none;}
	
	h1{width:960px;	font-size:70px;	top:20px;}
}

.class4{
height:210px;
    font-size:14px;
}

.gmap{
   
padding: 8px;
font-size: 11px;
width: 940px;
}
.gmap span{
font-size:13px;
}
.gmap td{
 vertical-align:top;
}
div .main-licks{

width: 625px;
height: 530px;
margin-top: -530px;
margin-left: 320px;
}

.main-licks ul
{
margin-top: -25px;
font-weight: bold;

display: inline-block;
height: 50px;
width: 750px;
}

.main-licks li{
border-radius:20px;
font-size:26px;
/*text-transform:uppercase;*/
background-color: gray;
line-height: 13;
text-align: center;
margin-left: 28px;
margin-top: 55px;
float: left;
list-style: none;
width: 270px;
height: 205px;
}

.main-licks li span{
font-family:allura;
font-weight:normal;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 13px;
background-color: white;
    color:#594432;
}
.main-licks p{
    font-size:14px;
padding-left:20px;
width:580px;
text-align:justify;
}
.main-licks p.text-deco{
padding-top:40px;
font-family:allura;
font-weight:normal;
font-size:45px;
}

.apartman{
background-image:url('../img/apartman.jpg');
}
.trogir{
background-image:url('../img/trogir.jpg');
}
.donas{
background-image:url('../img/donas.jpg');
}
.kontakt{
background-image:url('../img/kontakt.jpg');
}

.min-gallery p{
color:black;
line-height:20px;
padding:15px;
width:200px;
}
div#gallery{
height:380px;
}

div#gallery ul{
width:600px;
margin-left:30px;
}
div#gallery ul li{
margin: 4px;
float: left;
padding: 3px;
width: 100px;
height: 75px;
background-color: #8C7561;
}
div#gallery ul li img{
width: 100px;
height: 75px;
}   
.inner2 span{
padding-left: 10px;
margin-left: 30px;

}

.inner3 {
padding-top: 30px;
height: 500px;
margin-top: -530px;
margin-left: 315px;
width: 625px;
}
.inner3 p{
padding-left: 35px;
width: 560px;
text-align: justify;
}
.inner3 div#gallery {
height:110px;
}
.inner2 span:nth-of-type(1){
font-size:16px;
font-weight:bold;
}