/*
Author:           Vellkan Design Studio Igor Chudy
Author URI:       http://www.vellkan.pl/
Version:	   1.0
Project: Esus Nieruchomości
Description:
*/

body {height: 100%; width: 100%; font: normal 12px Verdana; color: #1a1a1a; background: url(../images/Bck.jpg) center 128px no-repeat;}
html, body {width: 100%;}

/* Reset ---------------------------------------------------- */
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, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tbody, tfoot, thead {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; font-weight: inherit; font-family: inherit; }

h1 { font-size: 3em; }
h2 { font-size: 2em;  }
h3 { font-size: 1.5em;  }
h4 { font-size: 1.2em; }
h5 { font-size: 1em;  }
h6 { font-size: 1em;  }

:focus { outline: 0; }
blockquote, q {quotes: "" "";}
.clear { clear: both; }

/* Custom ----------------------------------------------------------------------- */
#Wrapper {width: 100%; height: 100%;  background: url(../images/BckTop.png) top center repeat-x;}
#Container {width: 990px; margin: 0 auto;}

#Menu {width: 100%; height: 111px; overflow: hidden; background: url(../images/TopLogo.png) left top no-repeat;}
	#Menu ul {height: 111px; width: 561px; margin: 0 0 0 429px; padding: 0; display: block; list-style: none; }
	#Menu ul li {float: left;}
	#Menu ul li a {display:block; height: 111px; position:relative; background: url(../images/Menu.png) left top no-repeat;}
	#Menu ul li a#Current {background-position: 0 -111px; }
	#Menu ul li a.Start {background-position: 0 0; width: 94px; }
	#Menu ul li a.About {background-position: -94px 0; width: 121px; }
	#Menu ul li a.Offer {background-position: -215px 0; width: 104px; }
	#Menu ul li a.Gallery {background-position: -319px 0; width: 113px; }
	#Menu ul li a.Contact {background-position: -432px 0; width: 129px; }
	#Menu ul li a span {background: url(../images/Menu.png) left bottom no-repeat; display:block; position:absolute; top:0; left:0; height:100%; width:100%; z-index:100;}
	#Menu ul li a.Start span {background-position: 0 -111px;}
	#Menu ul li a.About span {background-position: -94px -111px;}
	#Menu ul li a.Offer span {background-position: -215px -111px;}
	#Menu ul li a.Gallery span {background-position: -319px -111px;}
	#Menu ul li a.Contact span {background-position: -432px -111px; }
	#Menu ul li a#Current.Start  {background-position: 0 -111px;}
	#Menu ul li a#Current.About  {background-position: -94px -111px;}
	#Menu ul li a#Current.Offer  {background-position: -215px -111px;}
	#Menu ul li a#Current.Gallery  {background-position: -319px -111px;}
	#Menu ul li a#Current.Contact  {background-position: -432px -111px; }	
	
#Header {width: 990px; height: 286px; background: url(../images/Header.png) center top no-repeat; overflow: hidden;}
	#Header ul {list-style:none; width:969px; height: 262px; display: block; float: left; margin: 16px 0 0 11px; overflow: hidden;}

#ContentStart {height:22px;  background: url(../images/ContentStart.png) center top no-repeat;}
#Content {background: url(../images/Content.png) center top repeat-y;  overflow: hidden;}
	#Content p {margin: 10px 30px; font: normal 14px/24px "Trebuchet MS", Arial; color: #003250;}
	#Content p a {padding: 1px; text-decoration: none; color: #c40031; border-bottom: 1px solid #c40031; }
	#Content p a:hover {background: #c40031; color: #fff; border: none;}
	#Content p strong {font-weight: bold;}
	#Content img.Logo {margin: 25px 10px 10px 15px; float: left;}
	#Content img.Title {margin: 10px 0 20px 30px; display: block;}
	#Content img.Home{float: left; margin: 10px 20px 80px 20px; height: 133px; width: 200px; padding: 3px; border: 1px solid #9e9e9e;}
#ContentEnd {height: 32px; background: url(../images/ContentEnd.png) center top no-repeat;}

#Content #OfferWrapper {width: 900px;  margin: 0px auto 30px auto; overflow: hidden; background:url(../images/OfferWrapper.png) repeat; border: 1px solid #c0c0c0;}
	#Content #OfferWrapper #Offer1, #Content #OfferWrapper #Offer2, #Content #OfferWrapper #Offer3, #Content #OfferWrapper #Offer4 {display: none;}
	#Content #OfferWrapper #Offer1 {display: block;}
	#Content ul#OfferNav {list-style: none; margin: 10px 0 0 50px;  }
	#Content ul#OfferNav li {float: left;}
	#Content ul#OfferNav li a {width: 100px; padding: 5px 10px; margin: 0 5px; display: block; float: left; text-align: center;  border: 1px solid #c0c0c0; font: normal 16px Arial; color: #717171; text-decoration:none; background: url(../images/OfferWrapper.png) repeat; border-bottom: none;}
	#Content ul#OfferNav li a:hover {color: #b90000; text-decoration: underline;}
	#Content ul#OfferNav li.active a {color: #b90000;}
	#Content #OfferWrapper #Offer1, #Content #OfferWrapper #Offer2, #Content #OfferWrapper #Offer3, #Content #OfferWrapper #Offer4 { margin: 0; width: 100%; overflow: hidden;}
	#Content #OfferWrapper .Box { margin: 15px; padding: 15px; border: 1px solid #c0c0c0; height: 100%;}
	#Content #OfferWrapper .Box .Important {font-weight: bold; color:#DD0000;}
	#Content #OfferWrapper h2 {font: bold 20px Arial, Helvetica, sans-serif; margin: 0 0 10px 0; color: #b90000;}
	#Content #OfferWrapper p {margin: 5px 10px; padding: 0; font-size: 14px;}	
	#Content #OfferWrapper .Maps {margin: 10px; width: 600px; height: 80px;}
	#Content #OfferWrapper .Maps a {display: block; float: left; margin: 0 10px; width: 149px; height: 68px;  border: 2px solid transparent; overflow: hidden;}
	#Content #OfferWrapper .Maps a img {width: 149px; height: 68px; }
	#Content #OfferWrapper .Maps a:hover {border-color: #DC0000;}
	#Content #OfferWrapper .Photos {list-style: none; margin: 20px 10px 0 10px; display: block; overflow: hidden;}
	#Content #OfferWrapper .Photos li {float: left; margin: 5px;}
	#Content #OfferWrapper .Photos li a {border: 1px solid #c0c0c0; padding: 3px; overflow: hidden; float: left; display: block; width: 70px; height: 46px;}
	#Content #OfferWrapper .Photos li a:hover {border-color: #CC0000; background: #fff;}
	
#Contact {margin: 0 0 0 40px;}
	#Contact h3 {font: bold 20px "Trebuchet MS", Helvetica; color: #323232; border-bottom: 1px solid #262626; width: 300px;}
	#Contact p {margin: 10px 15px; font: normal 14px/27px "Trebuchet MS", Tahoma, Arial; color: #003250;}
	#Contact .Maps {margin: 20px 0; width: 600px; height: 80px;}
	#Contact .Maps a {display: block; float: left; margin: 0 10px; width: 149px; height: 68px;  border: 2px solid transparent; overflow: hidden;}
	#Contact .Maps a img {width: 149px; height: 68px; }
	#Contact .Maps a:hover {border-color: #DC0000;}	
	#Contact ul {list-style: none; margin: 10px;}
	#Contact ul li {margin: 2px 0 0 0; padding: 0 0 0 22px; font: normal 14px/27px "Trebuchet MS", Tahoma, Arial; color: #003250;}
	#Contact ul li a {padding: 1px 2px; text-decoration: none; color: #c40031; font-weight: bold;}
	#Contact ul li a:hover {background: #c40031; color: #fff;}
	#Contact ul li.Mail {background: url(../images/SpanMail.png) left center no-repeat; }
	#Contact ul li.Phone {background: url(../images/SpanPhone.png) left center no-repeat; }
	#Contact ul li.FAX {background: url(../images/SpanFax.png) left center no-repeat; }
	#Contact ul li.WWW {background: url(../images/SpanWWW.png) left center no-repeat; }
	
#Footer {width: 100%; padding: 0 0 20px 0; overflow: hidden; font: normal 11px Tahoma; color: #FFF;}
	#Footer p.Left {margin: 0 0 0  20px; width: 400px;  float: left;}
	#Footer p.Right {margin: 0 20px 0 0; width: 300px;  float: right; text-align: right;}
	#Footer p.Right a {color: #960000; text-decoration: none; padding: 1px;}
	#Footer p.Right a:hover {background: #960000; color: #fff;}