@charset "UTF-8";

#langbox
{
	position: relative;
	width: 260px;

	text-align: right;

/* 	border: 2px dashed yellow; */
}

#langbox .co
{
	padding: 2px;
}

#flagbox
{
	position: absolute;
	top: 5px;
	left: 20px;

/* 	background: yellow; */
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;

	z-index: 2;
}

.flagbox-flagimg
{
	background-image: url(/images/new/euflag2-dark.png);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/new/euflag2-dark.png',sizingMethod='scale');
}

.flagbox-flagimg-active,
.flagbox-flagimg:hover
{
	background-image: url(/images/new/euflag2.png);
}

#langbox A
{
	color: #bbb;

	padding: 3px;
/* 	margin-left: 1em; */
	margin-right: 1em;

/* 	border-left: 2px solid #333; */
/* border: 3px dashed red; */
}

.news_scrollbox
{
  height: 300px;
  overflow: auto;
  width: 100%;

  scrollbar-base-color: #484238;
  scrollbar-arrow-color: white;
/*   scrollbar-3dlight-color: #ffd700; */
/*   scrollbar-face-color: yellow; */
/*   scrollbar-shadow-color: yellow; */
}

#hirek-header-main
{
display: block;
width: 70px;
height: 12px;
padding: 5px;
text-align: center;
font-size: 11px;
line-height: 15px;
color: yellow;
margin-right: 2px;
text-decoration: none;
background-color: #272017;
}

/*

Additional changes by GG:
OLD:	#co_hirek .cob{width:600px; margin-bottom:10px;}
NEW:	#co_hirek .cob{width:99%; margin-bottom:10px;}

*/

/*//////////////////////// R E S E T //////////////////////////*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

br{
clear: both;
}

strong{
	font-weight: bold;
}


/*Hatter reset*/
html,body,#bg,#bg table,#bg td{width:100%;height:100%;overflow:hidden}
img{display:block}

/*Hatter*/
body{background: #2f261c}
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}

#bg{
/*display: none;*/
}

/*Alap layout*/
	#site{position: absolute; width:900px; height:600px;  top:50%; left:50%; margin-top:-280px; margin-left:-445px; z-index:2;}
	#left{width:260px; float: left;}
	#right{	width:620px; float: left; padding-left:10px;}

/*Container transparent fix*/
	.o,.ob {
		position: absolute; top: 0; bottom: 0; left: 0;
		width: 100%;
		background: #ffffff;
		opacity: 0.3; -moz-opacity: 0.3;  filter:alpha(opacity=30); }
	.ob {
		background: #272017;
		opacity: 0.8; -moz-opacity: 0.8;  filter:alpha(opacity=80);}
	.c,.cb { position: relative; height: 100%; }

/*Minden ami transparent*/
	.co,.cob{ position: relative; }

/*Index*/
	#index_logo{width:260px; height:160px; cursor: pointer; margin: 130px auto 10px auto;}
	#language{width:260px; height:30px; margin: 0px auto;}
	#language span{display:block; width: 85px;}
	#language .c{width: 85px; padding-top:7px; height:20px;}
	#language li{width: 85px; padding:0px; margin-right: 1px; float: left; }
	#language a{display:block; width:85px; height:30px; text-decoration: none; font-size: 11px; text-align:center; color:#272017;}
	#language a:hover{color:#ffffff;}
/*Containerek meretezese*/
	#co_logo {width:260px; height:160px; cursor: pointer;}

	/*Rolunk */
	#co_rolunk_top {width:620px; margin-bottom: 1px;  }
	#co_rolunk_top .c{ padding:20px; }
	#co_rolunk {width:620px;  }
	#co_rolunk .c{padding:0px 20px 20px 20px;}
	.member{width:170px; float: left; padding: 0px 10px;}
	.member h3{padding-top:10px;}
	#vincellerek .topmenu{ padding-bottom:10px; height: 30px; list-style:none; }
	#vincellerek .topmenu li{ margin:0; padding:0; float: left;	line-height:2em;}
	#vincellerek .topmenu li a {	display: block; width:100px; height: 12px;padding:5px; text-align: center; font-size: 11px; line-height: 15px; color:#ffffff; margin-right: 2px; text-decoration: none; background:#272017}
	#vincellerek .topmenu li a:hover,
	#vincellerek .topmenu li a:focus{color:#f2d91f}
	#vincellerek .topmenu li.tab-selected a{color:#f2d91f}


	#szolo_shw {width: 580px; height: 290px; overflow: hidden; }
	#szolo_shw div { width: 2403px;}
	#szolo_shw div div { width: 580px; height: 290px; float: left; background: #ffffff;}


	#pince_shw {width: 580px; height: 260px; overflow: hidden; }
	#pince_shw div { width: 2403px;}
	#pince_shw div div { width: 580px; height: 260px; float: left; background: #ffffff;}


	/* Borok */
	#co_borok_top {width:620px;  margin-bottom: 1px;}
	#co_borok_top .c{padding:20px; }
	#co_borok {width:620px; height:460px; }
	#co_borok .c{padding:10px; height:400px;}
	#co_borok .cob{width:600px; margin-top:10px; }
	#co_borok .cb{ height:120px; padding:10px;}

	#co_borok .cob img{float: left; padding-right: 20px;}
	#co_borok .txt{float: left; width:380px; height: 120px; overflow: hidden;}
	#cob_bor1.cob {margin-top:0px;}

	#zenitxt{float: left; width:355px;   overflow: hidden; height:100px;}
	#more_borok{display:block; width:20px; height: 20px; margin-top: 10px; background:#272017 url("/images/arrow_down.png") top left no-repeat; float:right; }
	#zenit{
		width:330px;
		display: none;
	}
	#scrollbar{
		margin-top: 20px;
		height: 360px;
		width: 20px;
		float:left;
		display: none;
		border-left: 1px solid #272017;
	}
	#handle{
		height: 40px;
		width: 20px;
		background:url("/images/arrow_scroll.png") center center no-repeat;
	}



	/* Vinotéka */
	#co_vinoteka_top{width:620px; margin-bottom: 1px;}
	#co_vinoteka_top .c{ padding:20px 20px 0px 20px;}
	#co_vinoteka{width:620px; /*height:340px;*/ }
	#co_vinoteka .c{padding:10px;}
/* 	#co_vinoteka .c { padding: 0; } */

	#vinoteka .topmenu{ padding-bottom:10px; height: 30px; list-style:none; }
	#vinoteka .topmenu li{ margin:0; padding:0; float: left;	line-height:2em;}
	#vinoteka .topmenu li a {	display: block; width:100px; height: 12px;padding:5px; text-align: center; font-size: 11px; line-height: 15px; color:#ffffff; margin-right: 2px; text-decoration: none; background:#272017}
	#vinoteka .topmenu li a:hover,
	#vinoteka .topmenu li a:focus{color:#f2d91f}
	#vinoteka .topmenu li.tab-selected a{color:#f2d91f}

	#vin_shw {width: 600px; height: 320px; overflow: hidden; }
	#vin_shw div { width: 2403px;}
	#vin_shw div div { width: 600px; height: 320px; float: left; background: #ffffff;}
	#vin_shw_cntrl{	text-align: right; clear: both; margin-top: 10px; }
	#vin_shw_cntrl a{display:block; width:20px; height: 20px; margin-left: 1px; background:#272017 url("/images/arrow_left.png") top left no-repeat; float:right; }
	#vin_shw_cntrl .right{
		background-image: url("/images/arrow_right.png");
	}

	/*Vincellerek*/

	/*Index*/
/* 	#co_index_top{width:620px; height:340px;  margin-bottom: 1px;} */
/* 	#co_index_top .c{padding:10px; height:320px; width:600px;} */
/* 	#index_shw {width: 600px; height: 320px; overflow: hidden; } */
/* 	#index_shw div { width: 2403px;} */
/* 	#index_shw div div { width: 600px; height: 320px; float: left; background: #ffffff;} */
	#co_index_top{width:620px; height:300px;  margin-bottom: 1px;}
	#co_index_top .c{padding:10px; height:280px; width:600px;}
	#index_shw {width: 600px; height: 280px; overflow: hidden; }
	#index_shw div { width: 2403px;}
	#index_shw div div { width: 600px; height: 280px; float: left; background: #ffffff;}


	/*Hírek*/
	#co_hirek_top{width:620px;  margin-bottom: 1px;}
	#co_hirek_top .c{padding:20px;}
	#co_hirek{width:620px; }
	#co_hirek .c{padding:10px 10px 10px 10px}
	#co_hirek .cob{width:99%; margin-bottom:10px;}
	#co_hirek .cb{ padding:10px;}
	#cob_hir1.cob{ margin-top:0px; }
	#co_hirek h3{color:#ffffff;}
	#cob_hirm {width:620px; }
	#cob_hirm .c{width:600px; padding: 10px; margin:0px;}
	#cob_verseny{width:600px; height:440px; overflow: hidden;}
	#cob_verseny .cb{padding:10px;}
	#verseny_acc{width:290px; padding-right: 10px; float: left;}
	#verseny_pic{width:280px; float: left;}
	#verseny_acc h3{background:#272017; font-size: 12px; font-weight: normal; margin-top: 1px; padding:3px; cursor: pointer;}
	#verseny_acc div{padding: 10px;}
	#verseny_acc div p{padding: 0px 0px 10px; 0px}
	#hirek .topmenu{ padding-bottom:10px; height: 30px; list-style:none; }
	#hirek .topmenu li{ margin:0; padding:0; float: left;	line-height:2em;}
	#hirek .topmenu li a {	display: block; width:70px; height: 12px;padding:5px; text-align: center; font-size: 11px; line-height: 15px; color:#ffffff; margin-right: 2px; text-decoration: none; background:#272017}
	#hirek .topmenu li a:hover,
	#hirek .topmenu li a:focus{color:#f2d91f}
	#hirek .topmenu li.tab-selected a{color:#f2d91f}

	#cob_cs{width:600px; height:320px; overflow: hidden;}
	#cob_cs .cb{padding:10px;}
	#cs_acc {padding-right: 10px; float: left; width: 244px; }
	#cs_pic{ width:300px; float: right;}
	/*Kapcsolat*/
	#co_kapcsolat_top{width:620px; margin-bottom: 1px;}
	#co_kapcsolat_top .c{padding:20px;}
	#co_kapcsolat1{width:620px;  margin-bottom: 1px;}
	#co_kapcsolat1 .c{padding:10px 20px;}

	#co_kapcsolat_top div div{width: 150px; padding: 0px 40px 0px 0px; margin-bottom: 1px; float:left;}
	#co_kapcsolat2{width:620px; }
		#co_kapcsolat2 .c{padding:20px;}

	#kapcsolat_shw {width: 538px; height: 120px; overflow: hidden; float: left;  margin-right:1px}
	#kapcsolat_shw div { width: 2403px;}
	#kapcsolat_shw div div { width: 538px; height: 120px; float: left; }
	#kapcsolat_shw div div div{width:158px; float: left; color: #ffffff; padding: 5px 10px; margin-right:1px;}
	#kapcsolat_shw p {color: #ffffff; font-size: 10px; padding-top: 3px;}
	#kapcsolat_shw h3{font-size:12px; padding-top: 10px; color:#ffffff;}
	#kapcsolat_left,
	#kapcsolat_right{display:block; width:20px; height: 120px; float:left; background:#272017 url("/images/arrow_left.png") center left no-repeat; margin-right:1px;}
	#kapcsolat_right{background-image: url("/images/arrow_right.png"); margin-right:0px;}
	/*Menü*/

	#menu span{display:block; width: 260px;}
	#menu .c{width: 220px; padding:10px 20px; height:20px;}
	#menu li{width: 260px; padding: 0px; margin-top: 1px; }
	#menu a{display:block; width:260px; height:40px; text-decoration: none; font-size: 14px;  color:#272017;}
	#menu a:hover{color:#fff;}

	#active_menuitem a{ text-decoration:underline; }


.download_pdf{
	display: block;
	width: 80px;
	height: 25px;
	padding-left: 35px;
	padding-right: 25px;
	background: url('/images/download.gif') top left no-repeat;
	line-height: 120%;
	float: right;
}

/*Egyéb méretezés*/
#menu{ width:260px; /* height:160px; */ z-index:3;}
#menu li{list-style:none; padding: 0px;}
#logoimg{ display: block; width:260px; height: 160px; background: url('/images/logo.png');}

#borkostolo_arlista { width: 80%; border-collapse: separate; border-spacing: 1px; margin: 10px; margin-left: auto; margin-right: auto; }
#borkostolo_arlista THEAD TH { background-color: #272017; color: #fff; height: 20px; vertical-align: center; text-align: center; padding: 4px;
opacity: 0.8; -moz-opacity: 0.8;  filter:alpha(opacity=80);
-moz-border-radius-topleft: 8px; -webkit-border-radius-topleft: 8px; border-radius-topleft: 8px; }
#borkostolo_arlista .emptycell { background-color: transparent; }
#borkostolo_arlista TBODY TH,
#borkostolo_arlista TD { /*background-color: #ccc;*/ padding: 0;
/*opacity: 0.7; -moz-opacity: 0.7;  filter:alpha(opacity=70); }*/
opacity: 0.6; -moz-opacity: 0.6;  filter:alpha(opacity=60); }
#borkostolo_arlista TD { text-align: center; /*font-family: monospace;*/ }
#borkostolo_arlista .asvanyviz { font-size: 8pt; padding-left: 1em; }

#borkostolo_arlista TH DIV,
#borkostolo_arlista TD DIV { width: 110px; padding: 4px; /*display: table-cell;*/ vertical-align: center; }

#borkostolo_arlista TH DIV { height: 30px; }
#borkostolo_arlista TD DIV { height: 22px; padding-top: 12px; }

/*#etelajanlatunk { background-color: #272017; color: #fff; padding: 20px; padding-top: 40px; padding-bottom: 40px; font-size: 10pt;
opacity: 0.7; -moz-opacity: 0.7;  filter:alpha(opacity=70); }*/
#etelajanlatunk { font-size: 10pt;  }
#etelajanlatunk_keret { background-color: #272017; color: #fff; padding: 20px; padding-top: 40px; padding-bottom: 40px;
opacity: 0.7; -moz-opacity: 0.7;  filter:alpha(opacity=70); }
#etelajanlatunk TD { padding: 5px; padding-left: 1em; }
#etelajanlatunk TD.price { padding: 5px; /*font-family: monospace;*/ width: 70px; text-align: right; }

.blackbox { width: 1em; height: 1em; background-color: #272017;
float: left; margin: 1px; margin-right: 3px;
opacity: 0.6; -moz-opacity: 0.6;  filter:alpha(opacity=60); }

#vinoteka { font-size: 10pt; }

#vinoteka .figyelmeztetes { text-align: center; }
#vinoteka A.vinotekalink { text-decoration: underline; }
#vinoteka A.vinotekalink:hover { color: white; }

#map_canvas { width: 600px; height: 280px; background-color: black; }

* html #logoimg{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',sizingMethod='scale');}
/*
* html #co_logo .o {height: expression(document.getElementById("co_logo").offsetHeight);}

* html #co_borok_top .o {height: expression(document.getElementById("co_borok_top").offsetHeight);}
* html #co_index_top .o {height: expression(document.getElementById("co_index_top").offsetHeight);}
* html #co_vinoteka_top .o {height: expression(document.getElementById("co_vinoteka_top").offsetHeight);}
* html #co_hirek_top .o {height: expression(document.getElementById("co_hirek_top").offsetHeight);}

* html #co_borok .o {height: expression(document.getElementById("co_borok").offsetHeight);}
* html #co_index .o {height: expression(document.getElementById("co_index").offsetHeight);}
* html #co_vinoteka .o {height: expression(document.getElementById("co_vinoteka").offsetHeight);}
* html #co_hirek .o {height: expression(document.getElementById("co_hirek").offsetHeight);}

* html #cob_bor1 .ob {height: expression(document.getElementById("cob_bor1").offsetHeight);}
* html #cob_bor2 .ob {height: expression(document.getElementById("cob_bor2").offsetHeight);}
* html #cob_bor3 .ob {height: expression(document.getElementById("cob_bor3").offsetHeight);}

* html #cob_hir1 .ob {height: expression(document.getElementById("cob_hir1").offsetHeight);}
* html #cob_hir2 .ob {height: expression(document.getElementById("cob_hir2").offsetHeight);}
* html #cob_hir3 .ob {height: expression(document.getElementById("cob_hir3").offsetHeight);}
* html #cob_hir4 .ob {height: expression(document.getElementById("cob_hir4").offsetHeight);}

* html #menu1 .ob {height: expression(document.getElementById("menu1").offsetHeight);}
* html #menu2 .ob {height: expression(document.getElementById("menu2").offsetHeight);}
* html #menu3 .ob {height: expression(document.getElementById("menu3").offsetHeight);}
* html #menu4 .ob {height: expression(document.getElementById("menu4").offsetHeight);}
* html #menu5 .ob {height: expression(document.getElementById("menu5").offsetHeight);} */