/** Default CSS **/

/** Global **/
* { margin: 0; padding: 0; list-style-type: none;}
body { text-align: center; font: 12px/20px Arial, Sans-Serif; color: #686868; background-color: #F2F2F2; }
a { text-decoration: underline; color: #4091ce;}
div.clear { clear: both; }
img.cms-image { float: left; }
div#top-bar, div#container, div#bottom-bar, div#designer { margin: 0 auto 0 auto; width: 876px; }
div#container { background: white url(../images/container-bg.gif) repeat-y center top; }

/** top-bootom-bar **/
div#top-bar {  background: transparent url(../images/top-bar.gif) no-repeat center top; height: 25px; }
div#bottom-bar { background: transparent url(../images/bottom-bar.gif) no-repeat center top; height: 36px;}

/** Header **/
div#header { background-color: #fff; width: 812px; margin: auto; }
div#header img.logo { float: left; display: inline; margin: 0 0 10px 0; border: none; }
div#header table#search { float: right; display: inline;  }
div#header table#search td { padding-left: 5px; }
div#header table#search input.key { width: 180px; border: 1px solid #e2e2e2; padding: 2px 0 2px 2px; color: #888; }

/** Menu **/
div#menuwrapper { width: 812px; margin: 0 auto 0 auto; height: 36px;  font-weight: bold; text-transform: uppercase;
    background: transparent url(../images/menu-bottom-sep.gif) no-repeat bottom;  }
div#menuwrapper a { display: block; text-decoration: none; color: #cbe6f8; font-size: 12px;
    border: 1px solid #060606; border-width: 1px 0 0 1px; width: 134px; line-height: 34px; 
    background: transparent url(../images/menu-bg.gif) repeat-x top; }
div#menuwrapper li.menuitem-last a { width: 136px !important; } 
div#menuwrapper a:hover, div#menuwrapper a.current { background-position: bottom; color: #fff; }
div#menuwrapper li { font-size: 11px; float: left; margin-right: 0px;  }

/** Banner **/   
div#banner { width: 812px; margin: 0 auto 0 auto; clear: both; background-color: white;
    border: 1px solid white; border-width: 0 0 5px 0; }

/** Box **/
div#box-wrapper { clear: both; width: 812px; margin: auto; text-align: left; font-size: 11px; line-height: 16px; }
div#box-wrapper div.box { float: left; display: inline; width: 265px; margin-left: 5px;  
     background: transparent url(../images/box-bg.gif) repeat-x top; 
     border: 1px solid #e2e2e2; padding-bottom: 7px; }
div#box-wrapper div.b1 {  margin-left: 0 !important;  }
div#box-wrapper div.box img { float: left; }    
div#box-wrapper div.box-border { width: auto; border: 1px solid #fff;}
div#box-wrapper h2 { font-family: Tahoma, Arial, Sans-Serif; 
    font-size: 18px; text-indent: 10px;  font-weight: normal; 
    line-height: 55px;  }
div#box-wrapper h2 span { color: #186BB7; }
div#box-wrapper p { width: 250px; margin: 0 auto 0 auto; padding: 5px 0 5px 0; 
    background: transparent url(../images/dotx.gif) repeat-x top; }
div#box-wrapper a:hover { text-decoration: none; }

/** Middle **/
div#middle {  width: 812px; margin: auto; border-top: 10px solid white; }

/** Content **/
div#content, div.content-front { text-align: left; width: 530px; float: left; position: relative; }
div.content-front { }
span.back a, span.back_bottom a { text-decoration: none; } 
span.back { position: absolute; top: 10px; left: 92%;}
span.back_bottom { float: right; }
/** Titile **/
div#content h3 { color: #4091ce; font-size: 17px; width: auto; padding: 0 0 5px 0; margin-bottom: 5px; 
    background: url(../images/xsep.gif) repeat-x bottom; }
div#content h3  { padding-top: 0 !important; } 

ul.content-list { padding-left: 15px; }
ul.content-list li { list-style-type: disc !important; }

table.content-table  { margin: 10px 0 0 0; width: 100%; border-style: solid; border-color: #ddd; border-width: 1px 0 0 1px; }
table.content-table td { padding: 5px 10px 5px 10px; text-align: center; }
table.content-table th { padding: 5px; text-align: left; font-weight: normal;  }
table.content-table th, table.content-table td { border-style: solid; border-color: #ddd; border-width: 0 1px 1px 0; } 
table.content-table tr.head  { background: #138bd9; color: #fff; border: 0; 
    line-height: 14px; }
table.content-table tr.odd { background: #f5f5f5; }

/** Contact form **/
table.form-tbl {  border: none !important; margin-top: 20px !important; width: 100%;}
table.form-tbl td {  border: none !important;  text-align: left !important; padding: 2px !important  }
table.form-tbl td.txt { font-size: 11px; text-align: left;}
table.form-tbl .inpt, table.form-tbl textarea {  width: 70%; border: 1px solid #e2e2e2; padding: 2px 0 2px 2px; color: #888; }
table.form-tbl textarea { height: 200px;}
table.form-tbl td.sendrow { padding-top: 5px;  }
table.form-tbl .formBtn {  padding: 3px 0 0 0; }
table.form-tbl .query { float: left; font-size: 11px; margin: 0 110px 0 0 !important; display: inline;}
table.form-tbl td.formtoptext h3 { font-size: 11px; color: #888d92; padding-bottom: 10px;}

/** Right column **/
div#right { float: right; width: 260px; display: inline; }


.banner-shop { width: auto;  }
.esklep { border: none; display: block;  margin: 0 auto 0 0;}

.partner-logo { text-align: left; width: 255px; margin: 0 auto 0 auto; margin-left: 17px; clear: both;}

.partner-logo { margin-top: 15px; }
.partner-logo img { margin-left: 12px; }

.news_title { font-size: 13px; color: #4091ce; font-weight: bold; }
.news_date { color: #b6b6b6;  padding-bottom: 7px; font-size: 10px; }
.banner-txt { text-align: left; }
.banner-txt img { display: block; margin: 20px 0 0 20px; }
.foot-sep {width: 810px; margin: auto; height: 12px; background-color: #fff;}

/** Footer **/
div#footer { width: 810px; border: 1px solid #e2e2e2; background-color: #f8f8f8; margin: auto; color: #969696; font-size: 11px;}
div#footer p, #footer span { line-height: 40px;}
div#footer p { float: left; padding-left: 15px; }  
div#footer span { float: right; padding-right: 15px; }  
div#footer a { color: #969696; text-decoration: none; } 
div#footer a:hover { color: #4091ce; }

div#search_results a:hover { text-decoration: none; }

div#designer, #designer a { color: #aaa; text-decoration: none; line-height: 8px;  font-size: 9px;  font-family: Verdana, Sans-Serif; }
div#designer a:hover { border-bottom: 1px #ccc dotted; color: #ccc; } 


.download { border: none; }
.cimg { margin: 0 0 0 10px; float: right; }
 
.navibar { width: 812px; text-align: left; font-size: 9px; margin: auto; background-color: white; }
.navibar a:hover { text-decoration: none; }
.navibar .current { text-decoration: none; }

#google-map { width: auto; height: 400px;}