* {margin: 0; padding: 0; border: 0;}
body {color: #8493a1; background: #cd3a40; font-family: Helvetica, Arial, sans-serif; text-align: left;}


/* MAIN CONTAINER */
div.holder {margin-left: auto; margin-right: auto; width: 1011px; padding: 56px 0 10px 11px; background: url(/images/structure/bg_holder.gif) 0 0 no-repeat #ae2326; border: 1px solid #cd3a40; border-top: none;}

/* HEADER */
div.header {position: absolute; width: 1000px; height: 45px; top: 11px;}
div.header .love {position: absolute; top: 0; left: 0;}
div.header .logo {position: absolute; top: -2px; right: 0;}

div.header .login {position: absolute; top: 8px; left: 245px; font-size:8pt; color:#ffffff;}
div.header .login a ,div.header .login a:hover{color:#ffffff; margin: 0 4px 0 5px; padding: 2px;}
div.header .login span {margin: 0 0 0 7px;}
div.header .login .textfield {width: 120px;}
div.header .login .button {font-size:8pt; color: #ffffff; padding: 0 2px 0 2px; margin: 0 0 0 7px; background: #e34d54;}

/* CONTENT */
div.content {position: relative; width: 1011px; display: table-cell; font-size: 9pt; clear: left;}
div.content .main { position: relative; float: left; width: 762px; padding: 55px 12px 8px 75px; margin: 0 0 0 10px; background: url(/images/structure/bg_main.gif) 0 0 no-repeat #ffffff;}
div.content .main .bottom {position: absolute; bottom: -1px; left: 0; width: 849px; height: 8px; overflow: hidden; background: url(/images/structure/main_bottom.gif) 0 0 no-repeat;}
div.content .main  h2 , div.content .main  p {width: 565px; clear: left; margin: 0 0 15px 0; padding: 0;}
div.content .main  p , div.content .main  ul li{font-size: 8pt; font-weight: bold; list-style-type: none;}
div.content .main  ul li {position: relative; margin: 0 0 4px 0; padding-left: 10px; background: url(/images/structure/bullet.gif) 0 6px no-repeat;}
div.content .main table h2, div.content .main table p, div.content .main table ul, div.content .main table ul li{width: auto;}

div.content .main  ul.nospace {margin-bottom: 15px;} 
div.content .main  ul.nospace li {margin: 0;}
div.content .home_left {position: relative; float: left; width: 657px; margin-right: 10px;}
div.content .home_right {position: relative; float: left; width: 333px;}
div.content  p  {margin-top: 15px; padding: 0 0 5px 15px; font-size: 8pt;}
div.content  h2  {padding: 0 0 0 15px;}
div.content .blog {position: relative; left: 10px; float: left; width: 488px; padding: 50px 0 10px 15px; background: url(/images/structure/bg_home_blog.gif) 0 0 no-repeat #ffffff;}
div.content .blog  h2 , div.content .blog .textcontent, div.content .blog .textcontent  p {width: 315px; }
div.content .blog .bottom{ position: absolute; bottom: -1px; left: 0; width: 503px; height: 8px; overflow: hidden; background: url(/images/structure/bg_home_blog_bottom.gif) 0 0 no-repeat;}

		div.content .orszi {background: url(/images/structure/bg_main_orszi.gif) 0 0 no-repeat #ffffff;}
		div.content .sudocrem {background: url(/images/structure/bg_main_sudocrem.gif) 0 0 no-repeat #ffffff;}
		div.content .infacol {background: url(/images/structure/bg_main_infacol.gif) 0 0 no-repeat #ffffff;}
		div.content .csopi {background: url(/images/structure/bg_main_csopi.gif) 0 0 no-repeat #ffffff;}
		div.content .mese {background: url(/images/structure/bg_main_mese.gif) 0 0 no-repeat #ffffff;}
		div.content .reg {background: url(/images/structure/bg_blog.gif) 0 0 no-repeat #ffffff;}
		div.content .akcio {background: url(/images/structure/bg_akcio.gif) 0 0 no-repeat #ffffff;}
		div.content .termoklikk {background: url(/images/structure/bg_termoklikk.gif) 0 0 no-repeat #ffffff;}
		div.content .alomvirag {background: url(/images/structure/bg_alomvirag.gif) 0 0 no-repeat #ffffff;}

div.content .gyereksarok {position: relative; float: left; clear: left; margin-top: 10px; width: 636px; padding: 45px 0 8px 20px; background: url(/images/structure/bg_home_gyereksarok.jpg) 0 0 no-repeat #ffffff;}
div.content .gyereksarok a.right {position: absolute; bottom: 10px; right: 115px; font-size: 8pt;}
div.content .gyereksarok .textcontent , div.content .gyereksarok .textcontent p{width: 500px; margin-top: 5px;}

div.content .nyeremenyakcio {position: relative; float: left; clear: left; margin-top: 10px; width: 636px; padding: 45px 0 8px 20px; background: url(/images/structure/bg_home_nyeremeny.jpg) 0 0 no-repeat #ffffff;}
div.content .nyeremenyakcio a.right {position: absolute; bottom: 12px; right: 115px; font-size: 8pt;}
div.content .nyeremenyakcio h2, div.content .nyeremenyakcio p {color: #af2327; font-weight: bold;}
div.content .nyeremenyakcio h2 {font-size: 13pt;}
div.content .nyeremenyakcio .textcontent p {font-size: 7pt; line-height: 9pt;}

div.content .gyereksarok .bottom, div.content .nyeremenyakcio .bottom {position: absolute; bottom: -1px; left: 0; width: 656px; height: 8px; overflow: hidden; background: url(/images/structure/home_box_bottom.gif) 0 0 no-repeat;}
div.content .gyereksarok  h2 , div.content .nyeremenyakcio  h2 {width: 440px; }

div.content .regakcio {position: relative; float: left; clear: left; width: 320px; height: 72px; padding: 40px 0 5px 14px; background: url(/images/structure/bg_reg_akcio.gif) 0 0 no-repeat;}
div.content .regakcio .textcontent p { color: white; font-size: 10pt; font-weight: bold; margin: 0;}
div.content .regakcio .bottom{ position: absolute; bottom: -1px; left: 0; width: 333px; height: 15px; overflow: hidden; background: url(/images/structure/bg_reg_akcio_bottom.gif) 0 0 no-repeat;}

div.content div.banner {position: relative; float: left; clear: left; margin-top: 11px; width: 323px; height: 324px; padding: 9px 0 0 10px; background: url(/images/structure/bg_home_banner.gif) 0 0 no-repeat;}

div.content .szakertoi {position: relative; float: left; margin-top: 11px; clear: left; width: 322px; padding: 42px 0 0 11px; background: url(/images/structure/bg_home_szakertoi.gif) 0 0 no-repeat #ffffff;}
div.content .szakertoi .bottom {position: absolute; bottom: -1px; left: 0; width: 333px; height: 8px; overflow: hidden; background: url(/images/structure/home_box_bottom2.gif) 0 0 no-repeat;}
div.content .szakertoi h2, div.content .szakertoi p {margin: 0 15px 10px 0; width: 290px; }
div.content .szakertoi img {margin: 0 15px 5px 10px;}

div.content .onlinepatika {position: relative; float: left; margin-top: 11px; margin-right: 10px; clear: left; text-align: center; width: 189px; height: 38px; padding: 22px 0 0 0; background: url(/images/structure/bg_online_patika.gif) 0 0 no-repeat #fff; font-size: 12pt; font-weight: bold; color: #fff991;}

div.content .legyen {position: relative; float: left; margin-top: 11px; text-align: center; width: 130px; height: 45px; padding: 15px 0 0 0; background: url(/images/structure/bg_viszontelado_small.gif) 0 0 no-repeat #fff; color: #fff991; font-weight: bold; line-height: 12pt;}
div.content .textcontent {margin-left: 15px; margin-right: 15px;}
div.content .blog .textcontent p, div.content .gyereksarok .textcontent p, div.content .nyeremenyakcio .textcontent p, div.content .szakertoi .textcontent p {margin-left: 0; margin-right: 0;}

/* MENUCOL */
#menucol {position: relative; float: left; background: url(/images/structure/bg_menu_col.gif) 0 0 no-repeat; width: 143px;}
#menucol span.title{position: absolute; left:12px; top: 10px; text-align: center; width: 118px; color: white; font-size: 11pt; font-weight: bold; z-index: 2;}
#menucol ul {position: relative; list-style: none; width: 119px; padding: 45px 12px 22px 12px; background: url(/images/structure/bg_menu_ul.gif) 0 0 no-repeat; z-index: 1;}
#menucol .menu_bottom{position: relative; margin-top: -22px; width: 143px; height: 22px; overflow: hidden; background: url(/images/structure/menu_bottom.gif) 0 top no-repeat; overflow: hidden; z-index: 2;}
#menucol li { margin-bottom: 10px; width: 119px; overflow-y: hidden; }
#menucol li.menu1 {background: #d34d52;}
#menucol li.menu2 {background: #ff9908;}
#menucol li.menu3 {background: #958aff;}
#menucol li.menu4 {background: #ff4f19;}
#menucol li.menu5 {background: #7dc6ff;}
#menucol li.menu6 {background: #ff8b9b;}
#menucol li a {width: 100%; display: inline-block; color: #ffffff; text-align: center; padding: 10px 0 10px 0; font-size: 11pt; text-decoration: none; font-weight: bold;}
#menucol li a span{font-weight: normal; font-size: 9pt;}
#menucol li a:hover, #menucol li.active a {background: #d1d3e3}
#menucol li a:focus {outline:0;}

#menucol ul.submenu { width:145px; left: 0; height: 290px; margin-top: 10px; padding: 0; background: none;}
#menucol ul.submenu li {margin-bottom: 10px; width:145px; background: url(/images/structure/subnav_li.gif) 0 0 no-repeat; overflow-y: hidden;}
#menucol ul.submenu li a {width: 118px; position: relative; left: 12px; padding: 11px 0 10px 0;}

#menucol ul.submenu li.menu1 a {background: #eec2e4;}
#menucol ul.submenu li.menu2 a {background: #8ac58c;}
#menucol ul.submenu li.menu3 a {background: #d0c391;}
#menucol ul.submenu li.menu4 a {background: #f2dc48; color: #af2327;}

#menucol ul.submenu li a:hover, #menucol ul.submenu li.active a {background: #d1d3e3}

#menucol ul.submenu li.menu5 {background: url(/images/structure/subnav_li_online.gif) 0 0 no-repeat;}
#menucol ul.submenu li.menu5 a {background: none;width: 100%; color: #fff991; left: 0; padding: 13px 0 10px 0;}

#menucol ul.submenu li.menu6 {background: url(/images/structure/subnav_li_viszont.gif) 0 0 no-repeat;}
#menucol ul.submenu li.menu6 a {background: none; width: 100%; color: #fff991; left: 0; font-size: 8pt; padding: 14px 0 13px 0;}


div.content .decorpic_left{float: left; margin: 0 10px 15px 0;}
div.content .decorpic_right{float: right; margin: 0 2px 15px 10px;}

div.content  h1 {position: absolute; display: block; font-size: 13pt; font-weight: bold; left: 26px; top: 0; padding: 7px 20px 7px 20px; color: white;  }
div.content .main h1 {background: #eec2e4;}
div.content .blog h1 {background: #eec2e4; padding: 7px 20px 8px 20px;}
div.content .gyereksarok h1 {background: #8ac58c; left: 62px;}
div.content .gyereksarok span.h1 {background: none; color: #8493a1; top: 0; left: 200px; position: absolute; font-size: 13pt; padding: 7px 20px 7px 20px; font-weight: bold; }
div.content .nyeremenyakcio h1 {background: #f2dc48; color: #af2327; left: 33px;}
div.content .regakcio h1 {background: #ff6da1; left: 33px; padding: 7px 20px 6px 20px; }
div.content .szakertoi h1 {background: #d0c391}
		div.content .orszi h1 {background: #958aff}
		div.content .sudocrem h1 {background: #d34d52}
		div.content .infacol h1 {background: #ff9908}
		div.content .csopi h1 {background: #ff4f19}
		div.content .mese h1 {background: #8ac58c;}
		div.content .akcio h1 {background: #f2dc48; color: #af2327;}
		div.content .akcio h2 {margin-bottom:20px; color: #af2327; font-weight: bold;}
		div.content .akcio p {color: #af2327; margin-bottom:40px;}
		div.content .termoklikk h1 {background: #ff8b9b;}
		div.content .alomvirag h1 {background: #7dc6ff;}

div.content h2 {position: relative; font-size: 14pt; width: 100%;  margin-bottom: 5px; margin-top: 0px; font-weight: normal;}
div.content h3{position: relative; font-size: 11pt; width: 100%;  margin-bottom: -5px; margin-top: 10px; }
div.content h4{font-size: 11pt; margin-bottom: 5px;}

div.content h1 a{color: white;}

div.content .main .illustration {position: absolute; right: 10px; top: 35px;}
div.content .blog .illustration {position: absolute; right: 10px; top: 143px;}
div.content .nyeremenyakcio .illustration {position: absolute; right: 13px; bottom: 5px;}
div.content .regakcio .illustration {position: absolute; right: 16px; bottom: 8px;}
div.content .szakertoi .illustration {position: absolute; right: 16px; bottom: 8px;}
div.content .blog .mainleft {position: relative; float: left; width: 365px; }
div.content .blog .blogright {position: relative; float: left; width: 112px; margin-top: -40px;}
div.content .blog .blogright h2 {margin: 0; padding: 0; width: 112px;}
div.content .blog .blogright ul, div.content .main .blogright ul li {list-style: none; width: 112px; margin: 0; padding: 0;}
div.content .blog .blogright ul li {border-bottom: 1px dotted #9eb0c1;}
div.content .blog .blogright ul li a{text-decoration: none; padding: 5px 0; display: inline-block;}

/* REGISTRATION */

form {position: relative; margin: 0; font-size: 8pt;}
form fieldset div {height: 25px; position: relative;}
form fieldset div span{display: block; float: left; position: relative; margin: 0 5px 0 0;}
form fieldset div img{margin: 0; border: none;}
form fieldset div .textfield{padding: 1px 2px 1px 2px; background: #fbebf5; border: 1px solid #ee6261; font-size: 8pt;}
form fieldset textarea{padding: 1px 2px 1px 2px; background: #fbebf5; border: 1px solid #ee6261; font-size: 8pt; width: 400px; height: 100px; margin: 10px 0 10px 0;}
form fieldset div select{border: 1px solid #ee6261; background: #fbebf5; font-size: 8pt;}
form fieldset div.width3 {height: 35px;}
form fieldset div.width1 span, .registration form fieldset div.width2 span, .registration form fieldset div.width3 span{width: 150px;}
form fieldset div.width1 .textfield, .registration form fieldset div.width1 select{width: 300px;}
form .action{padding-bottom: 30px;}
form .submit, form .button{font-weight: bold; font-size: 8pt; color: white; background: #e04c58; border: 1px solid #ee6261;  display: inline-block; /* width: 124px; */ height: 26px; padding: 0 10px 5px 10px; cursor: pointer;}
form .error {color: #EC131C; margin: 0 0 15px 0;}
form .safeguard {margin: 20px 0 0 0;}
form .secretBtn {position: relative;  border: 1px solid #ffffff;}
form .secretBtn:focus {outline:0;}
form .secretBtn img{position: absolute; left:0; top:-2px;}

/* BLOG */
div.content .blogcontent, div.content .szakertoicontent { position: relative; float: left; width: 762px; background: url(/images/structure/bg_blog.gif) 0 0 no-repeat #ffffff; padding: 55px 12px 8px 75px; margin: 0 0 0 10px; }
div.content .szakertoicontent {background: url(/images/structure/bg_szakertoi.gif) 0 0 no-repeat #ffffff;}
div.content .mainleft {position: relative; float: left; width: 630px; }
div.content .mainleft .entry {width: 570px; border-bottom: 1px dotted #e098d0; padding-bottom: 25px; margin-bottom: 30px;}
div.content .szakertoicontent .mainleft .entry {border-bottom: 1px dotted #d0c391;}
div.content .mainleft .entry img {margin: 0 10px 10px 10px;}
div.content .mainleft .entry h2 {margin-bottom: 0;}
div.content .mainleft .entry .date {font-size: 11pt; font-weight: normal;}
div.content .mainleft .entry .texcontent {margin: 15px 0 5px 0; font-size: 8pt;}
div.content .mainleft .entry .alignright {text-align: right; font-size: 8pt;}
div.content .mainleft .entry .blognav {margin: 10px 0 10px 0;}
div.content .mainleft .entry .blognav span a {color: #d99dcb;}
div.content .mainleft .comments .texcontent {margin: 6px 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #8493a1;}
div.content .mainleft .comments span, div.content .blogcontent .mainleft .comments span a, div.content .blogcontent .mainleft  center, div.content .blogcontent .mainleft  center a {color: #d99dcb; font-weight: bold;} 
div.content .blogcontent .mainleft  center .pager  {font-weight: normal;}

div.content .mainright {position: relative; float: right; width: 114px; margin-top: -20px;}
div.content .blogcontent .mainright h2 {margin: 0; padding: 0; width: 112px; background: #e098d0; color: white; font-size: 11pt; font-weight: bold; padding: 3px 0 3px 2px;}
div.content .blogcontent  h1{background: #e098d0;}
div.content .szakertoicontent  h1, div.content .szakertoicontent .mainright h2 {background: #d0c391;}
div.content .blogright ul, div.content .main .blogright ul li {list-style: none; width: 114px; margin: 0; padding: 0;}
div.content .blogright ul li {border-bottom: 1px dotted #9eb0c1; background: none;}
div.content .blogright ul li a{text-decoration: none; padding: 5px 0; display: inline-block;}

div.content .blogcontent p, div.content .szakertoicontent p, div.content .mese p { font-weight: normal;}
div.content .blogcontent a, div.content .szakertoicontent a, div.content .mese a{ font-weight: bold;}

/* GLOBALS */
a {color:#8493a1; text-decoration: underline;}
a:hover{color:#8493a1; text-decoration: none;}
a:focus, input:focus{outline:0;}
img.buy {position: relative; top: -10px;}
img.banner {margin-left: 5px;}
div.clear {position: relative; float: left; width: 100%; height: 1px; background: none; clear: left;}
div.content  h1 a, div.content  span.h1 a, div.content  h2 a{text-decoration: none;}

/* FOOTER */
div.footer {position: relative; clear: left; width: 1000px; margin-left: auto; margin-right: auto; margin-top: 10px; text-align: center; color: #ffffff; font-size:8pt;  clear: left;}
div.footer a ,div.footer a:hover{color:#ffffff; margin: 0 4px 0 4px; padding: 2px;}