/* reset */

* {padding: 0;margin: 0;}
*:focus {outline: none;}
img {border: none;}
body, form {font-family: Georgia, "Times New Roman", Times, serif;}
input, select, textarea {font-size: 100%;font-family: Georgia, "Times New Roman", Times, serif;}
li {list-style: none;}
fieldset {border: none;}
/*p {text-shadow: #000 0 0 0;}*/
a {text-decoration: none;}

body {
    background: #470a07 url(../images/body_bg.gif);
	color: #000;
	font: normal 14px/21px Georgia, "Times New Roman", Times, serif;
}

/* fejlec */

#top {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    background: url(../images/top_bg.gif) top repeat-x;
    overflow: hidden;
}

#top-container {
    width: 960px;
    margin: 0 auto;
}

#top a {
    color: #fff;
}

#top a:hover {
    color: #f29400;
}

#container {
    width: 960px;
    margin: 0 auto;
}

#bemutat-top {
    float: left;
    padding-top: 16px;
}

#belepes-top {
    float: left;
    padding: 16px 0 16px 26px;
    margin-left: 140px;
    background: url(../images/belepes_ikon.jpg) left center no-repeat;
}

#kereses {
    width: 167px;
    height: 26px;
    margin-top: 13px;
    background: url(../images/kereses_top_bg.jpg) top left no-repeat;
    float: right;
}

#kereses-input {
	float: left;
	padding: 0;
    margin: 5px 0 0 5px;
	border: 0;
	width: 134px;
    background-color: #f6f2f2;
    font-weight: bold;
}

#kereses-gomb {
	float: right;
	width: auto;
    margin: 3px 5px 0 0;
}

/* logok */

#borutrafel-logo {
    float: left;
    margin: 31px 20px;
}

#ddrfu-logo {
    float: right;
    margin: 31px 20px;
}

/* menu */

#tartalom {
    background-color: #fff;
    clear: both;
    overflow: hidden;
}

#menu {
    margin: 12px 12px 0 12px;
    height: 221px;
    background: url(../images/menu_bg.jpg) bottom left no-repeat;
}

#menu a, #menu-belso a {
    color: #fff;
}

#menu li.menu-1 {
    width: 155px;
    height: 52px;
    float: left;
    margin-right: 1px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

#menu li.menu-1 a, #menu-belso li.menu-1 a {
    display: block;
    padding: 9px 25px;
}

#menu-tolna span {
    display: block;
}

#menu li.menu-1 ul {
    display: none;
    border-top: 1px solid #fff;
}

#menu li.menu-1:hover ul { display: block;}

#menu li.menu-1 ul li a {
    padding: 5px 0 0 0;
    margin: 0;
    height: 24px;
    font-size: 14px;
    border-bottom: 1px solid #fff;
}

#menu-balaton, #menu-balaton-b {background-color: #8e154b;}
#almenu-balaton {background: url(../images/balaton_menu_bg.png);}
#almenu-balaton a:hover {background-color: #fff;color: #8e154b;}

#menu-mohacs, #menu-mohacs-b {background-color: #b13754;}
#almenu-mohacs {background: url(../images/mohacs_menu_bg.png);}
#almenu-mohacs a:hover {background-color: #fff;color: #b13754;}

#menu-pecs, #menu-pecs-b {background-color: #f29400;}
#almenu-pecs {background: url(../images/pecs_menu_bg.png);}
#almenu-pecs a:hover {background-color: #fff;color: #f29400;}

#menu-szekszard, #menu-szekszard-b {background-color: #33155a;}
#almenu-szekszard {background: url(../images/szekszard_menu_bg.png);}
#almenu-szekszard a:hover {background-color: #fff;color: #33155a;}

#menu-villany, #menu-villany-b {background-color: #495a0c;}
#almenu-villany {background: url(../images/villany_menu_bg.png);}
#almenu-villany a:hover {background-color: #fff;color: #495a0c;}

#menu-tolna, #menu-tolna-b {background-color: #44317f;}
#almenu-tolna {background: url(../images/tolna_menu_bg.png);}
#almenu-tolna a:hover {background-color: #fff;color: #44317f;}

#menu-belso {
    margin: 20px 20px 0 20px;
    height: 60px;
}

#menu-belso li.menu-1 {

    width: 183px;
    height: 60px;
    float: left;
    margin-right: 1px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid #fff;
}

#menu-belso #menu-aktiv {
    background-color: #fff;
    color: #8E154B;
}

#menu-balaton-b:hover {background-color: #5c0e31;}
#menu-mohacs-b:hover {background-color: #7d273b;}
#menu-pecs-b:hover {background-color: #bf7600;}
#menu-szekszard-b:hover {background-color: #160926;}
#menu-villany-b:hover {background-color: #1f2605;}

.balaton-b-a {border-bottom: 1px solid #8e154b;}
.mohacs-b-a {border-bottom: 1px solid #b13754;}
.pecs-b-a {border-bottom: 1px solid #f29400;}
.szekszard-b-a {border-bottom: 1px solid #33155a;}
.villany-b-a {border-bottom: 1px solid #495a0c;}


#googlemaps {
    clear: both;
    width: 915px;
    height: 360px;
    padding: 10px;
    margin: 1px 0 0 12px;
    position: relative;
}

google_map {
    position: absolute;
    top: 0;
    left: 0;
}

.balaton-map {background-color: #8e154b;}
.mohacs-map {background-color: #b13754;}
.pecs-map {background-color: #f29400;}
.szekszard-map {background-color: #33155a;}
.villany-map {background-color: #495a0c;}
.tolna-map {background-color: #44317f;} 


/* jatek */

#jatek-doboz {
    width: 756px;
    height: 151px;
    clear: both;
    margin: 1px 20px 20px 0;
    padding: 18px 15px 12px 176px;
    background: url(../images/jatek_doboz_bg.jpg) top left no-repeat;
}

#jatek-doboz h1 {
    font-size: 18px;
    padding-bottom: 10px;
    color: #8e1a4c;
    line-height: 21px;
}

#jatek-doboz p {
    line-height: 19px;
    padding-right: 5px;
}


#jatek-doboz ul {
    float: right;
    margin-top: 5px;
}

#jatek-doboz li {
    display: inline;
    float: left;
    font-size: 15px;
    font-weight: bold;
}

#jatekszabaly, #hirlevel-felirat, #fonyeremeny {
    background: url(../images/nyil.gif) left center no-repeat;
    padding-left: 16px;
    margin: 8px 10px 0 0;
}

#jatekszabaly a, #hirlevel-felirat a, #fonyeremeny a {color: #fff;}

#jatekszabaly a:hover, #hirlevel-felirat a:hover, #fonyeremeny a:hover {color: #8F1B4C;}

#jatek-doboz-reg {
    width: 133px;
    height: 33px;
    background: url(../images/jatek_doboz_gomb.gif) top left no-repeat;
    margin: 2px 12px 0 0;
}

#jatek-doboz-reg a {
    display: block;
    padding: 5px 0 0 25px;
    color: #fff;
}

#jatek-doboz-reg:hover {background: url(../images/jatek_doboz_gomb.gif) bottom left no-repeat;}

/* program ajanlo */

#program-doboz, #szolg-adatlap {
    width: 520px;
    float: left;
    display: inline;
    margin-left: 20px;
}

#program-doboz {
    padding-top: 20px;
}

h2 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
    margin-bottom: 12px;
    color: #8e1a4c;
}

#program-doboz a, #szolg-adatlap a, form a {color: #8e1a4c;}

#program-doboz a:hover, .tovabb-link a:hover, #szolg-adatlap a:hover, form a:hover {color: #33155A;}

h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 18px;
    color: #8e1a4c;
}

#tartalom #program-doboz h3, #tartalom #program-lista h3 {
    margin-bottom: 5px;
}

h3 span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #f29400;
}

#program-doboz p {margin-bottom: 24px;}

#tartalom .tovabb-link {
    color: #8e1a4c;
    background: url(../images/nyil_sotet.gif) left center no-repeat;
    padding: 0 0 0 16px;
}

/* mosoly doboz */

#mosoly-doboz {
    width: 380px;
    float: right;
    padding-top: 20px;
}

#mosoly-doboz-leiras {
     margin: 0 20px 24px 0;
}

#mosoly-doboz-gal a {
    display: block;
    float: left;
    margin: 0 18px 18px 0;
    padding: 4px;
    background-color: #fef298;
}

#mosoly-doboz-gal a:hover {
    background-color: #33155A;
}

.mosolygal-link {
    color: #8e1a4c;
    background: url(../images/nyil_sotet.gif) left center no-repeat;
    padding-left: 16px;
    margin-top: 6px;
    clear: both;
}

.mosolygal-link a {
    color: #8F1B4C;
}

.mosolygal-link a:hover {
    color: #33155A;
}

/* lablec */

#lablec-menu {
    text-align: center;
    width: 960px;
    margin: 0 auto;
    padding: 24px 0;
    font-weight: bold;
    overflow: hidden;
}

#lablec-menu a {color: #fff;}

#lablec-menu a:hover {color: #f29400;}

#lablec-menu li {
    /*float: left;*/
    display: inline;
    padding: 0 6px;
}


#tamogatok {margin-bottom: 24px;}

/* szolgaltatok listazasa */

#belso-tartalom {
    width: 940px;
    margin-left: 20px;
}

.szolgaltato {
    width: 293px;
    margin: 0 20px 24px 0;
    float: left;
}

#belso-tartalom a {color: #8E1A4B;}

#belso-tartalom a:hover {color: #33155a;}

/* szolgaltato */

#szolgaltato {
    clear: both;
    width: 935px;
    margin-left: 12px;
}

#szolgaltato h2 {
    font-size: 18px;
    padding-bottom: 10px;
    color: #fff;
    padding: 20px;
    background-color: #8E154B; /* */
}

#szolg-adatlap p, #szolg {padding-bottom: 20px;}

#szolg li {
    background: url(../images/szolg_adatlap_li_bg.gif) left center no-repeat;
    padding-left: 18px;
}

#szolg-map {
    float: right;
    display: inline;
    width: 387px;
    height: 387px;
    margin: 0 13px 12px 0;
    border: 1px solid #8E154B;
}

#tartalom .ertekeles-szoveg {
    padding-bottom: 0;
}

/* bormosoly galeria */

#bormosoly-gal {
    margin: 20px 0 20px 20px;
}

#bormosoly-gal p {
    padding-bottom: 20px;
}

.lapozas {
	line-height: 32px;
    text-align: center;
    clear: both;
}

.lapozas a, .lapozas span {
    padding: 2px 4px 4px;
    margin-right: 1px;
	color: #607794;
	background-color: inherit;
}

.lapozas span.aktiv {
    background: #8E154B;
    color: #fff;
}

.lapozas a:hover {
    background-color: #33155a;
	color: #fff;
}

#mosoly-gal-thumbs {
    overflow: hidden;
    padding: 20px 0;
}


#mosoly-gal-thumbs a {
    display: block;
    float: left;
    margin: 0 25px 25px 0;
    padding: 5px;
    background-color: #fef298;
}

#mosoly-gal-thumbs a:hover {
    background-color: #33155A;
}

#tartalom #bormosoly-gal .lapoz-also {
    padding-top: 0;
}

/* programok */

#program-lista {
    width: 919px;
    margin: 20px 20px 0 20px;
}

#program-lista p {
    padding-bottom: 20px;
}

#program-lista a, #content a, #reg a, #bormosoly-gal a, #terkep-lista a {
    color: #8E154B;
}

#program-lista a:hover, #content a:hover, #reg a:hover, #bormosoly-gal a:hover, #terkep-lista a:hover {
    color: #33155a;
}

#program-lista img {
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    background-color: #fef298;
}

#nyomtat {
    text-align: center;
    width: 380px;
}

#adatlap-nyomtatas {
    background: url(../images/nyomtatas.gif) left center no-repeat;
    margin: 10px 0;
    padding: 12px 0 12px 42px;
    width: 145px;
}

#reg {
    width: 940px;
    margin: 20px 0 0 20px;
}

/* regisztracio */

#tartalom form {
    padding: 20px 0;
}


.form-input {
    clear: left;
    margin-bottom: 10px;
    float: left;
    width: 100%;
}

.form-select {margin-right: 8px;}

.form-input select, .form-input input {
    color: #3F352C;
    float: left;
    width: 220px;
    /*padding: 1px;*/
}

.form-input label {
    display: block;
    float: left;
    width: 160px;
    margin-right: 10px;
}

.form-input label {
    display: block;
    float: left;
    width: 160px;
    margin-right: 10px;
    text-align: right;
}

.form-gomb {
    clear: left;
    margin-top: 20px;
    display: block;
}

#tartalom form small {
    font-size: 11px;
    padding-left: 10px;
}

.kuld-gomb {
    margin-left: 170px;
}

.iratkozas {
    margin-left: 170px;
}

.iratkozas input {
    margin-right: 10px;
}

#content {
     margin: 20px;
}

#content p {
    margin-bottom: 20px;
}

#content h4 {
    color: #8E154B;
    margin-bottom: 10px;
    font-size: 14px;
}

#content h4 {
    color: #8E154B;
    margin-bottom: 10px;
    font-size: 14px;
}

#content ul {
    margin-bottom: 20px;
}

#content li {
    background: url(../images/szolg_adatlap_li_bg.gif) left center no-repeat;
    padding-left: 18px;
}

#content .keszitette {
    margin-top: 20px;
}

#reg p {
    margin: 0 20px 20px 0;
}

#lapoz-k {
    margin-bottom: 20px;
}

.error {
    color: red;
}

#tartalom .jatek-leiras li {
    background-position: 0px 5px;
    margin-bottom: 10px;
}

.illuszt-1 {
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    background-color: #fef298;
}

.illuszt-2 {
    padding: 4px;
    background-color: #fef298;
}

#umft {
    text-align: center;
    margin-bottom: 20px;
}

#umft p {
    color: #fff;
    margin-top: 10px;
}

#gal-keret {
    width: 551px;
    height: 551px;
    float: left;
    background-color: #fef298;
    text-align: center;
    margin-bottom: 20px;
}

#gal-leiras {
    width: 369px;
    float: right;
    margin-right: 20px;
}

/* */

#terkep-lista {
    padding: 20px 20px 0 0;
    width: 337px;
    height: 360px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    overflow: auto;
}

#terkep-lista ul {
    padding-bottom: 20px;
}


#terkep-lista h3 {
    color: #fff;
}

#terkep-lista li a {
    background: url(../images/terkep_l_bg.gif) 4px 2px no-repeat;
    padding: 2px 0 2px 24px;
    color: #fff;
    display: block;
}

#terkep-lista li a:hover {
    background: url(../images/terkep_l_bg_hover.gif) 4px 2px no-repeat;
    background-color: #fff;
    color: #000;
}

#fodij a {
    width: 346px;
    height: 27px;
    background: url(../images/fodij_bg.gif) top left no-repeat;
    font-weight: bold;
    padding: 4px 0 0 22px;
    margin-bottom: 20px;
    color: #fff;
    display: block;
}

#fodij a:hover {
    color: #fff;
    background-position: bottom left;
}

#reg-1 {
    width: 450px;
    float: left;
}

#reg-2 {
    width: 450px;
    float: right;
}

#content #reg-1 li, #reg-2 li {
    height: 72px;
    padding: 30px 0 0 82px;
    background-position: left center;
    background-repeat: no-repeat;
    width: 240px;
}

#reg-1 #reg-bg-1a {
    background-image: url(../images/reg_bg_1a.jpg);
}

#reg-2 #reg-bg-1b {
    background-image: url(../images/reg_bg_1b.jpg);
}

#reg-1 #reg-bg-2, #reg-2 #reg-bg-2 {
    background-image: url(../images/reg_bg_2.jpg);
}
#reg-1 #reg-bg-3, #reg-2 #reg-bg-3 {
    background-image: url(../images/reg_bg_3.jpg);
}
#reg-1 #reg-bg-4, #reg-2 #reg-bg-4 {
    background-image: url(../images/reg_bg_4.jpg);
}
#reg-1 #reg-bg-5, #reg-2 #reg-bg-5 {
    background-image: url(../images/reg_bg_5.jpg);
}
#reg-1 #reg-bg-6, #reg-2 #reg-bg-6 {
    background-image: url(../images/reg_bg_6.jpg);
}

#tartalom .vissza {
    background: url(../images/nyil_vissza.gif) left center no-repeat;
    padding: 0 0 0 16px;
}

#fileInput {
    background-color: #8E154B;
}

.reszletek {
    background: url(../images/nyil_sotet.gif) right center no-repeat;
    padding: 0 16px 0 0;
}

/* nyomtatas */

#adatlap-szolg, #logo-print, #fejlec-print {
    display: none;
}

/* */

#adatlap-nav {
    padding: 12px 13px 12px 0;
    float: right;
    /*display: inline;*/
    clear: right;
}

#adatlap-nav li {
    background: url(../images/nyil_vissza.gif) left center no-repeat;
    padding: 0 0 0 16px;
}

#adatlap-nav li a {
    color: #8E154B;
}

#adatlap-nav li a:hover {
    color: #33155A;
}

.telep-vissza {
    margin-bottom: 20px;
    background: url(../images/nyil_vissza_f.gif) left center no-repeat;
    padding: 0 0 0 16px;
    margin-left: 5px;
}


#tartalom .telep-vissza a {
    color: #fff;
}

#tartalom .telep-vissza a:hover {
    color: #FEFAB1;
}

/* gmap */

.gmap-link {
    color: #8E154B;
    padding: 0 16px 0 0;
    background: url(../html/images/nyil_sotet.gif) right center no-repeat;
}

.gmap-link a:hover {
    color: #33155A;
}

/* szolgaltato kepek */

#kepek {
    background-color: #fef298;
    width: 363px;
    height: 363px;
    padding: 12px;
    border: 1px solid #8E154B;
    margin: 0 13px 0 0;
    float: right;
    display: inline;
}

/* online jatek */

#tartalom #online-doboz {
    width: 524px;
    height: 109px;
    background: url(../images/online_jatek_bg.jpg) top left no-repeat;
    color: #fff;
    margin-bottom: 24px;
}

#tartalom #online-doboz h2 {
    color: #fff;
    padding: 16px 0 0 16px;
    margin: 0 0 8px 0;
}

#tartalom #online-doboz p {
    font-weight: bold;
    width: 250px;
    padding: 0 10px 0 16px;
    line-height: 17px;
    background: url(../images/nyil.gif) 176px 38px no-repeat;
}

#tartalom #online-doboz p a {
    color: #fff;
}

#tartalom #online-doboz p a:hover {
    color: #FDF6A5;
}

#flash_jatek {
    width: 960px;
    height: 512px;
}

#video {
  margin: 24px 0;
}

