* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	font-family: tahoma, verdana;
	font-size: 11px;
	background: url('../images/bg.jpg') no-repeat top center #000;
	color: #ADADAD;
}

h2 {
	margin: 0 0 15px 0;
}

p {
	line-height: 15px;
	padding: 5px 0;
	text-align: justify;
}

a {
	outline: none;
	color: #2077AF;
	text-decoration: none;
}

a:hover {
	color: #FFA700;
}

.Purple {
	color: #9f002a !important;
}

.Orange {
	color: #FFA700;
}

.light-yellow {
	color: #FFF8A7;
}

.przejdz-do {
	display: block;
	width: 199px;
	height: 56px;
	background: url('../images/przejdz-do.png') no-repeat;
	margin: 10px auto;
}

.oferta {
	position: relative;
}

.oferta form {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 300px;
	height: 50px;
}

.oferta form input {
	height: 60px;
	width: 230px;
	display: block;
	margin: auto;
	background: none;
	cursor: pointer;
}

.Img {
	margin: 5px 0 5px 0;
}

.Light {
	color: #ccc;
}

.Clear {
	clear: both;
}

.Wrong {
	color: #FFA700;
	padding: 0 0 0 120px;
}

.Center {
	text-align: center;
}

.TableMy {
	width: 100%;
}

.TableMy td {
	padding: 5px 0 5px 25px;
}

ul.List {
	list-style: none;
	margin: 10px 0;
}

ul.List li {
	padding: 0 8px;
	background: url('../images/arrow.gif') no-repeat 0 50%;
	line-height: 15px;
	margin: 4px 0;
}

ul.Red li b {
	display: block;
}

ul.Red li {
	background: url('../images/arrow4.gif') no-repeat 0 50%;
}

ul.List li a {
	color: #FFA700;
	font-weight: bold;
}

ul.List li a:hover {
	text-decoration: underline;
}

ul.Schemat {
	list-style: none;
	text-align: center;
	margin: 15px 0 0 0;
	padding: 5px 0 5px 0;
	border-top: 1px solid #484848;
	border-bottom: 1px solid #484848;
}

	ul.Schemat li {
		padding: 4px 0 20px 0;
		line-height: 20px;
		color: #fff;
		background: url('../images/arrow2.gif') no-repeat 50% bottom;
	}
	
	ul.Schemat li.Last2 {
		background: url('../images/arrow3.gif') no-repeat 50% bottom;
	}
	
	ul.Schemat li.Last {
		background: none;
		color: #484848;
		padding: 4px 0 5px 0;
	}
	
.SmallBanner {
	width: 168px;
	height: 255px;
	float: left;
	margin: 0 10px 0 0;
}
	
.SmallBanner a {
	display: block;
	width: 168px;
	height: 255px;
	background-position: 0 0  !important;
}

.SmallBanner a:hover {
	background-position: 0 100% !important;
}

#pakiet-na-start a { background: url('../images/pakiet-na-start.jpg') no-repeat; }
#strona-wizytowka a { background: url('../images/strona-wizytowka.jpg') no-repeat; }
#strona-na-raty a { background: url('../images/strona-na-raty.jpg') no-repeat; }

.PortfolioBanner a {
	display: block;
	width: 465px;
	height: 100px;
	margin-bottom: 20px;
}

.PortfolioBanner a:hover {
	background-position: 0 100% !important;
}

.PortfolioBanner a span {
	display: none;
}

#Portfolio1 a { background: url('../images/portfolio/sightseeing_mini.jpg') no-repeat; }
#Portfolio2 a { background: url('../images/portfolio/cmsgrupa_mini.jpg') no-repeat; }
#Portfolio3 a { background: url('../images/portfolio/drewnostyle_mini.jpg') no-repeat; }
#Portfolio4 a { background: url('../images/portfolio/pak_mini.jpg') no-repeat; }
#Portfolio5 a { background: url('../images/portfolio/fortuna1_mini.jpg') no-repeat; }
#Portfolio6 a { background: url('../images/portfolio/taradecor_mini.jpg') no-repeat; }

#BannerNaStart {
	padding: 40px 0 20px 0;
	text-align: center;
}

#Container {
	width: 960px;
	margin: auto;
}

	#Top {
		width: 100%;
		height: 230px;
		position: relative;
		margin-bottom: 20px;
	}
	
		#Logo {
			position: absolute;
			top: 25px;
			left: 10px;
		}
		
		#Menu {
			position: absolute;
			bottom: 0;
			left: 5px;
			width: 570px;
			height: 63px;
		}
		
			#Menu ul {
				width: 100%;
				height: 63px;
				background: url('../images/menu.jpg') no-repeat;
				list-style: none;
			}
				
				#Menu ul li {
					float: left;
					height: 63px;
				}
				
				#Menu ul li a {
					display: block;
					height: 100%;
				}
				
				#Menu ul li a span {
					display: none;
				}
				
				#Menu ul li a:hover, #Menu li a.Active {
					background: url('../images/menu.jpg') no-repeat;
				}
				
				#Menu li#m_Start a { width: 110px; margin-left: 30px; }
				#Menu li#m_Oferta a { width: 62px; margin-left: 24px; }
				#Menu li#m_Portfolio a { width: 70px; margin-left: 34px; }
				#Menu li#m_O-nas a { width: 58px; margin-left: 28px; }
				#Menu li#m_Kontakt a { width: 72px; margin-left: 24px; }
				
				#Menu li#m_Start a:hover, #Menu li#m_Start a.Active { background-position: -30px 100%; }
				#Menu li#m_Oferta a:hover, #Menu li#m_Oferta a.Active { background-position: -164px 100%; }
				#Menu li#m_Portfolio a:hover, #Menu li#m_Portfolio a.Active { background-position: -260px 100%; }
				#Menu li#m_O-nas a:hover, #Menu li#m_O-nas a.Active { background-position: -358px 100%;}
				#Menu li#m_Kontakt a:hover, #Menu li#m_Kontakt a.Active { background-position: -440px 100%; }
				
#BoxLeft {
	width: 595px;
	float: left;
}

	#BoxLeft ul {
		list-style: none;
		text-align: center;
	}
	
	#BoxLeft ul li {
		display: inline;
		margin: 0 5px;
	}
	
	#BoxLeft ul li a img {
		border: 3px solid #33AEB5;
	}
	
	#BoxLeft ul li a:hover img {
		border: 3px solid #FF5A00;
	}
	
#Left50 {
	width: 470px;
	float: left;
}

#Right50 {
	float: right;
	width: 470px;
}

#Left40 {
	width: 380px;
	float: left;
}

#Right60 {
	float: right;
	width: 560px;
}

#Left20 {
	width: 190px;
	float: left;
}

#Right80 {
	float: right;
	width: 750px;
	position: relative;
}

#Left30 {
	width: 300px;
	float: left;
	margin-right: 30px;
}

#Left70 {
	float: left;
	width: 650px;
}

#Right30 {
	float: right;
	width: 290px;
}

#Right30 {
	float: right;
	width: 300px;
}

#Map {
	position: absolute;
	top: 20px;
	right: 0;
}

#BoxRight {
	width: 361px;
	height: 223px;
	background: url('../images/bg_box.png') no-repeat;
	float: right;
	margin: 10px 0 0 0;
}

#BoxRight .Link {
	margin: 15px 30px 0 0;
}

#BoxRight .Submit {
	margin: 15px 30px 0 0;
	float: right;
	cursor: pointer;
}

.Link {
	float: right;
	height: 19px;
	padding: 0 21px 0 0;
	background: url('../images/bg_link.gif') right no-repeat;
	color: #fff;
	text-decoration: none;
	line-height: 19px;
	margin: 10px 0 0 0;
}

.Link span {
	background: url('../images/bg_link2.gif') left no-repeat;
	display: block;
	padding: 0 4px 0 8px;
}

.Link:hover{
	color: #fff;
}
	
.Line {
	width: 100%;
	height: 3px;
	margin: 10px 0;
	font-size: 1px;
	background: url('../images/line.png') repeat-x;
}

#Banner {
	float: left;
	width: 620px;
	text-align: center;
	padding: 80px 0 0 0;
}

#Footer {
	background: url('../images/line.png') top repeat-x;
	height: 22px;
	padding: 8px 0 5px 0;
	color: #626262;
	margin: 15px 0 5px 0;
}

	#Footer ul {
		list-style: none;
	}
	
		#Footer ul li {
			padding: 0 2px;
			display: inline;
		}
		
		#Footer ul li.Sub {
			color: #313131;
		}
		
	#Footer a {
		color: #ADADAD;
		text-decoration: none;
	}
	
	#Footer a:hover {
		text-decoration: underline;
	}

	#Footer .Left {
		float: left;
		width: 600px;
	}
	
	#Footer .Right {
		float: right;
		width: 300px;
		text-align: right;
	}
				
				
/* FORMS */

form br {
	clear: both;
}
 
.IndexForm label {
	line-height: 20px;
	margin: 0 8px;
}

.IndexForm {
	padding: 30px 0 0 50px;
}

div.Small {
	font-size: 10px;
}

form#Contact .Input {
	float: left;
	background: #ccc;
	padding: 4px 4px;
	width: 200px;
	font-size: 11px;
	font-family: tahoma, verdana;
}

form#Contact textarea {
	float: left;
	background: #ccc;
	padding: 4px 4px;
	width: 300px;
	font-size: 11px;
	font-family: tahoma, verdana;
	height: 100px;
}

form#Contact label {
	float: left;
	padding-right: 10px;
	text-align: right;
	line-height: 25px;
	width: 110px;
}

form#Contact label.Left {
	text-align: left;
	width: 300px;
}

form#Contact .Checkbox {
	float: left;
	margin: 4px 5px 0 120px;
}

form .Submit {
	width: 123px;
	height: 21px;
	background: url('../images/submit.gif') 0 2px no-repeat;
	font-size: 11px;
	color: #fff;
	text-align: center;
	font-family: tahoma, verdana;
	padding-right: 14px;
	cursor: pointer;
}

form#Contact .Submit {
	margin: 10px 0 0 120px;
}