/*************************/
/*      APARTMAN AS      */
/*************************/


/* ----- CSS RESET ----- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline:none;}

/* ----- FooterStickAlt ----- */

html { height: 100%; }
body { height: 100%; }
#nonFooter { position: relative; min-height: 100%; }
* html #nonFooter { height: 100%; }
#footer { 
	position: relative; 
	margin-top: -28px;
	height:20px;
	padding-top:8px;
	background-color:#058C25;
	text-align:center;
	}
	
#footer-content {
	width:310px;
	margin:0 auto;
	}
	
#footer-content img { 
	float:left;
	margin-right:5px;
	}

/* ----- apartman-as.net ----- */

body { 
	background: #33cc00 url(img/body-background.png) no-repeat top center; 
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	}
	
		body#index { background: #33cc00 url(img/body-background-index.png) no-repeat top center; }
	
h1 { 
	font-size:16px;
	font-stretch:semi-expanded;
	border-bottom:2px dotted #fff;
	width:220px;
	padding-bottom:7px;
	margin-bottom:30px;
	}
	
p { margin-bottom:10px; }

em { font-style:italic }

b { font-weight: bold; }

a, a:visited {
	text-decoration:none;
	font-weight:bold;
	}
	
a { color: #ffff99; }
	
a:visited { color:#ffcc00; }

	
a:hover {
	color:#016616;
}

a img { border:none; }

#wrapper {
	width:900px;
	margin:0 auto;
	padding-bottom:118px;
	}
	
	#prometna_povezanost #wrapper,
	#uvjeti_najma #wrapper {
		padding-bottom:200px;
		}
	
	#header {
		height:82px;
		background:#1bb323 url(img/header-background.png) no-repeat 196px;
		}
		
				#index #header {
					height:82px;
					background:#1bb323 url(img/header-background-index.png) no-repeat left;
					}
		
		#logo {
			background: url(img/header-logo-background.png) no-repeat;
			float:left;
			width:196px;
			height:82px;
			}
		
		#sanja {
			background: url(img/header-sonja-background.png) no-repeat;
			float:left;
			width:134px;
			height:82px;
			}
		
		#menu {
			float:left;
			width:555px;
			height:24px;
			margin-top:34px;
			padding-left:15px;
			font-size:11px;
			font-stretch:semi-expanded;
			}
			
			#menu ul {
				list-style-type:none;
				}
				
			#menu ul li {
				display:inline;
				}
				
			#menu ul li a,
			#menu ul li a:visited { 
				color:#fff;
				text-decoration:none;
				padding: 0px 14px;
				text-align:left;
				height:24px;
				float:left;
				border-right:2px dotted #fff;
				}
				
			#menu ul li a:hover {
				color:#000;
				}
				
			#menu ul li a.norightborder {
				border-right:none;
				width:65px;
				}
		
	#container {
		background:#33cc00 url(img/container-background.png) no-repeat top;
		height:600px;
		}
		
			#index #container {
				background:#33cc00 url(img/container-background-index.png) no-repeat top;
				height:487px;
				padding-top:40px;
				}
		
		#content {
			width:548px;
			padding-left:216px;
			padding-right:136px;
			padding-top:45px;
			}
		
		#index #content {
			background:url(img/cvijet-index.png) no-repeat 180px 40px;
			height:447px;
			}
			
				#language {
					font-size:28px;
					font-weight:normal;
					font-family:Arial, Helvetica, sans-serif;
					text-align:center;
					text-decoration:none;
					margin:0 auto;
					color:#F3F50A;
					}
					
				#language a, #language a:visited {
					font-weight:normal;
					text-decoration:none;
					color:#fff;
					padding-right:5px;
					padding-left:5px;
					}
				
				#language a:hover {
					border:1px dashed #F3F50A;
					padding-left:4px;
					padding-right:4px;
					}
		
		#o_nama #content {
			background:url(img/flowers.png) no-repeat bottom;
			padding-bottom:210px;
			height:440px;
			}
			
		#rezervacije_i_kontakt #content {
			background:url(img/telefon.jpg) no-repeat bottom left;
			padding-bottom:220px;
			height:440px;			
			}
			
		#prometna_povezanost #content {
			background:url(img/maslacci.jpg) no-repeat bottom left;
			padding-bottom:220px;
			height:530px;			
			}
			
#gallery-map-links {
	border-top:2px dotted #fff;
	width:220px;
	margin-top:20px;
	padding-top:4px;
	margin-bottom:16px;
	height:20px;
	}
	
		#gallery-map-links a, #gallery-map-links a:visited, #menu { 
			font-family: Arial, Helvetica, sans-serif;
			font-weight:bold;
			}
			
		#gallery-map-links a, #gallery-map-links a:visited { color:#fff; }
			
		#gallery-map-links a:hover {	color: #016616; }
		
		.gallery-link { float:left; }
		
		.location-link { float:right; }
		
		#location-as-1 {
			background: url(photo/as-1-mapa.jpg) no-repeat;
			width:277px;
			height:150px;
			padding-left:274px;
			padding-top:214px;
			}
			
		#location-as-2 {
			background: url(photo/as-2-mapa.jpg) no-repeat;
			width:394px;
			height:225px;
			padding-left:157px;
			padding-top:139px;
			}
		
		#google-maps-link-1 {
			width:35px;
			height:33px;
			background: url(photo/as-1-mapa-link.png) no-repeat top left;
			}

		#google-maps-link-1:hover { background-position: -1px -32px;  }
		
		#google-maps-link-2 {
			width:29px;
			height:33px;
			background: url(photo/as-2-mapa-link.png) no-repeat top left;
			}

		#google-maps-link-2:hover { background-position: -1px -32px;  }
	 

.width_25px { width:25px; }
.width_30px { width:30px; }
.width_35px { width:35px; }
.width_40px { width:40px; }
.width_45px { width:45px; }
.width_50px { width:50px; }
.width_55px { width:55px; }
.width_60px { width:60px; }
.width_65px { width:65px; }
.width_70px { width:70px; }
.width_73px { width:73px; }
.width_75px { width:75px; }

/******* GALERIJA ********/

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 1px solid #fff;   
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #33CC00; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #33CC00; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
} 

/******* BOOKING ********/

#booking {
	height:230px;
	width:100%;
	}
	
	#booking-dialog { width:441px; }
	
	#booking-dialog,
	#booking-parameters {
		background:#25bd15;
		padding:8px 0px 0px 12px;
		}
		
	#booking-dialog, 
	#date_reset,
	#booking-parameters {
		height:21px;
		border:1px solid #058c25;
		}
		
	#booking-dialog, 
	#date_reset { float:left; }
		
		#booking-dialog p.checked {
			background:url(img/checked.png) no-repeat 254px 0px;
			}
		
	#date_reset {
		margin-left:5px;
		width:55px;
		background:#058c25 url(img/booking-button-restart.png) no-repeat;
		display:block;
		padding:8px 0px 0px 31px;
		color:#fff;
		font-weight:normal;
		}
		
		#date_reset:hover {
			border:1px solid #004912;
			}
			
		#date_reset:active {
			background:#058c25 url(img/booking-button-restart.png) no-repeat left -29px;
			}
		
		#calendar {
			clear:left;
			height:166px;
			padding:10px;
			}
			
		#booking-parameters table {
			width:98%;
			text-align:left;
			}
			
			#booking-parameters table .checkin { width: 145px; }
			
			#booking-parameters table .checkout { width: 220px; }
			
			#booking-parameters table .stay_duration { text-align:right }
			
		#booking_forms { margin-top:6px; }
			
			.finalbutton { 
				width:272px;
				height:31px;
				}
				
			.booking_data table { width:100%; }
			
			.form { width:271px; }
				
				input { 
					width:97%;
					padding:1px 2px 1px 2px;
					margin-top:2px;
					}
					
					.send { width:60px; }
					
					
	.calendars td {padding-right: 4px; background: transparent; border: none; }

	.month { color:#fff; background:#33cc00; }
	.month tr { border: none; color: black; }
	.month th { text-align: center; font-weight: bold; color:#fff; background:#1BB323; padding:2px 0 4px 0; }
	.month td { text-align: center; padding: 2px; border: 1px solid #33cc00; color: black; background: #ADEF95; }
	.month td.pad { background: #DCFFCF; padding: 3px; }
	.month td a { color: black; display: block; width: 100%; height: 100%; border: 1px solid transparent; }
	.month td a:hover { background:#1BB323; color:white; }
	
	.month td.select { background: green; }
	.month td.select a { color: white; }
	.month td.today a { color: blue; font-weight: bold; }
	
	#content {width: auto;}

	.calendarscontainer {
		height: auto;
		padding: 2px;
		margin: 10px 0;
		clear:both;
	}
	
	#bookingform { display: none; }

	
	.finalbutton {width: 49%;}
	
	.arrownav { vertical-align: middle; padding: 4px; font-weight: bold; }
	.arrownav:hover { background: black; cursor: pointer; }