/*
    $ http://www.halywoodfood.hu $
    $ style/style.css | 2010/01/06 11:42 | 2010/12/22 10:27 $
    $ 
    $ ----------------------------------------$
    $ colors:
    $ ----------------------------------------$
    $ magenta light (link)      - #eb0657
    $ magenta dark (link hover) - #78012b
    $ blue (text)               - #24668c
    $ blue light 1 (img border) - #71cdda
    $ blue light 2 (map border) - #d4f2f4
    $ cian (inputbox|table)     - #71cdda
    $ ----------------------------------------$
*/



/* GENERAL
----------------------------------------------------------------------------------------------------------------------------- */
html { margin: 0; padding: 0; color: #24668c; font: normal normal 12px/22px arial, verdana; background: url(bg.jpg) repeat-x 0 0; background-color: #b9e9ed; }
body { margin: 0; padding: 0; background: url(body.jpg) no-repeat center 0; }
.container { width: 960px; margin: 0 auto; padding: 0; background: url(container.jpg) repeat 0 0; overflow: hidden; }
h1 { clear: both; width: 605px; height: 45px; margin: 0; padding: 8px 0 0 20px; color: #24668c; background: url(h1.gif) no-repeat 0 0; font: normal bold 29px/34px Times, Times new roman; font-style: italic; }
h2 { clear: both; margin: 0; padding: 28px 0 0 20px; color: #24668c; font: normal bold 20px/24px Times, Times new roman; font-style: italic; }
h2 a { clear: both; margin: 0; padding: 28px 0 0 20px; color: #24668c !important; font: normal bold 20px/24px Times, Times new roman !important; font-style: italic !important; background: none !important; }
.left h2 a:hover { color: #24668c !important; }
h3 { clear: both; margin: 0; padding: 28px 0 0 20px; font: normal bold 14px/18px arial, verdana; }
h3 a:hover { text-decoration: none !important;  }
.last { border: none !important; }
.clearFix { clear: both; width: 100%; height: 20px; }
ol { margin: 0; padding: 0 0 0 50px; list-style-type: none; }
ol li { margin: 0; padding: 4px 0; text-indent: -13px; }
i { border-bottom: 1px dotted #24668c; }



/* HEADER
----------------------------------------------------------------------------------------------------------------------------- */
.header { float: left; width: 960px; height: 416px; background: url(header.jpg) no-repeat 0 0; position: relative; }
.logo { display: block; width: 337px; height: 152px; background: url(logo.jpg) no-repeat 0 0; text-indent: -50000px; position: absolute; top: 0; left: 0; text-decoration: none; }
/* top buttons */
.buttons { margin: 0; padding: 0; list-style-type: none; position: absolute; top: 20px; right: 0; }
.buttons li { float: left; margin: 0; padding: 0 3px; }
.buttons img { border: none; }
/* menu */
.menu1 { width: 114px; height: 63px; background: url(menu1.png) no-repeat 0 0; position: absolute; top: 153px; left: 412px; }
.menu2 { width: 134px; height: 63px; background: url(menu2.png) no-repeat 0 0; position: absolute; top: 127px; left: 504px; }
.menu3 { width: 165px; height: 63px; background: url(menu3.png) no-repeat 0 0; position: absolute; top: 176px; left: 583px; }
.menu4 { width: 125px; height: 63px; background: url(menu4.png) no-repeat 0 0; position: absolute; top: 130px; left: 692px; }
.menu5 { width: 147px; height: 63px; background: url(menu5.png) no-repeat 0 0; position: absolute; top: 222px; left: 701px; }
.menu6 { width: 159px; height: 63px; background: url(menu6.png) no-repeat 0 0; position: absolute; top: 148px; left: 801px; }
.menu1:hover { background: url(menu1.png) no-repeat 0 -63px; }
.menu2:hover { background: url(menu2.png) no-repeat 0 -63px; }
.menu3:hover { background: url(menu3.png) no-repeat 0 -63px; }
.menu4:hover { background: url(menu4.png) no-repeat 0 -63px; }
.menu5:hover { background: url(menu5.png) no-repeat 0 -63px; }
.menu6:hover { background: url(menu6.png) no-repeat 0 -63px; }
.menu1 a { display: block; width: 114px; height: 63px; text-decoration: none !important; }
.menu2 a { display: block; width: 134px; height: 63px; text-decoration: none !important; }
.menu3 a { display: block; width: 165px; height: 63px; text-decoration: none !important; }
.menu4 a { display: block; width: 125px; height: 63px; text-decoration: none !important; }
.menu5 a { display: block; width: 147px; height: 63px; text-decoration: none !important; }
.menu6 a { display: block; width: 159px; height: 63px; text-decoration: none !important; }
.menu1A { width: 114px; height: 79px; background: url(menu1A.png) no-repeat 0 0; position: absolute; top: 153px; left: 412px; }
.menu2A { width: 134px; height: 89px; background: url(menu2A.png) no-repeat 0 0; position: absolute; top: 127px; left: 504px; }
.menu3A { width: 165px; height: 85px; background: url(menu3A.png) no-repeat 0 0; position: absolute; top: 176px; left: 583px; }
.menu4A { width: 125px; height: 76px; background: url(menu4A.png) no-repeat 0 0; position: absolute; top: 130px; left: 692px; }
.menu5A { width: 168px; height: 63px; background: url(menu5A.png) no-repeat 0 0; position: absolute; top: 222px; left: 680px; }
.menu6A { width: 159px; height: 88px; background: url(menu6A.png) no-repeat 0 0; position: absolute; top: 148px; left: 801px; }
.menu1A a { display: block; width: 114px; height: 63px; text-decoration: none !important; }
.menu2A a { display: block; width: 134px; height: 63px; text-decoration: none !important; }
.menu3A a { display: block; width: 165px; height: 63px; text-decoration: none !important; }
.menu4A a { display: block; width: 125px; height: 63px; text-decoration: none !important; }
.menu5A a { display: block; width: 147px; height: 63px; margin: 0 0 0 22px; text-decoration: none !important; }
.menu6A a { display: block; width: 159px; height: 63px; text-decoration: none !important; }



/* CONTENT
----------------------------------------------------------------------------------------------------------------------------- */
.content p.textCenter { text-align: center; }
.content p.textCenter img { float: none !important; }
.content p { clear: both; margin: 0; padding: 10px 20px 10px 20px; text-align: justify; }
.content .left { float: left; width: 625px; margin: 0; padding: 0 43px 0 13px; overflow: hidden; }
.content .left p { overflow: hidden; }
.content .left a { margin: 0; padding: 0 0 1px 0; color: #24668c; font: normal bold 12px/22px verdana, arial; text-decoration: none; background: url(a.gif) repeat-x 0 bottom; }
.content .right a { margin: 0; padding: 0 0 1px 0; color: #24668c; font: normal bold 12px/22px verdana, arial; text-decoration: none; }
.content a:hover { background: none; color: #78012b !important; }
.content .left ul { clear: left; }
.content .left p span { font-style: italic; }
.content .left .fastNav { float: left; clear: none; margin: 0 !important; padding: 12px 0 0 35px !important; color: #eb0657; }
.content .left .fastNav li { margin: 0; padding: 0; }
.content .left img { float: left; margin: 6px 10px 7px 0; padding: 0; border: 3px solid #71cdda; overflow: hidden; }
.content .left img.imgRight { float: right; margin: 7px 0 7px 10px; padding: 0; border: 3px solid #71cdda; }
.content .left a { color: #eb0657; }
.content .left h3 a { color: #24668c; background: none; }
.content .left p strong { color: #eb0657; }
.columnLeft { width: 50%; clear: left; float: left; }
.columnLeft p { text-align: left; }
.columnRight { width: 50%; float: right; }
.columnRight p { text-align: left; }
.content .right { float: right; width: 254px; margin: 0; padding: 0 25px 0 0; }
.content .right a:hover { color: #24668c !important; text-decoration: underline; }
.content .right h2 { width: 254px; height: 45px; margin: 0; padding: 8px 0 0 20px; color: #24668c; background: url(rightH2.gif) no-repeat 0 0; font: normal bold 29px/34px Times, Times new roman; font-style: italic; }
.content .right h3 { width: 254px; height: 45px; margin: 0; padding: 8px 0 0 20px; color: #fff; background: url(rightH3.gif) no-repeat 0 0; font: normal bold 29px/34px Times, Times new roman; font-style: italic; }
.content label.error { color: #eb0657; font-weight: bold; }
.content .left .btnKormanyRendelet { margin: 0 auto !important; display: block; width: 254px !important; height: 45px !important; margin: 0; padding: 16px 0 0 0 !important; color: #fff !important; background: url(btnKormanyRendelet.png) no-repeat 0 0 !important; border: none; font: italic bold 30px/14px Times new roman !important; text-align: center; }
.content .left .btnKormanyRendelet:hover { color: #fff !important; background: url(btnKormanyRendelet.png) no-repeat 0 -61px !important; }
.content .left .btnKormanyRendelet span { margin: 0 !important; padding: 0 !important; font: italic bold 12px/14px arial; }
/* forum */
.content .left form { float: left; width: 464px; margin: 0; padding: 15px 0 60px 20px; }
.content .left form img { border: none; }
.content .left form p { margin: 0; padding: 5px 0 0 0; }
.content .left .sendMessage { width: 585px; text-align: center; background-color: orange; }
.content .left label { display: block; float: left; width: 100px; margin: 0; padding: 2px 5px 0 7px; text-align: right; }
.content .left .submit { width: 464px; }
.content .left .submit img { margin: 0 10px 0 0; padding: 0; }
.content .left .inputbox { width: 182px; height: 22px; margin: 0; padding: 6px 10px 0 10px; color: #000; font: normal normal 12px/14px verdana, arial; font-style: italic; background: url(inputbox.gif) no-repeat right 0; border: none; }
.content .left .inputboxSmall { width: 50px; height: 22px; margin: 0; padding: 6px 10px 0 10px; color: #000; font: normal normal 12px/14px verdana, arial; font-style: italic; background: url(inputboxSmall.gif) no-repeat right 0; border: none; }
.content .left textarea { width: 332px; height: 122px; margin: 0; padding: 6px 10px 0 10px; color: #000; background: url(textarea.gif) no-repeat right bottom; border: none; font: normal normal 12px/14px verdana, arial; font-style: italic; }
.content .left .btnSubmit { float: right; color: #eb0657; font: normal bold 12px/14px verdana, arial; background: none; border: none; cursor: pointer; }
.boxMessage { float: left; width: 585px; margin: 0; padding: 5px 20px; }
.boxMessage .user { float: left; width: 105px; margin: 0; padding: 15px 0 0 0; font: normal normal 10px/12px verdana; }
.boxMessage .user strong { font: normal bold 14px/18px verdana; }
.boxMessage .contentMessage { float: left; width: 480px; }
.boxMessage .contentMessage .top { float: left; width: 480px; height: 34px; background: url(contentMessageTop.png) no-repeat 0 0; }
.boxMessage .contentMessage .body { float: left; width: 400px; margin: 0; padding: 0 40px 15px 40px; color: #24668c; background: url(contentMessageBody.png) repeat-y 0 0; }
.boxMessage .contentMessage .body p { float: left; margin: 0; padding: 0;  }
.boxMessage .contentMessage .bottom { float: left; width: 480px; height: 13px; background: url(contentMessageBottom.png) no-repeat 0 0; }
.boxMessageA { float: left; width: 585px; margin: 0; padding: 20px 20px 5px 20px; }
.boxMessageA .user { float: left; width: 105px; margin: 0; padding: 15px 0 0 0; font: normal normal 10px/12px verdana; }
.boxMessageA .user strong { color: #eb0657; font: normal bold 14px/18px verdana; }
.boxMessageA .contentMessage { float: left; width: 480px; text-align: center; }
.boxMessageA .contentMessage .top { float: left; width: 480px; height: 34px; background: url(contentMessageATop.png) no-repeat 0 0; }
.boxMessageA .contentMessage .body { float: left; width: 400px; margin: 0; padding: 0 40px 15px 40px; color: #fff; background: url(contentMessageABody.png) repeat-y 0 0; text-align: left; }
.boxMessageA .contentMessage .body p { float: left; margin: 0; padding: 0;  }
.boxMessageA .contentMessage .bottom { float: left; width: 480px; height: 13px; background: url(contentMessageABottom.png) no-repeat 0 0; }
/* page nav - forum */
.pageNav { float: left; width: 470px; padding: 20px 20px 0 135px; }
.pageNav ul { margin: 0; padding: 0; list-style-type: none; }
.pageNav ul li { float: left; width: 36px; height: 36px; margin: 0; padding: 0 2px 0 0; }
.pageNav ul li a { display: block; width: 36px; height: 30px; margin: 0; padding: 6px 0 0 0 !important; color: #24668c !important; font: normal bold 12px/14px verdana, arial; background: url(pageNav.png) no-repeat 0 0 !important; text-align: center; }
.pageNav ul li a.actual { background: url(pageNav.png) no-repeat 0 -36px !important; }
.pageNav ul li a:hover { color: #24668c !important; background: url(pageNav.png) no-repeat 0 -36px !important; }
/* page nav - news */
.pageNavIndex { float: left; width: 470px; padding: 20px 20px 0 20px; }
.pageNavIndex ul { margin: 0; padding: 0; list-style-type: none; }
.pageNavIndex ul li { float: left; width: 36px; height: 36px; margin: 0; padding: 0 2px 0 0; }
.pageNavIndex ul li a { display: block; width: 36px; height: 30px; margin: 0; padding: 6px 0 0 0 !important; color: #24668c !important; font: normal bold 12px/14px verdana, arial; background: url(pageNav.png) no-repeat 0 0 !important; text-align: center; }
.pageNavIndex ul li a.actual { background: url(pageNav.png) no-repeat 0 -36px !important; }
.pageNavIndex ul li a:hover { color: #24668c !important; background: url(pageNav.png) no-repeat 0 -36px !important; }
/* news */
.boxNews { float: left; width: 585px; height: 150px; margin: 0; padding: 20px 20px 0 20px; }
.boxNews .imageNews { float: left; width: 140px; height: 150px; margin: 0; padding: 0; }
.boxNews .contentNews { float: left; width: 445px; height: 105px; margin: 0; padding: 5px 0 0 0; overflow: hidden; }
.moreNews { float: left; width: 425px; height: 25px; margin: 0; padding: 10px 0 0 20px; }
.boxNews h2 { margin: 0; padding: 0 0 0 20px; color: #ff0060; font: normal bold 20px/20px Times, Times new roman; font-style: italic; }
.boxNews .dateNews { clear: both; margin: 0; padding: 0 0 0 20px; font: normal normal 10px/14px arial, verdana; color: #24668c; }
.boxNews p { margin: 0; padding: 10px 0 0 20px !important; }
ul.news { width: 350px; margin: 0; padding: 0 0 0 60px; list-style-type: none; }
ul.news li { padding: 6px 0 5px 0; }
ul.news li strong { font-size: 14px; }
span a { font-style: italic !important; }
/* newsletter */
.content .right label { display: block; float: left; width: 202px; margin: 0; padding: 0; }
.content .right .inputbox { width: 182px; height: 28px; margin: 0; padding: 6px 10px 0 10px; color: #000; font: normal normal 12px/14px verdana, arial; font-style: italic; background: url(inputbox.gif) no-repeat right 0; border: none; }
.content .right form p { margin: 0; padding: 0 0 0 20px; }
.content .right p.submit { width: 202px; padding: 5px 0 0 20px !important; text-align: center; }
.content .right .btnSubmit { color: #24668c; font: normal bold 12px/14px verdana, arial; background: none; border: none; cursor: pointer; }
.content .right .btnSubmit:hover { text-decoration: underline !important; }
/* modul */
.modul { float: left; width: 254px; margin: 0; padding: 0 0 45px 0; }
.modul p { text-align: left; }
.txtCenter { padding: 10px 20px 10px 0 !important; text-align: center !important; }
.modul img { border: none; }
.modul strong { font: normal bold 14px/22px verdana, arial; }
/* select */
.chosen { margin: 0; padding: 10px 0 0 20px; }
.chosen div { float: left; width: 175px; height: 170px; margin: 20px 20px 0 0; text-align: center; }
.chosen a img { float: left; clear: left; width: 175px; height: 117px; margin: 0 0 5px 0 !important; padding: 0 !important; background: none !important; }
.chosen a { float: left; clear: left; width: 175px; color: #eb0657; font: normal bold 18px/18px Times, Times new roman; font-style: italic; background: none !important; }
/* picture vote */
.chosen form { float: left; width: 181px !important; height: 215px !important; margin: 20px 20px 0 0 !important; padding: 0 !important; text-align: center; position: relative; }
.chosen form input.btnSubmit { float: none !important; background: none; border: none; text-align: center; width: auto !important; }
.chosen form input.btnSubmit:hover { text-decoration: underline !important; }
.chosen form p { float: left !important; width: 181px !important; margin: 0 !important; padding: 0 !important; text-align: center; line-height: 15px; }
.chosen form p.submit { width: 181px !important; margin: 0 !important; padding: 0 !important; text-align: center; position: absolute; bottom: 25px; left: 0; }
.chosen form p a { float: left; clear: left; width: 175px; color: #eb0657; font: normal bold 18px/18px Times, Times new roman; font-style: italic; background: none !important; }
.chosen form a img { float: left; clear: left; width: 175px; height: 117px; margin: 0 0 5px 0 !important; padding: 0 !important; background: none !important; border: 3px solid #71cdda !important; }
/* tipp */
.tipp { width: 605px; margin: 10px 0 30px 0; color: #eb0657; font-weight: bold; border-collapse: collapse; vertical-align: middle; border: none; }
.tippSign { position: relative; float: left; width: 45px; height: 50px; margin: 0; padding: 18px 38px 0 38px; background: url(tipp.png) no-repeat 20px 0; font: normal bold 28px/32px Times, Times new roman; }
.tippSign span { position: absolute; top: 18px; left: 38px; }
.tippText{ width: 472px; text-align: left; background: none; }
/* link to top */
.linkToTop { clear: left; width: 605px; margin: 0; padding: 0 20px 10px 0; text-align: right; }
.linkToTop a { display: block; width: 28px; height: 21px; margin: 0; padding: 6px 0 0 0 !important; color: #fff !important; float: right; background: url(linkToTop.png) no-repeat 0 0 !important; text-align: center; font: normal normal 11px/13px arial, verdana !important; }
.linkToTop a:hover { color: #fff !important; text-decoration: none; }
/* google map */
div.mapContainer { float: left; width: 625px; height: 500px; margin: 0; padding: 30px 43px 0 20px; position: relative; z-index: 1; overflow: hidden; }
div.mapBTL { position: absolute; top: 0px; left: 0px; width: 17px; height: 17px; background: url(googlemap_border_tl.gif) no-repeat top left; z-index: 3; }
div.mapBTR { position: absolute; top: 0px; right: 0px; width: 17px; height: 17px; background: url(googlemap_border_tr.gif) no-repeat top left; z-index: 3; }
div.mapBBL { position: absolute; bottom: 0px; left: 0px; width: 17px; height: 17px; background: url(googlemap_border_bl.gif) no-repeat top left; z-index: 3; }
div.mapBBR { position: absolute; bottom: 0px; right: 0px; width: 17px; height: 17px; background: url(googlemap_border_br.gif) no-repeat top left; z-index: 3; }
div.map { float: left; margin: 0 !important; padding: 0 !important; width: 580px; height: 494px; border: #d4f2f4 3px solid; z-index: 1; overflow: hidden; }
div.map a { color: #000 !important; font: normal normal 11px/13px arial !important; background: none !important; }
/* table */
table { margin: 10px 20px;  text-align: center; border: 1px solid #d4f2f4; }
table th { color: #fff; background-color: #eb0657; }
table td { padding: 5px; background-color: #d4f2f4; }
table td.bold { font-weight: bold; background-color: #71cdda; color: #fff; }
/* raisers */
.boxRaiser { float: left; width: 585px; height: 105px; margin: 0; padding: 10px 20px 10px 20px; }
.boxRaiser .imageRaiser { float: left; width: 110px; height: 105px; margin: 0; padding: 0; }
.boxRaiser .imageRaiser img { width: 100px; height: 100px; }
.boxRaiser .contentRaiser { float: left; width: 445px; height: 110px; margin: 0; padding: 0; overflow: hidden; }
.boxRaiser h3 { margin: 0; padding: 12px 0 0 20px; font: normal bold 18px/20px Times, Times new roman; font-style: italic; }
.boxRaiser p { margin: 0; padding: 10px 0 0 20px !important; }
.boxRaiser a { color: #24668c !important; background: none !important; }
.boxRaiser a:hover { color: #24668c !important; text-decoration: underline; }



/* FOOTER
----------------------------------------------------------------------------------------------------------------------------- */
.footer { float: left; width: 100%; height: 436px; margin: 0; padding: 0 0 0 0; color: #fff; background: url(footer.jpg) repeat-x 0 0; }
.footer a:hover { color: #fff !important; text-decoration: underline; }
.footer .content { width: 960px; height: 196px; margin: 0 auto; padding: 240px 0 0 0; position: relative; }
/* nav */
.nav { height: 13px; margin: 0 auto; padding: 0; list-style-type: none; text-align: center; }
.nav li { display: inline; line-height: 10px; margin: 0; padding: 0 7px; border-right: 1px solid #fff; }
.nav a { color: #fff; font: normal normal 13px/10px arial, verdana; text-decoration: none; }
/* copyright */
.copyright { font: normal normal 9px/13px arial, verdana; position: absolute; top: 330px; left: 0; }
.copyright a { color: #fff; font: normal normal 10px/14px arial, verdana; text-decoration: none; }
.copyright p { margin: 0; padding: 0 0 14px 0; }
/* s4d */
.s4d { display: block; width: 62px; height: 41px; background: url(logoS4D.jpg) no-repeat 0 0; text-decoration: none; position: absolute; top: 341px; left: 449px; }
.s4d:hover { text-decoration: none !important; background: url(logoS4D.jpg) no-repeat 0 0 !important; }
/* validation */
.validation { height: 17px; margin: 0; padding: 3px 0 0 30px; list-style-type: none; background: url(validation.jpg) no-repeat 0 center; position: absolute; top: 350px; right: 0; }
.validation li { float: left; margin: 0; padding: 0 3px; color: #fff; font: normal bold 12px/14px verdana, arial; }
.validation a { color: #fff; font: normal bold 12px/14px verdana, arial; text-decoration: none; }