Current File : /home/users/barii/public_html/finansenl.com.pl/wodki/admin/tablice/css/style.css
@import url(https://fonts.googleapis.com/css?family=Lobster&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Amatic+SC&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Great+Vibes&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Dosis:800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400italic);
@import url(https://fonts.googleapis.com/css?family=Oswald&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light+Two&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Italianno&subset=latin,latin-ext);
   a {
    cursor: pointer;
}
body,html{margin:0px;padding:0px;}

.wzorypopup{display:none;margin:4% -500px;width:1000px;box-shadow:0px 0px 9px #999;height:80%;background:#fff;position:absolute;top:0px;left:50%;z-index:20000000;}
.wzorypopup>div{text-align:center;margin:25px;height:100%}                                                                                                                 
.wzorypopup>div .mCustomScrollbar{height:90%}
.wzorypopup>span.akcept i{font-size:30px;background:#fff;border-radius:50%;color:#CC0000}
.wzorypopup>span.akcept{cursor:pointer;display:block;height:31px;width:31px;background:url(/img/Close.png)no-repeat;position:absolute;right:-15px;top:-10px;z-index:1000000}

body{background:url(http://www.etykietyweselne.pl/html/tpl/images/kreator_1002.png) repeat-x top center #000000;font-family:calibri;font-size:12px}  

#contain{width:1100px;margin:0 auto;position:relative}               
#contain a#logo{display:block;width:112px;height:118px;position:absolute;top:25px;left:-50px;background:url() no-repeat top center}
                
#contain #etykieta{text-align:center;position:absolute;top:280px;left:0px;width: 400px;height: 491px;background:url(../images/samochod.png) no-repeat;}       
#contain #etykieta>div.nakladka{background:url(/images/nakladka.png) center repeat-y;position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:1000}
#contain #etykieta img{width:200px;position:absolute;top:310px;left:100px;box-shadow:1px 1px 5px #333;}                                                           


 .larger:hover{position:relative;z-index:100000;blacktransition: All 0.4s ease;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);}

#contain #wzory .bootles_layer img{margin:15px;width:90%;}
#contain #wzory { box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;position:absolute;right:10px;top:50px;width:600px;border:10px solid #ffffff;background-color: rgba(255,255, 255, 0.6);min-height:500px;}   
#contain #wzory ul{width:680px;padding:0px;margin:0px;position:absolute;top:-40px;left:-10px;}                                                                                               
#contain #wzory ul li{vertical-align:top;cursor:pointer;text-align:center;padding:10px 0px;background:#333;color:#fff;text-transform:uppercase;width:50%;display:inline-block;}                                                                                                    
#contain #wzory ul li.active{background:#fff;color:#333}                                                                                                                                    
#contain #wzory ul li:hover{border-bottom:3px solid #FFF;position:relative;top:-3px; text-decoration:underline}                                                                                                                                   
#contain #wzory img{cursor:pointer}                                                                                                                                    
#contain #wzory img:hover{
transition:All 0.3689s ease;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}

	#wzory .prev { position: absolute; top: 45%; left: -50px; margin: 0px 0px 0px 0px; width: 31px; height: 44px; background: url('../images/prev.png') left no-repeat; }
	#wzory .prev:hover { opacity: 0.7; }
	#wzory .next { position: absolute; top: 45%; right: -50px;  margin: 0px 0px 0px 0px; width: 31px; height: 44px;  background: url('../images/next.png') right no-repeat;
    z-index: 100000; }
	#wzory .next:hover { opacity: 0.7; }
  .bootles_layers_container { float: left; height: 542px; overflow: hidden; width: 100%; }    
  .bootles_layer {text-align:center;
    position: relative;
    width: 580px;
    /* height: 490px; */
}


      
div.logs a{z-index:1000000;position:fixed;top:0px;right:0px;color:#fff;background:#234891;padding:21px 80px}

#content1{height:150px}
#content1>div{display:none;height:100%}

#leftcol input[type="file"]{background:#E9629C;position:absolute;right:-15px;top:10px;padding:5px;}

#leftcol{border:3px solid #E9629C;height:150px;background:url(http://www.etykietyweselne.pl/html/tpl/images/bg.jpg) repeat-x top center;width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100vw - 30px);position:fixed;bottom:5px;left:2px;padding:10px;z-index: 1003;}

#leftcol p {display:inline-block}
#leftcol #tabs{position:relative;left:-3px;top:-35px;margin-top:-18px;border-radius:0px;border:0px;background:none;}          
#leftcol #tabs ul{margin:0px -10px;padding:0px;;overflow:hidden;background:none;font-size:13px;border:0px;border-radius:0px;}             
#leftcol #tabs.w50 li{width:136px !important;}
#leftcol #tabs ul li{display:inline-block;text-align:center;top:5px;background:#F3F3F3;box-shadow:0px 0px 5px #aaa;border-radius:5px 5px 0px 0px;margin:5px -2px 5px 0px;margin-bottom:0px;}                
#leftcol #tabs ul li.active{background:#E9629C;}    
#leftcol #tabs ul li.active a{color:#fff}           
#leftcol #tabs ul li a{padding:10px;display:inline-block;min-width:64px;}                                                   
#leftcol img.imgside {
    margin: 10px;
    max-width:100px;
    max-height: 90px;
    vertical-align: middle;
}                                                   
#leftcol .ui-tabs .ui-tabs-panel{padding:10px;}       
#rightcol{width:160px;position:fixed;right:5px;top:55px;height: -moz-calc(100% - 270px);height: -webkit-calc(100% - 270px);height: calc(100vh - 270px);background:white;padding:10px}
#bottomcol{height:150px;background:url(http://www.etykietyweselne.pl/html/tpl/images/bg.jpg) repeat-x top center;width: -moz-calc(100% - 30px);width: -webkit-calc(100% - 30px);width: calc(100vw - 30px);position:fixed;bottom:5px;left:5px;padding:10px;z-index: 1003;}
#bottomcol div.odc{overflow:hidden;width:225px;height:35px;position:absolute;left:50%;margin:-45px -112px -50px -112px;}
#bottomcol div.przycisk{cursor:pointer;width:200px;height:50px;background:white;border-radius:40px 40px 0px 0px;text-align:center;position:relative;left:10px;top:10px}    
#bottomcol .mCustomScrollbar{position:relative;width:100%;
    height: -moz-calc(100% );
    height: -webkit-calc(100%);
} 
#bottomcol img{height:100px;box-shadow:0px 0px 7px #555;position:relative;top:6px;left:5px}
#bottomcol h3{margin:0px 0px;font-size:14px;text-transform:uppercase;text-align:center}
#mCSB_2_container{min-height:150px}
.shadow_eff:hover {
transition:All 0.3689s ease;
-webkit-transition:All 0.3689s ease;
-moz-transition:All 0.3689s ease;
-o-transition:All 0.3689s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
}

.wynik>div {
    background-size: cover !important;
    position: absolute;
    z-index: 1000;
}

.wynik:hover div.k {
    z-index: 998;
}
           
.wynik .canvas-container {
    z-index: 999;
}
            
.canvas-container, .canvas-container canvas,div.wynik, div.k {
    width: 100% !important;
    height: 100% !important;
    margin: 0px auto;
}

a{text-decoration:none;color:#EB69A5}

#menu{background:url('http://www.etykietyweselne.pl/html/tpl/images/kreator_27.png')  center repeat-x #fff;;background-size:6px 16px;height:130px;text-align:center;z-index:10000;position:relative;}
#menu>a{display:inline-block}
#menu ul{position:absolute;left:10px;top:0px;padding:0px;margin:0px;display:inline-block}
#menu ul li{display:inline-block}
#menu ul li a{display:inline-block;padding:16px;color:#EB69A5;background:#fff;font-size:14px;}
#menu ul li a:hover,#menu ul li.active a{color:#fff;background:#EB69A5;}

.wrapper{margin:0px auto;background:white;padding:0px;position:relative;top:20px;width: calc((100vw - 100px));
}
.wrapper2{margin:20px auto;background:#fff;padding:20px;
width: 1100px;
}

.popup .sendpopup input.kodrabatowy{width:250px !important;}
.inforabat {position:absolute;right:50px}
.inforabat >div{border-radius: 5px;  font-size:11px;
    background: #EB69A5;
    padding: 5px 10px;
    color: white;
    text-decoration: none;
    display: inline-block;
    width: 130px;position:relative;top:-40px;
    line-height: 15px;}

a.menutope{position:absolute;top:-5px;left:0px;text-align:center;width:50px;height:50px}         
a.menutope span{box-shadow:1px 1px 1px #333;z-index:10000000;display:none;position:absolute;top:10px;left:40px;padding:5px;font-size:11px;white-space: nowrap;border-radius:2px;background:white;}   
a.menutope:hover span{display:block}      
a.menutope .material-icons{font-size:32px;line-height:50px;}                                                                  
div.menutope a.magnesy {background:url(/img/etykiety_zakladka.png) no-repeat;background-size:contain;width:200px;height:248px;display:block;margin:10px auto}           
div.menutope a.magnesy:hover {	background:url(/img/etykiety_zakladka_hover.png) no-repeat;;background-size:contain;	
transition:All 0.3689s ease;       
-webkit-transition:All 0.3689s ease;
-moz-transition:All 0.3689s ease;
-o-transition:All 0.3689s ease;
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);}
div.menutope{text-align:Center;z-index:100000;box-shadow:0px 0px 10px #999;background:#F8F8F8;position:fixed;left:-250px;width:250px;height: -moz-calc(100%);height: -webkit-calc(100%);height: calc(100vh)}


.wgrajzdjecie{position:relative
}
.wgrajzdjecie input {   
    width: 100%;height:100%;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


.uploadzdjecie h2{font-size:14px;margin:5px;}
.uploadzdjecie{width:200px;height:60px;position:fixed;top:40%;left:50%;padding:5px 20px;line-height:20px;text-align:center;margin:-50px -100px;z-index:1000;display:none;background-color: rgba(255, 255, 255, 0.6);box-shadow:0px 0px 3px #333}

div.boxshadow,li.boxshadow{box-shadow:0px 0px 12px #999}


.add_cart2 i{font-size:32px !important;}
.add_cart2{z-index:10001;line-height:10px;color:#fff;padding:12px 8px;background:#00BD5E;width:50px;display:block;position:fixed;right:0px;top:0px;}
.add_cart2:hover{background:#14D15E;}
ul li a.add_cart{position:static;width:auto;background:#00BD5E !important;color:#fff !important}
i.material-icons{vertical-align:middle}
     
     
a.add_cart.button{color:#fff;position:fixed;right:70px;top:0px;;padding:16px 10px;background:#00B9FF;z-index:10001;font-size:12px;}
a.add_cart.button:hover,.big_button:hover{background:#14A0FA}
                        
#leftcol .zoom{width:115px;position:relative;display:inline-block;}         
#leftcol .zoom img.imgzoom{display:none;position:absolute;height:300px;width:auto;top:0px;left:100px;z-index:10000;background:#DFDFDF;border:1px solid #00BD5E;max-width:none !important}                        
#leftcol .zoom:hover img.imgzoom{/*display:block;*/}

#bottomcol .zoom{width:190px;margin:10px;position:relative;display:inline-block;}         
#bottomcol .zoom img.imgzoom{display:none;position:absolute;height:300px;width:auto;top:0px;left:100px;z-index:10000;background:#DFDFDF;border:1px solid #00BD5E;max-width:none !important}                        
#bottomcol .zoom:hover img.imgzoom{/*display:block;*/}

.zoom img.imgside{cursor:pointer}

#leftcol .mCustomScrollbar{position:relative;display:inline-block;  width: -moz-calc(100% - 150px);width: -webkit-calc(100% - 150px);width: calc(100vw - 150px)
    height: -moz-calc(100% );
    height: -webkit-calc(100%); 
    height: 100%;  position:relative;top:6px;
}
#bottomcol .mCustomScrollbar{position:relative;width:100%;
    height: -moz-calc(100% );
    height: -webkit-calc(100%);
}
.mCustomScrollBox{position:absolute !important}


#texteditor div:hover span {display:inline-block;}        
#texteditor div span{box-shadow:1px 1px 1px #333;z-index:10000000;display:none;position:absolute;top:35px;left:0px;padding:5px;font-size:11px;white-space: nowrap;border-radius:2px;background:white;}
#texteditor{z-index:1002;position:absolute;top:0px;left:0px;clear:both;background: url(/img/text.png) no-repeat;width:312px;height:63px;display:none}                                                                    
#texteditor.editor.tylko3{width:95px;}                                                           
#texteditor.editor{width:126px;height:31px;background:url(/img/text2.png) no-repeat top right;position: absolute;top: 25px;left: 365px;}
#texteditor div.min{position:relative;left:0px;width:30px;height:29px;display:block;float:left;margin:1px 0px 0px 1px;}  
#texteditor div.minn{cursor:pointer;font-size:11px;line-height:30px;position:relative;left:0px;height:29px;display:block;float:left;margin:1px 0px 0px 1px;}      
#texteditor div.minn span{padding:0px 20px}        
#texteditor div.minn .rodzajczcionki{border: 1px solid #C1C1C1;border-top:0px;background:#FFFFFF;margin:0px;display:none;width:172px;position:absolute;top:23px;left:9px}       
#texteditor div.minn:hover > .rodzajczcionki{display:block}                                                       
#texteditor div.minn:hover > .rodzajczcionki p{font-size:13px;cursor:pointer;padding:0px 10px;margin:0px}                                                         
#texteditor div.minn:hover > .rodzajczcionki p.timesnewroman{font-family:Times New Roman}                                            
#texteditor div.minn:hover > .rodzajczcionki p.Arial{font-family:Arial}                                             
#texteditor div.minn:hover > .rodzajczcionki p.verdana{font-family:Verdana}                                           
#texteditor div.minn:hover > .rodzajczcionki p.lobster{font-family: 'Lobster Two', cursive;, cursive;}                                         
#texteditor div.minn:hover > .rodzajczcionki p.amaticsc{font-family: 'Amatic SC', cursive;}                                       
#texteditor div.minn:hover > .rodzajczcionki p.greatvibes{font-family: 'Great Vibes', cursive;}
#texteditor div.minn.fontfamily{width:207px}
#texteditor div.minn.fontsize{width:65px}        
#texteditor div.minn.shadowd,#texteditor div.minn.shadowl{width:30px}              
#texteditor div.minn.fontsize span{padding:0px 5px}     
#texteditor input#color{width: 20px;background: none;margin: 6px;border: 1px solid silver;cursor:pointer;height:20px;padding:0px;}                                                     
#texteditor div.min:hover{background-color:rgba(0, 0, 0, 0.2)}

.koszyk p{text-align:left;position:relative;padding-bottom:10px;font-size:17px}
.koszyk p.nagl{font-weight:bold;text-transform:uppercase;;font-size:15px}
.koszyk p span{vertical-align:-webkit-baseline-middle;display:inline-block;text-align:center}
.koszyk p span.lp{width:80px;}
.koszyk p span.min.butelka-uniwersalna{height:250px;background:url(/img/uniwersalna-butelka.jpg) center no-repeat;background-size:contain;}
.koszyk p span.min.butelka-uniwersalna img{width:50px;height:auto;position:absolute;top:110px;left:49px;}
.koszyk p span.min{position:relative;width:300px;}       
/*.koszyk p span.min img:hover{width:200px;height:auto;max-height:none;position:relative;margin:-50px}*/
.koszyk p span.min img.zawieszka{width:150px;/*position:absolute;top:0px;right:0px;*/}
.koszyk p span.spec{width:250px;}
.koszyk p span.min img{max-width:100%}
.koszyk p span.ilosc{width:170px;}
.koszyk p span.usun{width:60px}
.koszyk p img{max-height:150px}   
.koszyk p span.usun a{border-radius:5px;background:#EB69A5;padding:0px 5px 5px 5px;color:white;text-decoration:none;display:inline-block;width:25px;font-size:17px;line-height:30px}
.koszyk p input,.popup .sendpopup input,.sendpopup input[type=text],.sendpopup textarea{border:1px solid #CFCFCF;box-shadow: inset 2px 2px 4px  #E2E2E2;background:#F6F6F6;font-size:16px;width:30px;text-align:center}


.blur.active,.blur2.active{-webkit-transition-delay:0.2s; /* Safari */
    transition-delay: 0.2s;
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    filter: blur(1px);}       
.overblack {background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:2001;}
.overwhite{background:url(http://ludowy.pl/application/public/img/loading.gif) no-repeat center white;background-size:25%;width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:2000;opacity: 0.7;}
.informacyjnypopup{opacity: 0;width:80%;height:91%;position:fixed;;top:3%;left:10%;margin:auto 0px;z-index:1000000;}
 .informacywzoryjnypopup img{width:100%}
 .informacyjnypopup > div{width:100% !important;height:100% !important}
 .informacyjnypopup>span.akcept{display:block;height:48px;width:48px;background:url(/img/Close.png)no-repeat;position:absolute;right:-15px;top:-10px;z-index:1000000}

.popup, .sendmailpopup {
    display: none;
}
.popup .sendpopup input,.sendmailpopup .sendpopup input{text-align:left;width:400px !important;padding:3px}
.popup .sendpopup p span,.sendmailpopup .sendpopup p span{width:130px;float:left;}       
.popup select{border: 1px solid #CFCFCF;
    box-shadow: inset 2px 2px 4px #E2E2E2;
    background: #F6F6F6;padding:5px}
.popup .sendpopup .zamknij,.sendmailpopup .sendpopup .zamknij{background:#C21033;padding:10px 15px;position:absolute;top:-25px;right:10px;text-decoration:none;color:#fff}
.popup .sendpopup input,.sendmailpopup .sendpopup input{text-align:left;width:400px;padding:3px}
.sendmailpopup .sendpopup textarea{text-align:left;width:400px;padding:3px;height:50px}  
.sendpopup {box-shadow:1px 1px 15px silver;display:block;position:fixed;width:600px;height:300px;margin:-200px -320px;top:50%;left:50%;z-index:2000;background:white;padding:20px;}


#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);height:calc(100vh);position:fixed;top:0px;left:0px;;width:100%;}
#colorbox{outline:0;z-index:10000}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; padding:3px;}
        #cboxLoadingGraphic{background:url(http://www.fotoobraz.kreatordruku-prolabel.pl/images/images/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:0px; background:url(http://www.fotoobraz.kreatordruku-prolabel.pl/images/controls.png) no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


input[type="submit"], .big_button,.bt {border:0px;font-family: 'Lobster Two', cursive;;float: left; width: 91%; background-color: #EB69A5; font-size: 23px; color: #fff; text-align: center; margin: 20px 0px 0px 20px; padding: 8px 15px 8px 15px; -webkit-border-radius: 5px;
				-moz-border-radius:5px;
				border-radius: 5px;
}
.blue { background: #6481ab!important; }
.big_button.blue:hover{background:#49659F !important; }  
                                     
#payu-payment-form button[type=submit] {
    border: 0px;   text-indent:-10000px;
    height: 50px;
    width: 300px;
    background: url('http://static.payu.com/pl/standard/partners/buttons/payu_account_button_long_03.png');
    background-repeat: no-repeat;
    cursor: pointer; display:block;
    margin:10px auto;
}