@import "/themes/base/user_came/_style/style1.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;
width:992px;
margin:0 auto;
font-size:10px;
font-family:arial,tahoma,verdana,sans-serif;
#behavior:url(/themes/base/user_came/_style/csshover.htc);
}
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;
}


#topMenu{
position:absolute;
bottom:8px;
right:140px;
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{
position:absolute;
right:0;
bottom:4px;
text-align:right;
}
#flags a{
display:block;
margin-top:4px;
}

#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-size:9px;
line-height:15px;
color:#fff;
text-transform:uppercase;
font-weight:normal;
background:#3a3a3a;
padding-right:6px;
text-align:right;
margin:0;
}

#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 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;
}
#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: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:400px;
}
#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;
}