/*--------------------------------------------------------
Theme Name: Hotel Optima - Nocelgi w sercu Krakowa
Theme URL: http://hoteloptima.pl/
Description: Hotel Optima
Version: 0.2 beta
CSS Author: Dariusz Budnik - http://dbudnik.com
--------------------------------------------------------*/

/*--------------------------------------------------------
Font color   : #727272
Link color   : #7a99b0
Hover color  : #577b96
Active color : #notset
--------------------------------------------------------*/


/* ------------- common shared settings --------------- */

body {
	font-family: Tahoma, Helvetica, Arial, Verdana sans-serif;
	font-size:11px;
	color:#727272;
	margin:0;
	padding:0;
	background:url(../gfx/bg_body.jpg) #fff repeat-x 0 0;
}

* html img.headimage { behavior: url(../inc/pngopacity.htc); }

form, input, select, textarea, fieldset, legend, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, blockquote, div { 
	margin:0; 
	padding:0; 
} 

ul {
	list-style:none;
}

.hidden {
	display: none;
}

.clearfix {
	clear: both;
}

a {
	color: #7a99b0;
	text-decoration:none;
	border-bottom:1px dashed #d7d7d7;
}

a:hover {
	color:#577b96;
	text-decoration:none;
	border-bottom:1px solid #7a99b0;
}

a img {
	border: 0;
}



/* ------------- page container all_wrapper --------------- */

	div#all_wrapper {
		width:990px;
		padding:0;
		margin:0 auto;
	}

	/* ------------- page header --------------- */	
	
		div#header {
			background:url(../gfx/bg_header.jpg) no-repeat 0 15px;
			height:363px;
			position:relative;
		}
		
		div#header_panel { height:102px;  }
		
		/* ------------- logo --------------- */	
		
			h1#logo {
				padding:41px 0 0 40px;
				margin:0;
				float:left;
			}
				
				h1#logo a {
					background:url(../gfx/logo.gif) no-repeat 0 0;
					display:block;
					height:38px;
					width:264px;
					border:none;
				}

		/* ------------- lang navigation --------------- */			
		
			ul#lang_navigation {
				float:right;
				margin:0;
				padding:49px 40px 0 0;
			}
			
				ul#lang_navigation li {
					float:left;
					margin-left:10px;
				}
				
				
					ul#lang_navigation li a {
						display:block;
						height:18px;
						width:18px;
						border:none;
					}
					
						ul#lang_navigation li a#ver_pl {
							background:url(../gfx/ico_pl.gif) no-repeat 0 0;
						}
						
						ul#lang_navigation li a#ver_gb {
							background:url(../gfx/ico_gb.gif) no-repeat 0 0;
						}
						
						ul#lang_navigation li a#ver_de {
							background:url(../gfx/ico_de.gif) no-repeat 0 0;
						}
						
						ul#lang_navigation li a#ver_ru {
							background:url(../gfx/ico_ru.gif) no-repeat 0 0;
						}
						
							ul#lang_navigation li a#ver_pl:hover {
								background:url(../gfx/ico_pl.gif) no-repeat 0 -18px;
							}
							
							ul#lang_navigation li a#ver_gb:hover {
								background:url(../gfx/ico_gb.gif) no-repeat 0 -18px;
							}
							
							ul#lang_navigation li a#ver_de:hover {
								background:url(../gfx/ico_de.gif) no-repeat 0 -18px;
							}
							
							ul#lang_navigation li a#ver_ru:hover {
								background:url(../gfx/ico_ru.gif) no-repeat 0 -18px;
							}
					
					
								ul#lang_navigation li a.active {
									background-position:0 -18px !important;
								}
			
		/* ------------- header box --------------- */	
		
		div#header_box {
				clear:both;
		}
	
			/* ------------- main navigation --------------- */	
			
			div#nav {
				float:left;
				padding:22px 45px 0 65px; 
				}
			
			ul#main_navigation {
				font-weight:bold;
				width:172px;
				padding:2px 0;
				margin:0;
				background:url(../gfx/bg_navli.gif) top left repeat-x;
			}
			
				ul#main_navigation li {
					font-weight:bold;
					background:url(../gfx/bg_navli.gif) bottom left repeat-x;
					padding:0;
					margin:0;
					display:block;
					height:23px;
				}
				
					ul#main_navigation li a {
						color:#6c8a36;
						border:none;
						display:block;
						margin:0;
						padding:4px 0 0 13px;
						background:url(../gfx/bg_navliarrow.gif) 4px 0 no-repeat;
						height:23px;
					}
					
						ul#main_navigation li a:hover {
							color:#aaa271;
							margin:0;
							padding:4px 0 0 18px;
							display:block;
							background:url(../gfx/bg_navliarrowa.png) 0 0 no-repeat;
							height:23px;
						}
						
						ul#main_navigation li a.active {
							background:url(../gfx/bg_navliarrowa.png) 0 0 no-repeat;
							color:#877d41;
							padding:4px 0 0 18px;
						}
						
						/* ------------- ie6 navigation fixes --------------- */	
						
						* html ul#main_navigation li a { height:0.1%; }
						
						* html ul#main_navigation li a:hover,
						* html ul#main_navigation li a.active {
							background:url(../gfx/bg_navliarrow.gif) #e6e3d2 6px 0 no-repeat;
							height:17px;
						}
						
			/* ------------- slogan box presentation --------------- */							
	
			
			div#presentation {
				width:370px;
				height:180px;
				overflow:hidden;
				float:left;
				padding:40px 0 0 0;
			}
			
			
				div#presentation h2 {
					color:#828ea0;
					font-weight:normal;
					font-size:21px;
					margin:0;
					padding:0;
				}
				
					div#presentation p {
					color:#909090;
					line-height:18px;
					font-weight:bold;
					font-size:11px;
					margin:0;
					padding:20px 0 0 0;
				}
				
			div#pres_image {
				position:absolute;
				bottom:8px;
				right:39px;
				}
				
				
		
	/* ------------- breadcrumbs --------------- */
	
	div#breadcrumbs {
		border-bottom:1px solid #e6e0d3;
		width:950px;
		margin:0 auto;
		padding:0 0 8px 0;
	}		
	
		div#breadcrumbs ul { padding:0 0 0 20px; }
		
		div#breadcrumbs ul li { display:inline }
	
	
	/* ------------- main content --------------- */
	
	div#main_content { 
		width:950px; 
		margin:0 auto;
		padding:30px 0 0 0; 
		clear:both;
	}
	
	
		/* ------------- bottom boxes --------------- */
		
		div#bottom_boxes { 
			padding:0 20px;
			clear:both;
		}
		

		
		div.box {
			width:240px;
			float:left;
			padding:0 0 18px 0;
		}
		
		div.separator { 
			width:18px; 
			background:url(../gfx/bg_separator.gif) 0 0 no-repeat;
			float:left;
			margin:40px 37px 0 37px;
			height:80px;
		}
			
			h3,
			h3 a,
			h3 a:hover {
				color:#828ea0;
				font-size:15px;
				margin:0;
				padding:0 0 22px 0;
				border:none;
			}
			
			div.box p {
				line-height:15px;
				margin:0;
				padding:0;
			}
			
			div.box p.box_image {
				float:left;
				margin:0 10px 0 0;
				height:inherit;
				width:55px;
			}
			
				div.box p.box_image a {
					border:none;
				}
			
			div.box p.box_text {
				width:175px;
				float:right;
			}
			
			div.box p.morelink {
				width:175px;
				float:right;
				padding:10px 0 0 0;
				background:url(../gfx/ico_arrow.gif) 0 1.4em no-repeat;
			}
			
				div.box p.morelink a {
					margin:0 0 0 13px;
				}
	
	
	
	
	
	
	
	
	
	
	
	
	/* ------------- footer --------------- */
	
	div#footer {
		width:950px;
		height:234px;
		margin:0 auto;
		background:url(../gfx/bg_footer.jpg) 0 0 no-repeat;
		clear:both;
		position:relative;
		}
		
		ul#footer_navigation {
			padding:35px 0 25px 0;
			margin:0 auto;
			text-align:center;
			width:950px;
		}
		
			ul#footer_navigation li {
				display:inline;
				border-left:1px solid #dddddd;
				margin-left:5px;
				padding:0 0 0 8px;
				
			}
			
				ul#footer_navigation li:first-child {
					border:none;
					margin-left:0;
				}
			
		div#footer_info {
			width:950px;
			margin:0 auto;
			padding:0 0 26px 0;
			background:url(../gfx/bg_footerinfo.gif) bottom left no-repeat;
		}
		
		div#footer p {
			font-size:10px;
			color:#b9b9b9;
			text-align:center;
		}
		
				p#created a {
					color:#aaa;
					background:url(../gfx/ico_xl.gif) 0 0 no-repeat;
					font-size:11px;
					border:none;
					padding:3px 0 3px 22px;
					position:absolute;
					top:32px;
					right:20px;
				}