/* CSS Document */

body {
margin: 0px;
padding: 0px;
font-family: Georgia, Arial, Tahoma;
font-size: 13px;
text-align: left;
text-decoration: none;
font-weight: normal;
color: #46362c;
background: url(/images/eskuvoszervezes_back.jpg) top left repeat;
}

ul {
margin: 0px;
padding: 0px;
padding-left: 30px;
}

li {
margin: 0px;
padding: 0px;
}

a {
color: #b13d00;
text-decoration: none;
}

a:hover {
text-decoration: underline; 
}

.clear {
clear: both;
}

#wrapper {
position: relative;
width: 100%;
height: auto;
background: url(/images/back_row.png) top left repeat-x;
padding-bottom: 20px;
}

#main_container {
position: relative;
width: 808px;;
height: auto;
margin: 0 auto 0 auto;
}

#back_row_shadow_container {
position: absolute;
width: 832px;
height: 167px;
background: url(/images/back_row_shadow.png) top center no-repeat;
top: 134px;
left: -12px;
}

#mainback_container {
position: absolute;
width: 325px;
height: 75px;
top: 0px;
left: 240px;
cursor: pointer;
z-index: 10000;
background: url(/images/spacer.gif) top left repeat;
}

/*-------------- header --------------*/
#header_container {
position: relative;
width: 808px;
height: 120px;
background: url(/images/header_back.png) top center no-repeat;
}

h1 {
font-size: 18px;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 0px;
text-align: center;
padding-top: 77px;
}

/*-------------- middle --------------*/
#middle_container {
position: relative;
width: 808px;
height: auto;
background: url(/images/middle_back.png) top center repeat-y;
}

/*-------------- footer --------------*/
#footer_container {
position: relative;
width: 808px;
height: 27px;
background: url(/images/footer_back.png) top center no-repeat;
text-align: center;
padding-top: 90px;
color: #4e3d31;
}

#footer_container a {
color: #b13d00;
font-weight: bold;
}

/*-------------- columns --------------*/
#left_col {
position: relative;
width: 239px;
height: auto;
float: left;
margin-right: 15px;
}

#right_col {
position: relative;
width: 530px;
height: auto;
float: left;
}

/*-------------- menü --------------*/
#menu_container {
position: relative;
width: 215px;
height: auto;
margin-left: 24px;
}

#menu_container .top {
position: relative;
width: 215px;
height: 62px;
background: url(/images/menu_top.jpg) top center no-repeat;
}

#menu_container .bottom {
position: relative;
width: 205px;
padding-left: 10px;
height: auto;
background: url(/images/menu_bottom.jpg) bottom center no-repeat;
padding-bottom: 75px;
}

#menu_container a {
font-size: 16px;
color: #f4efd5;
display: block;
width: 160px;
padding-left: 30px;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: #bb5820 1px solid;
text-decoration: none;
}

#menu_container a.last {
border: none;
}

#menu_container a.aktiv {
background: url(/images/menu_aktiv.jpg) 0px 10px no-repeat;
}

#menu_container a:hover {
background: url(/images/menu_aktiv.jpg) 0px 10px no-repeat;
}

/*-------------- idézet --------------*/
#idezet_container {
position: relative;
width: 235px;
height: auto;
margin-left: 4px;
margin-top: 15px;
}

#idezet_container .top {
position: relative;
width: 195px;
padding-left: 40px;
height: 25px;
padding-top: 5px;
background: url(/images/idezet_top.jpg) 10px 7px no-repeat;
}

#idezet_container .bottom {
position: relative;
width: 195px;
padding-left: 40px;
height: auto;
background: url(/images/idezet_bottom.jpg) bottom right no-repeat;
}

#idezet_container h2 {
border-bottom: #cbc1ab 1px solid;
display: block;
width: 170px;
color: #aca28d;
font-size: 18px;
margin: 0px;
padding: 0px;
font-weight: normal;
}

#idezet_container p {
display: block;
width: 170px;
color: #aca28d;
font-size: 12px;
margin: 0px;
padding: 0px;
margin-top: 10px;
text-align: justify;
line-height: 18px;
}

#idezet_container p.name {
font-weight: bold;
font-style: italic;
text-align: right;
}

#idezet_tovabb_conatiner {
text-align: right;
padding-bottom: 25px;
padding-top: 15px;
padding-right: 25px;
}

#idezet_tovabb_conatiner a {
font-size: 11px;
}

/*-------------- content --------------*/
#content_pic_container {
position: relative;
width: 530px;
height: 194px;
margin-bottom: 15px; 
}

#content_container {
position: relative;
width: 530px;
height: auto;
}

#content_container h2 {
font-size: 24px;
font-weight: normal;
margin: 0px;
padding: 0px;
}

#content_container h3 {
font-size: 16px;
font-weight: normal;
margin: 0px;
padding: 0px;
margin-top: 15px;
border-bottom: 1px dotted #CBC1AB;
color: #B13D00;
padding-bottom: 4px;
}

#content_container h4 {
font-size: 18px;
font-weight: normal;
font-style: italic;
margin: 0px;
padding: 0px;
margin-top: 15px;
}

#content_container p {
font-size: 13px;
margin: 0px;
padding: 0px;
margin-top: 15px;
text-align: justify;
line-height: 19px;
}

#content_container p.service_desc {
margin-top: 6px;
}

#content_container ul {
margin-top: 10px;
}

#content_container li {
font-size: 13px;
padding-top: 5px;
}

.kapcsolodas_container {
position: relative;
padding: 10px;
width: 510px;
height: auto;
border-top: 1px solid #CBC1AB;
border-bottom: 1px solid #CBC1AB;
background: #fefcf0;
margin-top: 15px;
line-height: 19px;
}

.kapcsolodas_container form {
display: inline;
}

.kapcsolodas_container a {
text-transform: uppercase;
}

/*-------------- galéria --------------*/
#galeria_container {
position: relative;
width: 530px;
height: auto;
margin-top: 15px;
}

#galeria_container .galeria_box {
position: relative;
width: 160px;
height: 160px;
background-color: #f6f4df;
border: 1px solid #CBC1AB;
float: left;
margin-right: 10px;
margin-bottom: 10px;
padding: 4px;
}

#galeria_container .last {
margin: 0px;
}

#galeria_container .galeria_box:hover {
background-color: #FFFFFF;
border: 1px solid #CBC1AB;
}

#galeria_container h3 {
margin-bottom: 2px;
border: none;
}

/*-------------- rólunk mondták --------------*/
#rolunk_mondtak_container {
position: relative;
width: 530px;
height: auto;
}

#rolunk_mondtak_container .rolunk_mondtak_box {
position: relative;
width: 505px;
height: auto;
margin-top: 15px;
padding-left: 25px;
background: url(/images/quote.jpg) top left no-repeat;
}

#rolunk_mondtak_container p {
margin: 0px;
padding: 0px;
}

#rolunk_mondtak_container p.name {
margin: 0px;
padding: 0px;
margin-top: 5px;
text-align: right;
font-style: italic;
}

/*-------------- kapcsolat --------------*/
#kapcsolat_container {
position: relative;
width: 530px;
height: auto;
}

.lc {
width: 100px;
float: left;
margin-bottom: 5px;
}

.lc_long {
width: 530px;
float: left;
margin-bottom: 3px;
padding-bottom: 3px;
border-bottom: 1px dotted #CBC1AB; 
}

#messageform {
position: relative;
padding: 20px;
width: 490px;
height: auto;
border-top: 1px solid #CBC1AB;
border-bottom: 1px solid #CBC1AB;
background: #fefcf0;
}

#messageform .toprow {
position: relative;
width: 100%;
font-size: 16px;
color: #B13D00;
margin-bottom: 20px;
border-bottom: #B13D00 1px dotted;
padding-bottom: 5px;
}

#messageform .row {
position: relative;
width: 100%;
margin-bottom: 8px;
}

#messageform .row .left {
position: relative;
width: 120px;
float: left;
text-align: left;
padding-bottom: 5px;
border-bottom: #CBC1AB 1px solid;
}

#messageform .row .right {
position: relative;
width: 360px;
float: left;
padding-left: 6px;
}

#messageform form {
margin: 0px;
padding: 0px;
}

#messageform input, #messageform textarea, #messageform select {
width: 358px;
border: #CBC1AB 1px solid;
padding: 2px;
font-family: Georgia, Arial, Tahoma;
font-size: 13px;
text-align: justify;
text-decoration: none;
font-weight: normal;
color: #46362C;
}

#messageform option {
color: #46362C;
}

#messageform textarea {
height: 140px;
}

#messageform select {
width: 364px;
padding-top: 1px;
padding-bottom: 1px;
}

#messageform .button {
width: auto;
height: auto;
cursor: pointer;
background-color: #B13D00;
color: #FFFFFF;
text-transform: uppercase;
font-size: 12px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
}

.alert_container {
position: relative;
width: 458px;
height: 48px;
background-color: #FFFFFF;
margin-bottom: 8px;
border: 1px solid #CBC1AB;
font-weight: bold;
padding-left: 70px;
padding-top: 12px;
}

.true {
background: #FFFFFF url(/images/alert_true.jpg) 5px center no-repeat;
color: #006f3b;
}

.false {
background: #FFFFFF url(/images/alert_false.jpg) 5px center no-repeat;
color: #c1272d;
}

/*-------------- kérdések-válaszok --------------*/
#kerdesek_conatiner {
position: relative;
width: 530px;
height: auto;
}

#kerdesek_conatiner .kerdes_box {
position: relative;
width: 470px;
padding: 10px;
padding-top: 10px;
padding-left: 40px;
padding-right: 20px;
height: auto;
background: #fefcf0 url(/images/kerdes_icon.jpg) top left no-repeat;
border-top: 1px solid #CBC1AB;
border-bottom: 1px solid #CBC1AB;
}

#kerdesek_conatiner h3 {
padding: 0px;
margin: 0px;
border: none;
font-size: 18px;
}

#kerdesek_conatiner p {
padding: 0px;
margin: 0px;
margin-top: 5px;
}

#kerdesek_conatiner .valasz_box {
position: relative;
width: 450px;
padding: 10px;
padding-left: 60px;
padding-right: 20px;
padding-top: 0px;
height: auto;
}

#kerdesek_conatiner .valasz_icon_conatiner {
position: absolute;
width: 34px;
height: 29px;
background: url(/images/valasz_icon.png) top center no-repeat;
top: -10px;
left: 15px;
}

#kerdezz_container {
position: relative;
width: 490px;
padding: 20px;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
margin-bottom: 15px;
background: #fefcf0;
border-top: 1px solid #CBC1AB;
border-bottom: 1px solid #CBC1AB;
display: none;
}

#kerdezz_container span {
font-size: 18px;
}

#kerdezz_container .row {
position: relative;
width: 100%;
margin-bottom: 8px;
}

#kerdezz_container .row .left {
position: relative;
width: 120px;
float: left;
text-align: left;
padding-bottom: 5px;
border-bottom: #CBC1AB 1px solid;
}

#kerdezz_container .row .right {
position: relative;
width: 364px;
float: left;
padding-left: 6px;
}

#kerdezz_container form {
margin: 0px;
padding: 0px;
}

#kerdezz_container input, #kerdezz_container textarea {
width: 358px;
border: #CBC1AB 1px solid;
padding: 2px;
font-family: Georgia, Arial, Tahoma;
font-size: 13px;
text-align: justify;
text-decoration: none;
font-weight: normal;
color: #46362C;
}

#kerdezz_container textarea {
height: 80px;
}

#kerdezz_container .button {
width: auto;
height: auto;
cursor: pointer;
background-color: #B13D00;
color: #FFFFFF;
text-transform: uppercase;
font-size: 12px;
text-align: center;
padding-left: 5px;
padding-right: 5px;
}

/*-------------- kleinart --------------*/
#kleinart_container {
position: relative;
width: 798px;
height: auto;
text-align: right;
padding-right: 10px;
padding-top: 3px;
}
