/* BASE /////////////////////////////////////////////////////////////////////////////////// */
* { margin: 0; padding: 0; }
body { color: #7b8098; font: 11px Tahoma,Arial, Helvetica,Verdana; line-height: 16px; width: 100%; height: 100%; background-color: #d5dae0; } 
#main { background: #d5dae0 url('../gfx/bg.gif') 0 0 repeat-x; width: 100%; height: 100%; position:absolute; }
#sub { background: #d5dae0 url('../gfx/bg2.gif') 0 0 repeat-x; width: 100%; height: 100%; position:absolute; }
a { text-decoration: none; color: #c80d50; }
a img {border: none;}
a:link, a:visited {color: #c80d50; text-decoration: none;}
a:hover {text-decoration: underline; color: #c80d50; }

p { padding: 5px 0 10px 0; font: 11px Arial,Tahoma, Helvetica,Verdana; }
h1 { color: #5c6179; padding:  15px 0 5px 0;  font-size: 13px;}
h2 { color: #c80d50; padding:  15px 0 0 0; font-size: 12px;}
h3 { color: #ffb61a; padding:  5px 0 5px 0; font-size: 11px; }
h4 { color: #9a9a9a; padding:  15px 0 5px 0; }

ul,li,form,input,textarea { font: 11px Tahoma, Helvetica,Verdana, Arial ;}

/* Listy  ///////////////////////////////////////////////////////////////////////////////////  */
ul { margin: 5px 0px; line-height: 15px; }
li { padding: 0 0 5px 20px; list-style-type: none; background: url('../gfx/li.gif') 0px 3px no-repeat; line-height: 15px; margin: 0;}
ul ul { margin: 5px 0 0 0px; line-height: 15px; font-size: 11px;}
ul ul li { list-style-type: none; background: url('../gfx/li2.gif') 0px 7px no-repeat; padding: 0 0 5px 20px; margin: 0; }
/* Formularze  /////////////////////////////////////////////////////////////////////////////////// */
form,input,textarea,select { color: #000; vertical-align: middle; font-size: 11px;  }
textarea {	border: 1px solid #cbd1d6; padding: 3px 4px; width: 190px; height: 90px; background-color: #FFF;	color: #666; }
select { width: 160px; background-color: #af681f; color: #FFF;  }
input.text { background-color: #FFF;	color: #666; border: 1px solid #cbd1d6; padding: 1px 4px; margin: 0; width: 190px; }
input.button { border: 1px solid #5b5d6c; border-left: 1px solid #efeff3; border-top: 1px solid #efeff3;	 background-color:#9495a1;
	font-size: 10px; font-weight: bold; padding: 2px 5px; margin: 0; color: #FFF; cursor: pointer; width: auto; overflow: visible; }
input.light { background-color:#af681f; }

/* Og�lne  ///////////////////////////////////////////////////////////////////////////////////  */
.clearing { clear: both; line-height: 1%; font-size: 1%; }


.fl { float: left }
.fr { float: right }
.l_img { float: left; margin: 0 15px 10px 0; }
.r_img { float: right; margin: 0 0 10px 15px; }
.c_img { text-align: center; margin: 0 15px 10px 15px; }

/* Format strony  /////////////////////////////////////////////////////////////////////////////////// */
#container { width: 770px; left: 50%; margin-left: -375px; position:absolute; }
#content { overflow: hidden; }
#header ul { float: right; margin: 10px 25px 0 0; padding: 0; display: inline; background: url(../gfx/sep.gif) left center no-repeat; }
#header li { float: left; margin: 0; padding: 0 20px; background: url(../gfx/sep.gif) right center no-repeat; }
#header li a { font-weight: bold; }

#leftCol { width: 280px; float: left;  }
#rightCol { width: 490px; float: left; }
#main #leftCol { width: 364px; background: url('../gfx/right_corner.gif') right top no-repeat; }
#main #rightCol { width: 357px; background: url('../gfx/right_corner.gif') right top no-repeat;  padding-left: 49px; overflow: hidden; }

.detail { width: 770px; }
.detail #leftCol { width: 255px; padding: 0 35px 0 20px; voice-family: "\"}\""; voice-family:inherit; width: 200px; }
.detail #rightCol { width: 515px; /*  padding: 0 20px 0 0; voice-family: "\"}\""; voice-family:inherit; width: 495px; */}

#title { padding: 0 0 2px 0px; background: url(../gfx/s.gif) left bottom repeat-x; }
.detail #title { padding-left: 20px;}

.mod div { padding-left: 128px; overflow: hidden; width: 229px; }
.mod a img { margin-left: -128px; float: left; }
.mod p { padding: 0 20px 3px 0; }
.mod p strong {color: #5c6179; padding:  4px 0 5px 0; display: block; font: bold 11px Tahoma,Arial, Helvetica,Verdana; }
#blog,#opinie { background: url('../gfx/right_corner2.gif') right top no-repeat;}

.quote { background: url('../gfx/opinie_bg.gif') left top no-repeat;}
.quote p { color: #777d95; padding: 15px 20px 5px 65px;}
#opinie a { color: #777d95; }
.quote strong { color: #777d95; padding: 2px 20px 2px 65px; display: block; font-size: 9px;}
#opinion_nav { background: url('../gfx/opinie_bot.gif') left top no-repeat; text-align: right; padding: 25px 20px 0 0;}
#opinion_nav #prev { background: url(../gfx/prev_m.gif) left center no-repeat; padding: 0 10px 0 15px; }
#opinion_nav #next { background: url(../gfx/next_m.gif) right center  no-repeat; padding: 0 15px 0 10px; }

p#ecommerce { background: url('../gfx/f.gif') left bottom repeat-x; padding: 0 0 20px 0; }
#ecommerce a { display: block; width: 300px; background: url('../gfx/extreme_commerce.gif') 0 0 no-repeat; padding: 32px 0 0 53px; color: #7b8098; line-height: 17px;}
#serwisy a { display: block; width: 300px;  background: url('../gfx/serwisy.gif') 0 0 no-repeat; padding: 32px 0 2px 53px; color: #7b8098; line-height: 17px;}
p.more a { background: url('../gfx/more.gif') right center no-repeat; padding: 0 14px 0 0;  }


/* FOOTER  /////////////////////////////////////////////////////////////////////////////////// */
#footer { background: url('../gfx/f.gif') 0 0 repeat-x; font-size:9px; padding: 5px 0; margin-top: 20px;}
#footer .rCol { float: right;  text-align:right; }
#footer p { padding: 0; }
#footer, #footer a { color: #828491;}

.best { font-weight: bold; color: #777777;}
.best span { font-weight: bold; color: #c80d50; }


/*  LOCALISER  /////////////////////////////////////////////////////////////////////////////////// */
#localiser { font-size: 9px; line-height: 16px; background: url('../gfx/loc.gif') left bottom repeat-x; margin: 0 20px 10px; padding-bottom: 7px; }
#localiser a { font-weight: normal; color: #FFF; padding: 0 6px; background: url('../gfx/arr.gif') right center no-repeat; display: inline; }

/* TABELE  ///////////////////////////////////////////////////////////////////////////////////  */
table { font-size:11px;  }
.info { margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; color: #000; border: 1px dotted #babec4; background-color: #dadde3; }
.info td { padding: 5px 8px; border: 1px dotted #babec4; border-collapse: collapse; vertical-align: middle; text-align: left; }
.info .td_nobd { background-image: none; }
.info td.buttons { text-align: center; padding-top: 12px; padding-bottom: 12px; background-image: none; }
.info th { font-weight: normal; background-color: #ffb61a;	padding: 2px 8px 2px 8px; color: #571f0e; text-align: center; border-color: #de8e1f; }
td.first { font-weight: bold; background-color: #cbcfd6;  }
.line0 td { background: #F0F0F0; }

/*  MENU - SIDE /////////////////////////////////////////////////////////////////////////////////// */
#menu {  }
#menu ul { margin: 30px 0 0 0; padding:0; list-style-image: none; width: 200px; } 
#menu ul li { list-style:none; background: none; margin:0; padding:2px 0; background: url(../gfx/s.gif) left bottom repeat-x; }
* html #menu ul li { height:1px; vertical-align:bottom;  }
#menu ul li a { background: url(../gfx/li_menu.gif) 0 4px no-repeat; display:block; font-size: 9px; width: 200px; padding: 2px 10px 2px 20px;
  text-decoration:none;	color:#828491; voice-family: "\"}\""; voice-family:inherit; width: 170px;}
#menu ul li a:hover { text-decoration: underline }
#menu ul li.selected a { background: url(../gfx/li_menu.gif) 0 -96px no-repeat; color:#c80d50; }
* html #menu ul li a { height:1px; }

.sep { background: url(../gfx/s.gif) 0 0px repeat-x; font-size: 0.1%; height: 2px; margin: 10px 0; }
#goUp { background: url(../gfx/s.gif) left top repeat-x; font-size: 9px; margin: 10px 0px 0 0; }
#goUp a { background: url(../gfx/up.gif) 0 0 no-repeat; padding: 2px 20px 4px 22px; font-size: 9px;  }

#navigation { width: 347px; margin-bottom: 15px; }
#navigation a#prev  { background: url(../gfx/prev.gif) 0 0 no-repeat; padding: 0 20px 4px 17px; font-size: 9px; display: block; float: left; line-height: 15px; }
#navigation a#next  { background: url(../gfx/next.gif) 0 0 no-repeat; padding: 0 17px 4px 10px; font-size: 9px; display: block; float: right; line-height: 15px;}

#desc h1 { padding: 0; }
#desc p { text-align: justify;  }

#img, .img_text {  float: left; margin: 10px 15px 0 0; width: 141px; height: 180px;  background-repeat: no-repeat; }
#desc #img { float: right; margin: 29px 0 0 25px; }
.photo {  width: 141px; height: 180px; background: url(../gfx/real_wnd.gif) 0 0 no-repeat; }
.photo a { display: block; padding: 109px 10px 0 0px; font-size: 9px; text-align: right; }


.photo span  { background: url(../gfx/span.gif) left bottom no-repeat; padding: 3px 5px 3px 6px;  }

.wind { float: left; width: 76px; height: 92px; background-position: 3px 3px; margin-right: 10px; background-repeat: no-repeat; }
#small_img { margin: 10px 0 0 0; }
#small_img .photo {  width: 76px; height: 92px; background: url(../gfx/realsm_wnd.gif) 0 0 no-repeat; }
#small_img .photo a { display: block; padding: 77px 3px 0 3px; font-size: 9px; text-align: center; line-height: 11px; }
#small_img .photo span  { background-image: none; padding: 0; }
/* USABILITY /////////////////////////////////////////////////////////////////////////////////// */
.skiplink { position: absolute; left: 0px; top: -500px; overflow: hidden; }
p.ue {  background: url("../gfx/f.gif") repeat-x scroll 0 0 transparent;  clear: both;  margin-right: 30px;  padding: 15px 0 0;
}
p.ue a {  background: url("http://extreme-commerce.com/images/ue-flaga.gif") no-repeat scroll left center transparent; font: bold 11px Tahoma,Helvetica,Verdana,Arial; margin-left: -2px; padding: 10px 0 22px 50px;
}
p.ue span.desc { color: #7B8098; font-size: 11px;font-weight: normal;margin-left: -2px; padding-left: 50px;
}
.horiz { margin-top: 22px; }
.horiz div { float: left; width: 154px; background: url(../gfx/sep2.gif) right top no-repeat; height: 110px;}
.horiz div#h5 { background-image: none; }
.horiz p { padding: 0 17px 0 13px; }