@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
body, html{
	min-height:100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 3;
	border-color:#05335b;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear{
	clear:both;
}
input {
	border:1px solid #CCC;
	padding:0.25em;
}
input.passive{
	color:#000;
}
hr {
	clear:both;
}
a{
	color:#05335b;
	text-decoration:none;
}
a:hover{
	color:#0070b5;
	text-decoration:underline;
}
a:visited{
	color:#05335b;
}
h1{
	display:block;
	font-size:18px;
	padding-bottom:0.5em;
	line-height:18px;
	text-indent:-999999px;
	_text-indent:0;
	_background:none !important;
	_font-family:"Impact";
}
h2{
	display:inline;
	font-size:18px;
	line-height:18px;
}
h3{
	font-weight:normal;
}
h3:hover{
	text-decoration:underline;
}
h4{
	font-size:10px;
}
h5{
	font-size:16px;
	font-weight:bold;
	margin-top:1.5em;
}


.alt_row {
	display:block;
	height:1.5em;
	line-height:1.5em;
	background-color:#D5E5C7;
	text-decoration:none;
	padding:0.25em 0.5em 0.25em 0;
}
.alt_row:hover, .alt_row.alt:hover {
	background-color:#DFEFD6;
}
.alt_row.alt {
	background-color:#CBDBBA;
}


#wrapper{
	width:100%;
	height:100%;
	background-color:white;
}
#pageWrapper{
	width:988px;
	margin:0 auto;
}
#header{
	float:left;
	height:300px;
	background:url(../../images/mainroad/header.jpg) top no-repeat;
	width:960px;
}
.header_ext{
	float:left;
	width:14px;
	height:300px;
	background:url(../../images/mainroad/menu_ext.png) no-repeat;
	_background:url(../../images/mainroad/menu_ext_ie6.jpg) no-repeat;
}
.header_ext#L{
	background-position:0 0;
}
.header_ext#R{
	background-position:-14px 0;
}
#h_logo{
	_display:inline;
	height:58px;
	margin:10px 0 0 30px;
	float:left;
	background:url(../../images/mainroad/vker_logo.png) no-repeat;
	_background:url(../../images/mainroad/vker_logo_ie6.jpg) no-repeat;
	width:176px;
}
#h_login{
	height:83px;
	float:right;
	background:url(../../images/mainroad/h_login_bkg.png) repeat-x;
	_background:none #a2b6bd;
	width:319px;
	overflow:hidden;
    /* color: white; */
}
#h_login #icon{
	_display:inline-block;
	background:url(../../images/mainroad/login_ico.png) 16px 30px no-repeat;
	_background:url(../../images/mainroad/login_ico.gif) 16px 30px no-repeat;
	height:100%;
	float:left;
	width:70px;
	padding:16px 20px 0 0;
    color: white;
}
#h_login #inputs{
	float:left;
	padding-top:1.5em;
	width:220px;
   /*  color: white; */
}
#h_login span{
	display:inline-block;
	margin-left:0.5em;
	width:85px;
	background:url(../../images/mainroad/login_bejeletkezes.png) no-repeat;
	text-indent:-999999px;
	_background:none;
	_text-indent:0;
	_font-family:"Impact";
    color: white;
}
#h_login input{
	_display:inline-block;
	margin:0.5em 0 0 0.5em;
	float:left;
    /* color: white; */
}
#menu{
	background:url(../../images/mainroad/menu_bkg.jpg) repeat-x #0071BC;
	height:39px;
	clear:both;
	width:100%;
	overflow:hidden;
}

#menu #nmenu li { display: inline;}
#menu #nmenu li a { float: left; width: 960px; height: 0; padding-top: 39px; overflow: hidden; }
#menu #nmenu li a { background-image: url(../../images/mainroad/menu.jpg); background-repeat: no-repeat; }

#menu #nmenu li#epitkezes a { background-position:0 0; width:80px}
#menu #nmenu li#foutca a { background-position:-80px 0; width:42px }
#menu #nmenu li#szponzoracio a { background-position:-122px 0; width:66px }
#menu #nmenu li#kozosseg a { background-position:-188px 0; width:69px}
#menu #nmenu li#szolgaltatasok a { background-position:-257px 0; width:110px}
#menu #nmenu li#zold a { background-position:-367px 0; width:88px}
#menu #nmenu li#kapcsolat a { background-position:-455px 0; width:74px}
#menu #nmenu li#esemenynaptar a { background-position:-529px 0; width:77px}
#menu #nmenu li#szolg a { background-position:-606px 0; width:113px}
#menu #nmenu li#nyelv a { background-position:-719px 0; width:51px}
#menu #nmenu li#kereso a { background-position:-770px 0; width:190px}

#menu #nmenu li#epitkezes a:hover { background-position:0 -39px; width:80px}
#menu #nmenu li#foutca a:hover { background-position:-80px -39px; width:42px }
#menu #nmenu li#szponzoracio a:hover { background-position:-122px -39px; width:66px }
#menu #nmenu li#kozosseg a:hover { background-position:-188px -39px; width:69px}
#menu #nmenu li#szolgaltatasok a:hover { background-position:-257px -39px; width:110px}
#menu #nmenu li#zold a:hover { background-position:-367px -39px; width:88px}
#menu #nmenu li#kapcsolat a:hover { background-position:-455px -39px; width:74px}
#menu #nmenu li#esemenynaptar a:hover { background-position:-529px -39px; width:77px}
#menu #nmenu li#szolg a:hover { background-position:-606px -39px; width:113px}
#menu #nmenu li#nyelv a:hover { background-position:-719px -39px; width:51px}
#menu #nmenu li#kereso a:hover { background-position:-770px -39px; width:190px}

#menu #nmenu li.active#epitkezes a { background-position:0 -78px; width:80px}
#menu #nmenu li.active#foutca a { background-position:-80px -78px; width:42px }
#menu #nmenu li.active#szponzoracio a { background-position:-122px -78px; width:66px }
#menu #nmenu li.active#kozosseg a { background-position:-188px -78px; width:69px}
#menu #nmenu li.active#szolgaltatasok a { background-position:-257px -78px; width:110px}
#menu #nmenu li.active#zold a { background-position:-367px -78px; width:88px}
#menu #nmenu li.active#kapcsolat a { background-position:-455px -78px; width:74px}
#menu #nmenu li.active#esemenynaptar a { background-position:-529px -78px; width:77px}
#menu #nmenu li.active#szolg a { background-position:-606px -78px; width:113px}
#menu #nmenu li.active#nyelv a { background-position:-719px -78px; width:51px}
#menu #nmenu li.active#kereso a { background-position:-770px -78px; width:190px}




#menu input{
	border:none;
	bottom:30px;
	left:819px;
	position:relative;
	width:119px;
	z-index:99999;
}

#submenu{
	height:40px;
	overflow:hidden;
}
#submenu ul{
	background-color:#035286;
	border-bottom:1px solid #08293D;
	color:#8fbedc;
	display:none;
	padding:0 0.5em;
	overflow:hidden;
	height:40px;
}
#submenu ul.active{
	display:block;
}
#submenu li{
	display:inline-block;
	background:url(../../images/mainroad/submenu_divider.png) top right no-repeat #035286;
	_background:url(../../images/mainroad/submenu_divider_ie6.jpg) top right no-repeat #035286;
	cursor:pointer;
	float:left;
}
#submenu li a{
	color:#8FBEDC;
	display:inline-block;
	padding:12px 1.5em 12px 0.25em;
	margin-left:0.5em;
	text-align:center;
}
#submenu li a:hover{
	color:white;
}
#submenu li a.active{
	color:white;
}
#submenu #foutca_s{
	z-index:1;
}
#submenu #szponzoracio_s{
	z-index:2;
}
#submenu #kozosseg_s{
	z-index:3;
}
#contentContainer{
	margin:0 14px;		
	height:auto;
	clear:both;
	background-color:#f0f8fd;
}

#left_column{
	float:left;
	width:611px;
	background-color:#f0f8fd;
	padding:1.5em 15px 2em;
}

#left_column .content{
	width:595px;
	margin-bottom:1.5em;
	overflow:hidden;
}
#left_column .status{
	float:left;
	padding-top:40px;
	text-align:center;
	width:45px;
}
#left_column .status.article{
	background:url(../../images/mainroad/blog_ico_bejegy.png) top center no-repeat;
}
#left_column .text{
	float:left;
	width:538px;
	padding-left:12px;
}
#left_column .content h1{
	background:url(../../images/mainroad/hosszu18pt.png) no-repeat;
}
#left_column .status.photo{
	background:url(../../images/mainroad/blog_ico_photo.png) top center no-repeat;
}
#left_column .thumb{
	background:url(../../images/mainroad/photo_thumb.png) no-repeat 0 0;
	_background:url(../../images/mainroad/photo_thumb_ie6.jpg) no-repeat 0 0;
	overflow:hidden;
	float:left;
	height:86px;
	width:113px;
}
#left_column .thumb img{
	margin:10px;
}
#left_column .thumb.active{
	background-position:0 -86px;	
}
#left_column .thumb_more{
	background:url(../../images/mainroad/photo_more.png) no-repeat 0 0;
	_background:url(../../images/mainroad/photo_more_ie6.jpg) no-repeat 0 0;
	color:#EA6427;
	float:left;
	height:86px;
	text-align:center;
	width:86px;
}
#left_column .thumb_more h3{
	display:block;
	margin:2em auto;	
}
#left_column .thumb_more.active{
	background-position:0 -86px;	
}
#right_column{
	float:left;
	margin-top:-95px;
	width:303px;
	background:url(../../images/mainroad/rcolumn_bkg.png) repeat-x;
	_background:url(../../images/mainroad/rcolumn_ie6_bkg.gif) repeat-x;
	padding:0 0 2em 16px;
	position:relative;
}
#right_column hr{
	margin:1.5em 14px 1.5em 0;
}
#right_column #bejelento_head{
	background:url(../../images/mainroad/bejelento_ico.png) no-repeat 0 16px;
	_background:url(../../images/mainroad/bejelento_ico_ie6.gif) no-repeat 0 16px;
	padding:0.75em 0 0 76px;
	color:white;
}

#right_column #bejelento { width: 288px; margin-top: 1.5em; position: relative; z-index: 9998; }
#bejelento #selector { margin: 0; padding: 0; }
#bejelento #selector li { display: inline; }
#bejelento #selector li a { float: left; width: 72px; height: 0; padding-top: 21px; overflow: hidden; }
#bejelento #selector li a { background-image: url(../../images/mainroad/bejelento_menu.png); _background-image: url(../../images/mainroad/bejelento_menu_ie6.gif); background-repeat: no-repeat; }

#bejelento #selector li#online.active a { background-position:0 0 }
#bejelento #selector li#sms.active a { background-position:-72px 0 }
#bejelento #selector li#telefon.active a { background-position:-144px 0 }
#bejelento #selector li#email.active a { background-position:-216px 0 }

#bejelento #selector li#online.active a:hover { background-position:0 0 }
#bejelento #selector li#sms.active a:hover { background-position:-72px 0 }
#bejelento #selector li#telefon.active a:hover { background-position:-144px 0 }
#bejelento #selector li#email.active a:hover { background-position:-216px 0 }

#bejelento #selector li#online a  { background-position:0 -21px }
#bejelento #selector li#sms a { background-position:-72px -21px }
#bejelento #selector li#telefon a { background-position:-144px -21px }
#bejelento #selector li#email a { background-position:-216px -21px }

#bejelento #selector li#online a:hover { background-position:0 -42px }
#bejelento #selector li#sms a:hover { background-position:-72px -42px }
#bejelento #selector li#telefon a:hover { background-position:-144px -42px }
#bejelento #selector li#email a:hover { background-position:-216px -42px }

#right_column #bmaps { width: 288px; margin-top: 1.5em; position: relative; z-index: 9998; }
#bmaps #selector { margin: 0; padding: 0; }
#bmaps #selector li { display: inline; }
#bmaps #selector li a { float: left; width: 100px; height: 0; padding-top: 21px; overflow: hidden; }
#bmaps #selector li a { background-image: url(../../images/mainroad/guide_menu.png); _background-image: url(../../images/mainroad/bejelento_menu_ie6.gif); background-repeat: no-repeat; }

#bmaps #selector li#greenmaps.active a { background-position:0 0 }
#bmaps #selector li#localguide.active a { background-position:-100px 0 }
#bmaps #selector li#trafficguide.active a { background-position:-188px 0 }

#bmaps #selector li#greenmaps.active a:hover { background-position:0 0 }
#bmaps #selector li#localguide.active a:hover { background-position:-100px 0 }
#bmaps #selector li#trafficguide.active a:hover { background-position:-188px 0 }

#bmaps #selector li#greenmaps a  { background-position:0 -21px; width:100px; }
#bmaps #selector li#localguide a { background-position:-100px -21px; width:88px }
#bmaps #selector li#trafficguide a { background-position:-188px -21px; width:100px }

#bmaps #selector li#greenmaps a:hover { background-position:0 -42px }
#bmaps #selector li#localguide a:hover { background-position:-100px -42px }
#bmaps #selector li#trafficguide a:hover { background-position:-188px -42px }

#right_column #bejelento_head h1{
	background:url(../../images/mainroad/bejelento_header.png) no-repeat;
}

#bejelento .bj_content{
	display:none;
	padding:1em;
	border:1px solid white;
	border-top:none;
	text-align:center;
	
}
#bejelento .bj_content.active{
	display:block;	
}
#bejelento .bj_content img{
	float:left;
} 

.rc_box{
	width:288px;
}
.rc_box .icon{
	float:left;
	height:60px;
	width:75px;
}
.rc_box .content{
	float:left;
	width:213px;
}
.rc_box ul{
	clear:both;
}
.rc_box li a{
	display:block;
	height:1.5em;
	line-height:1.5em;
	background:url(../../images/mainroad/qlink_sml_ico.png) no-repeat left #f0f8fd;
	background:url(../../images/mainroad/qlink_sml_ico_ie6.gif) no-repeat left #f0f8fd;
	text-decoration:none;
	padding:0 0.5em 0 26px;
}
.rc_box li a:hover, .rc_box li.alt a:hover{
	background-color:#deeaf1;
}
.rc_box li.alt a{
	background-color:#f0f8fd;
}
.rc_box p{
	margin-bottom:0.75em;
}
#epradar .icon{
	background:url(../../images/mainroad/epradar_nagy_ico.png) no-repeat;
	_background:url(../../images/mainroad/epradar_nagy_ico_ie6.gif) no-repeat;
}
#epradar h1{
	background:url(../../images/mainroad/epradar_head.png) no-repeat;
	width:136px;
}
#qlink .icon{
	background:url(../../images/mainroad/qlink_nagy_ico.png) no-repeat;
	_background:url(../../images/mainroad/qlink_nagy_ico_ie6.gif) no-repeat;
}
#qlink h1{
	background:url(../../images/mainroad/qlink_head.png) no-repeat;
	width:136px;
}
#events .icon{
	background:url(../../images/mainroad/event_nagy_ico.png) no-repeat;
	_background:url(../../images/mainroad/event_nagy_ico_ie6.gif) no-repeat;
	
}
#events h1{
	background:url(../../images/mainroad/event_head.png) no-repeat;
	width:195px;
}
#events h2, h4{
	display:inline;	
}
#events h2{
	font-size:28px;
	line-height:28px;
	color:#000;
}
#events h3{
	color:#000;
	font-weight:bold;
}
#events h4.day{
	display:block;
}
#events li a{
	border-right:1px solid #999;
	height:auto;
	padding:0;
	background:none;
	background-color:#f0f8fd;
	line-height:1em;
	color:#999;
}

#events .date{
	overflow:hidden;
	padding-right:10px;
	float:left;
	padding-top:0.5em;
	width:65px;
	text-align:right;
	margin:auto 0;
}
#events .info{
	line-height:16px;
	overflow:hidden;
	padding:0.5em 0 0.5em 16px;
	float:left;
	width:196px;
	background:url(../../images/mainroad/events_cal_arw.png) left top no-repeat  #f0f8fd;
	_background-image:none;
}
#events .alt .info{
	background:url(../../images/mainroad/events_cal_arw_dark.png) left top no-repeat #CBDBBA;
	_background-image:none;
}
#events li.alt a{
	background-color:#D5E5C7;
}
#events li.alt a:hover{
	background-color:#D5E5C7;
}

#events_top{
	background:url(../../images/mainroad/events_border.png) 75px 0 no-repeat;
	_background-image:none;
	clear:both;
	height:15px;
}
#events_bottom{
	background:url(../../images/mainroad/events_border.png) 75px -15px no-repeat;
	_background-image:none;
	height:15px;
}

#footer{
	background:url(../../images/mainroad/footer.gif) left no-repeat white;
	border-top:1px solid #D5E5C7;
	clear:both;
	margin-top:2em;
	height:80px;
}



#bmaps .bj_content{
	display:none;
	padding:1em;
	border:1px solid white;
	border-top:none;
	text-align:center;
	
}
#bmaps .bj_content.active{
	display:block;	
}
#bmaps .bj_content img{
	float:left;
}