body{font-family: verdana; background: #ffffff ; text-align: center; margin: 0; font-size: 12px; color: #595743}
img{border: 0}
input{color: #595743}
a{text-decoration: none; color: #b42951; font-size: 11px}
a:hover{text-decoration: underline;}
form{font-size: 11px; line-height: 14px;}
.textPink{color: #b42951}
.blackLink{color: #595743}
hr{border: 0; border-bottom: 1px solid #000; width: 100%}
.liniaKategorie{width: 200px; border-bottom: 1px solid #C4C4C4;}
.smallBlack{font-size: 10px}

/* COMMON */
.mainContainer{width: 1050px; margin: 0 auto; text-align: left;}
.clear{clear: both}
.mp3Player{width: 300px; margin: 0 auto;}
#infoBox{position: absolute; left: 0; top: 0; display: none; background: #fff; border: 1px solid #6c6c4e; padding: 3px; font-size: 8pt}
.bigHeaderArticle{font-size: 20px; font-weight: bold; color: #b42951; padding: 0; margin: 0}

/* TOP */
.topContainer{border-bottom: 0px solid #585743;}
.topLeftSide{width: 220px; float: left; padding-top: 10px}
.topRightSide{float: right}
.topRightNumer{float: right}
.topRightNumer img{border: 1px solid #b42951}

/* TOP ICONS */
.topIcons{float: left; text-align: center; width: 84px; font-size: 9px}
.topIcons a{color: #595743; text-decoration: none}

/* TOP FORM */
.topFormContainer{float: left; padding: 20px 0 0 50px}
.topFormSearch{border: 1px solid #7f7e6e; padding: 0px; margin-bottom: 2px}
.topFormSearchInput{border: 0; width: 170px; font-size: 12px}
.topFormSearchButton{width: 18px; border: 0; background: #ffffff url(../gfx/ico_lupa.jpg) 0 2px no-repeat; cursor: pointer;}
.topFormLogin{float: left; border: 1px solid #7f7e6e; padding: 0px; margin: 0 2px 2px 0}
.topFormLogin input{border: 0; width: 86px; font-size: 12px}
.topFormPassword{float: left; border: 1px solid #7f7e6e; padding: 0px; margin: 0 2px 2px 0}
.topFormPassword input{border: 0; width: 87px; font-size: 12px}
.topFormArrow{float: left; padding: 2px 0 0 0}
.topFormArrow input{border: 0; background: #ffffff url(../gfx/ico_strzalka.jpg) 0 0 no-repeat; width: 9px; height: 19px; cursor: pointer}
.topRegister{text-align: right}
.colorSzukaj{background: #FFCFDD; color: #B42951}

/* CYTATY */
.cytatImieniny{float: left; width: 350px; padding: 10px 0 0 25px;}
.cytatTresc{float: right; width: 650px; text-align: right; padding: 10px 25px 0 0; font-style: italic}
.cytatTresc img{vertical-align: bottom}
.cytatTresc p{margin: 0; font-style: normal; font-size: 10px}

/* MENU */
.menuContainer{background: #000; opacity: 0.9; margin: 0px 0; padding-left: 5px;}
.menuUlHorizontal{list-style-type: none; padding-left: 0px; margin: 0;}
.menuLiHorizontal{float: left; padding: 8px 5px; position: relative;}
.menuLiHorizontal:hover{background: #222}
.menuLiHorizontal:hover>ul{display: block}
.menuLiHorizontal a{color: #fff; font-size: 13px}
.menuLiHorizontal a:hover{text-decoration: none}
.menuUlVertical{list-style-type: none; width: 150px; padding-left: 0px; position: absolute; left: 0px; top: 30px; background: #000; display: none; z-index: 100}
.menuUlVertical2{list-style-type: none; width: 150px; padding-left: 0px; position: absolute; left: 150px; top: 0px; background: #000; display: none; z-index: 100}
.menuLiVertical{padding: 2px 5px; position: relative;}
.menuLiVertical:hover{background: #222}
.menuLiVertical:hover>ul{display: block}
.menuLiVertical a{color: #fff; font-size: 13px}
.menuLiVertical a:hover{text-decoration: none}

.menuHorizontalItem{float: left; padding: 8px 5px; position: relative;}
.menuHorizontalItem a{color: #fff; font-size: 14px}
.menuHorizontalItem a:hover{text-decoration: none}
.menuHorizontalItem:hover{background: #222;}
.menuVerticalContainer{position: absolute; top: 32px; left: 0; display: none}
.menuVerticalItem{width: 150px; padding: 2px 5px; position: relative; background: #000;}
.menuVerticalItem:hover{background: #222;}
.menuVerticalSubContainer{position: absolute; top: 0px; left: 160px; display: none}

/* REKLAMA TOP */
.reklamaTopContainer{text-align: center; margin: 5px 0}
.reklamaTop{margin: 0 auto; text-align: left; width: auto}

/* GLOWNA TABELA */
.mainTbl td{background: #fff; border: 1px solid #6c6c4e; vertical-align: top;}
.middleColumn{width: 576px}
.bigHeaderPink, .bigHeaderMarginlessPink{ margin: -12px; color: #fff; font-weight: bold; font-size: 13px; margin-bottom: 7px; background: #b42951; padding: 4px 12px; }
.bigHeaderPink a{color: #fff}
.bigHeaderMarginlessPink a{color: #fff}
.bigHeaderMarginlessPink{ margin: 0; color: #fff; font-weight: bold; font-size: 13px; margin-bottom: 7px; background: #b42951; padding: 4px 12px; }
.middleHeaderPink{color: #b42951; font-weight: bold; margin: 0; font-size: 12px; margin-bottom: 2px}
.smallHeaderPink{color: #b42951; font-weight: bold; margin: 0; font-size: 11px; margin-bottom: 2px}
.middleHeaderBlack{font-weight: bold; margin: 0; font-size: 11px; margin-bottom: 2px}
.textBlack{margin: 0; font-size: 11px; margin-bottom: 7px; line-height: 14px}
.standardUl{padding-left: 20px;}
.standardUl a{color: #b42951;  font-size: 11px;}
.innerTbl td{border: 0; background: transparent}
.hiddenDiv{display: none;}
.promocja{color: #b42951; font-weight: bold; font-size: 16px}
.promocja a{color: #b42951; font-weight: bold; font-size: 16px; text-decoration: none}
.textBlackForum{font-size: 11px; padding: 0; margin: 0; }
.fontBox{float: right; padding: 2px 5px; letter-spacing: 2px;}
.shareBox{float: right; border: 1px solid #6c6c4e; padding: 2px 5px; margin-left: 2px; margin-top: 4px; font-size: 10px; position: relative; display: block}
.shareLinks{position: absolute; background: #fff; border: 1px solid #6c6c4e; padding: 2px 5px; width: 80px; border-top: 0; top: 20px; left: -1px; display: none; z-index: 2}
.shareLinks{padding: 2px 5px; margin: 0; list-style-type: none}
.shareLinks li{height: 20px}
.shareBox:hover>ul{display: block}
.fontBoxNormal{font-size: 12px; font-weight: bold; cursor: pointer}
.fontBoxBig{font-size: 16px; font-weight: bold; cursor: pointer}
.fontBoxLarge{font-size: 20px; font-weight: bold; cursor: pointer}

.mainTbl2{width: 100%}
.mainTbl2 td{vertical-align: top; border: 0px solid #f00;}
.mainTblBox{background: #fff; border: 1px solid #ddd; padding: 12px; margin-bottom: 10px}
.mainTblBox_r{background: #fff; margin-bottom: 10px; text-align: center;}

/* NEWSLETTER */
.newsletterContainer{float: left; border: 1px solid #7f7e6e; width: 130px;}
.newsletterContainer input{border: 0; width: 128px;}
.newsletterButton{float: right;}
.newsletterSubmit{width: 9px; height: 19px; border: 0; background: url(../gfx/ico_strzalka.jpg) 0 2px no-repeat; cursor: pointer}

/* WYSZUKIWARKA WIN */
.wyszukiwarkaWinSubmit{width: 9px; height: 19px; border: 0; background: url(../gfx/ico_strzalka.jpg) 0 2px no-repeat; cursor: pointer}

/* GLOWNY ARTYKUL */
.bigArticleTd{padding: 0;}
.bigArticleContainer{position: relative; width: 574px; margin: 0 auto}
.bigArticleBox{background: #000; opacity: 0.7; filter: alpha(opacity=70); padding: 5px; position: absolute; bottom: 10px; z-index: 1; width: 565px;}
.bigArticleHeader{color: #fff; font-size: 14px; font-weight: bold; margin: 0; margin-bottom: 4px}
.bigArticleText{color: #fff; font-size: 11px;  margin: 0; margin-bottom: 4px}
.artContent .bigHeaderPink{ margin: 0 -12px 2px -12px; padding: 2px 12px; }

/* ZAKLADKI */
.tabsContainer{background: #e7e9e0;}
.tabActive{background: #fff; padding: 5px 10px; float: left}
.tabActive a{font-weight: bold; font-size: 12px; color: #b42951}
.tabActive a:hover{text-decoration: none}
.tabInactive{padding: 5px 10px; float: left}
.tabInactive a{font-weight: bold; font-size: 12px; color: #595743}
.tabInactive a:hover{text-decoration: none}

/* FOOTER */
.footerLeft{float: left}
.footerRight{float: right}

/* REJESTRACJA */
.registerTbl td{vertical-align: middle}
.registerInfo{font-size: 9px}
.registerError{font-size: 9px; color: #f00}
.registerRequired{color: #f00}
.commonInput{width: 150px; border: 1px solid #595743; padding: 1px}
.commonInput2 {width: 380px; border: 1px solid #595743; padding: 1px}
.commonInput2ok { border: 1px solid green;}
.commonInput2wrong {border: 1px solid red;}

.commonSubmit{color: #b42951; font-weight: bold; border: 1px solid #b42951; background: #fff; font-size: 12px; cursor: pointer;}

.artJust{text-align: justify}

/* Wino dnia */
.winoDniaInfo{width: 300px; background: #fff; border: 1px solid #6c6c4e; padding: 12px; display: none; position: absolute; top: 0px; left: 0px; z-index: 5; }

/* ARTYKUL FORUM */
.artForumBox{background: #eee; padding: 10px; font-weight: bold}

/* FORUM */
.forumTbl{font-size: 11px}
.forumData{color: #999}
.forumUser{color: #000}

/* PRINT ARTICLE */
.blackBox{background: #000; width: 100%; height: 5000px; position: absolute; top: 0px; left: 0px; opacity: 1; display: none}
.printBox{width: 800px; background: #fff; border: 1px solid #ddd; padding: 5px; margin: 0 auto}
.printTop{width: 800px; margin: 0 auto; background: #fff; text-align: center; font-weight: bold; font-size: 12px; border-bottom: 1px solid #ddd; padding: 6px;}
.printTop span{cursor: pointer}

/* ZDJECIE DNIA */
.fotoOfTheDayContainer{display: block; position: relative;}
.fotoOfTheDayContainer:hover>div{display: block}
.fotoOfTheDayBox{display: none; background: #000; opacity: 0.7; filter: alpha(opacity=70); padding: 5px; position: absolute; bottom: 41px; z-index: 1}

/* STARA TABELA */           
.top_tabeli{color: #fff; font-weight: bold; margin: 0; font-size: 13px; background: #b42951; padding: 2px}
.komorka_tabeli{background: #FFEFF4}

/* LUPA */ 
#magnifierBox{width: 400px; height: 300px; border: 1px solid #6c6c4e; position: absolute; top: 0px; left: 0px; display: none; z-index: 100; background: #fff}
.magnifier{position: relative}

/* ENOTURYSTYKA */

.hd1 {
padding-left: 5px;
width: 30px;
font-weight: bold;
padding-bottom: 15px;
display: inline;
float: left;
}
.hd2 {
width: 480px;
font-weight: bold;
padding-bottom: 15px;
display: inline;
float: left;
}
.hd3 {
text-align: right;
padding-bottom: 15px;
display: inline;
float: left;
}
.hd2t {
padding-bottom: 15px;
}

/* Leksykon */
div.leksykon_name { font-weight: bold; }
div.leksykon_desc { margin-bottom: 15px; }
div.leksykon_name span.leksykon_type { font-size: 10px; font-weight: normal;  }
div.abecadlo { margin-bottom: 15px; text-align: center; }

div.tooltip { position: absolute; background: #f0d5dd; text-align: left; width: 300px; border: 1px solid black; font-size: 11px; }
div.tooltip a.closeTooltip { float: right; }
div.tooltip table { margin: 5px; }

a.leksykon { color: #595743; background: #fffcb4;  }


/* DEGUSTACJA WIN MACEDONSKICH degustacja4 */
div.degustacja4_pinkbox { padding: 10px; background-color: #b32a52; margin: 10px 0; color: white; font-size: 13px; text-align: left; }
div.degustacja4_blackbox { padding: 10px; background-color: black; margin: 10px 0; color: white; font-size: 12px; text-align: left; }

.donotinput { display: none; visibility: hidden; }


/********************************************** 
	
	E-SOMMELIER

**********************************************/

.e-sommelier{font-size: 11px; width:550px}
.e-sommelier .button{background: url(../gfx/sommelier/bg_link_sub_category_right.png) no-repeat top right; height: 23px; line-height: 20px; padding-right: 10px; float: left}
.e-sommelier .button a{color: #ffffff; background: url(../gfx/sommelier/bg_link_sub_category_left.png) no-repeat top left; padding-left: 10px; display: block; text-decoration: none; height: 23px; font-size: 10px}

.e-sommelier .clear{clear: both;  font-size: 0px}
.e-sommelier .bigHeaderPink{margin-bottom: 15px}
.e-sommelier .sub-section{background-color: #e4e4e4; border-radius: 7px; padding: 1px 15px 10px;  margin-bottom: 15px; line-height: 16px}
.e-sommelier .sub-section .more{display: none; padding-top: 20px}
.e-sommelier .sub-section .more .author{text-align: right; font-size: 10px; font-weight: bold}
.e-sommelier .no-padding{padding-left: 0; padding-right: 0}
.e-sommelier .no-padding h3{margin-left: 15px;}
.e-sommelier h3{font-size: 14px; color: #c33f63; margin-top: 14px}
.e-sommelier .btn-more{float: right}
.e-sommelier .category-container{background-color: #9E9E9E;  padding: 6px 0 0 6px; border-radius: 0 0 7px 7px}
.e-sommelier .category-container ul{ margin: 0; list-style: none; padding: 0}
.e-sommelier .category-container .category{width: 130px; height: 130px; float: left; margin-bottom: 6px; margin-right: 6px; position: relative; cursor: pointer; }
.e-sommelier .category-container .category .category-name{background: url(../gfx/sommelier/bg_category_name.png) no-repeat bottom left; text-transform:capitalize; padding: 10px 10px 8px; width: 110px; font-size:10px; color: #fff; font-weight: bold; position: absolute; bottom: 0; left: 0;}
.e-sommelier .category-container .option-list{position: absolute; top: 0; left: 0; z-index: 1000; max-height: 200px; overflow:auto; width: 147px; display: none; }
.e-sommelier .category-container .option-list li{width: 110px; padding: 5px 10px 7px; color: #212121; background-color: #fff; margin-bottom: -2px}
.e-sommelier .category-container .option-list li:last-child{border-bottom: 1px solid #E798AF}
.e-sommelier .category-container .option-list li a{color: #212121; text-decoration: none; font-size: 10px; display: block}
.e-sommelier .category-container .option-list li a:hover{color: #c43f64; }
.e-sommelier .category-container .option-list .option-title{background: url(../gfx/sommelier/bg_option_title.png) no-repeat;  padding: 8px 10px 6px;  color: #fff; font-weight: bold; font-size:10px}

.e-sommelier #sub-categories{list-style: none; padding: 0; float: left; margin: 0}
.e-sommelier #sub-categories li {height: 23px; line-height: 21px; padding-right: 10px; text-transform:capitalize;}
.e-sommelier #sub-categories li a{color: #212121; padding-left: 10px; display: block; text-decoration: none; height: 23px}
.e-sommelier #sub-categories li:hover,  .e-sommelier #sub-categories li.selected{ background: url(../gfx/sommelier/bg_link_sub_category_right.png) no-repeat top right}
.e-sommelier #sub-categories li:hover a, .e-sommelier #sub-categories li.selected a{color: #ffffff; background: url(../gfx/sommelier/bg_link_sub_category_left.png) no-repeat top left; }
.e-sommelier .box-sub-categories{display:none}
.e-sommelier .box-results{display:none}

.e-sommelier .results{list-style: none; padding: 0; margin: 0; overflow: hidden}
.e-sommelier .results li {width: 260px; overflow: hidden; float: left; padding-top: 10px;}
.e-sommelier .results li .wine-image{float: left; background: url(../gfx/sommelier/bg_wine.png) no-repeat top left; height: 151px; width: 73px; text-align: center; padding-top: 15px}
.e-sommelier .results li .wine-details{float: left;; margin-left: 10px;  color: #222222; line-height: 16px; font-size: 10px; width: 175px}
.e-sommelier .results li .wine-details p{font-weight: bold; margin-top: 0; margin-bottom: 5px}
.e-sommelier .results li .wine-details span{color: #c33f63}
.e-sommelier .results li .wine-details .button{margin: 10px 0; }
.e-sommelier .results li .wine-details .button a{color: #e4e4e4;  padding-right: 5px; }
.e-sommelier .results li .wine-details .see-more{padding-left: 15px; background: url(../gfx/sommelier/icon_down.png) no-repeat center left}
.e-sommelier .results li .wine-details .see-less{padding-left: 15px; background: url(../gfx/sommelier/icon_up.png) no-repeat center left}
.e-sommelier .results li .more{display: none; margin-left: 83px; padding-top:15px}