/*
                                                 
-> Project: http://www.apartmani-bozic.com                    
-> Author: Web Design NST /  http://www.web-stranica.t35.me			 
-> Copyright (c) 2010: Rijeka
                   							                         
*/


/* BASE
-----------------------------------------------------*/
	
	body {
		margin: 0px;
		padding: 20px 0px 20px 0px;
		text-align: center;
		background: url("../../images/bg.jpg");
		}
	
	html {
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #64625E;
		text-decoration: none;
		}
	
	p {
		font: normal 11px/155% Georgia, "Times New Roman", Times, serif;
		margin: 0 0 15px 0;
		}
	
	.clear {
		clear: both;
		}
	
	.clearBox {
		clear: both;
		height: 10px;
		}
	
	.textBlue {
		color: #2F6871;
		}
	
	.textRed, em {
		color: #AA321E;
		font-style: normal;
		}
	
	.textGreen {
		color: #828941;
		}
	
	.textEm {
		color: #AA321E;
		font: normal 12px Georgia, "Times New Roman", Times, serif;
		font-style: italic;
		}
	
	a {
		color: #AA321E;
		text-decoration: underline;
		}
	
	a:hover {
		color: #AA321E;
		text-decoration: none;
		}


/* LAYOUT
-----------------------------------------------------*/
	
	#wrapper {
		margin: 0px auto;
		padding: 0 0 5px 0;
		width: 803px;
		text-align: left;
		background: url("../../images/bg_containerBottom.gif") no-repeat bottom left;
		}
	
	#home {
		width: 31px;
		float: right;
		padding: 37px 0 0 0;
		}
	
	#container {
		width: 772px;
		text-align: left;
		float: left;
		background: url("../../images/bg_container.gif") repeat-y 0px 15px;
		}
	
	#header {
		background: url("../../images/bg_containerTop.gif") no-repeat 0px 0px;
		padding: 5px 5px 0 5px;
		}
	
	#content {
		padding: 0 0 0 18px;
		background: url("../../images/bg_content.gif") no-repeat bottom left;
		}
	
	#leftColumn {
		float: left;
		width: 186px;
		margin: 0 16px 0 0;
		padding: 0 0 15px 0;
		}
	
	#mainColumn {
		float: left;
		width: 532px;
		}

/* HOME
-----------------------------------------------------*/

	#home a, #home span {
		background: url("../../images/bg_home.gif") no-repeat 0px 0px;
		display: block;
		width: 31px;
		height: 62px;
		text-decoration: none;
		margin: 0 0 5px 0;
		text-indent:-9999px;
		}
	
	#home a:hover {
		background: url("../../images/bg_home_over.gif") no-repeat 0px 0px;
		}
	
	#home .lan {
		display: block;
		width: 31px;
		height: 80px;
		text-decoration: none;
		}
	
	#home .hr {
		background: url("../../images/tab_hr.gif") no-repeat 0px 0px;
		}
	
	#home a.hr:hover {
		background: url("../../images/tab_hr_over.gif") no-repeat 0px 0px;
		}
	
	#home .en {
		background: url("../../images/tab_en.gif") no-repeat 0px 0px;
		}
	
	#home a.en:hover {
		background: url("../../images/tab_en_over.gif") no-repeat 0px 0px;
		}
	
	#home .de {
		background: url("../../images/tab_de.gif") no-repeat 0px 0px;
		}
	
	#home a.de:hover {
		background: url("../../images/tab_de_over.gif") no-repeat 0px 0px;
		}		
	
	#home .it {
		background: url("../../images/tab_it.gif") no-repeat 0px 0px;
		}
	
	#home a.it:hover {
		background: url("../../images/tab_it_over.gif") no-repeat 0px 0px;
		}

		
/* HEADER
-----------------------------------------------------*/

		#header .headNav1	{	background: url("../../images/headers/content_1.png") no-repeat 0px 0px; }
		#header .headNav2	{	background: url("../../images/headers/content_2.jpg") no-repeat 0px 0px; }
		#header .headNav3	{	background: url("../../images/headers/content_3.jpg") no-repeat 0px 0px; }
		#header .headNav4	{	background: url("../../images/headers/content_4.jpg") no-repeat 0px 0px; }
		#header .headNav5	{	background: url("../../images/headers/content_5.jpg") no-repeat 0px 0px; }
		#header .headNav6	{	background: url("../../images/headers/content_6.jpg") no-repeat 0px 0px; }
		#header .headNav7	{	background: url("../../images/headers/content_7.jpg") no-repeat 0px 0px; }
		#header .headNav8	{	background: url("../../images/headers/content_8.jpg") no-repeat 0px 0px; }
		#header .headNav9	{	background: url("../../images/headers/content_9.jpg") no-repeat 0px 0px; }
		#header .headNav10	{	background: url("../../images/headers/content_10.jpg") no-repeat 0px 0px; }
	
	#header img.logo {
		padding: 32px 0 62px 452px;
		}
	
	#header ul {
		margin: 0 0 0 33px;
		padding: 0px;
		list-style: none;
		}
	
	#header ul.lan {
		margin: 0px;
		padding: 0 0 0 10px;
		list-style: none;
		}
	
	#header ul.lan li {
		background: none;
		float: left;
		padding: 8px 10px 0 6px;
		margin: 0px;
		}
	
	#header ul.lan li a {
		background: url("../../images/icon_footer.gif") no-repeat 0px 4px;
		padding: 0 0 0 14px;
		color: #FFF;
		}
	
	#header ul.lan li a:hover {
		color: #FFF;
		text-decoration: underline;
		}
	
	#header ul.nav li {
		width: 126px;
		float: left;
		margin: 0 5px 0 0; 
		background: url("../../images/bg_headNav_item.gif") no-repeat 0px 0px;
		text-align: center;
		}
	
	#header ul.nav li.first {
		width: 170px;
		float: left;
		margin: 0 5px 0 0; 
		background: url("../../images/bg_headNav_item_first.gif") no-repeat 0px 0px;
		text-align: center;
		}
	
	#header ul.nav li.active {
		background: url("../../images/bg_headNav_item_active.gif") no-repeat 0px 0px;
		}
	
	#header ul.nav li.activefirst {
		width: 170px;
		float: left;
		margin: 0 5px 0 0; 
		background: url("../../images/bg_headNav_item_first_active.gif") no-repeat 0px 0px;
		text-align: center;
		}
	
	#header ul li a {
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #AA311D;
		text-decoration: none;
		padding: 11px 0 11px 0;
		display: block;
		width: 124px;
		}
	
	#header ul li a em {
		background: url("../../images/bullet_headNav.gif") no-repeat 0px 3px;
		padding-left: 14px;
		}
	
	#header ul li.first a, #header ul li.activefirst a {
		width: 168px;
		}
	
	#header ul li a:hover {
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #AA311D;
		text-decoration: underline;
		}


/* LEFT COLUMN
-----------------------------------------------------*/
	
	#leftColumn .boxOut {
		background: url("../../images/bg_leftColumn_box.gif") no-repeat bottom left;
		padding: 0 0 6px 0;
		margin: 0 0 10px 0;
		}
	
	#leftColumn .boxIn {
		border-top: 1px dashed #D8D8CF;
		border-left: 1px dashed #D8D8CF;
		border-right: 1px dashed #D8D8CF;
		background-color: #FFF;
		padding: 4px;
		}
	
	#leftColumn h1 {
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #FFF;
		text-decoration: none;
		padding: 4px 0 4px 22px;
		margin: 0 0 4px 0;
		}
	
	#leftColumn .red h1 {
		background: url("../../images/bg_leftColumn_h1_red.gif") no-repeat 0px 0px;
		}
	
	#leftColumn .blue h1 {
		background: url("../../images/bg_leftColumn_h1_blue.gif") no-repeat 0px 0px;
		}
	
	#leftColumn .green h1 {
		background: url("../../images/bg_leftColumn_h1_green.gif") no-repeat 0px 0px;
		}
	
	#leftColumn .yellow h1 {
		background: url("../../images/bg_leftColumn_h1_yellow.gif") no-repeat 0px 0px;
		}
	
	#leftColumn .boxIn a {
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		text-decoration: none;
		}
	
	#leftColumn .red a {
		color: #AA311D;
		display: block;
		background: url("../../images/banners/posaljite_upit.gif") no-repeat 0px 0px;
		padding: 10px 10px 10px 90px;
		}
	
	#leftColumn .blue a {
		color: #2F6871;
		display: block;
		background: url("../../images/banners/kako_doci.gif") no-repeat 0px 0px;
		padding: 10px 4px 10px 80px;
		}
	
	#leftColumn .green a {
		color: #828941;
		display: block;
		background: url("../../images/banners/otok_krk.gif") no-repeat 0px 0px;
		padding: 10px 5px 10px 98px;
		}
	
	#leftColumn .yellow a {
		color: #a88417;
		display: block;
		background: url("../../images/banners/panorame.gif") no-repeat 0px 0px;
		padding: 18px 5px 18px 78px;
		margin-bottom: 1px;
		}
	
	#leftColumn .yellow a:hover {
		background: url("../../images/banners/panorame_over.gif") no-repeat 0px 0px;
		}
	
	#leftColumn .red a:hover {
		background: url("../../images/banners/posaljite_upit_over.gif") no-repeat 0px 0px;
		}
	
	#leftColumn .blue a:hover {
		background: url("../../images/banners/kako_doci_over.gif") no-repeat 0px 0px;
		}
	
	#leftColumn .green a:hover {
		background: url("../../images/banners/otok_krk_over.gif") no-repeat 0px 0px;
		}
	
	#leftColumn .contact {
		text-align: center;
		background: url("../../images/bg_contact_separator.gif") no-repeat bottom center;
		padding: 0px 0px 10px 0px;
		margin: 20px 0px 15px 0px;
		}
	
	#leftColumn .contact strong {
		color: #AA311D;
		}


/* MAIN COLUMN
-----------------------------------------------------*/
	
	#mainColumn .boxOut {
		background: url("../../images/bg_mainColumn_box.gif") no-repeat bottom left;
		padding: 0 0 7px 0;
		margin: 0 0 10px 0;
		}
	
	#mainColumn .boxIn {
		border-top: 1px dashed #D8D8CF;
		border-left: 1px dashed #D8D8CF;
		border-right: 1px dashed #D8D8CF;
		border-bottom: 1px dashed #FFF;
		background-color: #FFF;
		padding: 4px 4px 0 4px;
		position: relative;
		}
	
	#mainColumn .boxOutContent {
		background: url("../../images/bg_mainColumn_box_content.gif") no-repeat bottom left;
		padding: 0 0 7px 0;
		margin: 0 0 10px 0;
		background-color: #FFFFF6;
		}
	
	#mainColumn .boxInContent {
		border-top: 1px dashed #D8D8CC;
		border-left: 1px dashed #D8D8CC;
		border-right: 1px dashed #D8D8CC;
		border-bottom: 1px solid #FFFFF6;
		padding: 4px 4px 0 4px;
		}
	
	#mainColumn .contentText {
		border: 1px solid #E7E2D2;
		background-color: #FAF5E9;
		margin: 0px 0px 4px 0px;
		padding: 15px;
		}
	
	#mainColumn .bozic {
		background: #FAF5E9 url("../../images/bg_mainColumn_bozic.jpg") no-repeat top right;
		}
	
	#mainColumn .izdvojeno {
		background: #FAF5E9 url("../../images/bg_mainColumn_izdvojeno.gif") no-repeat bottom right;
		padding: 15px 25px 15px 15px;
		}
	
	#mainColumn .english {
		background: #FAF5E9 url("../../images/bg_mainColumn_izdvojeno_eng.gif") no-repeat bottom right;
		}
	
	#mainColumn .deutsch {
		background: #FAF5E9 url("../../images/bg_mainColumn_izdvojeno_de.gif") no-repeat bottom right;
		}
	
	#mainColumn h1 {
		font: normal 27px Georgia, "Times New Roman", Times, serif;
		color: #AA321E;
		text-decoration: none;
		margin: 0 0 15px 0;
		position: relative;
		}
	
	#mainColumn h2 {
		background: url("../../images/bg_mainColumn_box_h3.gif") no-repeat 0px 0px;
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #F2EDDB;
		text-decoration: none;
		margin: 0 0 10px 0;
		padding: 6px 0 5px 22px;
		position: relative;
		}
	
	#mainColumn h3 {
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		color: #AA321E;
		text-decoration: none;
		margin: 0 0 5px 0;
		position: relative;
		}
	
	#mainColumn .submit {
		background: url("../../images/bg_submit.gif") no-repeat 0px 0px;
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #F2EDDB;
		text-decoration: none;
		display: block;
		padding: 6px 10px 8px 24px;
		margin: -16px 0 10px 350px;
		position: relative;
		}
	
	#mainColumn .submit:hover {
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #FFF;
		text-decoration: none;
		}
	
	#mainColumn ul {
		list-style: none;
		margin: 5px 0 10px 0;
		padding: 0 0 0 20px;
		}
	
	#mainColumn ul li {
		background: url("../../images/bullet_headNav.gif") no-repeat 0px 5px;
		padding: 3px 0 3px 15px;
		}
	
	#mainColumn ul li.head {
		background: none;
		padding: 0 0 5px 0;
		font: bold 11px Georgia, "Times New Roman", Times, serif;
		color: #AA321E;
		}
	
	#mainColumn ul.airports {
		width: 160px;
		float: left;
		padding: 0px;
		position: relative;
		}
	
	#mainColumn ul.appInfo1 {
		width: 180px;
		float: left;
		padding-left: 0px;
		position: relative;
		}
	
	#mainColumn ul.appInfo2 {
		width: 250px;
		float: left;
		position: relative;
		}

	
/* BOTTOM NAVIGATION
-----------------------------------------------------*/

	.bottomNavigation {
		text-align: center;
		margin: 30px 0 0 0;
		color: #cc9999;
		}
	
	.bottomNavigation a {
		padding: 0 5px 0 5px;
		color: #cc9999;
		}

	
/* FOOTER
-----------------------------------------------------*/
	
	#footer {
		background: url("../../images/bg_footer.jpg") no-repeat 0px 0px;
		height: 41px;
		margin: 0 0 0 5px;
		}
	
	#footer ul {
		margin: 0px;
		padding: 13px 0 0 40px;
		list-style: none;
		}
	
	#footer ul li {
		float: left;
		background: url("../../images/bg_footer_separator.gif") no-repeat top right;
		margin: 0 14px 0 0;
		}
	
	#footer ul li.first {
		background: none;
		padding: 0 35px 0 0;
		}
	
	#footer ul li.last {
		background: none;
		margin: 0 14px 0 0;
		}
	
	#footer ul li a {
		background: url("../../images/icon_footer.gif") no-repeat 0px 4px;
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #F2EDDB;
		text-decoration: none;
		padding: 0 14px 0 14px;
		}
	
	#footer ul li a:hover, #footer ul li.active a {
		background: url("../../images/icon_footer.gif") no-repeat 0px 4px;
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #F2EDDB;
		text-decoration: underline;
		}
	
	#footer ul li.first a {
		background: none;
		}
	
	#footer ul li.last a {
		padding: 0 0 0 14px;
		}
	
	#footer ul li a em {
		color: #F2EDDB;
		}

	
/* IMAGES
-----------------------------------------------------*/

	img.border {
		border: 4px solid #E4E1D3;
		padding: 4px;
		background-color: #FFF;
		position: relative;
		}
	
	img.imgLeft {
		float: left;
		margin: 2px 15px 3px 0;
		position: relative;
		}
	
	#logo {
		margin: 5px 0 10px 0;
		}
	

/* FORMS
-----------------------------------------------------*/

	form {
		margin: 0px;
		padding: 0px;
		}
	
	input, select, textarea {
		font: normal 11px Georgia, "Times New Roman", Times, serif;
		color: #64625E;
		text-decoration: none;
		width: 180px;
		padding: 2px;
		border: 1px solid #CCC;
		}
	
	select {
		width: 186px;
		}
	
	input.small {
		width: 64px;
		}
	
	select.small {
		width: 70px;
		}
	
	textarea {
		width: 280px;
		height: 60px;
		}