* { font-family: Verdana, Helvetica, Arial, sans-serif; }
html, body, div, span, pre, code, a, p, img, hr, 
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
form, fieldset, label, legend { border: 0;margin: 0;padding: 0;}
html {height: 100%;min-height: 100%;font-size: 12px;}
body {color: #666; background: #FFF url(/img/mainBg.png) top left repeat-x; height:100%; min-height:100%; text-align:center;}

a:link{color:#398586;}
a:visited{color:#398586;}
a:hover{color:#398586;}
a:active{color:#398586;}

#overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 90;
}

* html #overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
a#logo span{
	display: none;
}

#container{
	position: relative;
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

h3{
	color: #398586;
	font-size: 25px;
}

h3 a{
	text-decoration: none;
}

p{
	text-align: justify;
}

label{
	font-size:15px;
	color: #398586;
	padding: 0 5px;
}
span.date{
	display:block;
	background: url(/img/dateIcon.png) center left no-repeat;
	font-size: 11px;
	color:#999;
	padding:4px 0 4px 20px;
}

span.fax{
	display:block;
	background: url(/img/fax.gif) center left no-repeat;
	font-size: 11px;
	color:#398586;
	padding:4px 0 4px 20px;
}

span.phone{
	display:block;
	background: url(/img/phone.gif) center left no-repeat;
	font-size: 11px;
	color:#398586;
	padding:4px 0 4px 20px;
}

span.email{
	display:block;
	background: url(/img/email.gif) center left no-repeat;
	font-size: 11px;
	color:#398586;
	padding:4px 0 4px 20px;
}



a.more{
	display:block;
	width:66px;
	height:22px !important;
	line-height:20px;
	text-align:center;
	float:right;
	font-size:11px;
	text-decoration:none;
	background: url(/img/moreBtn.png) bottom center no-repeat;
	color:#999;
	margin-right:20px;
}

a.more:hover{
	background: url(/img/moreBtn.png) top center no-repeat;
}

.clear{clear:both;}

/* Header */

#header{
	position:relative;
	height:150px;
	margin:0 auto;
	width:910px;
	z-index: 78 !important;
	background:url(/img/headerTxt.gif) no-repeat center right;
}

#bottomNav{
	position:relative;
	width:908px;
	margin:4px auto;
	text-align: left;
	background:url(/img/bottomNavBg.png) bottom left repeat-x;
}
form#searchBox{
	float:right;
	padding-top:120px;
}
#header input#submit {
	background:transparent url(/img/greenBtn.png) no-repeat scroll left top;
	border:none;
	height:30px;
	margin-left:5px;
	width:90px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	color:#398587;
	vertical-align:middle;
}

input#search{
	background:transparent url(/img/inputBg.png) no-repeat scroll left top;
	border:1px solid #ccc;
	font-size:12px;
	line-height:23px;
	height:23px;
	width:150px;
	float:left;
}


a#logo{
	position: relative;
	width: 178px;
	height:150px;
	float:left;
	background: url(/img/logo.gif) bottom center no-repeat;
}



/* Menu */

ul#menu{
	list-style: none;	
	padding-top:120px;
	z-index:63 !important;
}

ul#menu li{
	float: left; 
	background-color: #fff; 
	text-align: center; 
	list-style: none;
	height:30px;
	background: #fff url(/img/languageSep.png) center right no-repeat; 
	z-index:255 !important;
}

ul#menu li a{
	display:block;
	color:#666; 
	font-size:18px;
	text-decoration: none;
	white-space: nowrap;	
	padding:5px 8px;
	background: transparent;
	
}


#menu li ul {width:200px;visibility: hidden; position:absolute; border: 1px #398586 solid; background-color:#FFF; text-align: left; z-index:60 !important;margin: -2px 0 0 -1px; }
#menu li ul li{ float:none; text-align: left;z-index:255 !important;background: none;}
#menu li ul li a { padding:5px 8px; width:auto; display: block;background: url(/img/breadcrumbsBg.gif) center bottom repeat-x;}
#menu li ul li a:hover { background-color: #F4FBFB; }



#animation{
	position: relative;
	height:365px;
	z-index:52 !important;
}

#animation2{
	position: relative;
	width:908px;
	height:246px;
	left:0;
	margin:0 auto;
	z-index:52 !important;
	background: url(/img/animationBg.png) center center no-repeat;
}

/* Latest Newses */

#latestNews{
	padding: 10px 0;
	width:25%;
	float:left;
	background: url(/img/latestNewsesLine.png) center right no-repeat;
}

#promocje{
	padding: 10px 0;
	width:25%;
	float:left;
	font-size:11px;
	background: url(/img/latestNewsesLine.png) center right no-repeat;
}

#latestNews2{
	padding: 10px 0;
	width:25%;
	float:left;
	background: url(/img/latestNewsesLine.png) center right no-repeat;
}

#newestStores, #promocje, #infoPunkt{
	height:200px;
	background: url(/img/latestNewsesLine.png) center right no-repeat;
	}
	
#newestStores a{
	line-height:140%;
}
#newestStores, #promocje, #infoPunkt{
	padding: 10px 5px 10px 15px;
	width:23%;
	float: left;
	font-size:11px;
}

#programSfera{
	padding: 10px 15px;
	width:200px;
	float: left;
}

#programSfera h3, #newestStores h3,#promocje h3, #infoPunkt h3{
	padding-bottom:25px;
}


#latestNews .news, #latestNews2 .news{
	padding:10px 5px 5px 5px;
	font-size:11px;
}

#latestNews .news img, #latestNews2 .news img{
	float:left;
	padding:5px;
}


#latestNews a.title, #latestNews2 a.title{
	display:block;
	padding-top:2px;
	margin-bottom:2px;
	height:30px;
	text-decoration: none;
}

#promocje a.title{
	display:block;
	padding-top:2px;
	margin-bottom:2px;
	height:30px;
	text-decoration: none;
}

#infoPunkt ul{
	padding: 0 4px 10px 6px;
}

#infoPunkt ul li{
	line-height:150%;
}

#laczymySie{
	width:23%;
	float: left;
}



.boxItem{
	width: 226px;
	float:left;
	background: url(/img/latestNewsesLine.png) center right no-repeat;
	min-height:200px;	
	font-size:11px;
	padding-bottom:5px;
}

.boxItem h3{
	padding:0 8px;
}

.boxItem .news{
	padding:8px;
	
}

.boxItem p{
	padding:8px;
	
}

.boxItem ul{
	padding:8px;
	list-style-position: inside;
	font-size:11px;
	
}


.boxItem a.title, .boxItem a.title{
	display:block;
	padding-top:2px;
	margin-bottom:2px;
	height:25px;
	text-decoration: none;
}


/* Footer */

#footer{
	clear: both;
	background: #fff url(/img/footerLine.png) top center no-repeat;
	padding:20px 0;
	height:40px;
}

ul#languages{
	background: url(/img/languageSep.png) center center no-repeat;
	width:120px;
	height:25px;
	float: left;
}

ul#languages li{
	width:60px;
	height:25px;
	list-style: none;
	float:left;
	text-align: center;
}

ul#languages li a{
	display: block;
	line-height: 25px;
}


form#newsletter{
	float:left;
	padding:0 50px 0 10px;
}

input#addEmail{
	background:transparent url(/img/greenBtn.png) no-repeat scroll left top;
	border:none;
	height:30px;
	margin-left:5px;
	width:90px;
	line-height:30px;
	font-weight: bold;
	vertical-align: middle;
	text-transform: uppercase;
	font-size: 11px;
	color:#398587;
}

input#newsletterTxt {
	background:transparent url(/img/inputBg.png) no-repeat scroll left top;
	border:1px solid #ccc;
	font-size:12px;
	line-height:23px;
	height:23px;
	width:150px;
	vertical-align: middle;
}

ul#toolsMenu{
	float: right;
}

ul#toolsMenu li{
	display: inline;
	padding: 0 10px;
	background: url(/img/languageSep.png) center right no-repeat;
}

ul#toolsMenu li a{
	line-height: 25px;
}


/* DialogBox */

.dialogBox {
	width: 320px;
	height: 200px;
	background-color: #fff;
	border:1px solid #398586;
	padding:10px;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -160px;
	position: fixed;
	display: none;
	text-align: left;
	z-index:899;
}

.dialogBox p{
	padding:20px 0;
}

* html .dialogBox{ 
	position:absolute;
}

/* Map */


#centreMap{
	width: 1000px;
	height: 500px;
	left: 50%;
	top: 50%;
	margin-top: -250px;
	margin-left: -500px;
	position: fixed;
	display: none;
	text-align: left;
	z-index:999;
	background: none;
}

#closeMap{
	width:100px;
	height:24px;
}
a#centreMapBtn{
	display:block;
	height:24px;
	width:24px;
	background: url(/img/closeMapBtn.gif) center right no-repeat;
	float:right;
}

a#centreMapBtn span{
	display:none;
}
#centreMapInside{
	width: 1000px;
	height: 500px;
	background-color: transparent;
	
}