html, body {font-size:11px; font-family:tahoma, arial, sans-serif; margin:0px; padding:0px;color:#333333}
html {background:url(./images/bg_html.png) 0 0 repeat-x #ffffff}
body {background:url(./images/bg_body.png) center 94px no-repeat}
input {font-size:11px}
table {font-size:11px; font-family:tahoma, arial, sans-serif; border-collapse:collapse;}
img {border:none}
a {color:#1475D3}
form {margin:0px;padding:0px}

.fleft {float:left}
.fright {float:right}
.tleft {text-align:left}
.clearfix:after {   content: ".";   display: block;   clear: both;   visibility: hidden;   line-height: 0;   height: 0;}
.clearfix {zoom:1}
html[xmlns] .clearfix {    display: block;}
* html .clearfix {    height: 1%;}
.clear {clear:both}

#container {width:980px; margin:0 auto;}
#top {padding:50px 0px 0px; text-align:right; position:relative;width:100%;height:173px}
#top #logo {position:absolute; top:36px; left:47px}
#top #slogan {position:absolute; top:120px; left:230px}
#top #search {width:440px; position:absolute; top:116px; right:9px; color:#ffffff; font-weight:bold; text-align:left}
#top input.text, #top #search select {width:150px; border:none; margin-right:8px;padding:1px }
#top input.text, input.password {padding:2px; height:17px; vertical-align:bottom}
#top #search input.submit {background:#D20104; border:none;width:21px; color:#ffffff;font-size:10px; font-weight:bold; margin-left:-2px}
#top #login {background:url(./images/bg_logowanie.png) 10px 0px no-repeat #141414; padding:10px 0px 0px 86px; position:absolute; top:152px; right:0px; 	
	width:367px; text-align:left; color:#ffffff;}
#top #login a {color:#ffffff;line-height:2.2em; text-decoration:none}
#top #login input.submit {font-size:10px; width:30px;  margin-left:-3px}

#left {float:left; width:230px; background:url(./images/bg_leftBck.png) 0 0 no-repeat;}
#left h2 {font-weight:bold; color:#000000;margin:0px; padding:14px 5px 14px 17px; font-size:11px}
#left #katalog {list-style:none; margin:0px; padding:0}
#left #katalog li {padding-bottom:1px; background:url(./images/bg_catLi.png) 8px bottom no-repeat;}
#left #katalog li a {display:block; line-height:2.5em;  color:#5A5A5A; text-decoration:none; padding-left:30px}
#left #katalog li a:hover, #left #katalog li a.activ {background:#E8E8E8;color:#000000}
#left #mapka {margin-top:25px}

#main {padding:7px 0 0 0; /*margin-left:236px; _padding-left:234px*/ width:744px; float:right}
#main #banner{margin-bottom:7px}
#main table#popularCateg th {background:url(./images/bg_popularCateg.png) 0 0 no-repeat; color:#ffffff;font-weight:bold; height:31px}
#main table#popularCateg td.first {padding:3px 5px 3px 22px; }
#main table#popularCateg td.last {padding:3px 22px 3px 5px}
#main div.articleTeaser {width:503px}
#main div.articleTeaser h2 {background:url(./images/bg_articleList.png) 0 0 no-repeat; color:#ffffff; font-size:11px; line-height:2.0em; height:28px;
	margin:0; padding:3px 0 0 15px}
#main div.articleTeaser ul {margin:0 0 0 12px; padding:0px; list-style:url(./images/bg_articleListLi.png)}
#main div.articleTeaser li {background:url(./images/bg_articleListLiBck.png) 0 bottom no-repeat; padding-bottom:10px}
#main div.articleTeaser li.last {background:none}
#main table#recomendationList {width:100%; margin:20px 0 10px}
#main table#recomendationList th {background:url(./images/bg_tableHeader.png) -30px 0 no-repeat; padding:7px 0 10px; color:#ffffff}
#main table#recomendationList th.first{background-position:0 0;}
#main table#recomendationList th.last{background-position:right 0;}
#main table#recomendationList td {text-align:center}
#main table#recomendationList td {background:url(./images/bg_tableBorder.png) 0 bottom no-repeat #F1F1F1; padding:7px 0 10px; color:#333333}
#main table#recomendationList .first {text-align:left; padding-left:20px}
#main table.brown {width:100%; margin:20px 0 10px}
#main table.brown th {background:url(./images/bg_tableHeader.png) -30px 0 no-repeat; padding:7px 0 10px; color:#ffffff}
#main table.brown th.first{background-position:0 0;}
#main table.brown th.last{background-position:right 0;}
#main table.brown td {text-align:center}
#main table.brown td {background:url(./images/bg_tableBorder.png) 0 bottom no-repeat #F1F1F1; padding:7px 0 10px; color:#333333}
#main table.brown .first {text-align:left; padding-left:20px}
#main h1 { font-size: 18px; color: brown; }
#main table.brown td input.txt { height: 16px; padding: 3px; font-size: 14px; width: 450px; }
#main #why {margin-bottom:10px}
#main #why .box {width:290px; padding-left:80px; background-position:5px 10px; background-repeat:no-repeat;}
#main #why .box h2 {text-indent:-1000px; overflow:hidden; height:24px; margin:20px 0 10px; width:230px}
#main #why .jak {background-image:url(./images/bg_jakDziala.png)}
#main #why .jak h2 {background:url(./images/he_jakDziala.png) 0 0 no-repeat}
#main #why .dlaczego {background-image:url(./images/bg_dlaczegoWarto.png)}
#main #why .dlaczego h2 {background:url(./images/he_dlaczego.png) 0 0 no-repeat}
#main #popularRec {background:url(./images/bg_topRekkomendacji.gif) 0 0 no-repeat; width:553px; padding-left:190px; height:189px; overflow:hidden}
#main #popularRec h2 {margin:20px 0 0 30px; height:31px; background:url(./images/h_rekomendacje.gif) 0 0 no-repeat; text-indent:-1000px}
#main #popularRec table {margin-top:20px}
#top1 { width: 30%; float: left; margin-left: 2%; }
#main td.internal2 { padding: 5px; }
#main td.internal2 input.txt { height: 16px; padding: 3px; font-size: 14px; width: 250px; }
#top1 table.brown td.internal, #top2 table.brown td.internal, #top3 table.brown td.internal { padding-left: 2px; text-align: left; }
#top2 { width: 30%; float: left; margin-left: 2%; }
#top3 { width: 30%; float: left; margin-left: 2%; }

#footer {text-align:right; clear:both;border-top:7px #FF6203 solid; padding:8px 0 10px; position:relative;}
#footer a {color:#7D7D7D; text-decoration:none}
#footer .copy {position:absolute; top:8px; left:20px; color:#B9B9B9}



#mapsearch {
   width : 95%;
   margin-left: 10px;
   padding: 4px;
   border : 1px solid #f9f9f9;
}
#mapsearch .gsmsc-idleMapDiv,
#mapsearch .gsmsc-mapDiv {
   height : 400px;
}

.message_error {
	border: 1px solid red;
	padding: 10px;
	background-color: white;
	color: red;
	font-family: Verdana;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	width: 90%;
}
.message {
	border: 1px solid green;
	padding: 10px;
	background-color: white;
	color: green;
	font-family: Verdana;
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	width: 90%;
	margin: auto;
}
#mes {
	padding-top: 5px;
	padding-bottom: 5px;
	color: red;
	text-align: center;
	width: 100%;
	font-size: 16px;
}