@charset "utf-8";

*{
	margin: 0px;
	padding: 0px;
}
.clear{clear:both}
.none{display:none !important}
a, img{
	border:none;
	outline:none;
}
body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 62.5%;
	color: #333333;
	text-align: center;
	background-color: #77b7ff;
	background-image:url(../assets/body_bg.gif);
	background-position:center;
	background-repeat:repeat-y;
}
#wrapper {
	text-align:left;
	width:900px;
	margin:0 auto;
	font-size:12px;
	background-color:#faf9f3;
}
#header, #header_onama, #header_apartmani, #header_kontakt {
	background-image: url(../assets/home_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 266px;
	width: 900px;
	position: relative;
	margin-top: 5px;
}
.logo{
	position:absolute;
	width:345px;
	height:100px;
	top:130px;
	left:20px;
	text-indent:-9000px;
}
/*---------------------------------NAVIGATION-----------------------------------*/

.navigation {
	position: relative;
	background-image: url(../assets/mainNavigation_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 37px;
	width: 900px;
}
.language{
	float:left;
	margin:4px 0 0 12px;
}
.navigation ul{
	margin:0 0 0 502px;
}
.navigation li {
    float:left;
	list-style-type: none;
	padding:0 3px;
	color:red;
	
}
.navigation li a{
	width:88px;
	height:37px;
	display:block;
	text-indent:-9000px;
}
/*---------------------------HR-------------------------------------*/
a.home{
	background-image: url(../assets/home.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.home{
	background-image: url(../assets/home_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.onama{
	background-image: url(../assets/onama.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.onama{
	background-image: url(../assets/onama_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.apartmani{
	background-image: url(../assets/apartmani.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.apartmani{
	background-image: url(../assets/apartmani_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.kontakt{
	background-image: url(../assets/kontakt.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.kontakt{
	background-image: url(../assets/kontakt_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*---------------------------HR-------------------------------------*/

a.onama_en{
	background-image: url(../assets/aboutus.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.onama_en{
	background-image: url(../assets/aboutus_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.apartmani_en{
	background-image: url(../assets/apartments.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.apartmani_en{
	background-image: url(../assets/apartments_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a.kontakt_en{
	background-image: url(../assets/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
a:hover.kontakt_en{
	background-image: url(../assets/contact_h.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*---------------------------------NAVIGATION end-----------------------------------*/


#content{
	background-image: url(../assets/mainBg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	position:relative;
	display:block;
	width:900px;
	padding-top:15px;
}
#welcome_wrapper, #aboutBol_wrapper, #gallery_wrapper, #rules_wrapper{
	position:relative;
	width:857px;
	display:block;
	margin:15px auto 5px auto;
	padding: 5px 0 5px 0;
	border:solid 1px #dec9b8;
	overflow:hidden;
	background-color:#fff;
}
#rules_wrapper{
	padding:6px;
	font-size:11px
}
#rules_wrapper h4{color:#990000; font-size:14px; padding:4px 0}
#rules_wrapper p{margin:4px;}
#rules_wrapper p.small{font-size:10px; font-weight:bolder; margin:4px 4px 4px 2px;}

#welcome_wrapper{
	background-image: url(../assets/lanci.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	
}
.left{
	float:left;
	width:500px;
	overflow:hidden;
}
.left h5{
	font-size:18px;
	color:#313523;
	font-weight:normal;
	padding-left:4px;
}
.right{
	float:right;
	width:347px;
	text-align:center;
	overflow:hidden;
}
.right img{
	margin:0 0 4px 4px;
	padding:0;
}
.right p{
	padding:0 12px;
	color:#990000;
	font-style:italic;
}
.left h3{
	display:block;
	width:201px;
	height:28px;
	text-indent:-9000px;
	margin:5px;
	background-repeat: no-repeat;
	background-position: left top;
}
 #welcome_wrapper h3{
 	background-image: url(../assets/dobrodosli.gif);	
 }
 #welcome_wrapper h3.en{
 	background-image: url(../assets/dobrodosli_en.gif);	
 }
 #aboutBol_wrapper h3{
 	background-image: url(../assets/bol_na_otoku_bracu.gif);
 }
 #aboutBol_wrapper h3.en{
 	background-image: url(../assets/bol_na_otoku_bracu_en.gif);
 }
 #aboutBol_wrapper p{
 	font-size:12px;;
 }
.heading h2{
	display:block;
	width:201px;
	height:24px;
	text-indent:-9000px;
	margin:5px;
	background-image: url(../assets/foto_galerija.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
.heading h2.en{
	background-image: url(../assets/foto_galerija_en.gif);
	height:28px;
}
.heading h3{
 	background-image: url(../assets/bol.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:38px;
	height:23px;
	margin-top:4px;
	text-indent:-9000px;
	float:right;
 }
 .heading{
 	float:left;
	position:relative;
	width:840px;
	padding:5px;

 }
 .gallery{
 	float:left;
	position:relative;
	width:840px;
	padding:5px;
	margin-left:2px;
}
.gallery img{
 	margin:0 5px 0 8px;
}
.left p{
	margin:5px;
	line-height:1.4em;
	font-size:14px;
}
.left p span{
	font-style:italic;
	color:#990000;
	font-weight:bold;
}
#footer{
	width:900px;
	height:28px;
	background-image: url(../assets/footer.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}.right ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CC0000;
	font-style: italic;
}
#content .conditions {
	width:870px;
	display:block;
	margin:0 auto;
	font-size:10px;
	font-style: italic;
	color: #CC0000;
}