/* 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 { color: #fff; font-size:11px; background: #000 url(/gfx/site/bg_html.png) top center; }
body{ height:100%; text-align: center; background: url(/gfx/site/bg_body.png) repeat-x top center;}

img {margin:0px; border:0; vertical-align: middle;}
input,textarea,select { width:140px; color: #000; font-size: 11px; margin:0 2px; padding:2px 3px; background:#fff url(/gfx/site/input_bg.png) repeat-x 0 0 ; border:1px solid #000;}
input.submit {background: #ff4e00; border:1px solid #000; color: #000; }
input[type="radio"],input.radio,input[type="checkbox"] { background: transparent; width: auto; border:0;}
select{ width: auto;} 
input.radio{ background: transparent; width: auto; border:0;}
button { }
label{}


/********************************
 * MAIN
 */
div.matrix{ margin: 0 auto; width: 990px; text-align: left; clear: both;}
#main {background: url(/gfx/site/bg_main.jpg) no-repeat 0 13px; min-height: 552px; padding-top: 13px;}
#logo {  width: 350px; margin-top:15px; float: left;}
  #logo img { float: right;padding-top:10px; }

/********************************
 * TOP
 */
#top{}
#topmenu {float: right;}
  #topmenu a img {border-bottom: 2px solid #000;}
  #topmenu a:hover img{ border-bottom: 2px solid #004967;}
  
/********************************
 * MAINMENU
 */
#mainmenu{
  float: left;
  height: 35px;
 /* background: url(/gfx/temp_mm.gif) no-repeat 0 0;*/
}

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

#mainmenu ul li a { 
  display: block;
  color: #fff;
  float: left; 
  font-size: 13px;
  font-family: Verdana;
  text-transform: uppercase;
  
}


#mainmenu ul li a:hover{ color: #ff4200;  }
#mainmenu ul li a.active { color: #ff4200; }

/********************************
 * CONTENT & ADDON
 */

#content , #addon { float: right;  margin-top:40px;  }
#content {  width:400px; }
  
#addon {padding:0 10px 20px 15px; width:200px;background: url(/gfx/site/bg_addon.png) 0 8px no-repeat; }

#content-title { }
#content-title h2,#addon-title h2 { font-size: 13px; text-transform: uppercase; font-weight: normal; }
#content-title h2 {margin-left: 85px; }
  html>body #content-title h2 {margin-left: 80px; }
#addon-title h2 { color: #ff4200;  text-align: right; margin-right:10px; }
  html>body #addon-title h2 {margin-right: 20px; }

/********************************
 * PAGE
 */
.page{ background: transparent; color: #fff; padding: 20px;  font-size: 11px; }
.page p {text-align: justify; padding: 5px 0; clear: left;}
.page p strong { font-weight: bold;}
.page ul {padding: 5px 20px; list-style: outside disc ;}
.page ol {padding: 5px 20px; list-style: outside decimal;}
.page li {margin-top: 5px;}
.page a {text-decoration: underline; font-weight: bold;}
  .page a:hover { text-decoration: none; }

.page h1 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; font-family: Verdana; color:#fff; }
.page h2 {margin:5px 0 5px 0; font-weight: normal; font-size: 14px; text-transform: uppercase; font-family: Verdana; color:#fff; }
.page h3 {margin:5px 0 5px 0; font-weight: normal; font-size: 13px; font-family: Verdana; color:#fff;  }
.page img.ramka {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 td { padding: 5px;}


/********************************
 * FOOT
 */
#foot { clear: both; padding-top:40px;}
#createdby{ float: left;}
#copyrights {padding: 20px 30px; float: left; width: 810px; background: url(/gfx/site/bg_foot.png) 0 10px no-repeat; }

/********************************
 * GALERIA
 */
a.gal_back {margin:10px 500px; position: absolute; color: #fff; text-decoration: underline; font-weight: normal; }
a.gal_back:hover { text-decoration: none;}
#galeria{ margin-top: 30px; list-style: none;}
#galeria li {clear: both; overflow: hidden; margin:10px 0; ;}

.gal_link, .gal_tekst, .gal_img {float: left;}

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: #fff; clear: none;}

a.gal_img{margin:0 20px; width: 190px; height: 56px; overflow: hidden; border: 1px solid #000; display: block; }
  a.gal_img:hover {border: 1px solid #fff;}
  a.gal_img img { z-index:99; float: left;}
 
div.gal_title {clear: both; z-index: 102; width: 190px; margin:0px 40px; overflow: hidden;}
html>body div.gal_title {margin: 0 20px;}
div.gal_title span {color: #ff4e00; padding: 6px;  background: #000 ; text-transform: uppercase;}
      
      
      
#galeria_lista { list-style: none; float: left;  margin:20px 0 0 40px; text-align: center;}      
html>body #galeria_lista{ margin-left: 50px;}
  #galeria_lista li {  list-style: none; float: left; } 
  #galeria_lista li a{margin: 10px ; display: block; width: 190px; height: 143px; overflow: hidden; border: 1px solid #000; display: block; background: #000; } 
  #galeria_lista li a:hover{border: 1px solid #fff;}


/********************************
 * POLECANE
 */
#polecane {float: left; clear: left; width: 290px; padding:65px 10px 20px 50px; background: url(/gfx/site/bg_polecamy.jpg) top left no-repeat; min-height:200px; }
#polecane ol,#lista-polecane ol  {  padding-left: 5px; color: #aaa; }
#lista-polecane { margin-left: 40px;}
#polecane li, #lista-polecane li{padding:5px 0; }
#polecane li h4 , #lista-polecane li h4  {font-size: 12px; font-weight: bold; color: #fff; }
#lista-polecane li div a {font-size: 11px; font-weight: normal;}
#polecane li div a:hover, #lista-polecane li h4 a:hover{ text-decoration: underline;}
#polecane li p, #lista-polecane li pre{color: #A2DFF9; font-size: 10px; padding-top: 5px; text-align: justify; font-weight: normal;;}
#lista-polecane li pre {font-size: 11px;}
div.polecane_all{text-align: center; margin-top: 20px;}
div.polecane_all a:hover { text-decoration: underline;}

#lista-polecane label,#lista-polecane li h4 span {color: #ff4e00; font-family: Helvetica; }

/********************************
 * PROMOCJE
 */
#promocje { padding-top: 30px;}

/********************************
 * BANNER
 */

#banner {float: right; clear: right; margin-right: 13px; text-align: right;}
html>body #banner {margin-right: 25px;}

/********************************
 * TWOJE KONTO 
 */
#account { margin-top: 20px; color: #aaa; margin-right: 20px; text-align: right;}
#account div {margin:10px 0;}
#account label { float: left;}
#account strong {color: #eee;}
#account .right { text-align: right;}
#account .center { text-align: center;}
#account .left { text-align: left;}


.options {color: #fff; text-align: center; margin: 20px 0; margin-right: 15px;  }
.options a {color: #ff4e00; margin:0 3px; text-decoration: none;  }
.options a:hover { text-decoration: underline;}
.hi {min-height: 200px;}

/********************************
 * ZAMÓWIENIA 
 */
#orderlist strong{ color: #ff4e00;}
#orderlist em {color: #fff;}
#orderlist a {color:#aaa; font-weight: normal; text-decoration: none; display: block;}
#orderlist a:hover {color: #fff;}
#orderlist li {margin-top: 20px;}

#orderlist li.status99,#orderlist li.status99 strong,#orderlist li.status99 em {color: #666;}

#orderlist li.status1 {color:#aaa;}


img.plist { border: 1px solid #000; padding:1px;}
#photolist td{ padding: 2px;}
table.subtable{ margin: 10px 0; color: #ddd;}
table.subtable tr td { padding: 2px;}
  td.td-foto {width: 90px; text-align: center;}

  input.input-count {width:20px;}

#photolist { width: 100%;}

/********************************
 * FORMULARZE 
 */
#loginform{ margin-top: 30px;}
  #loginform label { width: 30px; float: left; color: #aaa; text-align: right;}
  #loginform div {margin-top: 5px;} 

#order-form {}
#order-send {}
#order-send h4 {margin-bottom: 10px;margin-top: 20px; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #ff4e00;}
#order-send label { display: block; width: 100px; text-align: right; float: left; margin-right: 5px;}

.form-przesylka{ float: right; width: 250px;}
.form-dane {  }

/********************************
 * OTHERS
 */

.subtable {margin-top: 10px; padding-top: 20px; border-top: 1px solid #333;}

#thumbnails2 img { margin: 5px;}

.hidden{ display: none;}
.swaplink {display: block;}
#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; padding-top:100px;}
  p.error404 {}
.rinfo {color: #d90000; font-weight: bold; font-size: 10px;}
.ginfo {color: #009900; font-weight: bold; font-size: 10px;}
.yinfo {color: #343434; font-weight: bold; font-size: 10px;}
.cinfo { text-align: center;}
.clear {clear: both; }