/* ----------------------
		NAGŁOWEK H2
------------------------- */
div#content h2#content-header
{
	margin-bottom: 30px;	
}


/* -------------------------------
		Formularz propozycji hotelu
---------------------------------- */
form.suggestHotelForm
{
	margin-top: 40px;
}

/* ----------------------------------------
		listowanie KONTYNETOW wraz z panstwami
------------------------------------------- */
div.country-wrapper
{
	position: relative;		
	width: 620px;	
	min-height: 40px;
	_height: 40px;
	padding: 10px 10px 10px 10px;
	margin: 0px 0 20px 0;	
}

h2#continent-header { padding: 0 5px;	}

h2#continent-header a
{
	color: #ff7200;
	font-size: 15px;
	font-weight: bold;			
}

div.country-wrapper ul
{	
	float: left;
	width: 290px;	
}

div.country-wrapper ul.left-column { margin-right: 30px; }

div.country-wrapper ul li
{
	min-height: 20px;
	_height: 20px;
	padding-top: 5px;	
	margin-bottom: 5px;	
	background: url('./../images/dot_grey.jpg') left bottom repeat-x;	
}

div.country-wrapper ul li dl
{
	overflow: hidden;
	width: 100%;
}

div.country-wrapper ul li dl dd
{
	float: left;	
}

div.country-wrapper ul li dl dd.symbol
{
	width: 28px;
	height: 12px;	
}

div.country-wrapper ul li dl dd.symbol img
{
	border: 1px solid #dddddd;
}

div.country-wrapper ul li dl dd.country
{	
	width: 190px;
	padding-right: 10px;	
}

div#content div.country-wrapper ul li dl dd.country a { color: #00b8ef; font-weight: bold; font-size: 12px; }

div#content div.country-wrapper ul li dl dd.country a:hover { text-decoration: underline; }

div.country-wrapper ul li dl dd.country a
{
	color: #0E6696;	
}

div.country-wrapper ul li dl dd.country a:hover
{
	color: #FF9623;
}

div.country-wrapper ul li dl dd.hotels
{	
	float: right;	
}

/* -------------------------------------------
		listowanie REGIONOW w danym PANSTWIE
---------------------------------------------- */
#flash-map
{
	position: absolute;
	right: 25px;
	top: 140px;
	width: 330px;
	height: 360px;
	padding: 5px 5px 10px 5px;
	background-color: #ededed;	
}

#flash_country_map
{
}

div#flash-map span
{
	position: absolute;
	display: block;
}

div#flash-map span#flash_map_left_top_corner { left: 0; top: 0; }

div#flash-map span#flash_map_right_bottom_corner { right: 0; _right: -1px; bottom: 0; }

div#flash-map span#flash_map_left_bottom_corner { left: 0; bottom: 0; }

/* nazwa miasta przy migajacej kropce */
div#city-name-pinmark
{ 
	position: absolute;
	display: block;
	padding: 1px 5px;	
  color: #fff;	
	background-color: #00C0FF;
	/*border: 2px solid #84B584;
	color: #487748;	
	background-color: #fff;*/
}


ul#region-list
{	
	width: 275px;
	margin-top: 30px;	
}

ul#region-list li
{
	min-height: 20px;
	_height: 20px;
	padding-top: 5px;	
	margin-bottom: 5px;	
	background: url('./../images/dot_grey.jpg') left bottom repeat-x;	
}

ul#region-list li dl
{
	overflow: hidden;
	width: 100%;	
}

ul#region-list li dl dd
{
	float: left;	
}

ul#region-list li dl dd.country
{	
	width: 140px;
	padding-right: 5px;	
}

ul#region-list li dl dd.country a { color: #00b8ef; font-weight: bold; font-size: 12px; }

ul#region-list li dl dd.country a:hover { text-decoration: underline; }

ul#region-list li dl dd.hotels
{		
	float: right;	
}


/* --------------------------------------------------------
		
		>> listowanie HOTELI od poziomu PODREGIONOW w dol <<
		
----------------------------------------------------------- */
ul#hotel-list
{
}

ul#hotel-list li
{
	height: 25px;
	margin: 0;
	padding: 0;
}

/* --------------
		subregion <LI>
----------------- */
ul#hotel-list li.subregion
{	
	margin: 35px 0 15px 0;	
	height: 22px;
	padding-top: 3px;	
}

ul#hotel-list li.subregion h2
{
	color: #ff7200;
	font-size: 15px;
	font-weight: normal;
}

div#content ul#hotel-list li.subregion h2 a { color: #ff7200; }

div#content ul#hotel-list li.subregion h2 a:hover { color: #ff7200; }

/* -------------- 
			place <LI>
 ---------------- */
ul#hotel-list li.place
{
	position: relative;	
	padding: 0 0 0 116px;	
	margin: 100px 0 0 0;	
}

ul#hotel-list li.place div.flash-map
{
	position: absolute;
	top: 0;
	left: 0;		
	width: 103px;
	height: 103px;
	padding: 3px 0 0 3px;
	background-color: #ededed;	
}

ul#hotel-list li.place div.flash-map span
{
	position: absolute;
	display: block;
}

ul#hotel-list li.place div.flash-map span.left-top-corner { left: 0; top: 0; }

ul#hotel-list li.place div.flash-map span.right-bottom-corner { right: 0; bottom: 0; }

ul#hotel-list li.place div.flash-map span.left-bottom-corner { left: 0; bottom: 0; }


ul#hotel-list li.place h3
{
	color: #ff7200;
	font-size: 13px;
	font-weight: normal;
}

div#content ul#hotel-list li.place h3 a { color: #ff7200; text-decoration: none; }

div#content ul#hotel-list li.place h3 a:hover { color: #ff7200; }

/* -------------
		HOTEL <LI>
---------------- */
ul#hotel-list li.hotel
{	
	margin-left: 116px;	
	padding: 0;	
	background: url('./../images/dot_grey.jpg') left bottom repeat-x;	
}

ul#hotel-list li.hotel dl dd
{
	float: left;	
	height: 19px;
	padding-top: 6px;	
	color: #a6a6a6;	
}

ul#hotel-list li.hotel dl dd.name
{
	width: 275px;
}

ul#hotel-list li.hotel dl dd.name a { color: #00b8ef; font-weight: bold; font-size: 12px; }

ul#hotel-list li.hotel dl dd.name a:hover { text-decoration: underline; }


ul#hotel-list li.hotel dl dd.standard
{
	width: 90px;
}

ul#hotel-list li.hotel dl dd.opinions
{
	width: 65px;
	padding-left: 20px;
	background: url('./../images/comments.jpg') left 7px no-repeat;
}

ul#hotel-list li.hotel dl dd.rate
{
	width: 45px;
	padding-left: 25px;
	background: url('./../images/rate.jpg') left 6px no-repeat;
}

/* pseudo margin-bottom */
div.margin-bottom { height: 50px; }

/* ---------------------------------------------
		
						>> PREZENTACJA HOTELU <<
		
------------------------------------------------ */
/* ---------------------------------------------
		zdjecie glowne + logo siecie + miniaturki
------------------------------------------------ */
div#hotel-images
{
	min-height: 291px;
	_height: 291px;
	width: 640px;
	padding: 0;	
}

/* zdjecie glowne */
div#hotel-images-left
{
	float: left;
	width: 400px;
	height: 291px;
	text-align: center;	
}


div#hotel-images-left div#main-image
{	
	position: relative;
	padding: 5px;	
	margin: 0 auto;
	background-color: #ededed;
}

/* zaokraglone rogi */
div#hotel-images-left div#main-image span
{
	position: absolute;
	display: block;
}

div#hotel-images-left div#main-image span#main_image_left_top_corner { left: 0; top: 0;	}

div#hotel-images-left div#main-image span#main_image_right_bottom_corner { right: 0; bottom: 0;	_bottom: -1px; }

div#hotel-images-left div#main-image span#main_image_left_bottom_corner { left: 0; bottom: 0;	_bottom: -1px; }

div#hotel-images-left div#main-image img { _float: left; }

/* logo + miniaturki */
div#hotel-images-right
{
	float: right;
	width: 220px;
	padding: 10px 0 0 0;
	text-align: center;		
}

div#hotel-images-right div#logo-wrapper
{
	margin: 0 auto;
	width: 150px;
	height: 150px;	
}

ul#thumbnails
{
	margin: 26px 0 0 0;
	overflow: hidden;
	width: 219px;			
}

ul#thumbnails li
{
	float: left;
	width: 46px;
	height: 46px;
	margin-right: 6px;
	padding: 2px;	
	background-color: #eff0f1;	
}

ul#thumbnails li.last-in-row { margin-right: 0px; }

ul#thumbnails li.row { margin-bottom: 5px; }

ul#thumbnails li img
{
	float: left;
	width: 46px;
	height: 46px;	
}

/* naglowek danych hotelu */
h3#hotel-detail-header
{
	margin: 20px 0 15px 0;
	color: #ff7200;
	font-size: 15px;
	font-weight: normal;
}

/* dane hotelu */
div#hotel-detail
{
	min-height: 180px;
	_height: 180px;	
}

/* dane hotelu - lewa kolumna */
div#hotel-detail-left
{
	float: left;
	width: 400px;		
}

div#hotel-detail-left dl dt
{
	display: block;
	float: left;		
	width: 100px;
	color: #969696;
	font-weight: bold;	
	min-height: 16px;
	_height: 16px;
	padding: 4px 0;	
}

div#hotel-detail-left dl dd
{
	float: left;	
	width: 286px;	
	min-height: 16px;
	_height: 16px;
	padding: 4px 0;	
}

div#hotel-detail-left dl dd p { }

div#hotel-detail-left dl dd p.first { margin-bottom: 2px;	 }

div#hotel-detail-left dl dd p img { margin: -3px 5px 0 0; }

div#hotel-detail-left dl dd p a { color: #00b6ff; }

div#hotel-detail-left dl dd p a:hover { color: #00b6ff; text-decoration: underline; }

div#hotel-detail-left dl dd p.bad-link a 
{ 
	color: #969696; 
	padding-right: 17px;	
	background: url('./../images/bad-link.jpg') right 1px no-repeat;
}

div#hotel-detail-left dl dd p.bad-link a:hover { color: #969696; text-decoration: underline; }

/* dane hotelu - prawa kolumna */
div#hotel-detail-right
{
	float: right;
	width: 220px;
	text-align: center;		
}

div#hotel-detail-right div.flash-map
{
	position: relative;
	margin: 0 auto;
	padding: 5px;
	width: 180px;
	background-color: #ededed;
}

div#hotel-detail-right div.flash-map span
{
	position: absolute;
	display: block;
}

div#hotel-detail-right div.flash-map span#flash_map_left_top_corner { left: 0; top: 0; }

div#hotel-detail-right div.flash-map span#flash_map_right_bottom_corner { right: 0; bottom: 0; }

div#hotel-detail-right div.flash-map span#flash_map_left_bottom_corner { left: 0; bottom: 0; }


/* NAGLOWEK */
h2.header
{
	color: #ff7200;	
	font-size: 18px;
	font-weight: normal; 
	font-style: italic;
	margin: 40px 0 15px 0;
}

h2.header p
{
	font-size: 11px;
	font-style: normal;
	color: #959595;
}

/* ------------------------------
		srednie oceny uzytkownikow 
--------------------------------- */
div#user-rate
{
	position: relative;
	padding: 5px 0 0 86px;
	height: 34px;	
}

/* ogólna ocena */
div#user-rate div#total-rate
{
	position: absolute;
	left: 10px;
	top: 0;
	width: 44px;
	height: 44px;
	background: url('./../images/bg-hotel-rate.jpg') left top no-repeat; 
}

div#user-rate div#total-rate p
{
	position: absolute;
	left: 11px;
	top: 4px;
	color: #a6a6a6;
	font-weight: bold;
	font-size: 16px;
}

div#user-rate div#total-rate span
{
	position: absolute;
	left: 12px;
	top: 27px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}

/* pozostale oceny */
div#user-rate ul li
{
	position: relative;
	float: left;
	width: 85px;
	/*height: 30px;*/
	margin-right: 2px;
	padding: 0 0 15px 0;	
	/*background-color: red;	*/
}

div#user-rate ul li.last
{
	width: 100px;
}

div#user-rate ul li strong
{
	display: block;
	color: #959595;
}

div#user-rate ul li span.stars-bg
{
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 12px;
	width: 64px;
	background: url('./../images/stars/small/stars-bg.jpg') left top no-repeat;
}

div#user-rate ul li p
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 64px;	
	height: 12px;
	font-size: 8px;	
}

div#user-rate ul li p span.stars-a
{
	position: absolute;
	left: 0px;
	top: 0px;	
	height: 12px;
	width: 64px;
	background: url('./../images/stars/small/stars-a.jpg') left top no-repeat;
}

/* pelna ocena */
div#user-rate ul li div.full-rate
{
	display: none;
	position: absolute;
	z-index: 5;
	left: 10px;
	top: -50px;
	width: 44px;
	height: 44px;
	background: red url('./../images/bg-hotel-rate.jpg') left top no-repeat; 
}

div#user-rate ul li div.full-rate p
{
	position: absolute;
	left: 11px;
	top: 4px;
	color: #a6a6a6;
	font-weight: bold;
	font-size: 16px;
}

div#user-rate ul li div.full-rate span
{
	position: absolute;
	left: 12px;
	top: 27px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}

div#user-rate ul li img
{
	position: absolute;
	left: 0px;
	bottom: 4px;
}

/* ----------------------
		DODAWANIE OPINIE
------------------------- */
p#message
{
	margin: 0 auto;
	width: 500px;
	line-height: 22px;
	padding: 10px;
	margin-bottom: 10px;
	color: #fff;
	font-weight: bold;
}

p#message.error {	background-color: red; }

p#message.success { background-color: green; }

/* --------------------
		LISTOWANIE OPINII
----------------------- */
/* sortowanie opinii */
#sort-form { margin-bottom: 10px; }

#sort-form select
{
	width: 280px;
	height: 16px;
	.height: 20px;
	padding: 0 0 0 2px;
	font-size: 11px;
	color: #959595;
	border: 1px solid #959595;
}

ul#opinion-list
{
	margin-bottom: 30px;	
}

ul#opinion-list li
{
	position: relative;
	overflow: hidden;
	width: 570px;
	margin: 0 0 10px 0;
	padding: 5px 5px 5px 65px;
	background: #EDEDED url('./../images/bg-opinion-rate.jpg') 11px 15px no-repeat;
}

ul#opinion-list li.rate-none { background: none;  background-color: #EDEDED; }

/* ------------------
		elementy OPINI
--------------------- */
ul#opinion-list li ul
{
	position: relative;	
	width: 530px;		
	padding: 40px 20px 20px 20px;
	background: #ffffff url('./../images/opinion-left-top-corner.jpg') left top no-repeat;	
}

ul#opinion-list li ul li
{
	padding: 0;
	margin: 0;
	width: 530px;
	background: none;
}

/* ocena srednia */
ul#opinion-list li ul li.rate
{
	position: absolute;
	top: 10px;
	left: -54px;	
	width: 44px;
	height: 44px;	
}

ul#opinion-list li ul li.rate p
{
	position: absolute;
	left: 11px;
	top: 4px;
	color: #a6a6a6;
	font-weight: bold;
	font-size: 16px;
}

ul#opinion-list li ul li.rate span
{
	position: absolute;
	left: 12px;
	top: 27px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}

/* autor */
ul#opinion-list li ul li.author
{
	position: absolute;
	top: 20px;
	left: 20px;	
	width: 350px;
	color: #00b8ef;
	font-size: 15px;
	font-weight: bold;	
}

/* data wystawienia */
ul#opinion-list li ul li.date
{
	position: absolute;
	top: 20px;
	right: 20px;	
	width: 180px;
	text-align: right; 	
}

/* termin pobytu */
ul#opinion-list li ul li.stay-date
{
	width: 530px;	
}

/* poszczegolne oceny wystawione przez usera */
ul#opinion-list li ul li ul.individual-rates
{
	margin: 15px 0 0 0;
	padding: 0;		
	width: 530px;
}

ul#opinion-list li ul li ul.individual-rates li
{
	position: relative;
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	width: 83px;
	/*height: 30px;	*/
	padding: 0 0 17px 0;
}

ul#opinion-list li ul li ul.individual-rates li.last
{
	width: 100px;
}

ul#opinion-list li ul li ul.individual-rates li strong
{
	display: block;
	color: #959595;
}

ul#opinion-list li ul li ul.individual-rates li img
{
	position: absolute;
	left: 0px;
	bottom: 4px;
}

/* tresc opinii */
ul#opinion-list li ul li.opinion
{
	padding-top: 20px;
	width: 530px;
	color: #959595;
	background: none;	
}

/* -------------------
		zaokraglone rogi 
---------------------- */
ul#opinion-list li span
{
	position: absolute;
	display: block;	
}

/* dolny rog opinii */
ul#opinion-list li span.opinion-left-bottom-corner
{	
	left: 65px;
	bottom: 5px;
	_bottom: 4px;
	width: 4px;
	height: 4px;
	background: #ffffff url('./../images/opinion-left-bottom-corner.jpg') left top no-repeat;
}

/* rogi wrappera opinii */
ul#opinion-list li span.left-top-corner { left: 0; top: 0; }

ul#opinion-list li span.right-bottom-corner { right: 0; bottom: 0; bottom: -1px; }

ul#opinion-list li span.left-bottom-corner { left: 0; bottom: 0; bottom: -1px; }


/* ------------------------------------
		ZGLASZANIE NIEDZIALAJACEGO LINKA
--------------------------------------- */
div#bad-link-wrapper
{
	text-align: left;
	padding: 10px;	
}

div#bad-link-wrapper h2
{	
	margin-bottom: 25px;	
}

div#bad-link-wrapper p
{
	margin-bottom: 50px;
}

div#bad-link-wrapper p a
{
	color: #00C0FF;	
}

div#bad-link-wrapper p a:hover { color: #FF9623; }