/*eric meyer CSS reset*/
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:1}ol, ul{list-style:none}blockquote, q{quotes:none}blockquote:before, blockquote:after,q:before, q:after{content: '';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

* div{position:relative;}
body{background: url(../images/bg.png) repeat;text-align:left;font-family: Verdana, Arial, "Trebuchet MS",Helvetica,Jamrul,sans-serif; font-size: 12px; color: #000;}

div { position: relative; }
p { margin-bottom: 15px; line-height: 14px; }
h1{font-size:22px;color:#FFF;}
h2{font-size:20px;color:#FFF;}
h3{font-size:18px;color:#FFF;}
h4{font-size:17px;color:#FFF;}
h5{font-size:16px;color:#FFF;}
h6{font-size:15px;color:#FFF;}

a img { border: none; }

a { color: #FFF; text-decoration: none; font-weight: bold;}
a:hover { text-decoration: none; color:#FFF;}
a:active { outline: none; }
a:focus { -moz-outline-style: none; }

small { font-size: 10px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#wrapper{width:960px;margin:0 auto; padding:20px 0 0 0; z-index:1;}


#header{ height:160px; background: transparent url('../images/header_logo.png') no-repeat 0 0; margin:0 0 0 20px; }
#header a{ position:absolute; top:0; left:0; height:120px; width:100%; }
#header img{ position:absolute; top:-15px; right:15px; width:101px; height:50px; }
#header-bg{ height:269px; width:100%; background: #000 url('../images/header_bg.png') no-repeat 50% 50%; z-index:-1; position:absolute; top:0; left:0;}
#header-bg-bottomrow{ position:absolute; top:269px; left:0; height:22px; width:100%; background: transparent url('../images/header_bg_bottomrow.png') repeat-x 0 0; z-index:-1;}
#bottom-bg{ height:198px; width:100%; background: #000 url('../images/bottom_bg.png') no-repeat 50% 50%; position:absolute; bottom:-137px; z-index:-1;}
#bottom-bg-row{ position:absolute; bottom:60px; left:0; height:22px; width:100%; background: transparent url('../images/bottom_bg_bottomrow.png') repeat-x 0 0; z-index:-1;}

#container-menubox{height: 404px; width:100%; color:#FFF;}
#menubox-menu{height: 30px; width:750px;}
#menubox-menu ul { height:31px; width:780px;}
#menubox-menu ul li { background: transparent url('../images/menu_bg.png') repeat-x 0 0; float:left; width:126px; height:31px; line-height:30px; text-align:center; }
#menubox-menu ul li a { color:#FFF; padding:0px 10px; display:block; height:31px; }
#menubox-menu ul li a:hover { color:#000; background: transparent url('../images/menu_item_bg.png') no-repeat 0 0;  }
#menubox-menu ul li.active a { color:#000; background: transparent url('../images/menu_item_bg.png') no-repeat 0 0; }
#menubox-menu ul li:last-child { border:0; }

#menubox-menu ul li.first { background: transparent url('../images/hmenu_first_item.png') repeat-x 0 0; }
#menubox-menu ul li.first:hover { background-position:0px -41px; }
#menubox-menu ul li.first a:hover {background-color:transparent;}
#menubox-menu ul li.last { background: transparent url('../images/hmenu_last_item.png') repeat-x top right; }
#menubox-menu ul li.last:hover { background-position:0px -41px; }
#menubox-menu ul li.last a:hover {background-color:transparent;}



#menubox-content{ background: #FFF url('../images/menubox_bg.png') repeat-x 0 0; height: 374px; width:100%; clear:both; }
#menubox-verticalmenu { float:left; margin:15px 0 15px 15px;}
#menubox-verticalmenu ul { width:288px; height:343px;}
#menubox-verticalmenu ul li { width:100%; height:37px; line-height:37px; text-align:left; background-color:#009EE0; border-bottom:1px solid #000;}
#menubox-verticalmenu ul li a { color:#FFF; padding:0px 20px; display:block; height:37px; text-transform:uppercase; font-size:15px; font-weight:normal; }
#menubox-verticalmenu ul li a:hover { color:#FFF; background-color:#0073B7; padding:0 0 0 37px; font-weight:bold; height:37px;}
#menubox-verticalmenu ul li.first { background: transparent url('../images/vmenu_first_item.png') repeat-x 0 0; }
#menubox-verticalmenu ul li.first:hover { background-position:0px -41px; }
#menubox-verticalmenu ul li.first a:hover {background-color:transparent;}
#menubox-verticalmenu ul li.last { background: transparent url('../images/vmenu_last_item.png') repeat-x 0 -4px; border:0;}
#menubox-verticalmenu ul li.last:hover { background-position:0px -41px; }
#menubox-verticalmenu ul li.last a:hover {background-color:transparent;}
#menubox-verticalmenu ul li.active a { color:#FFF; background-color:#0073B7; padding:0 0 0 40px; font-weight:bold; }

#menubox-verticalmenu ul li ul{ display:none; width:320px; position:absolute; right:-321px; z-index:10; height:auto; margin:-37px 0 0 0; background-color: #002848; text-align:left; }
#menubox-verticalmenu ul li ul li { float:none; list-style:none; height:30px; text-align:left; line-height:28px; }
#menubox-verticalmenu ul li ul li a { display:block; height:30px; color:#FFF; text-decoration:none; padding:0 20px; }
#menubox-verticalmenu ul li ul li a:hover { background: url('../images/menu-hover-bg.png') repeat-x 0 0; text-decoration:none; }

#menubox-picture { float:left; z-index:1; width:642px; height:343px; background: #FFF url('../images/dog_cat.png') no-repeat 0 0; margin:15px 0 0 0;}


#container-leftbox{ float:left; width:302px; margin:15px 23px 0 0;}
#leftbox-news{ height: 290px; width:100%; background-color:#000E54; text-align:left; color:#FFF;}

/* TÁVFELÜGYELET BOX*/
#leftbox-tavfelugyelet{ background-color:#FFF; text-align:left; margin:15px 0 0 0; padding:10px 0 0 10px; color:#000;}
#leftbox-tavfelugyelet img{ padding: 10px 5px; }
.tavfelugyelet-szolgaltatasok-cont{ clear:both; float:left; width:100%; min-height:70px; }
.tavfelugyelet-szolgaltatasok-cont h3{ color:#009EE0; margin:4px 0 0 83px; padding:5px 10px; background-color:#D9DBE6; font-weight:normal; }
.tavfelugyelet-szolgaltatasok-cont ul { padding:0px 15px 10px 90px; }
.tavfelugyelet-szolgaltatasok-cont ul li { background: transparent url('../images/tavfelugyelet_arrow.png') no-repeat 0 3px; width:100%; padding:0 0 0 10px; margin:5px 0;}
.tavfelugyelet-szolgaltatasok-cont ul li a {font-weight:normal; color:#000; }
.tavfelugyelet-szolgaltatasok-cont ul li a:hover { text-decoration:underline;}
#szolgaltatasok-tavfelugyelet{ background: transparent url('../images/tavfelugyelet_1.png') no-repeat 0 0; }
#szolgaltatasok-tavfelugyelet h3{ margin-top:4px; }
#szolgaltatasok-security{ background: transparent url('../images/tavfelugyelet_2.png') no-repeat 0 0; }
#szolgaltatasok-security h3{ margin-top:3px; }
#szolgaltatasok-penzkiseret{ background: transparent url('../images/tavfelugyelet_3.png') no-repeat 0 0; }
#szolgaltatasok-penzkiseret h3{ margin-top:2px; }
#szolgaltatasok-technikai{ background: transparent url('../images/tavfelugyelet_4.png') no-repeat 0 0; }
#szolgaltatasok-technikai h3{ margin-top:3px; }
.leftbox-footer{ background-color:#009EE0; color:#FFF; margin:10px 0 0 -10px; padding:15px;}
.leftbox-footer p.leftbox-kiemeltsav{ background-color:#0073B7; color:#FFF; padding:10px 15px 10px 15px; margin:10px -15px 0 -15px;}
.leftbox-footer img#telefon-img{padding-left:0;}

/* TARTALMI RÉSZ*/
#container-rightbox{ float:left; width:605px; margin:15px 0 0 0; padding:15px; color:#000; background-color:#FFF; color:#000;}
#container-rightbox ul { list-style:disc inside;}
#container-rightbox li {padding: 5px;}
#container-rightbox h1{ color:#234689; font-weight:normal; margin:0 0 20px 0; width:550px;}
#container-rightbox a{ color:#000;}
#container-rightbox h2{ color:#234689; font-size:16px;}
#print-send { position:absolute; top:15px; right:15px;}
#content-bottom{ width:100%; height:68px; text-align:center;}


/* RÖVID HÍREK BOX*/
#shownews-header { background: transparent url('../images/star.png') no-repeat 0 0; float:left; width:100%; height:34px; margin:15px 15px 10px 15px; padding:7px 0 0 47px;}
#leftbox-news p { color:#009EE0; padding:0px 15px; font-weight:bold; clear:both; font-size:13px; }
#leftbox-news ul { padding:0px 15px 15px 15px; }
#leftbox-news ul li { background: transparent url('../images/shortnews_arrow.png') no-repeat 0 3px; width:100%; text-align:left; padding:0 0 0 10px; margin:5px 0;}
#leftbox-news ul li a {font-weight:normal; }
#leftbox-news ul li a:hover { text-decoration:underline;}


#footer{border-top:1px solid #999;padding:20px 0px;margin:30px 0px;text-align:center;color:#999;font-size:10px; line-height: 10px; }

/* nyelvek */
#flags { width: 100px; position: absolute; top: 8px; right: 20px; }
#flags ul { list-style: none; }
#flags ul li { float: left; padding: 0 0 0 10px; }
#flags ul li a { font-weight:normal; }
#flags ul li a:hover { font-weight:bold; }
#flags ul li.active a { font-weight:bold; }

/* altalanos dolgok */
form.normalform sup { color: #F00; }
form.normalform div.row {  display: block; float: left; width: 100%; margin: 0 0 5px 0; background: none; }
form.normalform div.row p { font-size: 11px; padding: 0 0 0 10px; }
form.normalform div.row h2{  font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #8D8D48; margin: 20px 0 0 10px; }
form.normalform div.row-hidden { display: none; }
form.normalform div.row-submit {  display: block; float: left; width: 100%; margin: 10px 0 5px 0; background: none; }
form.normalform fieldset { border: none; margin: 0 0 5px 0; }
form.normalform fieldset .translate { border: 1px solid #8D8D49; float:left; background-color: #EEEEE4; margin: 10px 0 20px 0px; }
form.normalform .translate legend { color: #FFF; font-size:10px; background-color: #8D8D48; padding: 2px 5px 2px 5px; }
form.normalform legend { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #8D8D48; margin: 0 0 0 10px; }
form.normalform input.text { background: #DDE1E4; border: 0; height: 22px; line-height: 12px; font-size: 12px; color: #666; padding: 1px 2px 1px 2px; width: 200px; float: left; }
form.normalform input.text-small { background: #FFF; border: 1px solid #000; height: 16px; line-height: 12px; font-size: 12px; color: #666; padding: 1px 2px 1px 2px; width: 80px; }
form.normalform input.text-search { background: #FFF; border: 1px solid #B6AA83; width: 220px; height: 14px; font-size: 9px; color: #666; padding: 2px 5px 1px 5px; float: left; margin: 0 5px 0 0; }
form.normalform input.postcode { width: 40px; margin: 0 10px 0 0; }
form.normalform input.city { width: 144px; }
form.normalform input.checkbox { float: left; }
form.normalform input.button { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #666; padding: 2px 4px; font-size: 12px; line-height: 12px; color: #FFF; text-decoration: none; }
form.normalform input.button:hover { -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #363636; padding: 2px 4px; font-size: 12px; line-height: 12px; color: #FFF; text-decoration: none; }
form.normalform select { width: 208px; line-height: 12px; font-size: 12px; color: #666;  }
form.normalform select.small { width: 100px; }
form.normalform select.small-pricetype { width: 130px; }
form.normalform label { display: block; width: 70px; float: left; margin: 0 5px 0 0;  padding-top: 4px; padding-bottom: 4px; }
form.normalform label span { display: block; float: left; font-size: 11px; font-weight: bold; color: #333; padding: 0 0 0 5px; line-height: 16px; }
form.normalform label span.default-price { float:left; font-weight: normal; clear:both; width: 150px; }
form.normalform label.checkbox { background: none; width: 200px; float: left; }
form.normalform label.checkbox span { font-weight: normal; }
form.normalform label.nobg { background: none; padding-bottom: 2px; padding-top: 2px; }
form.normalform label.error { margin: 0 0 0 5px; padding: 0 0 0 20px;  width: 150px; height: 20px; font-size: 9px; background: url('../images/icons/un-checked.gif') no-repeat 0 0; }
form.normalform label.checked { background: url('../images/icons/checked.gif') no-repeat 0 0;   }


/* altalanos dolgok */
.form-body{font-size:9px;color:#555;position: absolute;top:20px;left:10px;}
form.loginform sup { color: #F00; }
form.loginform div.row {  display: block; float: left; width: 100%; margin: 0 0 20px 0; background: none; }
form.loginform div.row p { font-size: 11px; padding: 0 0 0 10px; }
form.loginform div.row h2{  font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #8D8D48; margin: 20px 0 0 10px; }
form.loginform div.row-hidden { display: none; }
form.loginform div.row-submit {  display: block; float: left; width: 100%; margin: 10px 0 5px 0; background: none; }
form.loginform fieldset { border: none; margin: 0 0 5px 0; }
form.loginform fieldset .translate { border: 1px solid #8D8D49; float:left; background-color: #EEEEE4; margin: 10px 0 20px 0px; }
form.loginform .translate legend { color: #FFF; font-size:10px; background-color: #8D8D48; padding: 2px 5px 2px 5px; }
form.loginform legend { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #8D8D48; margin: 0 0 0 10px; }
form.loginform input.text { background: #DDE1E4 url(../images/design/input-bg.jpg) repeat-x; border: 0; height: 20px; line-height: 12px; font-size: 12px; color: #666; padding: 1px 2px 1px 2px; width: 150px; float: left; }
form.loginform input.text-small { background: #FFF; border: 1px solid #000; height: 16px; line-height: 12px; font-size: 12px; color: #666; padding: 1px 2px 1px 2px; width: 80px; }
form.loginform input.text-search { background: #FFF; border: 1px solid #B6AA83; width: 220px; height: 14px; font-size: 9px; color: #666; padding: 2px 5px 1px 5px; float: left; margin: 0 5px 0 0; }
form.loginform input.postcode { width: 40px; margin: 0 10px 0 0; }
form.loginform input.city { width: 144px; }
form.loginform input.checkbox { float: left; }
form.loginform input.button { margin:-5px 0px 0px 0px;background:url(../images/design/button-ok.jpg) no-repeat; width:41px;height:22px;border:0px;}
form.loginform input.button:hover {  }
form.loginform select { width: 208px; line-height: 12px; font-size: 12px; color: #666;  }
form.loginform select.small { width: 100px; }
form.loginform select.small-pricetype { width: 130px; }
form.loginform label { display: block; width: 100px; float: left; margin: 0 5px 0 0;  padding-top: 4px; padding-bottom: 4px;}
form.loginform label span { display: block; float: right; font-weight: bold; color: #999; padding: 0 0 0 5px; line-height: 16px;}
form.loginform label span.default-price { float:left; font-weight: normal; clear:both; width: 150px; }
form.loginform label.checkbox { background: none; width: 200px; float: left; }
form.loginform label.checkbox span { font-weight: normal; }
form.loginform label.nobg { background: none; padding-bottom: 2px; padding-top: 2px; }
form.loginform label.error { margin: 0 0 0 5px; padding: 0 0 0 20px;  width: 150px; height: 20px; font-size: 9px; background: url('../images/icons/un-checked.gif') no-repeat 0 0; }
form.loginform label.checked { background: url('../images/icons/checked.gif') no-repeat 0 0;   }
form.loginform .login-box-bottom-text { width: 109px; float: left; text-align: center; }
form.loginform #submit-button-box { width: 41px; float: left; }


/* KAPCSOLAT FORM START */
form#contactform { margin: 15px 0 0 0; font-size: 14px; font-family: "Arial"; height:250px; }
form#contactform div.row { width: 100%; margin: 0 0 10px;   }
form#contactform label { display: block; width: 70px; float: left; padding: 0px 0 10px 0;}
form#contactform label span { font-weight: bold; color: #333;  }
form#contactform input.text { float:left; padding: 1px 2px; height: 18px; width: 300px; border: 0; }
form#contactform input.button { margin:0; }
form#contactform textarea { background-color:#DDE1E4; float:left;  width: 304px; height: 121px; padding: 5px; font-size: 14px; font-family: "Arial";  border: 0; }
form#contactform a.button { width: 164px; height: 26px;  background: url("../images/input-button.png") no-repeat 0 0; float: left; margin-left: 235px; cursor: pointer; }
form#contactform a.button:hover { background-position: 0 -26px; }
form#contactform a.button div { width: 56px; margin: 5px auto;  font-weight: bold; color: #000;  font-style: italic;  }
form#contactform a.button div span { display: block; color: #FFF;  position: absolute; top: -1px; left: -1px; }

/*pager*/
/*pager css3*/
div#pager {}
.pager-title{color:#222;font-size:10px;}
div#pager.pager-box { z-index: 100; padding: 10px 0px; margin: 10px auto; font-size: 10px; text-align: center; color: #fff; }
div#pager.pager-box a { font-size: 10px; color: #fff; font-weight: normal; }
div#pager.pager-box a:hover { color: #666; background: #ccc; }
div#pager .current, div#pager .paginate, div#pager .inactive { padding: 3px 5px; margin: 0px 2px; display: block; float: left; background: #666;
/*background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #f2f2f2), to(#FFFFFF));
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: rgba(0,0,0, 0.1) 2px 2px 8px;
-moz-box-shadow: rgba(0,0,0, 0.1) 2px 2px 8px;
-webkit-box-shadow: rgba(0,0,0, 0.1) 2px 2px 8px;*/
}
div#pager a.current { background:#ccc;color:#666; }

/* SITEMAP */
div#sitemap ul { margin:0 0 20px 20px; list-style-type:square; }
div#sitemap ul li a { color: #000; font-size: 14px; padding: 2px 0; font-weight: 400; }
div#sitemap ul li a:hover { text-decoration:underline; }

/* GALLERY */
#gallery { width: 620px; margin: 0 auto; }
#gallery h2 { margin: 5px 0; }
#gallery h2 a { color: #234689; text-decoration: underline; font-size:18px;  }
.albums {width: 620px; padding: 0 5px; }
.thumb { width: 198px; float: left; margin-bottom: 2px;  }
#gallery .center { margin-left: 5px; margin-right: 5px; }
#gallery  .thumb div.pic {  width: 198px; height: 126px; background: none;  padding: 5px 0; text-align: center; float: none; }
#gallery  .thumb div.pic img {border: 1px solid #FFF;  }
#gallery  .thumb div.text { height: 20px; line-height: 18px; font-size: 9px; text-align: center; color: #444; }
#gallery #video { height: 313px; width: 384px;; margin: 5px 5px 5px 0; float: left; }
#gallery #video-meta { width: 225px; margin: 5px 0px 5px 0; float: right; }
#gallery #video-meta h1 { font-size: 12px; color: #333; font-weight: bold; border-bottom: 1px solid #333; margin: 0 0 10px;  }
#gallery #video-meta p { font-size: 10px; color:#333; }