/* content by blazsak.pl for EVEgroup - biocol */


/**************************
 * CSS RESET 
 */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1.5;
	font-family: inherit;
  font-size: inherit;
	text-align: inherit;
	vertical-align: baseline;
  background:transparent;
  color: inherit;
  
}
em{  font-style:italic; }
strong {font-weight:bold;}

textarea{	overflow: auto;;}
a img, :link img, :visited img {border: 0;}
table {	border-spacing: 0;}
  td{ vertical-align: middle; }
ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
:focus {outline: 0;}

sup { font-size:0.7em; position:relative; top:-0.6em; left:0;}


.hid {margin-top:-5000px; position:absolute;}
a {text-decoration:none; color: #fff;  }
a:hover{ text-decoration: none;}


/********************************
 * Struktura podstawowowa
 */
html { background: #000 url(/gfx/site/bg.png) repeat-x 0 0;; color: #fff; font-size:12px; font-family:  Tahoma, Verdana,Arial,Helvetica,sans-serif;}
body{ height:100%;   text-align: center;}

img {margin:0px; border:0; vertical-align: middle;}
input,textarea {font-size: 11px; margin:0 2px; padding:2px 3px; background:#4E0303 url(/gfx/site/input_bg.png) repeat-x 0 0 ; color: #fff; border:1px solid #000;}
input.submit {background: #000; border:1px solid #000; width: auto; padding:2px 10px; }
button { }
label{}


/********************************
 * MAIN
 */
div.matrix{ margin: 0 auto; width: 990px; text-align: left; clear: both;}

/********************************
 * TOP
 */
#top{ height: 140px;}
#logo {position: absolute; margin: 20px 0; }
#langmenu {float: right; width: 30px;  padding: 5px 3px 0 0;  text-align: center;}
#langmenu a{margin-top:1px; clear: both;}
#search {float:right; clear: right; margin-top:10px; }

#search input { width: 110px;}

#search input.search {padding:0; width:65px; height: 25px; border:0; text-align: center; line-height:25px; margin:0;  color:#aaa; background: url(/gfx/site/search_submit.png) no-repeat 2px 3px ;}

#logolinks{ float: left; width: 790px; clear: left; }
#logolinks a {display: block; float: left; margin-right: 0px;}

/********************************
 * MAINMENU
 */
#mainmenu{
  height: 80px;
 /* background: url(/gfx/temp_mm.gif) no-repeat 0 0;*/
}

#mainmenu ul{ float: right; padding: 0 3px; background:  url(/gfx/site/mainmenu_side.gifx) no-repeat top right;}
#mainmenu ul li {
  float: left;
  background:  url(/gfx/site/mainmenu_side.gifx) no-repeat 0 0;
  height: 75px;
}
#mainmenu ul li.first {  }

#mainmenu ul li a { 
  display: block;
  color: #aaa;
  float: left; 
  margin-left: 2px;
  padding:35px 10px 5px 10px;
  
  font-size: 11px;
  font-family: Verdana;
  border-bottom:2px solid #400000;
  
  
}
html>body #mainmenu ul li a {margin-left: 2px;}

#mainmenu ul li a:hover{ color: #fff; background: url(/gfx/site/mainmenu_hover.gifx) repeat-x left bottom ; border-bottom:2px solid #5a0000; }
#mainmenu ul li a.active { color: #fff; background: url(/gfx/site/mainmenu_hover.gifx) repeat-x left bottom ; border-bottom: 2px solid #000; }

/********************************
 * CONTENT & ADDON
 */
#content , #addon {   border:1px solid #000;}
#content {float: left; width: 580px; background: #101415 url(/gfx/site/content_bg.gifx) repeat-y 0 0;}
#addon { float: right; width: 380px; background: #101415 url(/gfx/site/addon_bg.gifx) repeat-y 0 0;}

#content-title {height: 32px; background:url(/gfx/site/content-title_bg.png) repeat-x 0 0px; }
#content-title h2 { float: left; background:#101415; padding: 0px 20px; line-height:30px;border-left:1px solid #181E1F;  border-top:2px solid #4E0303; border-right: 1px solid #000; font-weight: normal; font-size: 14px; text-transform: uppercase;  font-family: Verdana;;  color:#DE0000; }
#content-title h3 { display: inline; font-weight: normal; margin: 5px; line-height: 30px; font-size: 13px; color:#89B5C6; font-family: Verdana; font-style: italic;  }
#content-title a.back { float: right; padding: 7px 3px; color: #666;}

/********************************
 * PAGE
 */
.page{ background: transparent; color: #aaa; padding: 20px; border:1px solid #181E1F; border-top:0; font-size: 13px; ;  }
.page p {text-align: justify; padding: 5px 0; clear: left;}
.page ul {padding: 5px 20px; list-style: outside disc }
.page ol {padding: 5px 20px; list-style: outside decimal}
.page a {text-decoration: none; font-weight: normal; color:#89B5C6}
  .page a:hover { text-decoration: underline; }

.page h1 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#DE0000; }
.page h2 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; text-transform: uppercase; font-family: Verdana; color:#DE0000; }
.page h3 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#89B5C6;  }
.page h4 {margin:5px 0 5px 0; vertical-align: middle; font-weight: normal; font-size: 18px; font-family: Verdana; color:#89B5C6; border-bottom: 1px solid #1f3036;  }


.page h1,.page h2,.page h3,.page h4 {font-family: "Trebuchet MS"; font-style: italic;;}


.page img {margin:5px 10px; background:#000 url(/gfx/site/img_bg.png) repeat-x 0 0 ; padding: 10px; border: 1px solid #1f3036}
.page img.prawa {float:right;}
.page img.lewa {float:left;}
.page img.nb {margin: 0px; background:#000; padding: 0px; border: 0px solid #1f3036}

.iframe {margin:5px 10px; background:#000000 url(/gfx/site/img_bg.png) repeat-x 0 0 ; padding: 10px; border: 1px solid #1f3036; text-align: center;}

.page table{ background: #000 url(/gfx/site/img_bg.png) top left repeat-x; margin: 5px 0 25px 0; border:1px solid #1f3036; border-left: 0; border-top:0; font-size: inherit; }
.page td , .page th{ padding: 5px; border: 1px solid #1f3036; border-right:0; border-bottom: 0;  }
.page th { color: #fff; text-align: left; font-weight: normal;}



/********************************
 * FOOT
 */
#foot {background: url(/gfx/site/foot_bg.gifn) repeat-x 0 20px; padding:30px 0; clear: both; color: #aaa; font-size: 11px;}
html>body #foot {background: url(/gfx/site/foot_bg.pngn) repeat-x 0 20px;}

/********************************
 * NEWS
 */
#home_news a{ color: #89B5C6; font-weight: normal;  }
div.news {margin-top: 20px; font-size: 11px; border-bottom: 1px solid #1f3036; padding-bottom: 15px; }
div.news p {}
div.data{ font-weight: bold; color: #d90000;}
div.read_more {text-align: right; margin:15px 5px 10px 5px;;}
div.read_all {text-align: center;}

.foot-news-more a{ text-decoration: none; padding: 0px 4px;}
.foot-news-more a:hover { background: #89B5C6; color: #000; text-decoration: none;}


/********************************
 * PRODUKTY
 */
#produkty { list-style: none; }
#produkty h3{ font-size: 15px;}
#produkty img {border: 1px solid #222;} 
#produkty li.main {margin:0px; background:#000 url(/gfx/site/produkty_bg.png) repeat-x 0 0 ;padding:0 0 2px 0 ; border: 1px solid #1f3036; border-top: 1px solid #101415;}
#produkty li.first {border-top:1px solid #1f3036;}
#produkty div { padding-bottom: 20px; font-size: 12px; line-height: 150%;}
a.prodlink:hover {text-decoration: none;}

.subprodukt { margin-left: 200px; margin-top: 5px;}

img.produkt-logo {  ; margin-right: 15px; margin-bottom: 10px;}

/********************************
 * DETAILS
 */
#tabmenu {height:15px; overflow: hidden; list-style: none; clear: both; border-bottom: 1px solid #1f3036}
#tabmenu li { float: left;  }
#tabmenu li a { background: #000 url(/gfx/site/tabmenu_bg.png) 0 0 repeat-x; height: 25px; padding: 2px 10px; text-align: center; border: 1px solid #000; font-family: Verdana; font-size: 14px; text-transform: uppercase; color: #de0000}
#tabmenu li a:hover {text-decoration: none;  color:#89B5C6; }

#tabmenu li.ui-tabs-selected a { background: url(/gfx/site/tabmenu_hover.png) 0 0 repeat-x; color:#89B5C6;; }

.product-photos { text-align: center;}
.product-photos a { text-decoration: none; float: left}
.product-photos a span { position: absolute; font-size: 10px; color: #000; margin: 30px -110px; width: 100px; text-align: center; border-right: 0px solid red; border-left:0px solid green;}
  .product-photos a span.at { color: #fff; margin:55px -75px;}
  .product-photos a span.kasetony-dekory { margin:45px -65px; width: 50px; }
  .product-photos a span.pustaki { margin-top:45px; }
.product-photos img {margin:4px 2px; vertical-align: middle; }
#prevbutton a { float: none;}

/********************************
 * FORM
 */

#form {margin-top: 20px; display: none;}
#form div {margin: 5px;}
#form input,#form textarea{ width: 180px; background: #242424;}
#form textarea {  height: 100px;}
#form label{ float: left; width: 8px; text-align: right; margin-right: 10px;}

/********************************
 * KONTAKT
 */
#kontakt p {padding-left: 40px;}
#kontakt p strong {color: #fff;}

#kontaktform{ margin-top:30px;}
#kontaktform h2 {}
#kontaktform div {padding-left:40px; clear: both; margin: 4px 0; }
#kontaktform label {  display: block; float: left; width: 110px; border-bottom: 1px dotted #4E0303;}
#kontaktform input,#kontaktform textarea {width: 180px;margin:3px 0;}

#kontaktform textarea {height: 80px; width: 400px; }

#kontaktform .submit { background:#323232 ;}
#kontaktform .submit:hover {background:#4E0303;}
/********************************
 * KONTAKT
 */


/********************************
 * OTHERS
 */
.ui-tabs-hide { display: none; }

.noramka{padding:0; margin:0; border:0;}


#debug{text-align: left; margin-top:200px; } 
#debug textarea {font-size: 12px; width:95%; height: 500px;}
.error404{ text-align: center; font-weight: bold; padding:20px;}
  p.error404 {height: 300px;}
.rinfo {color: #BD0909; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}
.clear {clear: both; }
.center{ text-align: center;}