@import url("style.main.css");

/***************************/
/** ALAPVETŐ STÍLUSELEMEK **/
/***************************/
body { background: #161616 url(../images/site-bg.png) repeat-x 0 0; margin: 0; padding: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 11px; color: #CCC; }

h1,h2,h3,h4,h5,h6 { font-family: "Arial",sans-serif; font-weight: normal; line-height: normal; }

a { color: #666; text-decoration: none; }
a:hover { color: #888; text-decoration: none; }
a:active { -moz-outline-style: none; outline: none; }
a:focus { -moz-outline-style: none; outline: none; }

input,textarea,select { background: #ECECEC; color: #333; }

.dn { display: none; }

.success { color: #FFF; background: #90C238; font-weight: bold; padding: 8px 12px; margin: 15px 0; border: 1px solid #70982E; }
.imgrt { float: right; margin: 0 0 12px 12px; padding: 1px; border: 6px solid #C2C2C2; }
.imglt { float: left; margin: 0 12px 12px 0; padding: 1px; border: 6px solid #C2C2C2; }

.laterMsg { text-align: center; margin: 50px 0; color: #999; font-size: 12px; }

/***************/
/** STRUKTÚRA **/
/***************/
#container { width: 890px; margin: 0; background: #000; }

#left { width: 400px; margin-right: 15px; padding-top: 24px; min-height: 500px; float: left; }
#right { width: 430px; min-height: 500px; float: left; }

#header { height: 105px; }
#header h1 { width: 210px; height: 25px; background: url(../images/site-logo.png) no-repeat 0 0; top: 30px; right: 45px; position: absolute; font-size: 1px; text-indent: -9000px; }
#header a { display: block; width: 100%; height: 100%; }

#navi { width: 152px; border-top: 22px solid #E7000D; }
#navi ul { width: 101px; margin-top: 18px; float: right; list-style: none; }
#navi li { height: 13px; margin-bottom: 14px; text-indent: -9000px; }
#navi li a { display: block; background-image: url(../images/navi.png); background-repeat: no-repeat; text-indent: -9000px; }
#navi li a.n1 { background-position: 0 0; }
#navi li a.n2 { background-position: 0 -27px; }
#navi li a.n3 { background-position: 0 -54px; }
#navi li a.n4 { background-position: 0 -81px; }
#navi li a.n5 { background-position: 0 -108px; }
#navi li a.n6 { background-position: 0 -135px; }
#navi li a.n7 { background-position: 0 -162px; }
#navi li a.n1:hover { background-position: -101px 0; }
#navi li a.n2:hover { background-position: -101px -27px; }
#navi li a.n3:hover { background-position: -101px -54px; }
#navi li a.n4:hover { background-position: -101px -81px; }
#navi li a.n5:hover { background-position: -101px -108px; }
#navi li a.n6:hover { background-position: -101px -135px; }
#navi li a.n7:hover { background-position: -101px -162px; }

#navi ul.naviSub { position: absolute; left: 172px; width: 210px; margin: 0; border-left: 1px solid #333; padding: 0 0 0 20px; float: none; list-style: none; }
#navi ul.naviSub li { height: auto; margin: 10px 0; text-indent: 0; }
#navi ul.naviSub li a { display: block; background: none; text-indent: 0; text-transform: uppercase; font-size: 9px; color: #666; }
#navi ul.naviSub li a:hover { color: #999; }

#contentContainer { width: 100%; }
#contentContainer h1 { margin-bottom: 30px; font-size: 16px; color: #EFEFEF; letter-spacing: 4px; }

#content p { font-size: 11px; line-height: 17px; margin-bottom: 15px; }
#content ul { padding: 5px 40px 20px 40px; }
#content li { margin-bottom: 5px; }

#pagepath { border-bottom: 1px solid #282828; color: #777; font-size: 11px; padding: 0 0 10px 0; margin-bottom: 15px; }
#pagepath a { color: #999; text-decoration: none; }
#pagepath a:hover { color: #FFF; }

#boxWelcome { padding: 40px 30px 20px 30px; }
#boxWelcome h1 { color: #DFEFE6; font-size: 28px; margin-bottom: 6px; }
#boxWelcome p { font-family: "ArialNarrow", Arial Narrow, Arial,sans-serif; color: #93C8AA; font-size: 14px; }
#boxWelcome p a { font-family: "ArialNarrowBold", Arial Narrow, Arial,sans-serif; color: #DFEFE6; text-decoration: none; }
#boxWelcome p a:hover { text-decoration: underline; }

#boxContent { background: #FFF; min-height: 300px; padding: 0 30px; }
#boxContent h2 { font-size: 22px; color: #333; letter-spacing: -0.3pt; margin-bottom: 20px; }

.backButton { text-align: center; font-size: 11px; padding: 15px 0; }
.backButton a { color: #444; }
.backButton a:hover { color: #EFEFEF; }

#boxStartLeft { width: 262px; float: left; padding: 30px 30px 80px 0; }
#boxStartCenter { width: 230px; float: left; padding: 30px 30px 80px 30px; border-right: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC; }
#boxStartRight { width: 226px; float: left; padding: 30px 0 80px 30px; }

a.buttonMore { text-align: center; background: #CCC; display: block; width: 210px; height: 28; padding: 7px 0; text-transform: uppercase; color: #666; font-size: 11px; font-weight: bold; text-decoration: none; position: absolute; bottom: 30px; cursor: pointer; }
a.buttonMore:hover { background: #005823; color: #FFF; }
a.buttonMore:active { background: #005823; color: #FFF; bottom: 29px; }
#boxStartLeft a.buttonMore { left: 30px; }
#boxStartCenter a.buttonMore { left: 40px; }
#boxStartRight a.buttonMore { left: 38px; }

#boxStartCenter .newsBox { border-bottom: 1px solid #DCDCDC; padding-bottom: 10px; margin-bottom: 10px; }
#boxStartCenter .newsBox h3 { font-family: "Arial",sans-serif; font-size: 15px; margin-bottom: 5px; letter-spacing: -0.2pt; }
#boxStartCenter .newsBox h3 a { color: #3F3F72; font-weight: bold; text-decoration: none; }
#boxStartCenter .newsBox h3 a:hover { color: #222; }
#boxStartCenter .newsBox p { margin: 0; font-size: 12px; color: #666; }
#boxStartCenter .newsBox p.meta { font-size: 10px; font-weight: bold; color: #03652B; margin-bottom: 2px; text-transform: uppercase; }

#boxStartRight .eventBox { border-bottom: 1px solid #DCDCDC; padding-bottom: 10px; margin-bottom: 10px; }
#boxStartRight .eventBox h3 { font-family: "Arial",sans-serif; font-size: 15px; margin-bottom: 5px; letter-spacing: -0.2pt; }
#boxStartRight .eventBox h3 a { color: #666; font-weight: bold; text-decoration: none; }
#boxStartRight .eventBox h3 a:hover { color: #222; }
#boxStartRight .eventBox p { margin: 0; font-size: 10px; color: #999; }
#boxStartRight .eventBox p.meta { font-size: 10px; font-weight: bold; color: #6B6B91; margin-bottom: 2px; text-transform: uppercase; }

#newsContainer .newsBox { padding-bottom: 15px; margin-bottom: 15px; }
#newsContainer .newsBox h2 { font-size: 24px; margin-bottom: 5px; }
#newsContainer .newsBox h2 a { color: #666; text-decoration: none; }
#newsContainer .newsBox h2 a:hover { color: #777; }
#newsContainer .newsBox p { margin: 0; font-size: 13px; color: #666; }
#newsContainer .newsBox img { float: left; margin: 0 12px 5px 0; padding: 1px; border: 4px solid #222; }
#newsContainer .newsBox p.meta { font-size: 10px; font-weight: bold; color: #444; margin-bottom: 2px; text-transform: uppercase; }

#newsBody h1.newsTitle { font-size: 30px; color: #999; margin: 15px 0; letter-spacing: -0.2pt; }
#newsBody p.meta { font-size: 11px; font-weight: bold; color: #444; margin-bottom: 2px; text-transform: uppercase; }
#newsBody .textLead { font-weight: bold; margin-bottom: 25px; }
#newsBody img { float: right; margin: 0 0 5px 12px; padding: 1px; border: 6px solid #222; }

#boxContentLeft { width: 529px; border-right: 1px solid #DCDCDC; padding: 30px 30px 30px 0; float: left; line-height: 15px; font-size: 13px; color: #666; }
#boxContentLeft p { margin-bottom: 12px; line-height: 15px; font-size: 13px; color: #666; }
#boxContentRight { width: 250px; float: left; padding: 30px 0 30px 30px; }
#boxContentRight h1 { color: #CECECE; font-size: 54px; letter-spacing: -2pt; }
#boxContentLeft h1 { font-size: 24px; color: #005823; margin-bottom: 12px; letter-spacing: -0.3pt; }
#boxContentLeft h2 { font-size: 20px; color: #3F3F72; margin-bottom: 12px; letter-spacing: -0.3pt; }
#boxContentLeft h3 { font-size: 17px; color: #222; margin-bottom: 12px; letter-spacing: -0.3pt; }
#boxContentLeft h4 { font-size: 15px; color: #444; margin-bottom: 12px; letter-spacing: -0.2pt; }
#boxContentLeft ul { margin: 20px 40px; }

#boxRandomPics { margin-bottom: 30px; }
#boxRandomPics a img { float: left; padding: 1px; border: 5px solid #555; margin: 2px; }

#boxRandomVideo { margin-bottom: 30px; }
#boxRandomVideo a img { padding: 1px; border: 5px solid #555; }

#albumContainer .albumBox { height: 140px; float: left; margin: 2px 2px; }

#imageContainer h2 { font-size: 26px; color: #222; margin-bottom: 25px; }
#imageContainer .imageBox { width: 136px; float: left; margin: 3px; }
#imageContainer .imageBox img { border: 4px solid #555; padding: 1px; }
#imageContainer .imageBox span { font-size: 11px; line-height: 20px; color: #888; }
#imageContainer a.albumBack { text-align: center; background: transparent; display: block; height: 28; padding: 4px 14px; text-transform: uppercase; color: #444; font-size: 10px; font-weight: bold; text-decoration: none; position: absolute; top: 5px; right: 0; cursor: pointer; }
#imageContainer a.albumBack:hover { background: #E7000D; color: #FFF; }
#imageContainer a.albumBack:active { background: #E7000D; color: #FFF; top: 6px; }

#videoContainer h2 { font-size: 26px; color: #222; margin-bottom: 25px; }
#videoContainer .videoBox { width: 170px; float: left; margin: 3px; }
#videoContainer .videoBox img { border: 6px solid #555; padding: 1px; }
#videoContainer .videoBox span { font-size: 11px; line-height: 20px; color: #888; }

div.catalogBox { border-bottom: 1px solid #222; margin-bottom: 12px; }
div.catalogBox h3 { font-size: 16px; line-height: normal; margin-bottom: 10px; margin-top: 5px; color: #333; }
div.catalogBox h3 a { text-decoration: none; font-weight: none; color: #666; }
div.catalogBox h3 a:hover { color: #AAA; }
span.catalogDate { font-size: 10px; color: #333; }
div.catalogDetailIntro { font-weight: bold; }
div.dataTitle { background: #E7000D; color: #FFF; font-size: 10px; font-weight: normal; text-transform: uppercase; letter-spacing: 1pt; padding: 5px 7px; margin: 10px 0; }

#footer { padding: 30px 45px; width: 800px; font-size: 9px; text-align: right; color: #333; background: #000; text-transform: uppercase; }

#paginate { margin-top: 30px; }
#paginate a { padding: 6px 3px; color: #999; }
#paginate a.current { padding: 6px 3px; color: #888; font-weight: bold; }

form { margin: 0; }
input,textarea { font-family: "Arial",sans-serif; font-size: 12px; border: 0; }
select { font-family: "Arial",sans-serif; font-size: 12px; }

form.normal { margin: 25px auto; }
form.normal fieldset { padding: 20px 0; margin: 0; border: none; border-top: 1px solid #DCDCDC; }
form.normal legend { font-family: "ArialNarrowBold", Arial Narrow, Arial,sans-serif; padding: 8px; font-size: 20px; color: #005823; }
form.normal .row { margin: 0 0 5px 0; }
form.normal .rowButtons { clear: both; padding: 10px 0 25px 125px; }
form.normal label { width: 120px; color: #555; line-height: 29px; cursor: pointer; text-align: right; float: left; margin-right: 5px; font-size: 13px; }
form.normal label span { width: 120px; line-height: 29px; height: 29px; text-align: right; display: block; cursor: pointer; font-size: 13px; }
form.normal label.req:before { content: "* "; color: #555; }
form.normal input.text { float: left; background: #DCDCDC; width: 280px; color: #555; padding: 7px 9px; border-bottom: 1px solid #CCC; }
form.normal input.text:focus { border-bottom: 1px solid #E0BA15; }
form.normal input.error, form.normal input.error:focus { border-bottom: 1px solid #FF6633; }
form.normal textarea { float: left; background: #DCDCDC; width: 280px; color: #555; padding: 7px 9px; overflow: auto; border-bottom: 1px solid #CCC; }
form.normal textarea:focus { border-bottom: 1px solid #E0BA15; }
form.normal textarea.error, form.normal textarea.error:focus { border-bottom: 1px solid #BF1111; }
form.normal label.error { width: 50px; float: left; color: #BF1111; font-size: 12px; }
form.normal label.checked { width: 50px; float: left; color: #BF1111; font-size: 12px; }

label.error,label.error { display: none; color: #BF1111; text-transform: lowercase; margin-left: 6px; }
div.error { display: none; }

input.button { text-align: center; background: #CCC; padding: 7px 14px 5px 14px; text-transform: uppercase; color: #666; font-size: 10px; font-weight: bold; cursor: pointer; }
input.button:hover { background: #005823; color: #FFF; }
input.button:active { margin-top: 1px; }