html, body
{

  background: #F0F0F3 url(http://cyberlog.cluster014.ovh.net/cl/bckgnd.png);
  /* background-attachment: fixed; */

  margin: 0;
  padding: 0;
	
  font-family: "Verdana", "DejaVu Sans";
  font-size: 13px;
  color: #E3E3E3;
	
  height:100%; 
}

A
{
-webkit-transition: all 0.3s;
}

/* Links */
A:link {text-decoration: none; color: #D6D6D6;}
A:visited {text-decoration: none; color: #D6D6D6;}
A:active {text-decoration: none; color: #D6D6D6;}
A:hover {text-decoration: none; color: #6BA7F9;}

A.red:link
{
 text-decoration: none;
 color: #DE2F12;
}
A.red:hover
{
 text-decoration: none;
 color: #F9BDB3;
}

A.black:link
{
 text-decoration: none;
 color: #000;
}
A.black:visited
{
 text-decoration: none;
 color: #000;
}
A.black:hover
{
 text-decoration: none;
 color: #0F9CFF;
}

A.gold:link
{
 text-decoration: none;
 color: #FFC355;
}
A.gold:visited
{
 text-decoration: none;
 color: #FFC355;
}
A.gold:hover
{
 text-decoration: none;
 color: #FF9A03;
}

A.lightBlue:link
{
 text-decoration: none;
 color: #CBEAFF;
}
A.lightBlue:visited
{
 text-decoration: none;
 color: #CBEAFF;
}
A.lightBlue:hover
{
 text-decoration: none;
 color: #0F9CFF;
}

A.white:link
{
 text-decoration: none;
 color: #D6D6D6;
}
A.white:visited
{
 text-decoration: none;
 color: #D6D6D6;
}
A.white:hover
{
 text-decoration: none;
 color: #FFF;
}

p
{
  margin: 10px 12px 12px 12px; 
}
 
INPUT.all
{
  color: white; 
  border: #7E7E7E 2px solid;
  background-color: #343434;
  height: 19px;
  width: 120px;
  border-radius: 3px;
}

TEXTAREA.all
{
  color: white; 
  border: #7E7E7E 2px solid;
  background-color: #343434;
  border-radius: 3px;
}

INPUT.all:focus
{
  color: white; 
  border: #919191 2px solid;
  height: 19px;
  box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.3); -webkit-box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.7); -moz-box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.7);
}

INPUT.all:hover
{
  color: white; 
  border: #919191 2px solid;
  height: 19px;
}

INPUT.search
{
  color: white; 
  border: #8D8D8D 1px solid;
  background-color: #3C3C3C;
  
  margin-left: 10px;
  width: 170px;
  height: 19px;
  font-size: 16px;
  float: left;
  border-radius: 5px 0px 0px 5px;
  border-right: 1px #232323 solid;
}

INPUT.search:focus
{
  color: white; 
  height: 19px;
  background-color: #444444;
  box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.3); -webkit-box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.7); -moz-box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.7);
}

INPUT.search:hover
{
  color: white; 
  height: 19px;
  background-color: #444444;
}

INPUT.button:hover
{
  color: white; 
  border: #919191 2px solid;
  box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.3); -webkit-box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.7); -moz-box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.7);
}

INPUT.button
{
  color: white; 
  border: #7E7E7E 2px solid;
  background-color: #343434;
  height: 23px;
  width: 70px;
  border-radius: 3px;
} 
INPUT.registerBtn
{
  color: white; 
  border: #7E7E7E 2px solid;
  background-color: #3C3C3C;
  height: 23px;
  width: 100px;
  border-radius: 3px;
}

INPUT.registerBtn:hover
{
  color: white; 
  border: #919191 2px solid;
  box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.3); -webkit-box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.7); -moz-box-shadow: 0px 0px 4px 2px rgba(100, 100, 100, 0.7);
}

INPUT.tbKoszyk
{
  color: white; 
  border: #424344 2px solid;
  background-color: #232323;
  height: 19px;
  width: 35px;
  background-color: #353535;
  border: 2px #2D2D2D solid;
}

TABLE.main
{
  border: 1px #575757 dashed;
  background-color: #464646;
  border-radius: 5px;
}

TABLE.koszykQuick TD
{
  padding: 3px;
}

TABLE.main TD
{
  border-top: 1px #656565 solid; 
  border-bottom: 1px #333333 solid; 
  padding: 3px 10px 3px 10px;
}

table.main tr:hover td
{
  background-color: #525252;
}

table.manualAdd tr:hover td
{
  background-color: #4F4F4F;
} 

table.koszykQuick tr:hover td
{
  background-color: #323434;
} 

DIV.bankAcc
{
  font-weight: bold;
  font-size: 14px;
  color: #FFF;
  background-color: #353535;
  border: 1px #676767 dotted;
  border-radius: 2px;
  width: 300px;
  padding: 3px;
  margin: 5px 0px 5px 0px;
}

DIV.buyerQuestion
{
  font-weight: bold;
  font-size: 13px;
  color: #FFF;
  background-color: #353535;
  border: 1px #676767 dotted;
  border-radius: 2px;
  width: 300px;
  padding: 7px;
  margin: auto;
  margin-bottom: 15px;
}

DIV.buyerQuestion:hover
{
  background-color: #3C3C3C;
}

DIV.orderComment
{
  display: inline-block;
  font-size: 11px;
  color: #F9BDB3;
  width: 163px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  padding: 3px;
}

DIV.orderComment:hover
{
  margin-top: 0px;
  text-overflow: clip;
  overflow: visible;
  white-space: normal;
  vertical-align: top;
  background-color: #515151;
  border: 1px #737373 solid;
  padding: 3px;
  z-index: 99;
}

DIV.ramka
{
  background-color: #373737;
  border-top: 1px #575757 dashed;
  border-bottom: 1px #575757 dashed;
  padding: 3px 10px 3px 10px;
}

DIV.headerGold
{
  padding: 4px 0px 4px 10px;
  border-top: 1px #5D5D5D dashed;
  border-bottom: 1px #5D5D5D dashed;
  background-color: #363636;
  color: #FFC355;
}

DIV.orangeAllegro
{
 background: #fd6211; /* Old browsers */
 background: -moz-linear-gradient(top, #fd6211 0%, #9b470a 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd6211), color-stop(100%,#9b470a)); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(top, #fd6211 0%,#9b470a 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(top, #fd6211 0%,#9b470a 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(top, #fd6211 0%,#9b470a 100%); /* IE10+ */
 background: linear-gradient(to bottom, #fd6211 0%,#9b470a 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6211', endColorstr='#9b470a',GradientType=0 ); /* IE6-9 */
 border: 1px #B64202 solid;
 border-radius: 2px;
 padding: 3px;
 font-size: 12px;
 margin-top: 7px;
 cursor: help;
}

DIV.allegroParamsTitle
{
 display: inline-block;
 width: 300px;
 padding-right: 20px;
}

DIV.allegroParamsValue
{
 display: inline-block;
 vertical-align: top;
 width: 300px;
}

DIV.allegroParamsCountainter
{
 padding: 10px;
}

DIV.redButton
{
  background: #db5555; /* Old browsers */
  background: -moz-linear-gradient(top, #db5555 0%, #aa240e 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db5555), color-stop(100%,#aa240e)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #db5555 0%,#aa240e 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #db5555 0%,#aa240e 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #db5555 0%,#aa240e 100%); /* IE10+ */
  background: linear-gradient(to bottom, #db5555 0%,#aa240e 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db5555', endColorstr='#aa240e',GradientType=0 ); /* IE6-9 */
  
  border-bottom: 4px solid #821D0C;
}

DIV.cartRedButton
{
  border: 1px #D41237 solid;
  border-radius: 2px;
  color: #D4D4D4;
  background-color: #530715;
  padding: 4px;
  font-size: 15px;
  text-align: center;
  width: 170px;
}

DIV.cartRedButton:hover
{
  border: 1px #ED264D solid;
  background-color: #6C0A1C;
}

DIV.cartRedButtonMini
{
  border: 1px #D41237 solid;
  border-radius: 2px;
  color: #D4D4D4;
  background-color: #530715;
  padding: 3px;
  font-size: 12px;
  text-align: center;
  width: 70px;
}

DIV.cartRedButtonMini:hover
{
  border: 1px #ED264D solid;
  background-color: #6C0A1C;
}

DIV.cartBlueButton
{
  border: 1px #0B85F7 solid;
  border-radius: 2px;
  color: #D4D4D4;
  background-color: #03284B;
  padding: 4px;
  font-size: 15px;
  text-align: center;
  width: 120px;
}

DIV.cartBlueButton:hover
{
  border: 1px #54A7F9 solid;
  background-color: #043562;
}

#KOSZYKQUICK
{
 padding: 0px 2px 5px 2px;
 width: 300px;
 position: absolute;
 top: 35px;
 right: 0px;
 display: none;
 z-index: 99;
 position: fixed;
 border: 1px solid #000;
 border-radius: 0px 0px 0px 10px;
 background: url(../images/topBckgnd.png);
 text-shadow: black 1px 1px 0.1em; box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7);
}

#infoButton
{
  width: 170px;
  border: 1px red solid;
  background-color: #2C2C2C;
  border: 1px #5D5D5D solid;
  border-bottom: 3px #5D5D5D solid;
  border-top: 3px #5D5D5D solid;
  border-radius: 5px;
  margin-bottom: 10px;
}

/* ========== SKLEP BUTTON ========== */

#SKLEP
{
  position: absolute;
  top: -27px;
  left: 935px;
  padding-top: 2px;
  width: 60px;
  background-color: #0F9CFF;
  color: #FFF;
  height: 20px;
  border: 5px black solid;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7); font-weight: bold;
}

#SKLEP:hover
{
  background-color: #0079CE;
  color: #FFF;
  /* top: -32px;
  height: 25px; */   
}

#buyButtonActive
{
 width: 102px;
 height: 28px;
 background-color: #446698;
 border: 1px #B1C3DD solid;
 color: #FFF;
 font-size: 11px;
 overflow: hidden;
 border-radius: 2px;
 margin-top: 7px;
}

#buyButtonActive:hover
{
 background-color: #4E76B2;
}

#buyButtonInactive
{
 width: 102px;
 height: 28px;
 background-color: #7C7C7C;
 border: 1px #B8B8B8 solid;
 color: #FFF;
 font-size: 11px;
 overflow: hidden;
 border-radius: 2px;
 margin-top: 7px;
}

#buyButtonInactive:hover
{
 background-color: #8D8D8D;
}

#imageSmallBox
{
 float: left;
 margin-left: 5px;
 width: 76px;
 height: 70px;
 background-color: #FFF;
 border: 2px #FFF solid;
 position: relative;
}

#imageSmallBox:hover
{
  border: 2px #0F9CFF solid;
}

/* ========== SERWIS BUTTON ========== */

#SERWIS
{
  position: absolute;
  top: -27px;
  left: 935px;
  padding-top: 2px;
  width: 60px;
  color: #FFF;
  background-color: #DE2F12;
  height: 20px;
  border: 5px black solid;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7); font-weight: bold;
}

#SERWIS:hover
{
  background-color: #B9270F;
  color: #FFF;
  /* top: -32px;
  height: 25px; */   
}

/* ========== TOP ========== */

#TOP
{
  width: 100%;
  height: 22px; 
  border-bottom: 1px black solid;
  position: fixed;
  z-index: 100;
  padding-top: 6px;
  padding-bottom: 6px; 
  min-width:850px;

  background: url(../images/topBckgnd.png);
  text-shadow: black 1px 1px 0.1em;
  box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7); 
}
  
/* ========== LOGIN ========== */

#LOGIN
{
  float: right;
}

/* ############### KOSZYK ############### */

div.koszyk
{ 
  float: right;
  padding: 2px;
  padding-right: 10px;
} 

div.koszyk:hover
{
  padding: 0px 8px 0px 0px;
  border: 2px solid #3587F7;
  color: white;
}    

/* DELIVERY */

#DELIVERY
{  
  padding: 10px 10px 10px 155px;
  line-height: 1.8;
  min-height: 80px;
  
  background: url(../images/delivery.png);
  background-repeat: no-repeat;
  background-position: 8px 0px;
}

/* ========== REGISTER ========== */

#REGISTER
{
  padding-right: 6px; 
  float: right;
}

/* ========== LOGO ========== */

#LOGO
{
  width: 266px;
  height: 267px;

  position: absolute;
  top: 0px;
  left: 0px; 
  
  background: url(http://cyberlog.cluster014.ovh.net/cl/logo.png);
}

#LOGOSERWIS
{
  width: 266px;
  height: 267px;

  position: absolute;
  top: 0px;
  left: 0px; 
  
  background: url(http://cyberlog.cluster014.ovh.net/cl/logoSerwis.png);
}

/* ========== CONTAINER ========== */

#CONTAINER
{
  width: 1160px;
  padding-top: 20px;
  position: relative; 
}

/* ========== MAIN ========== */

#MAIN
{
  width: 1000px;
  margin-top: 20px;

  border-right: 5px black solid;
  border-bottom: 5px black solid;
  border-left: 5px black solid;

  position: relative; 
  text-shadow: black 1px 1px 0.1em; 
  background: url(../images/topBckgnd.png);
  border-radius: 5px;
  box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7); -moz-box-shadow: 0px 0px 9px 4px rgba(0, 0, 0, 0.7);
}

/* ========== MENU ========== */

#MENU
{
  width: 100%;
  height: 23px;
  
  position: relative; 
  
  background-color: #232323;
  border-bottom: 1px black solid;
  
  text-shadow: 1px 1px black;  
}

/* ========== MENU_CONTAINER ========== */
#MENU_CONTAINER
{
  float: right;
}

/* ========== 1 ========== */
#one
{
  float: left;
  border-left: 1px #454545 solid; 
  padding-left: 6px;
  padding-right: 6px;
}

/* ========== 2 ========== */
#two
{
  float: left;
  border-left: 1px #454545 solid;
  padding-left: 6px;
  padding-right: 6px;
}

/* ========== 3 ========== */
#three
{
  float: left;
  border-left: 1px #454545 solid;
  padding-left: 6px;
  padding-right: 6px;
}

/* ========== 4 ========== */                                    
#for                             
{                                
  float: left;                   
  border-left: 1px #454545 solid;
  padding-left: 6px;             
  padding-right: 6px;            
}                               

/* ========== 5 ========== */                                   
#five                             
{                                
  float: left;                   
  border-left: 1px #454545 solid;
  padding-left: 6px;             
  padding-right: 6px;            
}                                

/* ========== 6 ========== */
#six
{
  float: left;
  border-left: 1px #454545 solid;
  padding-left: 6px;
  padding-right: 6px;
}

.absoluteCenter
{
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#FOOTER 
{
  position: absolute;
  bottom: 0;
  background-color: #232323;
  width: 100%;
  border-top: 1px #000 solid;
  color: #A2A2A2;
  font-size: 10px;
}

#favButton
{
  padding: 2px 5px 2px 5px;
  background-color: #333333;
  border: 1px #5D5D5D solid;
}

#favButton:hover
{
  background-color: #3B3B3B;
  cursor: pointer;
  color: #FFC355;
}

.marquee0
{
  padding: 5px;
  width: 700px;
  color: #000;
  
  text-shadow: white 1px 1px 0.2em; 
}

DIV.ORDERDIV
{
  padding: 3px 5px 3px 5px;
  background-color: #363636;
  border: 1px #505050 solid;
  margin-bottom: 3px;
  width: 920px;
  -webkit-transition: all 0.3s;
  /*height: 22px;*/
}

DIV.ORDERDIV:hover
{
  border: 1px #808080 solid;
  background-color: #3E3E3E;
}

#opinionTab
{
  color: #FFC355;
}

#descriptionTab
{
  color: #FFC355;
}

#allegroTab
{
  color: #FFC355;
}

#opinionTab:hover
{
  color: #FF9A03;
}

#descriptionTab:hover
{
  color: #FF9A03;
}

#allegroTab:hover
{
  color: #FF9A03;
}

SPAN.cross
{
  color: #DE2F12;
  text-decoration: line-through;
}

/* ########## mainLeftButton ########## */

#mainLeftButton
{
  width: 155px;
  height: 40px;
  margin-top: 10px;
  padding: 5px;
  background-color: #363636;
  border: 1px #8D8D8D solid;
  border-left: 6px #8D8D8D solid;
  overflow: hidden;
  border-radius: 5px;
  -webkit-transition: all 0.3s;
}
#mainLeftButton:hover
{
  border-left: 6px #0F9CFF solid;
  background-color: #3D3D3D;
  cursor: pointer;
  margin-left: 5px;
}

.fb-like-box
{
  border: 1px red solid;
  background-color: red;
}
 
/* ########## Wizytowka ########## */

#WIZYTOWKA
{  
  width: 500px;
  
  border: 1px #5D5D5D solid;
  border-top: 3px #5D5D5D solid;
  border-bottom: 3px #5D5D5D solid;
  padding: 10px;
  
  background: url(../images/userBig.png);
  background-repeat: no-repeat;
  background-position: 10px 15px;
  background-color: #2C2C2C;
}

/* ########## lastInfo ########## */

#lastInfo
{  
  width: 310px;
  
  border: 1px #5D5D5D solid;
  border-top: 3px #5D5D5D solid;
  border-bottom: 3px #5D5D5D solid;
  padding: 10px 10px 10px 10px;
  
  background-color: #2C2C2C;
}

/* ########## CONTACT ########## */

#CONTACT
{  
  width: 450px;

  border: 1px #5D5D5D solid;
  border-top: 3px #5D5D5D solid;
  border-bottom: 3px #5D5D5D solid;
  padding: 10px 10px 10px 10px;
  
  background-color: #2C2C2C;
  border-radius: 5px;
}

/* ADDRESS */

#ADDRESS
{  
  padding: 10px 10px 10px 155px;
  
  background: url(../images/address.png);
  background-repeat: no-repeat;
  background-position: 8px 10px;
}

/* ########## PRODUCT ########## */

#PRODUCT
{  
  width: 500px;
  height: 100px;
  border: 1px #515151 solid;
  
  padding: 10px;
  margin-bottom: 5px;
  
  background-color: #2C2C2C;
  border-radius: 3px;
}

#PRODUCT:hover
{  
  border: 1px #A4A4A4 dotted;
  background-color: #333333;
}

#QUICKRIGHTPRODUCT
{
  padding-top: 5px;
  padding-bottom: 7px;
  border-top: 1px #6C6C6C dotted;
}

#QUICKRIGHTPRODUCT:hover
{
  background-color: #3B3B3B;
}

#PAGINATION
{ 
  margin-right: 3px;
  margin-top: 3px;
  width: 20px;
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
  border: 1px #525252 solid;
  background-color: #2C2C2C;
  border-radius: 3px;
}

#PAGINATION:hover
{  
  border: 1px #606060 solid;
  background-color: #333333;
}

#SUBGROUP
{ 
  padding: 2px 3px 2px 3px;
  background-color: #333333;
  margin-bottom: 3px;
  border-bottom: 1px #3E3E3E solid;
  border-top: 1px #3E3E3E solid;
}

#SUBGROUP:hover
{
  border-bottom: 1px #515151 solid;
  border-top: 1px #515151 solid; 
}
/* ############################# REGISTER.PHP ############################# */

#register
{
  width: 480px;
  padding: 5px 5px 17px 5px;
  background-color: #262626;
  border: 1px #000 solid;
  border-top: 3px #000 solid;
  border-bottom: 3px #000 solid;
  
  line-height: 2.2;
}

#registerTextBoxes
{
  width: 360px;
  line-height: 2.2;
}

#registerAlert
{
  width: 310px;
  height: 170px;
  background-color: #1B1B1B;
  border: 1px #575757 solid;
  border-top: 3px #575757 solid;
  border-bottom: 3px #575757 solid;
  /*position: absolute;*/
  /*margin-top: -85px;*/
  /*top: 50%;*/
  /*margin-left: -155px;*/
  /*left: 50%;*/
  margin: auto;
}

#registerError
{
  width: 230px;
  min-height: 70px;
  text-align: left;
  font-size: 11px;
  line-height: 1.2;
  background: url(../images/exclamation.png);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 75px;
  padding-bottom: 3px;
  
  /*
  min-height: 70px;
  padding: 2px;
  background-color: #232323;
  border: 1px #000 solid;
  border-top: 3px #000 solid;
  border-bottom: 3px #000 solid;
  */
  
}
/* #### reCaptcha #### */
#recaptcha_area #recaptcha_response_field
{
  color: white; 
  background-color: #232323;
  height: 19px;
  width: 120px;
}