/* 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: #000;  }
a:hover{ text-decoration: none;}


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

img {margin:0px; border:0; vertical-align: middle;}
input,textarea,select {font-size: 11px; margin:0 2px; padding:2px 3px; }

button { }
label{}


/********************************
 * MAIN
 */
div.matrix{ margin: 0 auto; width: 1000px; text-align: left; clear: both;}
#site { background: url(/gfx/site/bg_mid.png) repeat-y 0 0; }
#bg { background: url(/gfx/site/bg_top.jpg) no-repeat 0 0; padding-bottom: 20px;}
#logo {position: absolute; margin: 51px 97px;}
#sublogo {position: absolute; margin: 85px 320px;}
#homeanim { position: absolute; margin: 67px 343px;}

/********************************
 * TOP
 */
#top {padding: 23px 15px 0 35px; height: 22px; }
#title {height: 135px;  } /*570px 30px;*/
.title {background: url(/gfx/site/bg_title.jpg) no-repeat bottom right; }
.title-home{ background: none;}

/********************************
 * MENU
 */
#topmenu { text-align: right;}
#topmenu a { color: #8E98A0; padding:0 15px; border-left:1px solid #8E98A0;}
#topmenu a:hover{ text-decoration: underline; }
#topmenu a.first { border:0;}
#topmenu a.active { color: #333; text-decoration: none; cursor: default;}

#langmenu{ text-align: right; padding: 0 32px; }
#langmenu a {padding: 0 2px;}

#mainmenu {margin: 37px 0 0 93px;}

/********************************
 * LEFT
 */
#container { overflow: hidden;}

#container-left{ width: 325px;  float: left;}


/********************************
 * RIGHT
 */
#container-right{ float: right; width:600px;}
html>body #container-right {float: right; width:670px;}

/********************************
 * CONTENT & ADDON
 */
h2.content-title {height: 60px;   font-weight: normal; font-size: 18px; text-transform: lowercase;; font-family: Verdana; color:#767676; }
h2.content-title span {position: absolute;}




/********************************
 * FOOT
 */
#foot {background: url(/gfx/site/bg_foot.png) repeat-x 0 0; height: 130px;}
#foot-content {margin:0 auto; width: 860px; text-align: left; padding:0px 70px; background: url(/gfx/site/bg_foot-content.png) no-repeat 0 0; height: 84px; }

#newsletter{padding-top:10px; float: right; width: 400px; text-align: right;}
#newsletter input {width: 150px; border:0; height:20px; padding:2px 10px; margin:0 0 0 5px;  background: url(/gfx/site/form_input_nl.png) no-repeat 0 0;}
#newsletter input.submit {width: auto; padding:0 15px; background:url(/gfx/site/a_nl.gif) center right no-repeat; font-size: 12px; color: #0A53AD; font-weight: bold;}
div.nl-tekst {color:#666; text-align: left; padding-left: 230px;}

#copy { padding-top: 35px;}

/********************************
 * NEWS
 */
#news{}
.news-item { margin:20px 0; }
.news-data { font-size: 13px; font-weight: bold; color: #063E80; }


/********************************
 * PRODUKTY
 */
div.product{float: left; margin:6px; width:270px; border:1px solid #D3DBE0; background: #E7EDF1;}
div.product-container{float:left;width:252px; background: #E7EDF1; padding: 8px; border:1px solid #fff;}
div.product-foto{ overflow: hidden; float: left; width: 90px; height: 110px; border: 1px solid #969798; margin-right:8px; background: url(/gfx/site/photo_bg.png) no-repeat center center; }
  div.product-foto img {padding:0; margin:0; border:0;}
div.product-name {float: left;  margin-bottom: 8px; width: 140px; font-weight: bold; color:#000; padding-left: 10px; background: #E7EDF1 url(/gfx/site/dot.png) no-repeat 0 8px; ;}
div.product-desc { float: left; width: 130px; color: #787878; }
div.product-link {padding-right: 10px; height:20px; clear: both; text-align: right; background: url(/gfx/site/a_nl.gif) no-repeat right center;}
div.product-link a {color:#2FA3EB; font-size: 12px;}

img.product-details-photo { float: left;}


/********************************
 * SITEMAP
 */
div.sitemap{margin-left: 40px; font-size: 13px;}
div.sitemap-1{ padding-left: 5px; margin-top:5px;}
div.sitemap-2{  padding-left: 5px; margin-left: 30px; border-left: 1px solid #aaa;}

/********************************
 * KONTAKT FORM
 */
#kontaktform{ }
#kontaktform div {padding-left:40px; clear: both; margin: 4px 0; }
#kontaktform label {  display: block; float: left; width: 110px; border-bottom: 1px dotted #c7c7c7;}
#kontaktform input,#kontaktform textarea { margin:3px 0; border:0;}
#kontaktform input {width: 190px; height:25px; padding:2px 10px;  background: url(/gfx/site/form_input.png) no-repeat 0 0;}
#kontaktform textarea {border:1px solid #c7c7c7; height: 80px; width: 400px; }

#kontaktform .submit { background:#c7c7c7 ; color: #000;}
#kontaktform .submit:hover {background:#063E80; color: #fff;}

#kontaktform input.short { width: 40px; background: url(/gfx/site/form_input_small.png) no-repeat 0 0;}

/********************************
 * SEARCH
 */
#search{margin:28px 93px; width: 210px; height: 25px; background: url(/gfx/site/form-search.png) no-repeat 0 0;}
#search input{ width: 140px;border:0; padding:4px 10px; background: transparent; color: #767676;}
#search input.submit {width: 20px;}


/********************************
 * BANNERS
 */
#banners-title{padding:10px 0 0 10px; margin-left:70px; border-bottom: 1px solid #c7c7c7;}
#banners {padding:0 2px; ;margin:10px 0 0 70px; text-align: center; background: #F8F8F8; border:1px solid #EBEFF2;  }
div.banner {margin:4px 0; clear: both;}
div.banner img, div.banner-flash {background:#fff ; padding: 2px; border: 1px solid #EBEFF2}


/********************************
 * PAGE
 */
.page{ min-height:260px;  margin-right: 50px; color: #333; padding:30px 20px 20px 20px; background: #F8F8F8; border:1px solid #EBEFF2; font-size: 11px; ;  }
.page p {text-align: justify; padding: 5px 0; }
.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:#053D7F}
  .page a:hover { text-decoration: underline; }

.page h1 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#063E80; }
.page h2 {margin:5px 0 5px 0; font-weight: normal; font-size: 18px; text-transform: uppercase; font-family: Verdana; color:#767676; }
.page h3 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#063E80;  }
.page h4 {margin:5px 0 5px 0; vertical-align: middle; font-weight: normal; font-size: 18px; font-family: Verdana; color:#063E80; 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:#fff ; padding: 2px; border: 1px solid #EBEFF2}
.page img.prawa {float:right;}
.page img.lewa {float:left;}
.page img.nb {margin: 0px; padding: 0px; border: 0px solid #1f3036}

.iframe {margin:5px 10px;  padding: 10px; border: 1px solid #c7c7c7; text-align: center;}

.page table{ margin: 5px 0 25px 0; font-size: inherit; }
.page td , .page th{ padding: 2px;  }
.page th { color: #000; text-align: left; font-weight: normal;}




/********************************
 * OTHERS
 */
.hr,.hr-news{ border-bottom:1px solid #c7c7c7;clear: both; font-size: 1px; height:1px; }
.hr-news {height:20px; width: 200px; margin: 0 auto;}

.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 {}
.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;}