/* 
	podrozezpasja.pl	: plik CSS dla serwisu, styl letni 
	autor				: Wojciech Galant
*/

/* --------------------------------------------------------------------- */
/*                     C E C H Y    O G  L N E                          */
/*                 (dla wszystkich stron i elementw)                    */
/* --------------------------------------------------------------------- */

/* Oglne cechy dla caej strony: */
body {
	font-family: Tahoma, Verdana, sans-serif;
}

input {
	font-family: Arial, Helvetica, sans-serif;
}

/* Ustawianie wszelkich marginesw na 0 w celu uniknicia problemw z layout'em. */
body, div, img, table, tr, p, a, form {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 9pt;
}

div, img, table, tr, p, a {
	overflow: hidden;
}

/* --------------------------------------------------------------------- */
/*                          L A Y O U T                                  */
/* --------------------------------------------------------------------- */

/* Kontener dla caej zawartoci strony. */
div#page {
	margin: 0 auto;
	width: 980px;
}

/* Ustawienia dla bannera (na grze strony). */
#banner {
	height: 170px;
	background: #006AFF;
}

#banner img {
	float: left;
}

#banner embed, #banner object {
	margin: 0;
	padding: 0;
	float: left;
}

#bannerMenu {
	background: url(../banner/banner_menu.gif) repeat-x top;
	height: 27px;
	padding: 5px 10px 2px 18px;
	margin: 0;
	color: #FFFFFF;
	font-size: 8pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

#bannerMenu a, #bannerMenu a:link, #bannerMenu a:visited, #bannerMenu a:active {
	color: #FFFFFF;
	font-size: 8pt;
	text-decoration: none;
}

#bannerMenu a:hover {
	color: #FFBC9B;
}


/* Kontener dla wszytkiego, co znajduje si pod bannerem. */
div#content {
}

/* Kontener dla menu i innych rzeczy (pod menu) po lewej stronie. */
div#leftSide {
	width: 160px;
	float: left;
}

#leftSide .menu .mainTitle, #leftSide .menu .title, #leftSide .menu .interTitle, #leftSide .menu a {
	font-size: 11px;	
}

#leftSide .menu {
	background: url(menu_bg.gif) repeat-y;
}

#leftSide .menu .mainTitle, #leftSide .menu .title {
	padding-left: 10px;
	color: #FF5001;
	font-weight: bold;
}

#leftSide .menu .mainTitle {
	height: 16px;
	padding-top: 4px;
	background: url(menu_title_bg.gif) repeat-y;
}

#leftSide .menu .title {
	margin-top: 13px;
	height: 16px;
	padding-top: 3px;
	background: url(menu_title_bg_next.gif);
}

#leftSide .menu .interTitle {
	margin-top: 7px;
	margin-left: 15px;
	margin-bottom: 3px;
	color: #0099CC;
}

#leftSide .menu .menuBottom {
	background: url(menu_bottom.gif);
	height: 7px;
}

#leftSide .menu a {
	display: block;
	color: #000000;
	margin-left: 20px;
	text-decoration: none;
	margin-bottom: 1px;
	margin-top: 1px;
}

#leftSide .menu a:hover {
	text-decoration: underline;
}

/*
	Kontener dla treci znajdujcych si pod bannerem i na prawo od menu. 
	Czyli gwna tre strony + prawa kolumna.
*/
div#rightSide {
	width: 810px;
	float: right;
}

/* Kontener dla rodkowej kolumny strony. */
div#mainColumn {
	padding-bottom: 20px;
	width: 600px;
	float: left;
}
/* Kontener marka. */
div#marekColumn {
	padding-bottom: 20px;
	width: 980px;
	float: left;
}


/* Kontener dla prawej kolumny. */
div#rightColumn {
	width: 200px;
	float: right;
}

/* Stopka */
div#footer {
	margin-top: 10px;
	border-top: 1px solid #CCCCCC;
	background-color: #FFFFEE;
	clear: both;
	color: #999999;
	text-align: center;
	padding: 5px 10px 5px 10px;
	font-size: 80%;
}

/* --------------------------------------------------------------------- */
/*                          M E N U                                      */
/* --------------------------------------------------------------------- */

/* Pasek informacyjny pod bannerem. */
div#infoBar {
	border-bottom: 1px solid #ccc;
	height: 13px;
	padding: 1px 5px 1px 5px;
	background: #FFFFcc;
}

div#infoBar, div#infoBar a {
	color: #999;
	font-size: 10px;
}

div#infoBar b.leftNavi {
	float: left;
}

div#infoBar b.rightNavi {
	float: right;
}

div#infoBar a {
	text-decoration: none;
}

div#infoBar a:hover {
	color: #0082D9;
}

#redInfoBar
{
	border-bottom: 1px solid #ff511b;
	height: 13px;
	padding: 1px 5px 1px 5px;
	background: #FF6600;
	color: white;
	font-size: 11px;
	text-align: center;
}

/* Wiersz z promocjami. */
div.promoRow {
	clear: both;
	padding-bottom: 5px;
	font-family: Tahoma, Sans-serif;
	font-size: 12px;
}

* html div.promoRow {
	margin-bottom: 5px;
}

/* Wsplne marginesy i inne cechy dla rnych szerokoci komrek: */
div.smallCell, div.mediumCell, div.bigCell, div.smallCellX, div.mediumCellX, div.bigCellX, div.search, div.aboutUs {
	float: left;
	margin-right: 8px;
}

/* Maa komrka. */
div.smallCell, div.smallCellX, div.aboutUs {
	width: 144px;
}

/* rednia komrka. */
div.mediumCell, div.mediumCellX {
	width: 296px;
}

div.bigCell, div.bigCellX, div.search {
	width: 448px;
}


/* Wsplny margines dla wielu elementw: */
/*
div.smallCell, div.mediumCell, div.bigCell,
div.smallCellX, div.mediumCellX, div.bigCellX, 
div#leftSide, */
#leftSide .bottom, div#infoBar, div#redInfoBar {
	margin-bottom: 4px;
}

.middleWithPhoto {
	color: #333;
	height: 62px;
	clear: both;
	font-size: 11px;
}

.promoRow .top {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

.smallCell .top, .smallCellX .top {
	height: 16px;
	padding: 3px 5px 1px 10px;
}

.smallCellX .top {
	background: url(small-top-x.gif);
}

.smallCell .top {
	background: url(small-top.gif);
}

.smallCell img, .smallCellX img {
	display: block;
}

.smallCell .scontent {
	background: url(small-bg.gif);
}

.smallCellX .scontent {
	background: url(small-bg-x.gif);
}

.smallCell .scontent, .smallCellX .scontent {
	font-size: 11px;
	height: 65px;
	padding: 7px 5px 5px 10px;
}

.smallCell a, .smallCellX a,
.smallCell a:link, .smallCellX a:link,
.smallCell a:visited, .smallCellX a:visited,
.aboutUsBody a.l:link, .aboutUsBody a.l:visited {
	text-decoration: none;
	font-weight: bold;
	padding-top: 2px;
	display: block;
	color: #FFFFFF;
}

.top10 img {
	float: left;
	display: block;
}

.top10 {
	background: url(top10-tlo.jpg) no-repeat right;
	height: 155px;
}

.top10 .content {
	padding: 1px 5px 0 0;
}

.top10 td, .top10 .top10seemore a {
	font-size: 10px;
}

.top10 .top10seemore a:link,
.top10 .top10seemore a:visited,
.top10 .top10seemore a:hover {
	color: #0082D9;
	text-decoration: none;
}

.top10 .top10seemore a b {
	color: #FF5001;
	font-weight: normal;
}

.top10 td.top10item {
	padding-left: 5px;
	width: 235px;
}

.top10 td.top10item a:link, .top10 td.top10item a:visited, .top10 td.top10item a:active {
	color: #FF5001;
	text-decoration: underline;
	font-size: 10px;
}

.searchTop {
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px 10px 0 10px;
}

.searchTop {
	background: url(search_top.gif);
}


.searchTop b {
	font-size: 120%;
	float: left;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	letter-spacing: -1px;
}

.searchTop i {
	font-size: 75%;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	float: right;
	padding-top: 3px;
}

.searchBox {
	width: 448px;
	height: 291px;
	background: url(search_bg.jpg);
	font-family: Arial, Helvetica, sans-serif;
}

.orange {
	color: #FF5001;
}

.verydarkgray {
	color: #333333;
}

.lightorange {
	color: #F4680B;
}

.lightblue, .oldPrice {
	color: #0082D9;
}

.oldPrice {
	text-decoration: line-through;
}

.searchGroup {
	padding: 9px 0 3px 0;
	background: url(searchGroup_bottom.gif) bottom center no-repeat;
	width: 100%;
	clear: both;
}

.searchFields {	
	width: 267px;
	float: left;
}

.searchLabel {
	width: 76px;
	padding-right: 10px;
	font-weight: bold;
	color: #10A3CD;
	text-align: right;
	float: left;
	clear: left;
	height: 20px;
	padding-top: 2px;
}
	
.searchField {
	height: 22px;
	width: 177px;
	float: right;
	padding: 0;
}

.searchField span.date {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
}

.searchField img.date {
	margin: 1px 1px 1px 2px;
	float: left;
}

.searchField select.combo, .searchField input.date, .searchField select.smallDate, .searchField input.error {
	font-size: 8pt;
	padding: 0;
	background: #EAF6FD;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	font-weight: bold;
}

.searchField select.combo {
	width: 170px;
}

.searchField input.date, .searchField input.error {
	width: 80px;
	height: 15px;
	margin-top: 1px;
	padding-top: 1px;
	padding-left: 2px;
}

.searchField select.smallDate, .searchField select.error {
	width: 65px;
	margin-left: 2px;
	font-size: 95%;
	margin-top: 1px;
}

.searchField input.error {
	background-color: #FFCCCC;
}

.searchDescr {
	float: right;
	color: #FF8C05;
	width: 170px;
	padding-right: 8px;
	font-size: 95%;
	height: 100%;
	vertical-align: middle;
}

.searchButtons {
	padding: 11px 5px 5px 5px;
	clear: both;
}

.searchButtons a:link, .searchButtons a:active, .searchButtons a:visited {
	font-weight: bold;
	font-size: 8pt;
	color: #FF5001;
	text-decoration: none;
}

.searchMore, .searchSubmit {
	font-weight: bold;
	font-size: 9pt;
	height: 20px;
}

.searchMore {
	margin-left: 75px;
	border: 0;
	background: none;
	color: #FF5001;
}

.searchSubmit {
	border: 1px solid #FFFFFF;
	background: #FF6600;
	font-weight: bold;
	color: #FFFFFF;
	width: 100px;
}

.bottom {
	float: left;
	font-size: 1px;
	height: 7px;
}

.smallCell img, .smallCellX img {
	display: block;
	clear: both;
}

#rightColumn .innerTitle, #rightColumn .innerTitleX,
#rightColumn .title, #rightColumn .titleX {
	text-align: center;
	font-weight: bold;
	font-size: 95%;
} 

#rightColumn .innerTitle, #rightColumn .innerTitleX {
	height: 15px;
	padding-top: 7px;
	padding-bottom: 1px;
}

#rightColumn .innerTitle {
	background: url(right_inner_title.gif) no-repeat bottom;
	color: #333333;
}


#rightColumn .innerTitleX {
	background: url(right_inner_titleX.gif)  no-repeat bottom;
	color: #FFFFFF;
}

#rightColumn .title, #rightColumn .titleX {
	height: 16px;
	padding-top: 4px;
}

#rightColumn .title {
	background: url(right_title.gif);
	color: #FFFFFF;
}



#rightColumn .titleX {
	background: url(right_titleX.gif);
	color: #FFFFFF;
}

#rightColumn .photo, #rightColumn .photoX {
	clear: both;
	padding: 0 1px 0 1px;
}

#rightColumn .photo, #rightColumn .text {
	background: url(right_text_bottom.gif);
}

#rightColumn .photoX, #rightColumn .textX {
	background: url(right_text_bottomX.gif);
}

#rightColumn .text, #rightColumn .textX {
	padding: 5px 8px 5px 8px;
	font-size: 95%;
}

#rightColumn .text a.link, 
#rightColumn .textX a.link,
.table tr a.link,
.smallCell a,
.smallCellX a {
	color: #0082D9;
	display: block;
	margin: 2px 0 2px 0;
	text-decoration: none;
	font-size: 11px;
}

#rightColumn a.link b,
.table tr a.link b, 
.smallCell a b,
.smallCellX a b{
	font-weight: bold;
	color: #FF6600;
}

#rightColumn .text a.link:hover, 
#rightColumn .textX a.link:hover,
.smallCell a:hover,
.smallCellX a:hover,
.aboutUsBody a.l:hover {
	text-decoration: underline;
}

#rightColumn .rightBottom, #rightColumn .rightBottomX {
	height: 6px;
	margin-bottom: 5px;
}

#rightColumn .rightBottom {
	background: url(rightColumn_bottom.gif);
}

#rightColumn .rightBottomX {
	background: url(rightColumn_bottomX.gif);
}

.inline {
	display: inline;
}

.aboutUsBody {
	clear: both;
	padding: 5px;
	height: 205px;
	background: url(callcenter_tlo.jpg);
	color: #FFFFFF;
	font-size: 13px;
}

.aboutUsBody strong {
	font-size: 18px;
	color: #FFFFFF;
}

.aboutUsBody table {
	margin-top: 5px;
}

.aboutUsBody td {
	font-size: 11px;
}

a.gg {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 11px;
}

a.gg:hover {
	text-decoration: underline;
}

label.mainpage {
	font-weight: bold;
	font-size: 11px;
}

.przekr
{
	text-decoration: line-through;
}

/* ----- nowy styl -------------- */

.frame, .header_bg, .header_text, .window_text
{
	position: absolute; 
}

.clear
{
	clear: both;
}

.opacity25 
{
    -moz-opacity: .80;
    opacity: .80;
    filter: alpha(opacity=80);
}

.small_window {
	position: relative; 
	width: 144px; 
	height: 157px;
	float: left; 
	margin-right: 8px;
}

.nomargin
{
	margin: 0;
}

.frame
{
	top: 0; 
	left: 0
}

.header_bg {
	top: 80px; 
	left: 0; 
	height: 20px; 
	background: url(hdr_bg.gif);
	width: 100%;
}

.small_window .header_bg
{
	background: url(hdr_bg2.gif);
}

.header_text {
	font-family: arial, sans-serif;
	top: 82px;
	left: 5px;
	font-size: 110%;
	color: #333333;
	font-weight: bold;
	text-decoration: none
}

.header_text:hover 
{
	text-decoration: underline;
}

.window_text
{
	top: 105px;
	left: 5px;
	width: 134px;
	height: 50px;
	overflow: hidden;
	text-decoration: none;
	color: #FFFFFF;
}

.window_text:hover
{
	text-decoration: underline;
}

/* --------------- RWINDOW --------------- */
.rwindow
{
	position: relative;
	width: 200px;
}

.rwindow .header_bg
{
	top: auto;
	bottom: 0;	
}

.rwindow img
{
	display: block;
}

.rwindow .header_text
{
	top: auto;
	bottom: 2px;
	left: 10px;
}

.rwindow_text
{
	text-decoration: none; 
	color: #333;
	display: block;
	width: 180px;
	padding: 5px 10px 10px 10px;
	background: url(r_ramka3.gif) bottom;
	margin-bottom: 10px;
}

.rwindow_text:hover
{
	text-decoration: underline;
}

input.hotelName
{
	width: 135px;
}

input.hotelNamebtn
{
	color: #FFFFFF;
	width: 30px;
	font-weight: bold;
	background: url(hdr_bg.gif);
	border: none;
}x; 
	overflow: hidden; 
	text-decoration: none; 
	color: #333;
}

.window_text:hover
{
	text-decoration: underline;
}

/* --------------- RWINDOW --------------- */
.rwindow
{
	position: relative;
	width: 200px;
}

.rwindow .header_bg
{
	top: auto;
	bottom: 0;	
}

.rwindow img
{
	display: block;
}

.rwindow .header_text
{
	top: auto;
	bottom: 2px;
	left: 10px;
}

.rwindow_text
{
	text-decoration: none; 
	color: #333;
	display: block;
	width: 180px;
	padding: 5px 10px 10px 10px;
	background: url(r_ramka3.gif) bottom;
	margin-bottom: 10px;
}

.rwindow_text:hover
{
	text-decoration: underline;
}

input.hotelName
{
	width: 135px;
}

input.hotelNamebtn
{
	color: #333333;
	width: 30px;
	font-weight: bold;
	background: url(hdr_bg.gif);
	border: none;
}
a.rightTop10
{
	text-decoration: none;
	font-size: 11px;
	color: #006aff;
}

a.rightTop10:hover
{
	text-decoration: underline;
	color: #ff6a00;
}