/* 
    Document   : layout
    Created on : 2012-04-18, 17:34:54
    Author     : tech-prog
    Description:
        Purpose of the stylesheet follows.
*/
html {height: 100%; }
body { font: 13px arial,helvetica; margin:0; padding: 0; }

/* Shop Header */
#logo { width:300px; float: left; }
#banner { clear: both; overflow: hidden; margin: 0 auto; width: 100%; min-width: 976px; max-width:1250px; position: absolute; margin-top: 110px; }
#banner h1 { font-size: 22px; }
#header { width: 98%; min-width: 976px; max-width:1250px; margin: 0 auto; overflow: hidden; }
#loader { background: black; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.2; }
#loader img { position: relative; left: 49%; padding-top: 340px; }

/* Menu */
/* 100 % of Width */
#menuContainer {min-width:980px; max-width:1250px; width: auto;  height: 35px; }
#menu { /* margin: 0 auto; min-width:980px; max-width:1250px;*/ line-height: 10px; font: normal 11px arial; overflow: hidden;}
/* Standard 980px *** /
#menu { margin: 0 auto; background: #8ebe2f; color: #fff; line-height: 10px; font: normal 11px arial; width: 980px; height: 65px;  }*/
#menu .undermenu { padding: 0 0 0 40px; height: 35px; width: 875px;}
/*.bgstyleLeft { width: 100%; height: 65px; }
.bgstyleRight { width: 100%; height: 65px; }*/

#infoBar { margin: 0; height:130px; float: right;}

/* Messages */
#message { width: 974px; margin: 0 auto; padding: 0 6px 0 0; }
#message div { z-index: 2; position: fixed; top: 210px; height: 45px; line-height: 45px; text-align: center; width: 980px; }
.editorStyle #message { width: 760px; }
.editorStyle #message div { width: 716px; }/* colors are defined in colours.css */

.error { -moz-box-shadow: 0px 2px 2px #888;-webkit-box-shadow: 0px 2px 2px #888; box-shadow: 0px 2px 2px #888; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 44px; line-height:18px; min-height: 30px; padding-top: 8px; }
.error ul { list-style-type: none; }
.info { -moz-box-shadow: 0px 2px 2px #888;-webkit-box-shadow: 0px 2px 2px #888; box-shadow: 0px 2px 2px #888; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 44px; line-height:18px; min-height: 30px; padding-top: 8px; }
.success { -moz-box-shadow: 0px 2px 2px #888;-webkit-box-shadow: 0px 2px 2px #888; box-shadow: 0px 2px 2px #888; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 44px; line-height:18px; min-height: 30px; padding-top: 8px; }
.warning { -moz-box-shadow: 0px 2px 2px #888;-webkit-box-shadow: 0px 2px 2px #888; box-shadow: 0px 2px 2px #888; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding-left: 44px; line-height:18px; min-height: 30px; padding-top: 8px; }

/* System Searching */
.searchBox { overflow: hidden;}
.searchBox input[type=submit] { float: right; margin-top: 8px;}
.searchBox input[name=q] { position: relative; width: 100%; height: 100%; border-style: none; border-radius: 0; outline-style: none;}
.searchBox table {width: 100%; margin: 0 0 8px 0;}
.searchBox table td {height: 29px; padding: 0;}
.searchBox td.search_left { width: 43px;}
.searchBox td.search_right { width: 6px;}
.searchBox a.adv_search {font: normal 12px arial; color: #3d3d3d; white-space: nowrap;}

/* Advanced searching in Box*/
div.advancedSearchBox { overflow: hidden; margin-top: 10px; width: 100%; }
.advancedSearchBox.hidden { display:none; }
.advancedSearchBox select { width: 100%; }
.advancedSearchBox input {height: 16px; border-radius: 0; outline-style: none; display: block; width: 99%;}
.advancedSearchBox input.tiny { width: 55px; float: none; text-align: right;}
.advancedSearchBox div { clear: both; padding: 0; margin: 0; }
.advancedSearchBox div.box { margin-top: 5px; }
.advancedSearchBox div.left { clear: none; float: left; }
.advancedSearchBox div.right { clear: none; float: right; }

/* Content */
#container { width: 98%; min-width:980px; max-width:1250px; margin: 235px auto 0 auto; padding: 0; }

.object { margin: 0 12px 12px 0; }
.rightCol .object { margin: 0 0 0 0; }

/* Column View 100% Width*/
#cmsContent, #cmsThreeContent, #cmsTwoContent{	width: 100%; height: 100%;overflow: visible;	margin: 4px auto 0 auto;}
/* 2-Column View ***/
#cmsTwoContent .leftCol{ width: 20%; height: 100%; float: left;	overflow: visible; margin-bottom: 12px; }
#cmsTwoContent .rightCol{	width: 80%;	height: 100%;	float: left; overflow: visible;	margin-bottom: 12px; }
/* 3-Column View ***/
#cmsThreeContent .leftCol{ width: 20%;	height: 100%;	overflow: visible;	float: left;	margin-bottom: 12px; }
#cmsThreeContent .rightCol{	width: 20%;	height: 100%;	float: left;	overflow: visible;	margin-bottom: 12px; }
#cmsThreeContent .midCol{	width: 60%;	height: 100%;	float: left; margin-bottom: 12px; }
/* Standard Column View 980px * /
#cmsContent, #cmsThreeContent, #cmsTwoContent{	width: 100%;	height: 100%;	overflow: visible;	margin: 4px 0 0 0 }
/* 2-Column View *** /
#cmsTwoContent .leftCol{	width: 180px;	height: 100%;	float: left; overflow: visible;	margin-bottom: 12px }
#cmsTwoContent .rightCol{	width: 800px;	height: 100%;	float: left;	overflow: visible;	margin-bottom: 12px }
/* 3-Column View *** /
#cmsThreeContent .leftCol{	width: 180px;	height: 100%;	overflow: visible;	float: left;	margin-bottom: 12px }
#cmsThreeContent .rightCol{	width: 168px;	height: 100%;	float: left;	overflow: visible;	margin-bottom: 12px }
#cmsThreeContent .midCol{	width: 632px;	height: 100%;	float: left; margin-bottom: 12px; }*/

/* Product Images size */
#cmsContent .pictures, #cmsTwoContent .pictures { margin: 0 0 0 0; overflow: hidden; max-width: 620px; height: auto; float: left; }
#cmsContent .picture, #cmsTwoContent .picture { width: 150px; float: left; border: 1px solid #eee;  }
#cmsContent .mid-picture, #cmsTwoContent .mid-picture { width: 618px; height: auto; clear: left; padding: 0 0 0 0; margin: 0 0 16px 0;border: 1px solid #eee; }
#cmsContent .mid-picture img, #cmsTwoContent .mid-picture img { width: 618px;  }

#cmsThreeContent .pictures { margin: 0 0 0 0; overflow: hidden; width: 442px; height: auto; float: left; }
#cmsThreeContent .picture { width: 120px; float: left; border: 1px solid #eee;  }
#cmsThreeContent .mid-picture { width: 440px; height: auto; clear: left; padding: 0 0 0 0; margin: 0 0 16px 0;border: 1px solid #eee; }
#cmsThreeContent .mid-picture img { width: 440px; }

/* Product information bar */
.prodInfo { padding: 12px 12px 0 20px; background-color: #FFF; border-radius: 6px; border: 1px solid #92bf68; }


/* Footer */
#footer { margin: 12px 0 0 0; overflow: hidden; left:0; right: 0; text-align: center; width: 100%; height: 148px; padding: 0; }
#footer .count {margin: 0 auto; min-width: 976px; max-width:1250px; height: 100%; width: 100%;}
#footer table { text-align: left; width: 100%; }
#footer table td { padding: 0; }
#footer table td.footer_left, #footer td.footer_right { width: 1%; height: 148px; }
#footer table td.footer_middle { width: 18%; height: 148px; }


#footer ul { list-style-type: none; height: 110px; float: left; margin: 20px 0 10px 0; width: 100%}
#footer ul.nosep { background-image: none; }
#footer ul li.first {margin: 0 25px 10px 35px;}
#footer ul li {margin: 0 25px 0 35px;}

#copyright { margin: 0 auto; text-align: center; width: 980px; height: 50px; padding: 8px 0; }
#copyright img { float: left; width: auto; height: 30px;  margin-right: 16px; }
#copyright p { margin: 16px auto; clear: left; }
#copyright .payments { height: 30px; width: 900px; margin: 0 auto; text-align: center; }

div#infoBar div.left {display:none;}

body.loading {background:#fff url('/images/loading.gif') no-repeat 50% 50%; }
form.przelewy24 {width: 100%;	text-align: center; }
form.przelewy24 .bigShop {margin-top: 200px; }