@import "/themes/base/user_came/_style/style1.css";
@import "/themes/base/user_came/_style/main.css";
@import "/themes/base/user_came/_common/javascript/lytebox.css";

/* -- DEFINICJE OGOLNE --- */

body{
background:#000;
color:#fff;
position:relative;
#overflow-x:hidden;
text-align:left;
font-size:10px;
font-family:arial,tahoma,verdana,sans-serif;
#behavior:url(/themes/base/user_came/_style/csshover.htc);
}
#centered{
position:relative;
width:992px;
margin:0 auto;
}
a{
font-size:10px;
}
img{
border:0;
}

input.button,button.button{
background:#828282;
color:#fff;
border:#a2a2a2 1px solid;
font-weight:bold;
text-align:center;
}

input.button:hover,button.button:hover{
background:#525252;
color:#eee;
border:#828282 1px solid;
cursor:pointer;
#cursor:hand;
}

/* --------- NAGLOWEK --------------- */

#topDiv{
position:relative;
width:992px;
height:95px;
border-bottom:#343434 1px solid;
#margin-bottom:50px;
}
#topLogo{
position:absolute;
bottom:6px;
width:115px;
text-align:center;
left:16px;
}

#topProducer{
/*padding-top:23px;*/
padding-top:42px;
position:absolute;
left:157px;
top:0;
border-left:#343434 1px solid;
padding-left:20px;
}
#topProducer2{
position:absolute;
right:10px;
top:20px;

}


#topMenu{
position:absolute;
bottom:8px;
/*right:140px;*/
right:0;
font:10px/13px arial,tahoma,verdana,sans-serif;
color:#343434;
text-transform:uppercase;
}
#topMenu a{
padding:0 10px;
color:#828282;
text-decoration:none;
}
#topMenu a:hover{
color:#a2a2a2;
/*background:#111;*/
}
#flags{
color:#444;
position:absolute;
left:170px;
bottom:8px;
text-align:right;

}
#flags a, #flags span{
/*
display:block;
margin-top:4px;
*/
display:inline-block;
#zoom:1;
font-size:11px;
color:#9e9e9e;
margin:0 3px;
}

#flags a:hover, #flags span{
color:#828282;
text-decoration:none;
}

/*
#flags img{
filter:alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}
#flags img:hover{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#flags span{
display:block;
margin-top:4px;
}
#flags span a img{
margin-left:5px;
}
*/
#prodName{
position:absolute;
right:0;
top:96px;
}

/* ------------ CZEŚĆ SRODKOWA ------------- */

#content{
margin-top:50px;
width:992px;
height:100%;
min-height:100px;
overflow:hidden;
background:url(/themes/base/user_came/img/content_bg.png) repeat-y 157px top;
border-bottom:#343434 1px solid
}
#contLeft{
width:157px;
}
#contRight{
width:788px;
float:right;
text-align:left;
position:relative;
}

/* ---------- MENU Z LEWEJ -------------- */
#menuLeft{
width:157px;
text-align:left;
float:left;
height:100%;
padding-bottom:30px;
}
#menuLeft h3{
/*font-family:arial,terminal,courier,sans-serif;*/
font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, Swiss, SunSans-Regular,sans-serif;
font-size:9px;
line-height:15px;
color:#fff;
text-transform:uppercase;
font-weight:normal;
background:#3a3a3a;
padding-right:6px;
text-align:right;
margin:0;
letter-spacing: -0.11em;
}

#menuLeft ul{
width:157px;
text-indent:0;
list-style-type:none;
text-align:right;
font-family:arial,terminal,courier,sans-serif;
font-size:9px;
color:#828282;
text-transform:uppercase;
padding:0;
margin:0;
overflow:hidden;
}
#menuLeft h3.toggler{
margin-top:10px;
padding-right:16px;
background-image:url(/themes/base/user_came/img/download1.png);
background-repeat:no-repeat;
background-position:98% top;
}
#menuLeft h3.yellow{
background-image:url(/themes/base/user_came/img/download2.png);
background-repeat:no-repeat;
background-position:98% top;
}
#menuLeft h3.main{
background-color:#5a5a5a;
}
#menuLeft h3#farby{
background-color:#36a8dc;
}
#menuLeft ul li{
line-height:15px;
padding-right:6px;
}
#menuLeft ul li.new-product a{
color:#efefef;
}

#menuLeft ul li:hover{
background:#111;
}
#menuLeft ul li.new-product:hover a{
}
#menuLeft a{
color:#a2a2a2;
text-decoration:none;
}
#menuLeft a:hover{
/*color:#a2a2a2;*/
color:#fff;
text-decoration:none;
}
#menuLeft h3 a{
color:#fff;
text-decoration:none;

/*background:url(/themes/base/user_came/img/download.png) no-repeat right 10%;*/
}
#menuLeft h3 a#getCatalog{
/*color:#fff;
text-decoration:none;
padding-right:12px;*/
padding-right:12px;
background:url(/themes/base/user_came/img/download.png) no-repeat right 10%;
}
#menuLeft h3 a:hover{
color:#d2d2d2;
text-decoration:none;
background-position:right bottom;
}
#menuLeft h3.additionalLinks{
margin-top:10px;
}

/* PAVAN */

#menuLeft h3.pavans {
background-color:#f60;
color:#000;
}
#menuLeft ul.pavans li a{
color:#f60;
}

/* w koszyku */

#inBasket{
margin:40px auto 20px auto;width:100px;

}
#inBasket a{
font-size:11px;
font-weight:bold;color:#ddd;
}

/* prawa kolumna */
#moveLeft{
position:relative;
left:-1px;
#width:789px;
background:#000;
padding-bottom:10px;
}
#moveRight{
position:relative;
left:10px;
width:769px;
padding-bottom:10px;
}

/* -------- INFORMACJA O PRODUKCIE -----------*/

#infoPhoto{
margin:0;
}
#mainPhoto{
margin-bottom:25px;
z-index:1000;

}
#infoDescr{
color:#828282;
padding-left:15px;
padding-bottom:20px;
width:579px;
padding-right:195px;
#height:auto;
_height:150px;
min-height:150px;
position:relative;
/*z-index:2;*/
}

/* ----------- DODATKOWE ZDJECIA PRODUKTU ----------------- */

#infoGallery{
margin:0 0 5px 0;
padding:0;
position:relative;
height:75px;
width:789px;
text-indent:0;
}

#infoGallery div.gallImage{
text-indent:0;
margin:0;
padding:0;
width:75px;
height:75px;
float:left;
margin-left:4px;
position:relative;
}
#infoGallery div.gallImage2{
text-indent:0;
text-align:center;
margin:0;
padding:0;
width:75px;
height:95px;
float:left;
margin-left:4px;
position:relative;
font-size:9px;
color:#ddd;
}
#infoGallery div.gallImage3{
text-indent:0;
text-align:center;
margin:0;
padding:0;
width:250px;
height:140px;
float:left;
margin-left:5px;
position:relative;
font-size:9px;
color:#ddd;
}
#infoGallery div.gallImage4{
text-indent:0;
text-align:center;
margin:0;
padding:0;
width:100px;
height:120px;
float:left;
margin-left:5px;
position:relative;
font-size:9px;
color:#ddd;
}
div.gallBig{
text-align:center;
padding:5px;
width:250px;
height:270px;
background:#222;
border:#afafaf 1px solid;
position:absolute;
visibility:hidden;
z-index:13;
}

div.gallImage:hover div.gallBig{
/*position:relative;
position:absolute;*/
visibility:visible;
bottom:28px;
left:-195px;
z-index:10;
}
div.gallImage4:hover div.gallBig,div.gallImage:hover div.ieBottom{
visibility:visible;
top:40px;
#top:auto;
#bottom:28px;
left:-195px;
z-index:10;

}

div.firstImg{
margin-left:0 !important;
}
div.m5px{
margin-left:5px !important;
}

/* ---------- KOSZYK --------------------- */

#infoBask{
position:absolute;
right:0;
bottom:0;
width:187px;
border-left:#343434 1px solid;
height:132px;
font-family:arial,terminal,courier,sans-serif;
font-size:9px;
text-align:left;
}
#infoBask h3{
font-family:arial,terminal,courier,sans-serif;
font-size:9px;
line-height:15px;
color:#fff;
text-transform:uppercase;
font-weight:normal;
background:#3a3a3a;
padding:0;
padding-left:6px;
margin:0;
}

#attrib{
display:block;
padding:0;
width:170px;
padding-left:15px;
padding-top:10px;
margin:0;
#overflow-x:hidden;
}
#attrib p{
margin:0;
}
#attrib label{
display:block;
}
#attrib select{
display:block;
font-size:10px;
position:relative;
margin:2px 0;
border:#828282 1px solid;
width:173px;
#width:auto;
}
#attrib span{
display:block;
margin-bottom:7px;
color:#3a3a3a;
}
#add2Bask{
border:none;
background:#000 url(/themes/base/user_came/img/bask_arrow.png) no-repeat right 60%;
color:#828282;
padding-right:11px;
#padding:0;
font-size:10px;
font-weight:normal;
margin-right:2px;
float:right;
}
#add2Bask:hover{
border:none;
background:#111 url(/themes/base/user_came/img/bask_arrow.png) no-repeat 98% 60%;
color:#a2a2a2;
cursor:pointer;
#cursor:hand;
}
span#add2Bask{
display:block;
padding-right:14px;
}
div.ask4Price{
margin-top:15px;
text-align:center;
}

/*------------ FILM - ETAPY NAKLADANIA --------*/
#container{
position:relative;
top:0;
left:0;
}
/*
a#movieLink{
position:absolute;
left:160px;
top:-16px;
#top:-15px;
font-family:arial,terminal,courier,sans-serif;
font-size:9px;
line-height:15px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-weight:normal;
background:#3a3a3a url(/themes/base/user_came/img/flash.png) no-repeat 5px 2px;
padding-left:25px;
margin:0;
}
a#movieLink span{
padding-right:25px;
line-height:15px;
background:url(/themes/base/user_came/img/video.png) no-repeat 98% top;
}*/
a#movieLink{
position:absolute;
right:0px;
top:10px;
font-family:arial,terminal,courier,sans-serif;
font-size:9px;
line-height:15px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
background:#3a3a3a url(/themes/base/user_came/img/flash.png) no-repeat 5px 9px;
padding:8px 5px 8px 25px;
margin:0;
}
a#movieLink span{
padding-right:25px;
line-height:15px;
background:url(/themes/base/user_came/img/video.png) no-repeat 98% top;
}

a#movieLink:hover{
color:#ddd;
text-decoration:none;
background-color:#313131;
}
#movieCont{
display:none;
/*width:100%;
position:absolute;
height:100%;
top:0;
left:0;
z-index:20;
position:fixed;*/
position: absolute; 
top: 0; 
left: 0; 
z-index: 99998; 
width: 100%; 
height: 500px;

}
#movieCont img{
width:100%;
height:100%;
background:#000;
filter:alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
}
#movieCont div{
width:360px;
position:absolute;
height:320px;
top:50%;
left:50%;
margin-left:-180px;
margin-top:-160px;
border:#828282 1px solid;
background:#000;
padding:5px 5px 20px 5px;
z-index:20;
}
#movieCont div a{
position:absolute;
right:5px;
bottom:5px;
color:#fff;
text-transform:uppercase;
text-decoration:none;
font-weight:normal;
z-index:100000;
}
#jacp{
position:absolute;
top:50%;
left:50%;
margin-left:-175px;
margin-top:-155px;
}
#movieCont div a:hover{
color:#ddd;
text-decoration:none;
}
#movieCont object{
#display:none;
}
#movieObject{
z-index: 99999;
width:360px;
height:300px;
display:block;
#display:none;

margin:0 auto;
#margin:0;
}
/* --------------- ETAPY NAKLADANIA ---------------- */
#steps{
border-top:#343434 1px solid;
position:relative;
}
#steps h3{
position:absolute;
left:0;
top:-16px;
#top:-15px;
width:140px;
font-family:arial,terminal,courier,sans-serif;
font-size:9px;
line-height:15px;
color:#fff;
text-transform:uppercase;
font-weight:normal;
background:#3a3a3a;
padding:0;
padding-right:6px;
text-align:right;
margin:0;
}
#steps p{
margin:0;
color:#a2a2a2;
padding-left:15px;
margin-top:8px;
}
#stepsImages{
margin:5px 0;
position:relative;
width:789px;
}
#stepsImages span{
margin-left:5px;
}
#stepsImages span strong{
color:#828282;
font-weight:normal;
margin-right:4px;
}
.stepBig{
padding:5px;
width:200px;
height:100%;
position:absolute;
visibility:hidden;
z-index:3;
bottom:270px;
left:-170px;
}
.stepBig div{
background:#222;
border:#fafafa 1px solid;
position:absolute;
right:5px;
bottom:5px;
width:100%;
height:auto;
/*#height:100%;*/
z-index:5;
}
.stepBig img{
/*height:154px;*/
}
.stepImage img{
/*height:70px;
width:auto;
#width:70px;*/
}
span.stepImage{
float:left;
width:93px;
height:90px;
_overflow:hidden;
}
span.stepImage:hover div.stepBig{
position:relative;
/*#position:absolute;*/
visibility:visible;
bottom:170px;
#bottom:165px;
left:-120px;
}
span.stepImage:hover{
background:#111;
}
div.stepBig iframe.baskIEShit{
display:none;
#display:block;
position:absolute;
right:5px;
bottom:5px;
width:100%;
/*height:100%;*/
/*height:auto;*/
z-index:3;

}

div.stepBig div{
padding:5px;
#min-height:150px;
_height:150px;

}

/* ------------ STRONA GLOWNA ---------------*/

#mainPage{
/*border-left:#343434 1px solid;
margin-left:50px;
padding-left:10px;*/
color:#828282;
text-align:justify;
/*padding-right:430px;*/
position:relative;
top:10px;
#top:0;
padding-bottom:400px;
margin-bottom:0;
}
#mainPage img{
position:absolute;
bottom:2px;
right:0;
#bottom:2px;
}
#mainPage1{
/*border-left:#343434 1px solid;*/
/*margin-left:50px;*/
padding-left:10px;
color:#fff;
text-align:justify;
/*padding-right:430px;*/
position:relative;
top:10px;
#top:0;
padding-bottom:10px;
/*padding-bottom:338px;*/
margin-bottom:0;
}
#mainPage1 h3{

}
/* ----------------- ARANZACJE ------------------- */

#arrange{
text-align:center;
}

#arrange img{
border:#343434 2px solid;
margin:5px 0 5px auto;
}
#arrange img.arrangeHead{
display:block;
border:none;
}
#arrange a:hover img{
border:#999 2px solid;
}

/* ------------- DYSTRYBUTORZY I WYKONAWCY ---------- */
#dystrAndWykon{
overflow:hidden;
}
#dystrAndWykon table{
margin:0;
padding:0;
}
#dystrAndWykon table th{
border-bottom:#343434 1px solid;
height:40px;
margin:0;
padding:0;
}

#dystrAndWykon table td{
border-bottom:#111 1px solid;
padding:4px 2px;
margin:0;
vertical-align:top;
}
#dystrAndWykon table tr:hover td{
background:#111;
border-bottom:#333 1px solid;
}

#dystr{
margin-left:10px;
width:330px;
#width:320px;
float:left;
}
#dystr table{
width:330px;
#width:320px;
}
th#dysName,td.dysName{
width:70px;
#width:60px;
}

#wykon{
border-left:#343434 1px solid;
padding-left:5px;
#padding-left:25px;
width:420px;
#width:400px;
float:right;
}
#wykon table{
width:420px;
#width:400px;
}
/* ------------ OFERTY CENOWE --------------*/


#priceTable{
margin:0;
padding:0;
}
#priceTable table{
width:600px;
margin:0 auto;
}
#priceTable th{
border-bottom:#343434 1px solid;
margin:0;
height:20px;
text-align:center;
padding:0;
padding-left:20px;
}

#priceTable td{
border-bottom:#111 1px solid;
padding:4px 2px;
padding-left:20px;
margin:0;
text-align:right;
vertical-align:top;
}
#priceTable td.pt1{
text-align:left;
}
#priceTable tr:hover td{
background:#111;
border-bottom:#333 1px solid;
}



/* --------------- KONTAKT ---------------- */
#contact p{
line-height:15px;
margin:0;
margin-left:10px;
margin-bottom:3px;
}
#contact p a{
color:#ccc;
font-size:11px;
font-family:arial,tahoma,verdana,sans-serif;
}
#contact p a:hover{
color:#fff;
}
h5{
color:#a2a2a2;
font-size:12px;
font-family:arial,tahoma,verdana,sans-serif;
margin:10px 0;
padding:0;
padding-top:10px;
border-top:#343434 1px solid;
}

/*------------ STOPKA --------------*/

/* stopka pw */
.projekt, .projekt a {color:#828282;	text-decoration: none;text-transform:lowercase !important;font-size:10px;font-weight:normal;}
.projekt a span {color:#828282;	font:bold 11px/12px arial,tahoma,verdana,sans-serif;}
span.fPr {font-family:arial !important;	letter-spacing:-0.01em;}
span.fDot, a span.fDot {margin:0 -0.07em 0 -0.13em; z-index:10; font-size: 13px; font-weight: bold;}
span.fWw {letter-spacing:-0.01em;}
.projekt a:hover span.fPr, .projekt a:hover span.fDot{color:#ff4c00;	text-decoration: none;}
.projekt a:hover span.fPl{color:#3f6267; text-decoration: none;}
.projekt a:hover span.fWw{color:#c4d4d6; text-decoration: none;}

/*stopka */
#foot{
clear:both;
position:relative;
height:30px;
}
#botCpy{
position:absolute;
top:10px;
left:10px;
}
#botCpy a{
margin-right:10px;
text-decoration:none;
font:10px/13px arial,tahoma,verdana,sans-serif;
color:#828282;

}
#botCpy a img{
vertical-align:middle;
}
#botCpy a:hover{
color:#a2a2a2;
}
#botMenu{
position:absolute;
top:8px;
right:0;
font:10px/13px arial,tahoma,verdana,sans-serif;
color:#343434;
text-transform:uppercase;
}
#botMenu a{
padding:0 10px;
color:#828282;
text-decoration:none;
text-transform:uppercase;
}
#botMenu a:hover{
color:#a2a2a2;
/*background:#111;*/
}

/* ----- klienci kupili również ---- */
h3.boughtAlsoHeader{
color:#fed008;
}
h3.boughtAlsoHeader strong{
color:#fff;
}
div.boughtAlso{
height:100%;
width:780px;
overflow:hidden;
}
div.boughtAlso a{
display:block;
border:#fed008 1px solid;
background:#111;
float:left;
width:160px;
height:30px;
line-height:30px;
padding:5px;
margin:0 4px;
color:#fff;
text-align:center;
text-decoration:none;
}
div.boughtAlso a strong{
color:#fed008;
font-size:12px;
}
div.boughtAlso a:hover{
background:#222;
text-decoration:none;
}
/* certyfikaty */
#certificates{
text-align:center;
margin:5px 0;
}
#certificates a{
margin:0 4px;
}
#certificates a img{
border:#222 1px solid;
}
#certificates a:hover img{
border:#555 1px solid;
}
#menuLeft h3.yellow{background-color:#fed008;color:#000;}
#menuLeft ul.yellow li a{color:#fed008;}
#menuLeft ul.shrtn li a{ letter-spacing:-0.075em; }
/* produkty w kategoriach*/
.recRow{
border-bottom:#343434 1px solid;
padding:5px 150px 5px 5px;
position:relative;
min-height:128px;
text-align:left;
#width:630px;
}
.recRow p{
margin:0;
line-height:13px;
}
.recRow h4{
font-size:13px;
line-height:16px;
margin:5px 0 3px 0;
}
.recImg{
width:128px;
/*height:128px;*/
float:left;
margin-right:8px;
text-align:center;
}
div.recBask{
position:absolute;
right:0;
bottom:0;
padding-bottom:5px;
width:187px;
border-left:#343434 1px solid;
height:82px;
font-family:arial,terminal,courier,sans-serif;
font-size:9px;
text-align:left;
}
div.recBask h3{
font-family:arial,terminal,courier,sans-serif;
font-size:9px;
line-height:15px;
color:#fff;
text-transform:uppercase;
font-weight:normal;
background:#3a3a3a;
padding:0;
padding-left:6px;
margin:0;
}
div.recBask p{
font-size:12px;
margin:4px 3px;
}
div.recBask p strong{
font-weight:bold;
}
input.add2Bask{
border:none;
background:#000 url(/themes/base/user_came/img/bask_arrow.png) no-repeat right 60%;
color:#828282;
padding-right:11px;
padding-right:11px\0/;
#padding:0;
font-size:10px;
font-weight:normal;
margin-right:2px;
float:right;
}
input.add2Bask:hover{
border:none;
background:#111 url(/themes/base/user_came/img/bask_arrow.png) no-repeat 98% 60%;
color:#a2a2a2;
cursor:pointer;
#cursor:hand;
}
span.add2Bask{
display:block;
padding-right:14px;
}

#zapytaj p{
overflow:hidden;
height:100%;
margin:25px 0;
width:440px;
}
#zapytaj p label{
width:120px;
text-align:right;
padding-right:5px;
line-height:20px;
float:left;
}
#imie,#mail,#temat,#telefon,#firma{
width:220px;
font-size:12px;
padding:3px 8px;
}
#adres1{
width:220px;
height:30px;
font-size:12px;
padding:3px 8px;
overflow:auto;
}
p#opis{
width:305px;
float:right;
margin-top:0;
}
#zapytaj p#opis label {
/*width:60px;*/
width:147px;
}
strong.rqrd{
color:#fed008;
}
#tresc{
/*width:220px;
height:150px;
font-size:12px;
padding:3px 8px;
overflow:auto;*/
font-size:12px;
height:198px;
overflow:auto;
padding:3px 8px;
width:279px;
}
#subm{
background:#343434;
border:0;
color:#fff;
font-weight:bold;
font-size:12px;
padding:3px 8px;
}

#sentQuery{
padding:20px 0;
text-align:center;
font-size:14px;
line-height:20px;
}
h3.head{
padding-left:10px;
}
#topMenu a.zapytaj{
color:#fed008;
}
#mainPhoto{

}
/* wzornik*/

#wzornikCont{
position:relative;
padding-top:250px;
height:77px;
}
#wzornikOverlay{
background:#000;
z-index:1000;
position:absolute;
left:0;
top:0;
width:100%;
}
#wzornikThumbnails{
position:relative;
height:77px;
width:100%;
margin-top:5px;
display:block;
overflow:hidden;
}
#wzornikThumbScroll{
position:absolute;
left:0;
white-space: nowrap;
display: block;
}
.wzornThumb{
width:75px;
height:75px;
display:inline-block;
margin:0 2px;
cursor:pointer;
border:transparent 1px solid;
}
.wzornThumb:active{
opacity:0.8;
-moz-opacity:0.8;
-o-opacity:0.8;
filter:alpha(opacity=80);
}
.wzornThumb:hover,.wzornThumb.selected{
border-color:#fed008;
}
#wzornikTitle{
position: absolute;
bottom: 77px;
display: block;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #FED008;
}
/* galeria */

#galleryCont{
position:relative;
}
#galleryOverlay{
background:#000;
z-index:1000;
position:absolute;
left:0;
top:0;
}

#moveArLeft,#moveArRight{
display:block;
width:394px;
height:592px;
position:absolute;
top:0;
cursor:pointer;
z-index:2000;
background:none;
filter:alpha(opacity=0);
opacity:0;
-moz-opacity:0;

}
#moveArLeft{
left:0;
/*background:url(/themes/base/user_came_tmp/_common/javascript/images/prevlabel_grey.png) no-repeat left 100px;*/
background:url(/themes/base/user_came_tmp/img/gallery_left.png) no-repeat 5% 50%;
}
#moveArRight{
/*background:url(/themes/base/user_came_tmp/_common/javascript/images/nextlabel_grey.png) no-repeat right 100px;*/
background:url(/themes/base/user_came_tmp/img/gallery_right.png) no-repeat 95% 50%;
right:0;
}
#moveArRight:hover,#moveArLeft:hover{
filter:alpha(opacity=60);
opacity:0.6;
-moz-opacity:0.6;
background-color:rgba(0,0,0,0.1);
}
#moveArRight:active,#moveArLeft:active{
background-color:rgba(0,0,0,0.2);
}
#attachPhotos1,#attachPhotos2{
overflow:hidden;

}
#attachPhotos1 strong,#attachPhotos2 strong{
width:120px;
text-align:right;
padding-right:5px;
line-height:20px;
float:left;
}
#attachPhotos1 p,#attachPhotos2 p{
float:left;
width:300px;
margin:0 0 5px 0;
}
#attachPhotos1 p input,#attachPhotos2 p input{
display:block;
margin-bottom:5px;
}
#attachPhotos1 span,#attachPhotos2 span{
clear:left;
padding-left:154px;
height:20px;
margin-bottom:25px;
line-height:20px;
display:block;
cursor:pointer;
color:#fed008;
background:url(../_img/dodaj_kolejne.png) no-repeat 127px -1px;
}
#attachPhotos1 span:hover,#attachPhotos2 span:hover{
color:#cbcbcb;
background-position:127px -22px;
}
#mapa-div{
width:769px;
height:500px;
}
#mapa-div div{
color:#333;
}
#mapa-div a.directions{
color:#333;
text-decoration:underline;
font-weight:bold;
}
#mapa-div a.directions:hover{
text-decoration:none;
}

/* etap posredni wizualizatora */

#paintForm{

}
#paintForm table{
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
}
#paintForm h4{
color:#fff;
font-size:11px;
text-align:center;
line-height:32px;
margin:0;
}
#paintForm table th,#paintForm table td{
text-align:center;
}
#paintForm table th{
background:#212121;
border:#000 4px solid;
height:28px;
}
#paintForm table th.bd{
border-bottom-color:#212121;
}
#paintForm table th.br{
border-right-color:#212121;
}
#paintForm table td{
background:#1a1a1a;
border:#000 4px solid;
}
#paintForm table tr:hover td{
background:#343434;
}
#paintForm table tr.last td{
height:40px;
background:#000;
vertical-align:middle;
}
#paintForm table td,#paintForm table th{
padding:4px 0;
}
#paintForm table td.colorTD{
padding:0;
width:32px;
}
#paintForm table td.priceTD,#paintForm table td#totalTD{
/*padding:0 15px 0 30px;*/
font-weight:bold;
}
input.quantity{
width:40px;
}
td.priceTD input{
border:none;
background:none;
text-align:center;
color:#fff;
font-weight:bold;
display:inline;
}
span.color{
display:inline-block;
width:32px;
height:32px;
#zoom:1;
}
input#paintWyslij{
background:#212121;
padding:4px 7px;
text-decoration:underline;
border:none;
}
/* info z farbami*/
#paintCont{
position:relative;
}
#paintCont img#paintCan{
position:absolute;
left:10px;
bottom:10px;
z-index:501;
}
#paintCont div#infoDescr1{
position:absolute;
left:0;
bottom:0;
width:100%;
}
#paintCont div#infoDescr1 div#descr{
position:relative;
color:#fff;
z-index:501;
padding-left:280px;
width:500px;
}
#paintCont div#infoDescr1 span.shadow{
display:block;
position:absolute;
width:100%;
height:100%;
left:0;
background:#000;
opacity:0.8;
#filter:alpha(opacity=80);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity:0.8;
z-index:500;
}

#productName{
margin:0;
line-height:30px;
font-size:13px;
text-transform:uppercase;
}

#infoBaskPaint{
width:100%;
margin:6px auto;
border-collapse:collapse;
border:0;
}
#infoBasketForm #infoBaskPaint{
width:781px;
}
#infoBaskPaint th{
text-align:center;
background:#212121;
height:32px;
border-right:#000 4px solid;
}
#infoBaskPaint td{
vertical-align:middle;
text-align:center;
background:#1a1a1a;
border-right:#000 4px solid;
}
#infoBaskPaint th.last,#infoBaskPaint td.last{
border-right:none;
}
#package{
text-align:left;
padding:5px 10px;
border:none;
}
#package p{
margin:0 0 4px 0;
height:16px;
}
#package p#header{
color:#898989;
padding-left:50px;
font-size:10px;
text-align:center;
}
#package p input{
vertical-align:middle;
background:none;
border:none;
}
#package p label span{
display:inline-block;
#zoom:1;
vertical-align:middle;
text-align:right;
width:45px;
margin-left:4px;
padding-right:5px;
background:#3a3a3a;
font-weight:bold;
line-height:16px;
height:16px;
}
#package p label span.price{
text-align:center;
width:360px;
}
#kolorTD{
padding:16px 20px 6px 20px;
width:90px;
}
#kolorTD span{
display:inline-block;
#zoom:1;
width:68px;
height:68px;
background:#fff;
}
#kolorTD input{
border:none;
background:none;
line-height:20px;
color:#fff;
text-align:center;
width:90px;
font-size:11px;
}
#infoBaskPaint td.last input{
background:none;
border:none;
}
#infoBaskPaint td.last input[disabled]{
cursor:not-allowed;
}


#selCol{
width:90%;
overflow-y:auto;
left:5%;
top:5%;
height:90%;
border:#343434 2px solid;
position:fixed;
z-index:1000;
background:#000;
}
#selCol h3{
}
#selCol span{
border:#000 2px solid;
width:64px;
height:64px;
display:inline-block;
cursor:pointer;
}
#selCol span:hover,#selCol span.selected{
border-color:#fff;
}
#selLayer{
position:fixed;
z-index:999;
background:#000;
width:100%;
height:100%;
left:0;
top:0;
display:none;
}
#zoom{
width:22px;
height:22px;
border:#ccc 1px solid;
position:fixed;
background:#fff url(../img/show.gif) no-repeat 50% 50%;
z-index:1001;
left:-100px;
top:-100px;
cursor:url(../img/show.gif),auto;
}
#zoom:hover{
background-color:#eee;
border-color:#aaa;
}
#zoomed{
position:fixed;
width:90%;
height:90%;
left:5%;
top:5%;
border:#ccc 2px solid;
z-index:1002;
display:none;
cursor:pointer;
}
#przyciski{
width:100%;
overflow:hidden;
margin-top:8px;
}
#przyciski span{
cursor:pointer;
width:258px;
height:52px;
text-align:center;
display:inline-block;
font-weight:bold;
line-height:52px;
font-size:13px;
color:#fff;
margin:2px;
background:#1a1a1a;
}
#przyciski span:hover{
background:#2a2a2a;
}
#przyciski span.disabled{
cursor:default;
color:#bbb;
}
#przyciski span.disabled:hover{
background:#1a1a1a;
}
#zakladki > div{
display:none;
}
#prodCol{
width:48%;
overflow-y:auto;
left:25%;
top:25%;
padding:1%;
height:48%;
border:#343434 2px solid;
position:fixed;
z-index:1000;
background:#000;
}
.simple-overlay{
background:#000;
border:#343434 2px solid;
padding:15px 15px 35px 15px;
z-index:10000;  
min-width:500px;
overflow:hidden;
}
#zakl4,#zakl0{
padding-bottom:15px;
}
#preloadImages{
position:absolute;
left:-5000px;
top:0;
height:1px;
}
#prodCol h3,.simple-overlay h3{
text-transform: uppercase;
font-family: arial,helvetica,tahoma,verdana,droid sans,sans-serif;
font-size: 30px;
line-height: 40px;
margin: 0 0 20px 0;
border-bottom: #353535 1px solid;
padding:10px 0;
}
#skladnikiSystemu{
font-family: arial,helvetica,tahoma,verdana,droid sans,sans-serif;
padding-bottom:30px;
padding-right:30px;
overflow:hidden;
}
#skladnikiSystemu ul{
background:#1a1a1a;
width:280px;
display:inline-block;
#display:inline;
#zoom:1;
vertical-align:top;
list-style-type:none;
font-size:12px;
margin:0;
padding:10px;
}
#skladnikiSystemu li,#skladnikiSystemu li a{
font-family: arial,helvetica,tahoma,verdana,droid sans,sans-serif;
font-size:12px;
line-height:20px;
color:#fff;
margin:0;
padding:0;
}
#skladnikiSystemu .header{
background:#212121;
}
img.puszka{
vertical-align:top;
margin-left:40px;
margin-right:20px;
float:left;
}
#cenaZaM2 table{
border-collapse:collapse;
margin:10px;
padding:0;
}
#cenaZaM2 th{
background:#212121;
padding:6px;
}
#cenaZaM2 td{
background:#1a1a1a;
padding:6px;
}
#package-system{
text-align:left;
padding:5px 10px;
border:none;
}
#package-system p{
margin:0 0 4px 0;
height:16px;
}

#package-system p input{
vertical-align:middle;
background:none;
border:none;
}
#package-system p label span{
display:inline-block;
#zoom:1;
vertical-align:middle;
text-align:right;
width:380px;
margin-left:4px;
padding-right:5px;
background:#3a3a3a;
font-weight:bold;
line-height:16px;
height:16px;
}
#package-system p label span.price{
text-align:center;
width:100px;
}
#contact2{

}
#contact2 .contact{
margin:5px 0 25px 0 ;
}
#contact2 .contact p{
color:#fff;
overflow:hidden;
font-size:11px;
margin:0;
line-height:17px;
}
#contact2 .contact p strong, #contact2 .contact p a{
color:#fff;
font-size:11px;
text-decoration:none;
}
#contact2 .contact p a:hover{
text-decoration:underline;
}
#contact2 .contact p span{
width:140px;
margin-right:5px;
text-align:right;
color:#888;
font-size:11px;
display:inline-block;
#zoom:1;
}

#pressRoomCats{
padding:8px 0 8px 10px;
text-align:left;
margin-bottom:5px;
border-bottom:#343434 1px solid;
}
#pressRoomCats a,a.fullButton{
background:#3a3a3a;
font-size:10px;
text-transform:uppercase;
text-decoration:none;
padding:0 10px;
line-height:13px;
height:13px;
display:inline-block;
#zoom:1;
margin-right:8px;
}

#pressRoomCats a.selected,#pressRoomCats a:hover{
background:#5a5a5a;
text-decoration:none;
color:#fff;
}

.pressRow{
text-align:justify;
padding-left:10px;
}
.pressRow h4{
color:#6c6c6c;
font-size:11px;
margin: 20px 0 11px 0;
}
.pressRow h4 a{
color:#6c6c6c;
font-size:11px;
font-weight:normal;
}
.pressRow h4 span.subject{
margin:0 8px;
font-size:11px;
color:#fff;
font-weight:normal;
}
.pressRow h4 span.subject a{
color:#fff;
}
.pressRow h4 strong{
color:#6c6c6c;
}
.pressContent{
color:#fff;
overflow:hidden;
}
#pressInfo .pressContent{
margin:20px 0;
}
.pressPhoto{
float:left;
margin-right:5px;
margin-bottom:5px;
}
.fullButton{
float:right;
}
#pressInfo .input.button,#pressInfo input{
background:#3a3a3a;
text-transform:uppercase;
font-weight:normal;
font-size:10px;
border:none;
}
#flags > div{
text-align:center;
}
#flags{
line-height:17px;
}
#fbal{
margin-top:5px;
}
#fbal a,#fbal div{
vertical-align:middle;
}
#fbLike{
/*display:inline-block;
#display:inline;
#zoom:1;
width:80px;
overflow:hidden;*/
float:right;
}
#fbLike iframe{
text-align:right;
}
#fbBox{
position:fixed;
width:222px;
margin-left:-206px;
top:50%;
height:380px;
padding:5px;
margin-top:-195px;
z-index:100;
background:url(../img/fbbg.png) no-repeat left top;
}
#fbBox iframe{
background:#fff;
}
#fbVisible{
position:absolute;
right:0;
top:0;

}
.newsLinks{

}
.newsLinks a{
font-size:11px;
}
.newsLinks b{
font-size:11px;
color:#fed008;
}
#newsLinksTop{
position:absolute;
right:10px;
top:9px;
}
#newsLinksBottom{
text-align:right;
margin-top:20px;
border-top:#343434 1px solid;
line-height:30px;
}
