html, body
{
	padding: 0px;
	margin: 0px;
	height: 100%;
	background-color: #fffdd1;
	background-image: url('../graphics/back_bottom.png');
	background-position: bottom left; 
	background-repeat: repeat-x;	
	background-attachment: fixed;
}

/* główny kontener */
.div_top
{	
	z-index: 0;
	background-color: #fffdd1;
	background-image: url("../graphics/back_top.png"); 
	background-repeat: repeat-x;	
	width: 100%;
	height: 300px;
	top: 0px;
	left: 0px;
	position: absolute;
}

/* glowna zawartosc strony*/
.div_content
{
	z-index: 1;
	background-color: transparent; 
	border: none;
	top: 50px;
	left: 15%;
	right: 15%;	
	width: 70%;		
	position: absolute;
}

.div_main
{
	z-index: 1;
	background-color: #ffffff;
	border: 1px solid #5e0202;
	top: 0px;	
	width: 100%;		
	position: relative;
}

/* cien pod glownym div'em*/
.div_bottom_shadow
{	
	z-index: 1;	
	background-image: url("../graphics/shadow.png");
	background-repeat: repeat;
	background-position: top left;
	border: #5e0202 1px solid;
	border-top: #727079 1px solid;
	border-bottom: none;
	top: 40px;	
	height: 50px;
	width: 100%;
	position: relative;
}

/* logo pod zaokragleniem */
.div_content_image
{
	background-image: url("../graphics/logo.jpg"); 
	top: 0px;
	left: 0px;
	right: 0px;
	height: 160px;
	width: 100%;
	position: relative;
}

#img_napis
{
	width: 600px;
	height: 160px;
	left: 0px;
	z-index: 10;
	
}


/* menu  */
.div_content_menu
{	
	background-image: url("../graphics/menu_back.png"); 
	top: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
	width: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.div_content_text
{	
	background-color: #ffffff; 
	border: #4c4b50 0px solid;	
	left: 10%;
	right: 10%;
	width: 80%;
	position: relative;
	text-align: justify;
	font-family: sans-serif, sans, verdana, tahoma, arial;
	font-size: 14px; 
	color: #000000;
	text-indent: 1cm;
	min-height: 450px;
}

/* menu dolne */
.div_content_bottom_menu
{	
	background-color: transparent; 
	left: 0px;
	width: 100%;
	height: 100px;
	bottom: 0px;
	position: static;	
	text-align: center;
	color: #960202;
}

.div_info
{
	z-index: 2;
	background-color: transparent;
	top: 32px;
	height: 20px;
	left: 15%;
	right: 15%;
	width: 70%;		
	position: absolute;	
}


.div_flagi
{
	z-index: 3;
	background-color: transparent;
	top: 34px;
	height: 20px;
	left: 15%;
	right: 15%;
	width: 70%;		
	position: absolute;	
	text-align: right;
}

.div_apartamenty
{
	background-color: #ffffff;
	border: 1px solid #960202;
	width: 100%;
	margin-right: 10px;
}

.div_form
{
	background-color: #ffffff;
	border: 1px solid #960202;
	width: 100%;
	text-align: left;
}

/* rollover menu*/
#top_menu
{
	width: 600px;
	height: 50px;
	margin: 0 auto;
	background-image: url("../graphics/menu_back.png"); 	
}

#top_menu ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;	
	clear: left;
}

#top_menu ul li
{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;	
}

#top_menu ul li a span
{
	color: #ffffff;
	vertical-align: bottom;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 16px;
	font-weight: bold;	
}

#top_menu ul li a
{
	text-decoration: none;
	width: 120px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	display: block;			
}

/* -- Hovers -- */

#top_menu ul li a.home
{
	background: url("../graphics/menu_home.png") 0px 0px;
}

#top_menu ul li a.apartamenty
{
	background: url("../graphics/menu_apart.png") 0px 0px;
}

#top_menu ul li a.rezerwacje
{
	background: url("../graphics/menu_res.png") 0px 0px;
}

#top_menu ul li a.wroclaw
{
	background: url("../graphics/menu_wroclaw.png") 0px 0px;
}

#top_menu ul li a.kontakt
{
	background: url("../graphics/menu_kontakt.png") 0px 0px;
}


#top_menu ul li a.home:hover
{
	background: url("../graphics/menu_home_rvr.png") 0px 0px;
}

#top_menu ul li a.apartamenty:hover
{
	background: url("../graphics/menu_apart_rvr.png") 0px 0px;
}

#top_menu ul li a.rezerwacje:hover
{
	background: url("../graphics/menu_res_rvr.png") 0px 0px;
}

#top_menu ul li a.wroclaw:hover
{
	background: url("../graphics/menu_wroclaw_rvr.png") 0px 0px;
}

#top_menu ul li a.kontakt:hover
{
	background: url("../graphics/menu_kontakt_rvr.png") 0px 0px;
}


/* ----------------------------------------------------------------- Images section -----------------------------------------------------------------------------  */

/* Główny obrazek na stronie tytułowej*/
#main_img
{
	width: 200px;
	height: 300px;
	margin: 0px;
	float: left;
	padding-right: 20px;	
}

#img_ratusz_mini
{
	width: 210px;
	height: 120px;	
	float: right;
	padding: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	border: none;
}

#img_muzeum_narodowe_mini
{
	width: 210px;
	height: 170px;	
	float: left;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	border: none;
}

#img_uniwersytet_wroclawski_mini
{
	width: 210px;
	height: 150px;	
	float: right;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border: none;
}

#img_wydzial_arch_pwr_mini
{
	width: 210px;
	height: 170px;	
	float: left;
	padding-right: 20px;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-top: 10px;
	border: none;
}

#img_most_grunwaldzki_mini
{
	width: 210px;
	height: 143px;	
	float: right;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	border: none;
}

.img_apartments_mini
{
	padding-right: 20px;
	padding-left: 20px;
	float: left;
}

/* ----------------------------------------------------------------- Images section -----------------------------------------------------------------------------  */

/* div dla tytułów*/
#div_title
{
	text-align: center; 
	width: 100%;
	background-color: #ffffff;
}

.p_zrodlo
{
	text-align: right;
	font-size: 10px;
	text-indent: 0cm;
}

.p_apartments_title
{
	font-weight: bold;
	text-align: center;	
	font-family: verdana, tahoma, sans-serif, arial;
	font-size: 16px;
	font-style: italic;
	color: #4c4b50; 
}

.p_apartments_content
{
	margin-right: 20px;
}

.p_apartments_more
{
	margin-right: 20px;
	text-align: right;
}

.button_more
{
	border: none;
	background-color: #ffffff;
	font-weight: bold;
	text-align: center;	
	font-family: verdana, tahoma, sans-serif, arial;
	font-size: 12px;
	font-style: italic;
	color: #960202; 
	text-align: right;
	cursor: pointer;
}

.span_text_bold
{
	font-weight: bold;
	font-family: verdana, tahoma, sans-serif, arial;
	font-size: 11px;
}

.div_details
{
	width: 100%;
	height: 400px;
	font-family: verdana, tahoma, sans-serif, arial;
	font-size: 12px;
	text-align: justify;
	background-image:  url("../graphics/back_details.gif"); 
	background-repeat: repeat-x;
}

.img_apartments_detail_right
{
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-right: 10px;
	float: right;
}

hr
{
	width: 90%;
	border: none;
	border-top: 1px dashed #960202; 	
}

.bottom_link 
{
	font-family: verdana, tahoma, sans-serif, arial;
	font-size: 12px; 
	color: #960202;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 10px;
}

.span_platnosci
{
	font-family: verdana, tahoma, sans-serif, arial;
	font-size: 10px; 	
	color: #4c4b50;	
	padding-right: 5px;
	padding-left: 5px;
	vertical-align: middle;
}

.span_info
{
	text-align: left;
	font-family: tahoma, verdana, sans-serif, arial;
	font-size: 12px;
	color: #4c4b50; 
	padding-left: 15px;
}

.span_flags
{
	text-align: left;
	padding-right: 15px;
}

.span_contact_bold
{
	font-family: tahoma, verdana, sans-serif, arial;
	font-size: 12px;
	color: #4c4b50; 
	font-weight: bold;
}

.span_contact_text
{
	font-family: tahoma, verdana, sans-serif, arial;
	font-size: 12px;
	color: #4c4b50; 
}

#img_office_map
{
	float: right;
	border: none;
	padding-right: 20px;
	left: 0px;
	
}

.div_footer
{
	z-index: 1;
	font-family: verdana, tahoma, sans-serif, arial;
	font-size: 9px; 	
	color: #4c4b50;	
	top: -50px;	
	width: 100%;
	position: relative;
	text-align: center;
}