﻿/* Usunięcie obramowania linków */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0; outline:0;}
:focus { outline:0; }
a:active { outline:none; }

/* Reset styli domyślnych */

html, body {
	margin:0 auto;
	padding:0;
}

/* Style właściwe */

body{
/*	background: #fdfefe url('/images/bg-page_winter.png') top repeat-x; */
	background: #ffffff url('/images/bg-page.png') top repeat-x;
	font-family: Verdana, Helvetica, Tahoma;
	width:100%;
	font-size: 12px;
} 

	/* MAIN - strona (menu, nagłówek, treść, stopka) */
#main{
	position: relative;
	width:990px;							/********** ->  Większa szerokość - taka jak chciałeś */
	margin: 0 auto;
	overflow:hidden;
}
	/* TOP - górne menu */
.top-menu{
	font: 14px;
	list-style:none;
	width:100%;
	height:54px;
	background: #505050 url('/images/bg-menu.png') top center no-repeat;	/********** -> no-repeat zamiast repeat-x */
	z-index:100;
	display:block;
}
.top-menu a{
	color: #eee;
	text-decoration:none;
	white-space: nowrap;	/* Zapobiega zawijaniu pozycji w rozwijanych menu */
	display:block;
	padding: 19px 18px 15px 18px;
	z-index:10;
	height:20px;
	font-weight: bold;
}

.top-menu a:hover{
	color: #ffffff;
	text-decoration: none;
}

		/* top-menu UL:right:50% i LI:left:50% powoduje że menu wyświetla się na środku bez względu na szerokość */
.top-menu ul{
	height: 54px;
	padding:0;
	margin:0;
	position: relative;
	left:50%;
	float:left;
	list-style: none;
	display:block;
}
.top-menu li{
	height:54px;
	position: relative;
	top:0;
	right:50%;
	float:left;
	list-style: none;
	background: url('/images/bg-menu_hover.png') 0px -54px repeat-x;
/*	background: url('/images/bg-menu_hover_winter.png') 0px -54px repeat-x; */
}
.top-menu li:hover{
	background-color:#ef1420;
	background-position: 0px 0px;
}


.top-menu ul li:hover > ul {
	visibility:visible;
}


.top-menu ul li ul{
	position: absolute;
	top:54px;
	left:0;
	display:block;
	visibility:hidden;
	min-width:100%;		/* minimalna szerokość rozwijanej listy = szerokośc nadrzędnej kategorii */
	height:auto;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	z-index:9;
	background:#444444;
}

.top-menu ul ul li{
	position: relative;
	left:0;
	width:100%;
	height:auto;
	background:#444444;
}

.top-menu ul ul a{
	padding:5px 7px 5px 7px;
	color:#ccc;
}
.top-menu ul ul a:hover{
	color:#fff;

 	background: #777;		/* <-- Szary - LATO		*/

/*	background: #5d94c4;	/* <-- Niebieski - ZIMA */
													
					/*
					 * Kolor trzeba zmienić również w skrypcie
					 * podświetlającym pozycje menu 
					 * 								!!!!!!!!!!
					 */
}


	/* NAGŁOWEK - tło z panienką */
#header{
	width:100%;
	height:292px;													/********** mniejsza wysokość (do mniejszej grafiki) */
	margin:0 auto;
/*	background: url('/images/bg-header_winter.jpg') top center; */
	background: url('/images/bg-header.jpg') top right no-repeat;	/********** right i no-repeat (nowa - mniejsza grafika) */
	overflow:hidden;
}
#header-logo{
	position: relative;
	top:0px;
	left:0px;
	height:221px;
}
#header-logo img{
	height:100px;
}
#header-flash{
	position: relative;
	left:0px;
}


	/* Kontener na treść strony */
#container{
	width:100%;
	background: #ffffff;
	background: url('/images/bg-main_center.png') center repeat-y;	/********** boczne obramowanie środkowej części */
}
	/* górne zaokrąglenie strony */						/********** nowe ID do górnego zaokrąglenia treści */
#top-round{
	width:100%;
	height: 10px;
	background: url('/images/bg-main_top.png') bottom center no-repeat;	
}

	/* dolne zaokrąglenie strony */
#bottom-round{
	width:100%;
	height: 10px;										/********** mniejsza wysokość: 10 zamiast 15 */
	background: url('/images/bg-main_bottom.png') top center no-repeat;	
}
	/* stopka (z efektem wgniecenia w piasek - nie działa w IE<9) */
#footer{
	height:30px;
	padding-top:10px;
	width:100%;
	text-align:center;
	color: #2475a3;
}




		#column-left {
			width: 210px;
			float: left;
			margin-left: 10px;
			font-family: verdana;
			
		}
		#column-right {
			padding: 5px;
			width: 720px;
			float: left;
			padding-left: 25px;
		}
		
		.clear
{
	clear: both;
}

		.red_header
		{
			color: red;
			font-family: "Trebuchet MS",Arial,sans-serif;
			text-align: center;
			font-weight: bold;
			font-size: 15px;
			border-bottom: solid 1px #c0c0c0;
		}
		.form_count
		{
			background: #efeded;
			color: red;
			font-weight: bold;
		}
		
		.big
		{
			font-size: 16px;
			font-family: "Trebuchet MS",Arial,sans-serif;
		}
		
		a
		{
			color: #2475a3;
			text-decoration: none;
		}
		
		a:Hover
		{
			text-decoration: underline;
		}

		.trip_head 
		{
			font-weight: bold;
			font-family: "Trebuchet MS",Arial,sans-serif;
			font-size: 14px;
			margin-bottom: 10px;
			background: #f7f5e6;
			padding: 3px;
			color: red;
		}

		.main_table 
		{
			width: 90%;
			margin: 0 auto;
		}
		
		.main_table tr:Hover
		{
			background-image: url('/graph/table_blue.gif');
			background-repeat: repeat-x;
		}
		
		.main_table th 
		{
			height: 20px;
			border-bottom: solid 1px #808080;
			background: #f7f5e6;
			font-size: 16px;
			color: #000080;
			font-family: "Trebuchet MS",Arial,sans-serif;
		}
		.name_add
		{
			/*background-color: #3194cd;*/
			background-color: #ffde30;
			padding: 2px;
			font-weight: bold;
		}
		
		.gray
		{
			color: #808080;
			font-size: 11px;
		}

				h1 {
			margin: 0px;
			font-size: 19px;
			padding: 3px;
			font-family: "Trebuchet MS",Arial,sans-serif;
			color: red;
		}
		
		h2 {
			border-bottom: solid 1px #c0c0c0;
			padding-bottom: 3px;
			font-size: 15px;
			font-family: "Trebuchet MS";
			color: #000080;
		}
		
		h2.hn
		{
			color: white;
			border-bottom: none;
		}
		
		h3 
		{
			margin: 0px;
			font-size: 15px;
			font-family: "Trebuchet MS";
		}
		
		h4 
		{
			margin: 0px;
			padding: 0px;
			font-family: "Trebuchet MS";
			font-size: 17px;
			display: inline;
		}
		
		img {
			border: 0px;
		}
		
		fieldset {
			border: solid 1px #c0c0c0;
			
		}
		
		
		legend {
			font-weight: bold;
			color: #06266F;
		}
		
		label
		{
			width: 125px;
			display: block;
			float: left;
			font-weight: bold;
			margin-left: 20px;
		}
		
		a.title 
		{
			text-decoration: none;
			color: red;
		}
		
		a.title:Hover
		{
			text-decoration: underline;
		}

		.gallery {
			background-color: #efeded;
			padding: 5px;
		}
		.small {
			font-size: 10px;
			color: #808080;
		}

		.photo {
			padding: 3px;
			border: solid 1px #c0c0c0;
		}
		
		.photo:hover {
			background: #efeded;
			border: solid 1px #000000;
		}

		
		.tabela {
			width: 100%;
			border: solid 1px #c0c0c0;
			
		}
		
		.hover:hover {
			background: #efeded;
		}
		
		table.trips_list {
			width: 100%;
			margin: 0 auto;
			background: #c0c0c0;
		}
		
		.odd {
			background: #efeded;
		}
		
		.even {
			background: #ffffff;
		}
		

		#offer_photo {
			width: 280px;
			float: left;
			text-align: center;
		}
		
		.left_elem {
			font-size: 8pt;
		}
		
		.button_red {
			width: 120px;
			height: 20px;
			background: url('/graph/glossy_red.gif');
			background-repeat: repeat-x;
			padding: 5px;
			color: white;
			font-weight: bold;
			text-decoration: none;
			border: solid 2px red;
			display: block;
			text-align: center;
		}

		.button_blue {
			width: 120px;
			height: 20px;
			background: url('/graph/menu_bck.gif');
			background-repeat: repeat-x;
			padding: 5px;
			color: white;
			font-weight: bold;
			text-decoration: none;
			border: solid 2px #000080;;
			display: block;
			text-align: center;
		}
		
		.button_red:hover, .button_blue:hover {
			text-decoration: underline;
		}
		
		.button {
			border: solid 1px #ffffff;
			text-decoration: none;
			padding: 2px;
		}
		
		.button:Hover {
			border: solid 1px #c0c0c0;
			background: #efeded;
		}
		
		.center {
			text-align: center;
		}
		
		.bold {
			font-weight: bold;
		}
		
		.img_border {
			padding: 5px;
			border: solid 1px #c0c0c0;
		}
		
		.img_border:hover
		{
			border: solid 1px #808080;
		}
		
		

/* Impromoptu */
.jqifade{
      position: absolute; 
      background-color: #aaaaaa; 
}
div.jqi{ 
      width: 400px; 
      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
      position: absolute; 
      background-color: #ffffff;
      font-size: 11px; 
      text-align: left; 
      border: solid 1px #eeeeee;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      padding: 7px;
}
div.jqi .jqicontainer{ 
      font-weight: bold; 
}
div.jqi .jqiclose{ 
      position: absolute;
      top: 4px; right: -2px; 
      width: 18px; 
      cursor: default; 
      color: #bbbbbb; 
      font-weight: bold; 
}
div.jqi .jqimessage{ 
      padding: 10px; 
      line-height: 20px; 
      color: #444444; 
}
div.jqi .jqibuttons{ 
      text-align: right; 
      padding: 5px 0 5px 0; 
      border: solid 1px #eeeeee; 
      background-color: #f4f4f4;
}
div.jqi button{ 
      padding: 3px 10px;
      margin: 0 10px; 
      background-color: #2F6073; 
      border: solid 1px #f4f4f4; 
      color: #ffffff; 
      font-weight: bold; 
      font-size: 12px; 
}
div.jqi button:hover{ 
      background-color: #728A8C;
}
div.jqi button.jqidefaultbutton{ 
      background-color: #BF5E26;
}
.jqiwarning .jqi .jqibuttons{ 
      background-color: #BF5E26;
}


.float_left
{
	float: left;
}

