/* 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.3;
	font-family: inherit;
  font-size: inherit;
	text-align: inherit;
	vertical-align: baseline;
  background:transparent;
  color: inherit;
  font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
}
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;}



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


/********************************
 * Struktura podstawowowa
 */
html { background: #000; color: #fff; font-size:11px;}
body{ height:100%;  background: url(/gfx/bg_matrix.gif) repeat-y 603px -2px; }

img {margin:0px; border:0; vertical-align: middle;}
input,textarea {font-size: 10px; margin:0 2px; padding:0px 3px; background:#242424; color: #fff; border:1px solid #333;}
input.submit {background: #B40001; border:1px solid #000; }
button { }
label{}


/********************************
 * MAIN
 */
#matrix{
  width: 950px; 

  
  min-height: 760px;
}

#logo{
  position: absolute;
  top: 0 ; left: 0 ;
  margin: 10px 620px;
}

#left,#foot-left{
  width:603px;
  
  float: left;
}

#right,#foot-right{
  margin-top: 80px;
  float: right;
  width: 330px;
  
}

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

#mainmenu ul{ float: right; padding: 25px 20px 0 0;}
#mainmenu ul li {
  float: left;
  background: url(/gfx/mainmenu.gif) no-repeat 0 0;
  height: 24px;
}
#mainmenu ul li.first { background: none; }

#mainmenu ul li a {  
  padding:4px 10px;
  line-height: 24px;
  font-size: 11px;
  font-family: Verdana;
}
#mainmenu ul li a:hover{ color: #DE0000; }
#mainmenu ul li a.active { color: #DE0000; }

/********************************
 * CONTENT
 */
#content{}


#page{ background: #0f0f0f; color: #888; }
#page p {text-align: justify; padding: 5px 0;}
#page ul,#right ul {padding: 5px 20px; list-style: outside disc }
#page ol, #right ol {padding: 5px 20px; list-style: outside decimal}
#page a,#right a {text-decoration: underline; font-weight: bold;}
  #page a:hover, #right a:hover { text-decoration: none; }

#page_tekst {float: right; width: 500px; margin:20px 10px 20px 0;}
#page h2,#right h2 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; text-transform: uppercase; font-family: Verdana; color:#DE0000; background: url(/gfx/arrow.gif) no-repeat 480px 8px; }
#page h1,#right h1 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#DE0000; }
#page img {margin:5px 10px;}
#page img.prawa {float:right;}
#page img.lewa {float:left;}

/********************************
 * PRAWA
 */
#prawa {padding-top: 50px;}
#page h3 , #right h3 {padding: 2px 5px; text-transform: uppercase;  margin-top:10px; background:#B40001; width: 150px; font-family: Verdana; font-size: 10px; font-weight: normal;color: #fff;}
#right p {padding: 5px 0; width: 250px; color: #fff;}

#right label{ clear: left; float: left; width: 60px; font-weight: bold; } 
#right div {margin-top:5px;}

#right a{color: #DE0000; text-decoration: underline; font-weight: bold; }
#right a:hover { text-decoration: none;}
  
/********************************
 * FOOT
 */
#foot {margin-top: 90px;  }
#foot-left{ text-align: right; }
  #foot-firmy{ clear: both; float: right; color: #888; border-bottom: 1px solid #888; width: 250px; margin: 20px;}
#foot-right{ text-align: left;  margin-top:0; }
  #foot-right img { margin-left: 20px;  }
#copyrights { margin-top: 40px;margin-left: 20px; color: #fff;}

/********************************
 * BANNERS
 */
#banners {}
div.banners-item{ float: right; margin: 10px;}
div.banners-item a.tekst {color:#888; font-weight: bold;  }
div.banners-item a.tekst:hover {text-decoration: underline;  }

/********************************
 * POLECANE
 */
#polecane{}
#polecane li {clear: both; overflow: hidden;}
#polecane li.even { background: #000; }
#polecane li.odd { background: #0f0f0f;}
a.pol_link {margin:20px; margin-left: 100px; width: 200px; float: left; color:#DE0000; text-decoration: underline; font-weight: bold;  }
  a.pol_link:hover{ text-decoration: none;}
div.pol_tekst{ color: #888; padding: 20px; padding-left: 0; float: right; width: 200px;  }


/********************************
 * STREFA formularz
 */
#formsend input {width: 200px;}
#formsend input.submit { margin-left: 118px; margin-right: 10px;}
#formsend label {float: left; width: 100px; text-align: right; margin-right: 10px; }
#formsend textarea {width: 200px; height: 80px; font-size: 11px;}

/********************************
 * GALERIA
 */
a.gal_back {margin:10px 430px; position: absolute; color: #DE0000; text-decoration: underline; font-weight: normal; }
a.gal_back:hover { text-decoration: none;}
#galeria{}
#galeria li {clear: both; overflow: hidden;}
#galeria li.even { background: #000; }
#galeria li.odd { background: #0f0f0f;}
.gal_link, .gal_tekst, .gal_img {float: right;}

a.gal_link {display: block; width: 30px; height:100px; background: transparent url(/gfx/arrow.gif) no-repeat 13px 45px;}
  a.gal_link:hover{ background-color: #222;}

p.gal_tekst{padding: 20px; width: 230px; color: #888;}

a.gal_img{margin: 20px; display: block; width: 190px; height: 56px; overflow: hidden; border: 1px solid #fff; display: block; }
  a.gal_img:hover {border: 1px solid #B40001;}
  a.gal_img img { z-index:99; float: left;}
 #galeria li div {left:0; z-index: 102; width: 190px;padding:4px 91px; position: absolute; overflow: hidden;}
 #galeria li div span {height: 30px;   padding: 2px 5px;  background: #B40001; text-transform: uppercase;}
      
      
      
#galeria_lista { list-style: none; float: left;  margin:20px 0 0 40px; text-align: center;}      
html>body #galeria_lista{ margin-left: 70px;}
  #galeria_lista li {  list-style: none; float: left; } 
  #galeria_lista li a{margin: 10px 20px;; display: block; width: 190px; height: 143px; overflow: hidden; border: 1px solid #fff; display: block; background: #000; } 
  #galeria_lista li a:hover{border: 1px solid #B40001;}


/********************************
 * KONTAKT
 */
a.zumi img{border: 1px solid #000;}
a.zumi:hover img{border: 1px solid #B40001;}

/********************************
 * OTHERS
 */
#debug{text-align: left; margin-top:200px;} 
p.error404{text-align: center; font-weight: bold; padding:20px;}
.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; }