@font-face {
    font-family: 'minionpro';
    src: url('../images/minionpro/minionproregular.eot#') format('eot'),
         url('../images/minionpro/MinionPro-Regular.otf') format('opentype'),
         url('../images/minionpro/minionproregular.ttf') format('truetype')
    font-weight: normal;
    font-style: normal;
}
.navigacija{
	margin-left: 33px;
	}	

@-moz-document url-prefix() { 
  .navigacija{
	margin-left: 34.5px;
	}	

}
#oblacinja{
 width: 100%;
 height: 972px;
 margin-top: -20px;
 padding: 0px;
 position: absolute;
 z-index: -10;
 background: url(../images/oblaci.png) top center no-repeat;
  -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
 }
 
html { 
	min-height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	background: #93b5e6 url(../images/bgzulejka.jpg) bottom center no-repeat;
	width: 100%;
	}
.crtki{
	position: absolute;
	z-index: -5;
	top: 0px;
	left: 45px;
	}	
a img{
	border: none;
	}	
#main_cont{
	width: 977px;
	margin: 0px auto;
	}
#header{
	margin-top: 15px;
	width: 977px;
	height: 160px;
	padding: 0px;
	}
#logo{
	float: left;
	width: 192px;
	height: 153px;
	}
#lang{
	
	float:right;
	width: 750px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	
	}	
#lang ul{
	display: block;
	list-style: none;
	float: right;
	padding: 0px;
	height:20px;
	
	}	
#lang ul li{
	color: #0e70ab;
	float: left;
	margin-left: 5px;
	}	
#lang ul li a{
	text-decoration: none;
	color: #054469;
	}	
#lang ul li a:hover{
	color: #FFF;
	}		
#nav{
	position: relative;
	float:right;
	}
	


#nav ul{
	list-style: none;
	float: left;
	font-size: 15px;
	padding: 0px;
	margin: 0px;
	
	}	
#nav ul li{
	display:block;
	float: left;
	padding: 0px;

	}

#nav ul li a{
	text-decoration: none;
	color: #FFF;
	text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.4);
	}		
		
#nav ul li a:hover{
	color: #096CA8;
	}	
.position{
	display: block;
	float: right;
	width: 750px;
	height: 82px;
	}		
#cont{
	clear: both;
	width: 977px;
	
	}
#booking{
	float: left;
	width: 211px;
	height: 314px;
	background: #096CA8; 
	color: #fff;
	}
#slider{
	position: relative;
	float: left;
	border: 1px solid #096CA8;
	}
.pansion{
	position: absolute;
	z-index: 15;
	top: 163px;
	left: 20px;
	width: 435px;
	height: 94px;
	background: rgba(9,108,168,0.5);
	}
	
#forma{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: relative;
	top: 20px;
	left: 20px;
	width: 170px;
	}

.calendar{
	position: relative;
	top: 6px;

	}

.select {
   background: transparent;
   width: 139px;
   height: 25px;
   padding: 2px;
   font-size: 14px;
   border: 1px solid #fff;
   -webkit-appearance: none;
   -moz-appearance: none;
    appearance: none;
    width: 120%;

}
.select1{
	width: 139px;
    height: 25px;
    overflow:hidden;
	background: url(../images/new_arrow.png) no-repeat right #fff;
	margin-top: 5px;
    margin-bottom: 5px;
	
	}
.textfield{
	width: 139px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;

	}	
.button{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	background: #EE750E;
	width: 168px;
	height: 35px;
	border: none;
	cursor:pointer;
	border-radius: 4px;
	box-shadow:  1px 1px 2px 2px rgba(0,0,0,0.1);
	font-weight: bold;
	}
.button:hover{
	box-shadow:  0px 0px 5px 5px rgba(255,255,255,0.2);

	}
#pansionzul{
	margin-top: 72.5px;
	float: left;
	width: 211px;
	}
@-moz-document url-prefix() { 
  #pansionzul{
	margin-top: 68px;
	float: left;
	width: 211px;
	}
}	
.adress{
	padding-top: 7px;
	margin-left: 10px;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 8px;
	color: #043351;
	}
.servicesimg{
	margin-left: 10px;
	}
#content{
	float: right;
	width: 750px;
	margin-top: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #043351;
	}
#content_inner{
	float: right;
	width: 733px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #043351;
	}	
#content_inner1{
	float: right;
	width: 733px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #043351;
	}	
.rooms{
	float: left;
	width: 350px;
	height: 270px;
	}
.roomspic{
	margin-left: 10px;
	border: 1px solid #096CA8;
	float: right;
	margin-bottom: 5px;
	}	
.hvartext{
	width: 350px;
	float: right;
	}
.textroomslevo{
	float: left;
	width: 340px;
	margin-left: 5px;
	}
.textroomsdole{
	float: left;
	width: 342px;
	margin-left: 6px;
	margin-top: -6px;
	}
.hvartext span{
	clear: both;
	float: right;
	margin-top: 19px;
	}
.rooms span{
	clear: both;
	float: right;
	margin-top: -10px;
	}
.del_levo{
	float: left;
	width: 211px;
	height: 670px;
	}
.del_levo1{
	float: left;
	width: 211px;
	height: 600px;
	}	
.del_desno{
	float: right;
	width: 750px;
	height: 670px;
	}
.del_desno1{
	float: right;
	width: 750px;
	height: 610px;
	}
#footer{
	clear: both;
	width: 977px;
	height: 100px;
	padding-top: 10px;
	border-top: 1px solid #096CA8; 
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0px auto;
	}
#footer span{
	float: left;
	margin-left: 10px;
	}
#footer span img{
	margin-bottom: -5px;
	}
#footer p{
	float: right;
	margin-top: 0px;
	}	

h1{
	display: block;
	font: 20px "minionpro";
	color: #FFF;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #096CA8;
	padding-left: 5px;
	}
h5{
	font: 40px "minionpro";
	color: #FFF;
	margin: 0px;
	padding-left: 20px;
	padding-top: 8px;
	font-weight: normal;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
	}
h6{
	font: 24px "minionpro";
	color: #FFF;
	margin-top: -5px;
	font-weight: normal;
	padding-left: 20px;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8);
}
h3{
	font: 32px "minionpro";
	color: #054469;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	
	border-bottom: 1px solid #096CA8;
	margin-top: -6px;
	padding-bottom: 4px;
	}
	
h4{
	font: 24px "minionpro";
	color: #FFF;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	}
h7{
	font: 24px "minionpro";
	color: #054469;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
	}	
h8{
	display:block;
	width: 442px;
	font: 24px "minionpro";
	color: #BE5B0C;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	border-bottom: 1px solid #096CA8;
	padding-bottom: 4px;
	
	}	
.grad_hvar{
	float: left;
	width: 733px;
	height: 275px;
	}
.kakonas{
	float: left;
	width: 733px;
	height: 275px;
	margin-top: 22px;
	}
.kakonastext{
	width: 340px;
	float: left;
	}	
.hvar1pic{
	margin-top: 27px;
	margin-left: 0px;
	float: left;
	}	
.kakonaspic{
	width: 367px;
	float: left;
	margin-left: 19px;
	border: 1px solid #096CA8;
	}	
.hvar1pic img{
	border: 1px solid #096CA8;
	}
.abouthvartext{
	margin-top: 18px;
	float: left;
	margin-left: 16px;
	width: 372px;
	height: 266px;
	font: 12px Arial, Helvetica, sans-serif;
	}
.abouthvartext p{
	margin: 7px 0px 0px 3px;
	}
.kakonastext p{
	margin: 7px 0px 0px 3px;
	}	
.app_slika{
	position: relative;
	width: 350px;
	float: left;
	
	}
.app_slika img{
	border: 1px solid #096CA8;
	}	
.rooms_slika{
	position: relative;
	float: left;
	width: 350px;
	margin-left: 25px;
	
	}
.rooms_slika img{
	border: 1px solid #096CA8;
	}	
.app_levo{
	position: absolute;
	width: 353px;
	height: 38px;
	background: rgba(9, 108, 168, 0.7);
	top: 145px;
	
	}
.rooms_des{
	position: absolute;
	width: 353px;
	height: 38px;
	background: rgba(9, 108, 168, 0.7);
	top: 145px;
	
	}	
.rooms_text{
	float: right;
	margin-top: 18px;
	width: 442px;
	font: 12px Arial, Helvetica, sans-serif;	
	}
.rooms_text p{
	margin: 7px 0px 0px 3px;
	}	
.room_slika_1{
	margin-top: 27px;
	margin-left: 0px;
	float: left;
	position: relative;
	}	
.room_slika_1 img{
	border: 1px solid #096CA8;
	}
.rooms_eden_div{
	position: absolute;
	width: 262px;
	height: 38px;
	background: rgba(9, 108, 168, 0.7);
	top: 164px;
	}
.rooms_eden{
	display: block;
	width: 733px;
	height: 240px;
	
	}
.back_button{
	position: relative;
	width: 136px;
	height: 29px;
	background: #EE750E;
	border-radius: 5px;
	border: 1px solid #096CA8;
	margin-top: 22px;
	margin-bottom: 35px;
	}
.back_button p{
	position: absolute;
	}
.back_button:hover{
	border: 1px solid #69C;
	border-radius: 5px;
	box-shadow:  0px 0px 4px 4px rgba(255,255,255,0.2);
	}				
.kategorija{
	float: left;
	width:150px;
	height: 72px;
	padding-top: 7px;
	font: 14px Arial, Helvetica, sans-serif;
	line-height: 8px;
	color: #043351;
	}
.gallery{
	
	}	
.gallery img{
	margin-left: 20px;
	margin-top: 20px;
	border: 1px solid #096CA8;
	}
.hover_button:hover{
	border-radius: 3px;
	box-shadow:  0px 0px 4px 4px rgba(255,255,255,0.2);
	}