@charset "utf-8";

/***************************/
/** ALAPVETŐ STÍLUSELEMEK **/
/***************************/
html { height: 100%; }
body { background: #1095A8 url(../images/site-bg.png) repeat-x 0 0; height: 100%; margin: 0; padding: 0; font-family: "Trebuchet MS",sans-serif; font-size: 12px; }

h1,h2,h3,h4 { font-family: "Trebuchet MS",sans-serif; margin: 0; padding: 0; font-weight: normal; }
h4 { letter-spacing: -0.5pt; }

h1 { color: #FA750B; font-size: 24px; }
h2 { color: #328FAE; font-size: 20px; border-top: 2px solid #E9E9E9; padding-top: 5px; letter-spacing: -0.6pt; }

a img { border: none; }
a { color: #1095A8; text-decoration: underline; }
a:hover { color: #2C7E96; text-decoration: underline; }

small { font-size: 10px; }

/**********************/
/** STRUKTÚRA ELEMEI **/
/**********************/
div.clear,br.clear { clear: both; line-height: 1px; }

#container { width: 982px; max-width: 982px; margin: 0 auto; padding: 0; position: relative; }
#header { background: url(../images/header.png) no-repeat 0 0; width: 982px; height: 230px; margin: 0; padding: 0; position: relative; }
#header-flags { background: url(../images/flags.png) no-repeat 0 0; width: 96px; height: 31px; left: 60px; top: 9px; position: absolute; list-style: none; margin: 0; padding: 6px 0 0 6px; }
#header-flags li { list-style: none; float: left; padding: 0; margin: 0 3px 0 0; }
#header-flags li a { display: block; width: 26px; height: 20px; }
#header-flags li a:hover { display: block; width: 26px; height: 20px; }

/** tartalmi rész **/
#content-wrapper { background: url(../images/content-bg-full.png) repeat-y 0 0; width: 982px; }
#content-mid { background: url(../images/content-bg-top.png) no-repeat 0 0; width: 982px; }
#left { width: 226px; margin: 20px 20px 0 30px; float: left; position: relative; }
#content { width: 665px; margin: 20px 0 30px 0; float: left; position: relative; }
#content p { color: #666666; line-height: 16px; }
#content h1.pagetitle { padding-left: 10px; background: url(../images/heading-bg.png) repeat-x center left; font-weight: bold; letter-spacing: -0.7pt; font-size: 26px; margin-bottom: 20px; color: #000; }
#content h1.pagetitle span { display: table; padding: 0 6px; background: #FFF; width: auto; }

#footer { width: 982px; height: 96px; background: url(../images/footer-bg.png) no-repeat 0 0; position: relative; }
#footer div.copyright { position: absolute; left: 50px; top: 26px; color: #FFF; font-size: 10px; font-weight: bold; }
#footer div.baczoni { position: absolute; left: 748px; top: 18px; width: 170px; height: 28px; }
#footer div.baczoni a { width: 170px; height: 28px; display: block; }

/**********************/
/** BAL OLDALI HASÁB **/
/**********************/
#leftbox { width: 226px; margin-bottom: 10px; background: url(../images/left-box-bg.png) no-repeat 0 10px; }
#leftbox-inside { width: 226px; background: url(../images/left-box-bottom.png) no-repeat bottom left; position: relative; }
#leftbox-content { padding: 57px 10px 20px 10px; width: 206px; font-size: 11px; color: #FFF; }

#left a { color: #FEC5A9; text-decoration: none; }
#left a:hover { color: #FEDCCB; text-decoration: none; }

#left div.info { border-bottom: 1px solid #F38A56; line-height: 20px; }
#left span.small { font-size: 10px; }
#left span.data { color: #FEC5A9; }

/*************/
/** GALÉRIA **/
/*************/
div.imagelist { margin: 0 auto; width: 582px; margin-top: 15px; }
div.thumb { float: left; width: 194px; margin: 0 0 -7px 0; position: relative; }
div.thumb div.albumtitle { position: absolute; left: 7px; bottom: 18px; width: 168px; padding: 0 6px; line-height: 20px; font-size: 11px; background: #000000; color: #FFF; -moz-opacity: 0.8; }
div.thumb img { padding: 7px 7px 13px 7px; background: url(../images/imgborder.png) no-repeat 0 0; }

/*****************/
/** VENDÉGKÖNYV **/
/*****************/
#gbposts { width: 95%; margin: 0 auto; background: #FFF; clear: both; padding-top: 15px; }
div.gbpost { background: #EFEFEF; padding: 12px; margin-bottom: 5px; }
div.gbpost span.name { font-size: 14px; color: #EB632F; font-weight: bold; }
div.gbpost span.home { font-size: 11px; color: #555555; font-weight: normal; padding-left: 10px; }
div.gbpost div.message { font-size: 11px; color: #333333; margin-top: 3px; }

/****************************/
/** KÜLÖNFÉLE STÍLUSELEMEK **/
/****************************/

/** vissza link **/
div.backlink { position: absolute; right: 15px; top: 45px; }

/** fejlécekhez tartozó stílusok **/
h2 span.descr { color: #888888; font-size: 11px; font-weight: normal;  padding-left: 8px; letter-spacing: normal; }

/** nyomógombok **/
a.button { background: #EB632F; color: #FFF; padding: 3px 8px; line-height: 19px; font-weight: bold; text-decoration: none; font-size: 10px; }
a.button:hover { background: #EE9658; }

/** oldalnavigáció **/
ul.pagenavi { padding: 3px; margin: 15px 0 0 30px; list-style: none; }
ul.pagenavi li { float: left; margin: 0; padding: 0; list-style: none; color: #FFF; background: #EB632F; margin-right: 3px; }
ul.pagenavi li.sel { font-size: 16px; padding: 4px 7px; font-weight: bold; }
ul.pagenavi li a { display: block; font-size: 16px; padding: 4px 7px; color: #888; text-decoration: none; background: #CFCFCF; }
ul.pagenavi li a:hover { color: #FFF; background: #1095A8; text-decoration: none; font-weight: normal; }

/** felsorolások **/
#content ul { padding-left: 10px; list-style-position: inside; list-style-type: disc; list-style-image: url(../images/list-b1.png); }

/** üzenetdobozok **/
div.success { border: 1px solid #79B346; background: #B5D7A2; padding: 5px 6px; margin: 0 0 10px 0; font-size: 11px; color: #49702E; }
div.success h3 { font-size: 16px; font-weight: bold; color: #49702E; margin: 5px 0 3px 0; line-height: 16px; }
div.success span { margin: 0; color: #49702E; }

/** bal oldali akciós doboz **/
#featured h2 { color: #FBD5C8; font-size: 14px; line-height: 20px; margin-bottom: 5px; border: none; letter-spacing: normal; font-weight: bold; }
#featured h2 a { color: #FBD5C8; text-decoration: none; }
#featured h2 a:hover { color: #FCE8E2; text-decoration: none; }
#featured img { padding: 3px; background: url(../images/featured-img-border.png) no-repeat 0 0; }
#featured p { color: #FFF; background: #D64C25; padding: 5px; margin: 5px 0 0 0; font-size: 10px; line-height: 12px; }

/** étlap **/
ul.menulist { list-style: none; margin: 0; padding: 0; list-style-image: none; margin-bottom: 15px; }
ul.menulist li { background: #EFEFEF; list-style: none; padding: 2px 0; line-height: 25px; border-bottom: 1px solid #CFCFCF; }
span.menuday { float: left; width: 80px; text-align: right; display: block; background: #1095A8; color: #FFF; font-weight: bold; padding: 0 6px; margin-right: 6px; }
span.menuletter { background: #E5E5E5; color: #666666; font-weight: bold; padding: 4px 6px; margin: 0 6px; }

/** képigazítások **/
img.leftalign { border: 4px solid #EB632F; float: left; margin: 0 10px 10px 0; padding: 1px; }
img.rightalign { border: 4px solid #EB632F; float: right; margin: 0 0 10px 10px; padding: 1px; }
img.centeralign { border: 4px solid #EB632F; margin: 2px 2px; padding: 1px; }

/********************/
/** ŰRLAP BASZÁSOK **/
/********************/
form { margin: 0; }
input,textarea { font-family: "Trebuchet MS",sans-serif; font-size: 12px; border: 0; }
select { font-family: "Trebuchet MS",sans-serif; font-size: 12px; }

form.cols { width: 610px; margin: 0 auto; }
form.cols p { width: 300px; float: left; margin: 0 5px 5px 0; position: relative; }
form.cols p.button { clear: both; margin: 5px 0 0 0; }
form.cols label { line-height: 22px; cursor: pointer; text-align: left; width: 300px; }
form.cols label span { background: url(../images/form-gb-labelbg.png) no-repeat 0 0; line-height: 22px; height: 23px; text-align: left; display: block; cursor: pointer; font-size: 10px; padding-left: 8px; color: #FFF; }
form.cols input.text { background: url(../images/form-gb-text.png) no-repeat 0 0; width: 290px; height: 18px; color: #222; padding: 4px 5px; }
form.cols input.text:focus { background: url(../images/form-gb-text.png) no-repeat 0 -26px; }
form.cols input.error,form.guestbook input.error:focus { background: url(../images/form-gb-text.png) no-repeat 0 -52px; width: 290px; height: 18px; color: #9C2528; padding: 4px 5px; }
form.cols input.cal { padding: 4px 5px 4px 28px; width: 267px; }
form.cols textarea { background: url(../images/form-gb-textarea.png) no-repeat 0 0; width: 290px; height: 177px; color: #222; padding: 5px 5px; overflow: auto; }
form.cols textarea:focus { background: url(../images/form-gb-textarea.png) no-repeat 0 -187px; }
form.cols textarea.error,form.guestbook textarea.error:focus { background: url(../images/form-gb-textarea.png) no-repeat 0 -374px; width: 290px; height: 177px; color: #222; padding: 5px 5px; overflow: auto; }
form.cols select { width: 300px; padding: 2px 2px; }
form.cols label.error { display: none; }
form.cols label.checked { display: none; }
form.cols div.error { display: none; }
form.cols img.cal { position: absolute; left: 8px; top: 27px; }

input.button { background: url(../images/button-bg.png) no-repeat 0 0; width: 124px; height: 30px; line-height: 29px; font-size: 10px; color: #FFF; text-align: center; padding: 0; margin: 0; text-transform: uppercase; cursor: pointer; }
input.button:hover { background: url(../images/button-bg.png) no-repeat 0 -30px; line-height: 30px; }