a { text-decoration: none; color: inherit; /*display:inline-block;*/ }
img { border: none; }
b,strong { font-weight:700; /*font-weight:600;*/ }
i,em { font-style:italic; }

section,aside,main,header,footer,nav,figure,article { display:block; }

#content p,#content div {
margin: 0px; padding: 0px; }



html { height:100%; }
body { margin:0; padding:0; text-align:center; width:100%; /*min-height:1800px;*/  font-size:100%;
background:/*url(../img/bg.png) no-repeat center top*/ #EAEAEA; 
background: #221F1F;}

div { margin:0; padding:0; float:none; }
div#page {  width:100%; /*height:100%;*/ max-width:1500px; /*min-width:1400px;*/ /* overflow:hidden;*/
position:relative; margin:0 auto; text-align: center; color: #181617; min-height: 800px; min-width: 1000px;
font-family:  'Open Sans','PT Sans', 'Source Sans Pro', 'Tahoma', sans-serif; min-height:100%; }

body.index { background-color:#111; }

nav#mainmenu { width:268px; height:100%; position:absolute; z-index:2; position: fixed;
top:0px; left:-268px; /*left:0px;*/ background:url(../img/menu.png) repeat-y left top;
background:#333366; background:#fff;}

nav#mainmenu ul { padding:12px 0 0 23%; float:left;}
nav#mainmenu ul li { list-style:none; float:left; margin: 30px 0 25px; margin: 12px 0 10px;
text-align: left;  width: 100%; }


nav#mainmenu ul li a {  text-transform:uppercase; font-size:1.1em; /*opacity:0.5;*/
letter-spacing:0.01em; color:#CD9280;font-weight:500;  color:#6261A1;  color:rgb(221,118,2);/*miodowa whisky*/ }
nav#mainmenu ul li.act a, nav#mainmenu ul li:hover a { color:#fff; opacity:1; color:#EFBA73;/*miodowa whisky*/ }
nav#mainmenu ul li:last-child a { /* fb */ 
opacity:1; width:30%; padding:10px 0;} 
nav#mainmenu ul li:last-child:hover a { /* fb */  opacity:0.5;   }
nav#mainmenu ul li a.cate {  }

nav#mainmenu div#set_menu { position:absolute; top:0px; right:-50px; width:50px; height:54px; z-index: 3;
background:url(../img/n/mshow.png) no-repeat center top; width:53px; height:56px; right:-53px;}

nav#mainmenu div#set_menu.show { background:url(../img/n/mmclose.png) no-repeat center top; }

nav#mainmenu div#set_menu:hover { opacity:0.9; cursor:pointer; }

div#logo { width:586px; float:none; clear:both; height:250px; margin:1px auto; height:170px; height:160px;
background:url(../img/newlogo.png) no-repeat center top;  background-size: 40% auto; background-size: 40% 85%;}
div#logo.site { background:url(../img/slogo.png) no-repeat center top;
height:308px; margin:5px auto 7px; width:505px; height:200px; background-size: 82% auto; 
 background-size: 61% auto; background-size: 61% 81%;}
div#logo a { display:block; width:100%; height:100%; }

div#site { position:absolute; height:100%; top:0px; width:100%; position:relative; width:1500px; z-index: 1;}

main {  /*width:90%;*/ clear:both; margin:0 auto; /*padding:1px 5%;*/  /* overflow: hidden; */}
footer {  width:90%; clear:both; margin:0 auto; width:80%; margin:0 3% 20px;     overflow: hidden;}
footer span { width:70%; text-align:left; line-height:20px;  padding: 13px 0 3px; 
  font-size: 13px;  float: left;  color: #fff;  font-weight: 600; font-family:'open Sans';
}


/* indexmenu */
nav#indexmenu  { width:100%; margin:50px 0; margin:0px 0; clear: both;}
nav#indexmenu ul { margin:0; padding:0; width:inherit; height:auto; position:relative;
background:url(../img/ul.png) left 68px;  background:#100000; }
nav#indexmenu ul li {  list-style:none; display:inline-block; height:56px; width:auto; margin:-9px  40px 122px 40px; margin:58px  40px 55px 40px;  
text-transform:uppercase; font-weight: 600; color:#656464; position:relative; /*
-webkit-transition: -webkit-transform 0.1s ease-in;
-moz-transition: -moz-transform 0.1s ease-in;
-o-transition: -o-transform 0.1s ease-in;
transition: transform 0.1s ease-in;*/
z-index: 100; opacity:0.8;


margin:0 0; float:left; width:500px; height:500px;  /*box-shadow: inset 0px 0px 520px #000;*/
background:url(../img/alko.jpg) ; 
background-repeat:no-repeat; background-position:center center;

filter: grayscale(100%);
  -webkit-filter: grayscale(100%); /* For Webkit browsers */
  filter: gray; /* For IE 6 - 9 */
  -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}
nav#indexmenu ul li:hover{ box-shadow:none;opacity:1;
filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");

}
nav#indexmenu ul li a {  font-size: 58px;  line-height: 62px;
 width: inherit;  height: inherit;  display: table-cell;  text-align: center;  vertical-align: middle; 
font-weight: 700; letter-spacing: -2px; color:#fff; font-family:'open Sans Condensed';

}
nav#indexmenu ul li:hover a {
text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; /* text-shadow: 0 0 5px #000;*/
}

/*   effect     */
/*
nav#indexmenu ul li#m_16:hover { color:transparent; background:url(../img/e/h_16.png) no-repeat center center;
-webkit-transform:scale(2.1, 9.7);
-moz-transform:scale(2.1, 9.7);
-o-transform:scale(2.1, 9.7);
transform:scale(2.1, 9.7); 

background-size: 75% 100%;
top: -1px;
}
nav#indexmenu ul li#m_17:hover { color:transparent; background:url(../img/e/h_17.png) no-repeat center center;
-webkit-transform:scale(9.1, 2.7);
-moz-transform:scale(9.1, 2.7);
-o-transform:scale(9.1, 2.7);
transform:scale(9.1, 2.7); 

background-size: 75% 100%;
top: 0px;
}
nav#indexmenu ul li#m_18:hover { color:transparent; background:url(../img/e/h_18.png) no-repeat center center;
-webkit-transform:scale(2.7, 4.1);
-moz-transform:scale(2.7, 4.1);
-o-transform:scale(2.7, 4.1);
transform:scale(2.7, 4.1); 

background-size: 85% 100%;
top: 2px;
}

nav#indexmenu ul li#m_19:hover { color:transparent; background:url(../img/e/h_19.png) no-repeat center center;
-webkit-transform:scale(1.7, 9.9);
-moz-transform:scale(1.7, 9.9);
-o-transform:scale(1.7, 9.9);
transform: scale(1.7, 9.9);
background-size: 75% 100%;
top: -7px;
}


nav#indexmenu ul li#m_20:hover { color:transparent; background:url(../img/e/h_20.png) no-repeat center center;
-webkit-transform:scale(2.1, 6.6);
-moz-transform:scale(2.1, 6.6);
-o-transform:scale(2.1, 6.6);
transform:scale(2.1, 6.6); 

background-size: 85% 100%;
top: 12px;
}

nav#indexmenu ul li#m_21:hover { color:transparent; background:url(../img/e/am.png) no-repeat center center;
-webkit-transform:scale(1.8, 5.0);
-moz-transform:scale(1.8, 5.0);
-o-transform:scale(1.8, 5.02);
transform:scale(1.8, 5.0); 

background-size: 75% 100%;
top: 5px;
} 

nav#indexmenu ul li#m_22:hover { color:transparent; background:url(../img/e/h_22.png) no-repeat center center;
-webkit-transform:scale(1.6, 7.6);
-moz-transform:scale(1.6, 7.6);
-o-transform:scale(1.6, 7.6);
transform:scale(1.6, 7.6); 

background-size: 85% 100%;
top: -4px;
}

nav#indexmenu ul li#m_23:hover { color:transparent; background:url(../img/e/h_23.png) no-repeat center center;
-webkit-transform:scale(2.3, 9.0);
-moz-transform:scale(2.3, 9.0);
-o-transform:scale(2.3, 9.0);
transform:scale(2.3, 9.0); 

background-size: 85% 100%;
top: -16px;
}

nav#indexmenu ul li#m_24:hover { color:transparent; background:url(../img/e/h_24.png) no-repeat center center;
-webkit-transform:scale(2.1, 6.6);
-moz-transform:scale(2.1, 6.6);
-o-transform:scale(2.1, 6.6);
transform:scale(2.1, 6.6); 

background-size: 85% 100%;
top: 4px;
}

nav#indexmenu ul li#m_25:hover { color:transparent; background:url(../img/e/h_25.png) no-repeat center center;
-webkit-transform:scale(1.7, 6.0);
-moz-transform:scale(1.7, 6.0);
-o-transform:scale(1.7, 6.0);
transform:scale(1.7, 6.0);

background-size: 85% 100%;
top: 6px;
}

nav#indexmenu ul li#m_26:hover { color:transparent; background:url(../img/e/h_26.png) no-repeat center center;
-webkit-transform:scale(2.3, 6.9);
-moz-transform:scale(2.3, 6.9);
-o-transform:scale(2.3, 6.9);
transform:scale(2.3, 6.9); 

background-size: 85% 100%;
top: -5px;
}

nav#indexmenu ul li#m_27:hover { color:transparent; background:url(../img/e/h_27.png) no-repeat center center;
-webkit-transform:scale(2.1, 6.6);
-moz-transform:scale(2.1, 6.6);
-o-transform:scale(2.1, 6.6);
transform:scale(2.1, 6.6); 

background-size: 85% 100%;
top: 12px;
}
*/

/*   end effects    */

section#content { width:1135px; float:none; clear:both; margin:0 auto; position:relative;
background:url(../img/content.png) no-repeat center top #F1F1F1;  padding:0 100px; overflow: hidden;
background:#332F30; margin: 0 auto 90px; box-shadow: inset 0 0 15px #494848; }

section#content h1 { color:#fff; font-weight:600; margin: 18px 0 24px; text-align:left; float: left; width: 100%; }
section#content h2 { color:#fff; font-weight:600; margin: 24px 0 0px;  text-align:left; float: left; width: 100%; font-size:18px;}

section#content article { float:left; text-align:justify; font-weight:400; font-size:17px; 
line-height:20px; color:#000;  padding: 0 0 35px; color:#fff;  font-family: 'Calibri','Open Sans' !important;}


section#content.kontakt h1,section#content.news h1,section#content.oferta h1 { 
font-weight:700; font-size:22px; color:#CC4D0D; margin: 20px 0 10px; color:#6E71B2; color:#9A682C;color:rgb(221,118,2);/*miodowa whisky*/ }


/* oferta */
section#content.oferta {   padding: 45px 50px; }
section#content.oferta section.produkt {  float:left; width:45%; padding:10px 5% 20px 0;  overflow: hidden; height: 250px;}
section#content.oferta  h2 { text-transform:uppercase; color:#fff; margin:0 0 15px; font-weight:700;}
section#content.oferta  figure { float:left; width:33%; margin:4px 0; text-align: left; }
section#content.oferta  figure img{ float:left; max-width:91%; }
section#content.oferta  article { float:left; width:67%; text-align:left; color:#151314; color:#fff; font-weight:400;
 font-family: 'Calibri','Open Sans' !important;}
section#content.oferta  section.akt { float:left; width:100%; margin:10px 0% 20px;  }

a.prod { float:right; color:#D06537; margin:10px 20px; color:#636497; color:#9A682C;color:rgb(221,118,2);/*miodowa whisky*/ 
position: absolute; left: 30px; bottom: 40px; font-weight: 600;}

/* produkt   inherit from ^^  */
section#content.produkt h1 { margin: 20px 0 45px; }

a.shop { float:right; margin:50px 20px 10px; }

/* news */
section#content.news {   padding: 45px 50px;  min-height: 509px;}
section#content.news figure { float:left; width:15%; margin:4px 0; }
section#content.news figure img{ float:left; max-width:90%; max-height:100px;    }
section#content.news article { float:left; width:85%; text-align:justify;}
section#content.news section.akt { float:left; width:100%; margin:10px 0% 20px;  }

a.btn { float:right; color:#D06537;   font-size: 13px; color:#6E71B2; color:#9A682C;color:rgb(221,118,2);/*miodowa whisky*/ }

span.p {  color:#D06537; cursor:pointer; color:#6E71B2;  }
section#content.news > div { display:none; }
section#content.news > div.vis { display:block; }

/*  kontakt   */

section#content.kontakt { padding:25px 50px; }
section#content.kontakt article {   margin:10px 0 0 30px; line-height: 32px; font-size: 15px; }

section#content section#mapa { width:940px; float: right; margin: 10px 0 0;}

label { float:left; width:20%; color:#CC4D0D; font-weight:600; font-size:14px;  line-height: 26px;
text-align: left; margin: 10px 0px 11px 1px; color:rgb(221,118,2);;}
input[type=text],input[type=email],textarea {
float:left; width:60%; border:0;     padding: 4px 5.5% 4px 4%; color:#000; font-size:14px;
font-family:'Open Sans'; text-align:left;  margin: 10px 0px 11px 1px;
}

section#form { width:65%; clear:both; margin:50px auto; padding: 20px 0 0; overflow: hidden;}

textarea { height: 150px; max-height:290px; min-height:150px; max-width:510px; min-width:300px; }

#sendbutton, input[type=submit] { float:right; width:124px;height:29px;border:0;cursor:pointer; text-align:center;
 margin: 10px 76px; background-color:rgb(221,118,2); color:#fff; line-height:28px;
    font-family: 'Open Sans'; font-size:14px;  }




div#popup_overall { width:100%; height:100%; text-align:center; position:fixed; top:0; left:0; background:rgba(0,0,0,0.5);z-index:999;}
div#popup { width:300px; position:absolute; top:40%; left:50%; margin-left:-150px; height:150px; 
background:#fff; color:#000; text-align:center; padding:15px 0; font-family:  'Open Sans','PT Sans','Tahoma',sans-serif;}
div#popup h1 { font-size: 20px; }
div#popup > a { width:30px; height:23px; line-height:23px; color:#fff; border-radius:4px; padding: 2px 5px;
text-decoration:none;  margin:5px 5px; }
div#popup > a.nie { background:#900; }
div#popup > a.tak { background:#090; }


nav#searchmode {  margin: 15px auto; clear:both; padding: 18px 0 10px; overflow: hidden; width: 100%; width: 82%;
border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; }
nav#searchmode div { width:38%; float:left; margin:0 2%; }
input#mode { line-height:18px; color:#222; font-family:  'Open Sans','PT Sans','Tahoma',sans-serif; font-size:16px;
padding: 14px 5.5% 11px 4%; margin: 1px 0px 11px 1px; width: 99%;     height: 23px;}
select#brands { line-height:18px; color:#222; font-family:  'Open Sans','PT Sans','Tahoma',sans-serif; font-size:16px;
padding:10px 5.5% 10px 4%; float: right; }