body { font-family:Verdana, Arial, Helvetica, sans-serif; color:#565656; font-size:13px; background: url(img/body.jpg) top center fixed #BAC5C7;  }
#bodyContainer {height:100%; width:100%; margin:0; text-align:center;}
#centerContainer {width:100%; height:100%;}
#mainContainer {position: relative; top:0px; width:950px !important; margin:0 auto; text-align: left;}

a{outline:none;}
a:link{margin:0; color:#66c;}
a:visited{color:#66c; text-decoration:none; }
a:hover, a:active{color:#c63; }
p{text-align:left; margin: 7px 0; line-height:1.4em;}
h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF200;}
h1{font-size:26px; margin:10px 0; padding:0; }
h2{font-size:20px; margin:10px 0 7px 0; padding:0; }
h2 a:link, h2 a:visited{color:#FFF200; text-decoration:none; }
h2 a:hover, h2 a:active{color:#c63; }
h2 small{color:white;}
h3{font-size:16px; margin:6px 0 4px 0; padding:0; font-weight:600; color:#8D5D09;}
h3 a:link{color:#5D4226; text-decoration:none; }
h3 a:visited{color:#828959; text-decoration:none; }
h3 a:hover, h2 a:active{color:#c63; }
h4{font-size:14px; margin:7px 0; padding:0; font-weight:600; color:#FFFF01;}
h4 small{font-size:14px; margin:7px 0; padding:0; font-weight:600; color:white;}
#text li{list-style:none; background:url(img/ul.gif) no-repeat top left; margin:0 0 10px 0; padding-left:30px;}
strong{font-weight:bold;}
.h{display:none;}
blockquote{background:url(img/blockquote_bgr.jpg) repeat-y center top #E8D5CB; margin:0 auto; width:240px; padding:0 10px; border:1px dotted #BEA192; line-height:16px;}
blockquote h3{font-size:14px; margin:5px 0;}
big{color:#FFF200; font-weight:bold;}

#heading{position:absolute; top:0px; left:-12px; width:974px; height:150px; background:url(img/head.jpg) center center;}
#content{position:absolute; top:200px; left:0px; width:970px;}
#text{position:relative; top:50px; left:300px; width:500px; padding-bottom:240px; margin-bottom:80px; background:url(img/content.jpg) no-repeat bottom center; z-index:100;}
#text_media{position:relative; top:50px; left:220px; width:700px; padding-bottom:240px; margin-bottom:80px; background:url(img/content.jpg) no-repeat bottom center;}
#text_403{width:440px; height:300px; background:url(img/error_403.jpg) no-repeat center center; }
#text_404{width:440px; height:300px; background:url(img/error_404.jpg) no-repeat center center; }
#logo{position:absolute; top:15px; left:230px;}
#content ul{font-size:12px; line-height:1.5em;}
#content ul li{margin:10px 0;}
.small{font-size:13px; margin:0; font-style:italic;}
.smiley{width:14px; height:14px; background:url(img/smiley.jpg) no-repeat center center;}

#menu{position:absolute; top:170px; left:-5px; width:960px; height:28px; background: url(img/menu_bgr.gif) repeat-x top center !important; font-size:12px; line-height:26px; padding:0; z-index:200; }
#menu li {margin:0; position:relative; display:inline; width:120px;}
#menu ul{list-style:none; margin:0 0 0 5px; padding:0; }	   
#menu a:link, #menu a:visited {text-align:center; height:28px; display:block; font-weight:bold; color:#9A9A98; background: url(img/menu_bgr.gif) repeat-x top center !important; text-decoration:none; }
#menu ul li a:hover, #menu ul li a:active{color:#6D3A0B; }
#menu ul ul{position:absolute; top:0px; left:100%;}
div#menu ul ul{position:absolute; top:28px; left:0px; width:100%; }
div#menu ul ul, div#menu ul li:hover ul ul{display:none;}
div#menu ul li:hover ul, div#menu ul ul li:hover ul{display:block; }	
div#menu ul li{float:left; width:106px; }
div#menu ul ul li{float:left; width:120px; height:28px;}
div#menu ul li a{height:100%; }


.back{clear:both;}
.back a:link, .back a:visited{position:absolute; bottom:0px; right:0px; width:20px; height:15px; background:url(img/back_arrow.gif) no-repeat top center; }
.back a:hover, .back a:active{background:url(img/back_arrow.gif) no-repeat bottom center; }

#footer{position:absolute; bottom:0px; left:-12px; width:975px; height:50px; color:#333; font-size:12px; text-decoration:none; background:url(img/footer.jpg) no-repeat center center;}
#footer li {margin:0; display:inline; }
#footer ul{position:absolute; top:25px; left:0px; list-style:none; margin:0 0 0 15px; padding:0; }	   
#footer a:link, #footer a:visited {color:#555; text-decoration:none;}
#footer a:hover, #footer a:active {color:#999; }
.current_footer{color:orange !important;}


.img_l img{float:left; margin:6px 6px 0 0;}
.img_r img{float:right; margin:0 0 6px 6px;}
.clear{clear:both;}
#flashcontent{position:absolute; left:-150px; top:110px; width:800px; height:600px; padding:2px; border:2px solid #FFEB01; }
.heading{position:absolute; top:0px; left:20px;}
.shop{clear:both; width:470px;}
.shop h2{padding-left:30px; background:url(img/ul.gif) no-repeat 0 3px;}
.shop h3{clear:both;}
.termek_alap{float:right; margin:0 0 6px 6px; width:210px; height:180px; background:url(img/termekek/alap.jpg) no-repeat 0 0;}
.ar{padding:3px 20px; width:280px; height:19px; background:url(img/ar_bgr.jpg) no-repeat center center; clear:both; }
.megr{padding:3px 20px; width:172px; height:19px; background:url(img/megr_bgr.jpg) no-repeat center center; clear:both; }
.megr a:link, .megr a:visited{color:#FFF200;}
.megr a:hover, .megr a:active{color:#ccc;}
.aprobetus{font-size:10px; color:#6B3B0B;}
.box1{position:absolute; top:60px; left:35px; z-index:1000; }
.box2{position:absolute; top:15px; right:50px; z-index:1000; }
.box3{position:absolute; top:360px; left:15px; z-index:1000; }
.box4{position:absolute; top:470px; right:35px; z-index:1000; }
.box5{position:absolute; top:100px; left:340px; width:260px; text-align:center;  z-index:1000; }
.box_utube1{position:absolute; top:400px; left:332px; z-index:10000;}
.box_utube2{position:absolute; top:400px; left:5px; z-index:100;}
.object{position:absolute; top:40px; left:0px; width:320px; height:265px; margin:0 0 3px 10px; z-index:100;}
.box_error{position:absolute; top:60px; left:200px;}


#webshop{position:absolute; top:300px; left:20px; width:245px; height:70px;background:url(img/webshop_sh.jpg) no-repeat 0 5px;}
#webshop a:link, #webshop a:visited{position:absolute; width:225px; height:50px; font-size:18px; font-weight:bold; color:#4A220A; padding:5px 0 0 10px; background:url(img/webshop.jpg) no-repeat left bottom;}
#webshop a:hover, #webshop a:active{background:url(img/webshop.jpg) no-repeat left top; color:#4A220A; }

#webshop_index{position:absolute; top:500px; left:370px; width:245px; height:70px;background:url(img/webshop_sh.jpg) no-repeat 0 5px; z-index:1000}
#webshop_index a:link, #webshop_index a:visited{position:absolute; width:225px; height:50px; font-size:18px; font-weight:bold; color:#4A220A; padding:5px 0 0 10px; background:url(img/webshop.jpg) no-repeat left bottom;}
#webshop_index a:hover, #webshop_index a:active{background:url(img/webshop.jpg) no-repeat left top; color:#4A220A; }

.text {background:transparent url(img/text.jpg) no-repeat top left; width:470px; padding:15px;}
.text .text_bottom {background:transparent url(img/text.jpg) no-repeat bottom left; line-height:1px; height:25px; margin:0 -15px -15px -15px;}

.text_media {background:transparent url(img/text_media.jpg) no-repeat top left; width:670px; padding:15px;}
.text_media .text_media_bottom {background:transparent url(img/text_media.jpg) no-repeat bottom left; line-height:1px; height:25px; margin:0 -15px -15px -15px;}
.text_media img{margin-bottom:30px;}
.media{float:right; margin-right:10px; text-align:right !important;}
.media h4{font-weight:600 !important;}
#flashcontent{position:absolute; top:120px; left:-150px;}
#jatekleiras{position:absolute; top:40px; right:-157px; border:1px solid #FFF200; padding:4px 7px; background-color:#A0B4B5;}
#jatekleiras p{margin:0; padding:0; font-size:11px;}
.box {background:transparent url(img/box.jpg) no-repeat top left; width:260px; padding:15px;}
.box .box_bottom {background:transparent url(img/box.jpg) no-repeat bottom left; line-height:1px; height:25px; margin:0 -15px -15px -15px;}
.box h2{color:#FFF200; margin:0px; font-size:15px; border-bottom:1px dotted #FFF200;}
.pee_poo{position:absolute; top:490px; right:50px;}
.red{color:red;}
.jatek_dekor{position:absolute; bottom:30px; left:10px;}

#form{margin:0;padding:0; background-color:#C6CED1;}
fieldset{width: 370px; border:1px solid #FFF200; padding:0 10px 10px 0; background:url(img/form.jpg) no-repeat bottom left; }
legend{font-weight:bold; border:1px solid #FFF200; background:transparent; margin-left:5px; padding:1px 3px;}
label{ font-size:13px;}
.form{text-align:right;}
.submit, .reset{position:relative; top:0; margin:5px 5px 5px 10px;}
#question, #message, #megrendelo_question{margin:0 0 0 5px;width:355px;height:80px;}
#name, #phone, #email, #megrendelo_nev, #megrendelo_telefon, #megrendelo_email, #megrendelo_post_cim, #megrendelo_szla_cim, #duopack, #kulcstarto_csopp, #kulcstarto_potty {width:240px; margin:5px 0;}
.err, .err ul li{font-size:11px; color: red; text-align:right; list-style:none; list-style-image:none !important;}

#megrendelo_form fieldset{border:1px solid #FFF200; padding:10px; width: 400px; background:url(img/form.jpg) no-repeat bottom right;}
#megrendelo_form p{margin:0;}
.left_p{float:left;}
.right_p{float:right;}

.buborek_duopack a:link{width:20px; height:20px; background:url(img/kerdojel.gif) no-repeat center center; }
.buborek_duopack a:hover{position:relative; left:0px; top:0px;  width: 200px; height:170px; background:url(img/termekek/buborek_duopack.jpg) no-repeat; }

.buborek_csopp a:link{position:absolute; left:0px; top:20px; width:20px; height:20px; background:url(img/kerdojel.gif) no-repeat center center;  }
.buborek_csopp a:hover{margin-left:-180px; width: 200px; height:170px; background:url(img/termekek/buborek_csopp.jpg) no-repeat; z-index:100; }

.buborek_potty a:link{position:absolute; left:0px; top:40px; width:20px; height:20px; background:url(img/kerdojel.gif) no-repeat center center;  }
.buborek_potty a:hover{margin-left:-180px; width: 200px; height:170px; background:url(img/termekek/buborek_potty.jpg) no-repeat; z-index:100; }

.info a{position:relative; left:0px; top:0px; font-size:12px; color:#FFF200; text-decoration:none;}
.info a:hover{background-position:180px 80px; width:200px; height:100px; font-size:12px; color:#FFF200; text-decoration:none; background-color:#555; border:1px solid #FFF200;}