/* ----------------------------------------------------------------------------------------------------------

MAIN
        
---------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------
1) HTML tags, reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}
body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {border:0;}
body {font:0.8em/1.5 "Trebuchet Ms",sans-serif; text-align:center;}

h1, h2, h3, h4, h5, h6 {margin:15px 0 10px 0; font-family:"Trebuchet Ms",sans-serif;}

p, table, ul, ol, dl, fieldset {margin:15px 0; text-shadow:0 1px 0 #FFFFFF}

table {border-collapse:collapse; border-spacing:0; font-size:100%;}
th {text-align:center; font-weight:bold;}
th, td {padding:3px 7px;}

ul, ol {margin-left:30px;}
ul ul, ol ol {margin:0; margin-left:20px;}
ol {list-style-type:decimal;}
li {display:list-item;}

dt {font-weight:bold;}
dd {margin-left:30px;}

fieldset {position:relative; padding:10px;}
legend {position:absolute; top:-1em; margin:0; padding:5px 10px; font-size:100%; font-weight:bold;}

/* ----------------------------------------------------------------------------------------------------------
2) Universal styles (display, float, margin, text-align...)
---------------------------------------------------------------------------------------------------------- */

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:left !important;} img.f-left {float:left; margin-right:10px;}
.f-right {float:right !important;} img.f-right {float:right; margin-left:10px;}

.t-left {text-align:left !important;}
.t-center {text-align:center !important;}
.t-right {text-align:right !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

    .bigger {font-size:110%;}
    .smaller {font-size:85%;}

/* ----------------------------------------------------------------------------------------------------------
3) Generally HTML styles (table, ul, dl...)
---------------------------------------------------------------------------------------------------------- */

ul.ul-style01 {margin:15px 0 15px 20px; list-style:none;}
ul.ul-style01 li {padding-left:12px; background:url(/site/images/frontend/ul-style01.gif) 0 5px no-repeat;}
ul.ul-style01 ul {margin:0; list-style:none;}
ul.ul-style01 ul li {padding-left:12px; background:url(/site/images/frontend/ul-style01.gif) 0 5px no-repeat;}

/* ----------------------------------------------------------------------------------------------------------
4) Layout
---------------------------------------------------------------------------------------------------------- */

.main {position:relative; width:961px; margin:0 auto; text-align:left;}

	#header {overflow:hidden}

        #logo {margin:0; margin-bottom:3px; font:normal 260%/1.2 "Trebuchet Ms",sans-serif; letter-spacing:-1px;}
        #logo span {font-weight:bold;}
        #logo a {text-decoration:none;}

        #slogan {margin:0;}
    	
        #search {position:absolute; top:0; right:0;}
        #search #search-input {width:170px; padding:4px; font:normal 100%/1.2 "Trebuchet Ms",sans-serif;}
        #search #search-submit {padding:3px 5px; font:bold 100%/1.2 "Trebuchet Ms",sans-serif;}

    #nav {clear:both; background:transparent;}
/*    #nav ul {margin:0; padding:0; list-style:none;}
    #nav li {display:inline; margin:0; padding:0;}
    #nav li a {display:block; float:left; padding:10px 20px;text-transform:uppercase;font-weight:bold;}
    #nav li#nav-active a {font-weight:bold; text-decoration:none;}
*/	   
    #cols {background:url(/site/images/frontend/cols.png) top center repeat-y;}
	#cols .main {padding-bottom:15px;}

    	#content {float:left;width:100%;}
    	/*#content p {text-align:justify;}*/
		
    	#content-in {width:705px; float:left;}
		#content-open {padding-left:20px; padding-right:30px;}

            #content h1 {margin:0; margin-bottom:10px; font-size:250%; letter-spacing:-1px;}
            #content h2, #content h3, #content h4 {margin-bottom:0; margin-bottom:10px; font-size:140%; letter-spacing:-1px;}
            #content h3, #content h4 {letter-spacing:0; font-size:120%;}
                            
    	#leftside {float:left; width:20%; overflow:hidden; background:url(/site/images/frontend/leftside_bg.png) no-repeat top;}
    	
    	   #leftside h3 {padding-right:15px; background:url(/site/images/frontend/arrow.gif) 100% 50% no-repeat; font-size:100%;}
    	   #leftside ul {margin:5px 0 15px 0; padding:0; list-style:none;}
    	   #leftside ul li {margin:0; padding:4px 10px 4px 0;}
		   
		#rightside {float:right; width:250px; overflow:hidden;}
    	
    	   #rightside h3 {padding-right:15px; font-size:100%;}
    	   #rightside ul {margin:5px 0 15px 0; padding:0; list-style:none;}
    	   #rightside ul li {margin:0; padding:4px 10px 4px 0;}
		   
		.block-title {height:35px; padding-right:15px; color: #3f82a5; font-size:18pt; font-style:italic; text-align: right;}
		.block-content {padding:10px;}
		.block-bottom {background:url(/site/images/frontend/block_bottom.png) center;height:14px}

	#footer {clear:both;}
    #footer p {margin:0;}

/* ----------------------------------------------------------------------------------------------------------
5) Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.section {float:left; width:225px; overflow:hidden;}
.section.margin {margin:0 5px;}
.section h3 {margin:0; padding:5px 15px; border:0 !important; background:url(/site/images/frontend/section.gif) 0 0 repeat-x; font-size:120%;}

div.overlay {
	
	width:400px;
	height:270px;
	
	text-align:left;		
	
	display:none;
	
	padding:55px;
}

div.overlay div.close {
	background-image:url(/site/images/frontend/close.png);
	position:absolute;
	right:28px;
	top:18px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div.overlaylogin {
	
	width:300px;
	height:192px;
	
	text-align:left;		
	
	display:none;
	
	padding:55px;
}

div.overlaylogin div.close {
	background-image:url(/site/images/frontend/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#loginajax { 
    background-image:url(/site/images/frontend/login.png); 
    color:#fff; 
}

#serverMsg {
	border: 1px solid;
    margin: 5px 0px;
    padding:5px 10px 5px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    position:relative;
    color: #00529B;
    background-color: #BDE5F8;
	visibility:hidden;
}

#regajax { 
    background-image:url(/site/images/frontend/apple.png); 
    color:#fff; 
}

/* ----------------------------------------------------------------------------------------------------------

SHEME
        
---------------------------------------------------------------------------------------------------------- */
body {background:#f1f6fa url(/site/images/frontend/bg.jpg) top center no-repeat; color:#000;}

a {color:#25A8C4; outline:none; text-decoration:none;}
a:hover {color:#1F1F1F;}
a.button {background: url(/site/images/frontend/button.png) no-repeat; width:172px; height: 28px; padding:5px 17px 5px 17px; color:#eff8fd;text-shadow:0 1px 0 #134966;}
a.button:hover {background: url(/site/images/frontend/button_hover.png) no-repeat; color:#fff}

fieldset {border:1px solid #CEE780;}
legend {background:#FFF; color:#25A8C4;}

table.table-style01 th {background:#25A8C4; color:#FFF;}
table.table-style01 th, table.table-style01 td {border:1px solid #7FD5E7;}
table.table-style01 tr.bg td {background:#D4F1F7;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#header {background:transparent;height:410px;}

#logo {border-bottom:1px solid #464646; color:#FFF;}
#logo span {color:#BFE024;}
#logo a {color:#FFF;}

#slogan {color:#B0B0B0;}
.loginbox {margin-top:15px; margin-left: 680px;}

#search #search-input {border:1px solid #FFF;}
#search #search-submit {border:1px solid #25A8C4; background:#25A8C4; color:#FFF;}

#nav ul{padding-left:5px; float:right;}
/*#nav li a {border-left:1px solid #0e5989;text-decoration:none;border-right:1px solid #4e8fb6; color:#fff;}
#nav li.last a {border-right:1px solid #355f8e;}
#nav li#nav-active a {background:#0a9ae0; color:#d0e6ff;}
#nav li a:hover {background:url(/site/images/frontend/nav_hover.jpg) repeat-x; color:#eaf4ff;}

#cols .main {background:url(/site/images/frontend/main.png) center repeat-y;}*/

#content h1 {background:url(/site/images/frontend/h1.png) no-repeat;height:65px;padding-left:15px;padding-top:10px;color:#92adc9;font-weight:normal;text-shadow:0 1px 0 #FFFFFF}
#content h2, #content h3, #content h4 {border-bottom:1px dashed #c3dae9; color:#6d8eae;text-shadow:0 1px 0 #FFFFFF}

#leftside h3 {color:#7DAC09;}
#leftside ul li {border-bottom:1px solid #CEE780;}

#rightside h3 {color:#7DAC09;}
#rightside ul li {border-bottom:1px solid #CEE780;}

#footer {background:url(/site/images/frontend/footer.jpg) center no-repeat; color:#fff; height:250px;}
#footer a {color:#BFBFBF;}
#footer a:hover {color:#FFF;}

.footerlinkek {
	float:left;
	padding-top:217px;
}
.footerlinkek a{
	font-size:120%;
	color: #8e8e8e;
	text-decoration:none;
	padding-right:15px;
	padding-left:15px;
	border-right: dashed 1px #9a9a9a;
}
.footerlogok {
	float:right;
	padding-top:208px;
}

/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.cmsbuildmenu{
font: bold 12px Verdana;
background: transparent;
clear:both;
position:relative;
margin: 0 auto;
width:960px;
height:38px;
padding-left:10px;
}

.cmsbuildmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.cmsbuildmenu ul li{
position: relative;
display: inline;
float: left;
z-index:999;
}

/*Top level menu link items style*/
.cmsbuildmenu ul li a{
display: block;
background: transparent; /*background of tabs (default state)*/
color: #e5f3fa;
padding: 8px 10px;
border-right: 1px solid #778;
text-decoration: none;
height:21px;
}

* html .cmsbuildmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.cmsbuildmenu ul li a:link, .cmsbuildmenu ul li a:visited{
color: white;
}

.cmsbuildmenu ul li a:hover{
background: #1a3e6c; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.cmsbuildmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
background:#1a3e6c;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.cmsbuildmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.cmsbuildmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.cmsbuildmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.cmsbuildmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #24509b;
color: white;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/*
	 Anything slider - page
*/

#col1                                   { width: 49%; float: left; margin: 0 0 20px 0; }
#col2                                   { width: 49%; float: right; }

#dl                                     { position: absolute; top: 10px; right: 0; background: black; color: white; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px 6px; }
#dl:hover                               { background: #666; }

/*
    This stuff is for the TitleBlock Plugin
*/
.image                                  { position: relative; margin-bottom: 20px; width: 100%; }
.image h2                               { position: absolute; top: 220px; left: 0; width: 100%; }
.image h2 span                          { color: white; font: bold 30px/40px Trebuchet Ms, Helvetica, Sans-Serif; letter-spacing: -1px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); padding: 6px 8px; }
.image h2 span.spacer                   { padding: 0 2px; background: none; }


/*
    For Specific Slides
*/
.textSlide                              { padding: 10px 30px; }
.textSlide h3                           { font: 20px Trebuchet Ms, Georgia, Serif; color:#7ab0cc; margin:0;}
.textSlide h4                           { text-transform: uppercase; font: 9px Trebuchet Ms, Georgia, Serif; margin: 10px 0; color:#aeaeae; margin-top:0;}
.textSlide p                            { color: #636363}
.textSlide ul                           { list-style: disc; margin: 0 0 0 25px; }
.textSlide ul li                        { display: list-item; }

#quoteSlide                             { padding: 30px; }
#quoteSlide blockquote                  { font: italic 24px/1.5 Trebuchet Ms, Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
#quoteSlide p                           { text-align: center; }

/*
    Anything slider - slider
*/


.anythingSlider                         { width: 660px; height: 320px; position: relative; margin: auto 15px; }
.anythingSlider .wrapper                { width: 580px; overflow: auto; height: 322px; margin: 40px; position: absolute; top: 0; left: 0; }

                                       /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 320px; width: 580px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(/site/images/frontend/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

/*#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(/site/images/frontend/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }
*/

#thumbNav a {
background:url("/site/images/frontend/slider_tmb.jpg") no-repeat scroll left 0 transparent;
color:#ACCFD6;
cursor:pointer;
position:relative;
top:323px;
left: 400px;
display:block;
float:left;
font-size:15px;
font-weight:bold;
height:17px;
margin:0 4px 0 0;
overflow:hidden;
padding:0 0 5px;
text-align:center;
width:20px;
text-decoration:none;
}
#thumbNav a:hover                       { background-position: left -22px; color:#83b2ba;}
#thumbNav a.cur                         { background-position: left -44px; color:#fefefe;}


#start-stop                             { background: #b0cade; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 5px; top: 33px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px; }
#start-stop.playing                     { background-color: #cde0ef; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }



/* láva menü*/

#lava {
	position: relative;
            height: 29px;
            width: 751px;
            background: transparent;
            float: right;
            margin: 7px 0;
            overflow: hidden;
		/* you must set it to relative, so that you can use absolute position for children elements */
	}
	
	#lava ul {
		/* remove the list style and spaces*/
		margin:0; 
		padding:0; 
		list-style:none; 
		display:inline;
				
		/* position absolute so that z-index can be defined */
		position:absolute; 
		
		/* center the menu, depend on the width of you menu*/
		left:110px; 
		top:0; 
		
		/* should be higher than #box */
		z-index:100;

	}
	
	#lava ul li {
		
		/* give some spaces between the list items */
		margin:0 5px; 
		
		/* display the list item in single row */
		float:left;
	}
	#lava li a {
                        text-decoration: none;
                        color: #9ec9e4;
                        outline: none;
                        text-align: center;
                        top: 3px;
                        text-transform: lowercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
						font-size:120%;
						text-shadow:none;
                    }
	
	#lava #box {
		
		/* position absolute so that z-index can be defined and able to move this item using javascript */
		position:absolute; 
		left:0; 
		top:0; 
		
		/* should be lower than the list menu */
		z-index:50; 

		/* image of the right rounded corner */
		background:url(/site/images/frontend/csuszka2.png) no-repeat right center; 
		height:30px;
		
		/* add padding 8px so that the tail would appear */
		padding-right:8px;
		
		/* self-adjust negative margin to make sure the box display in the center of the item */
		margin-left:-10px;
	}
	
	#lava #box .head {
		/* image of the left rounded corner */
		background:url(/site/images/frontend/csuszka1.png) no-repeat 0 0; 
		height:30px;

		/* self-adjust left padding to make sure the box display in the center of the item */
		padding-left:10px;
	}

/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP GENERAL LAYOUT                                */
/*-----------------------------------------------------------------------------------------------*/

.tTip {cursor: pointer; color: #666; font-weight: bold;}

.tip {
	color: #333;
	width: 212px;
	padding-top: 22px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(/site/images/frontend/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(/site/images/frontend/tipMid.png) repeat-y; padding: 0 25px 2px 25px;}
.tipBtm {background: transparent url(/site/images/frontend/tipBtm.png) no-repeat bottom; height: 32px;}

.ajanlatkeres {float:left;width: 290px;padding: 10px; border-right: dashed 1px #ABABAB}
.kapcsolat {float:right;width: 330px;}

input.data {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 0 15px 0 #c5d9e6;
background:#edf3f6;
border:1px solid #c5d9e6;
color:#1C557A;
font-size:120%;
height:37px;
margin-left:22px;
text-align:center;
width:80%;
}
textarea.data {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 0 15px 0 #c5d9e6;
background:#edf3f6;
border:1px solid #c5d9e6;
color:#1C557A;
font-size:120%;
margin-left:22px;
text-align:left;
width:80%;
}
input.data:hover, textarea.data:hover,input.data:focus, textarea.data:focus  {
-moz-box-shadow:0 0 15px 0 #FFFFFF;
background:#fff;
border:1px solid #c5d9e6;
}
input.button {
-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 0 15px 0 #FFFFFF;
background:none repeat scroll 0 0 #1FACD6;
border:1px solid #80E4F7;
color:#DDF6FC;
cursor:pointer;
font-size:160%;
height:45px;
margin-left:65px;
width:50%;
}
input.button:hover {
-moz-box-shadow:0 0 15px 0 #779cb4;
background:none repeat scroll 0 0 #1FACD6;
border:1px solid #80E4F7;
color:#FFF;
}
label {font-size: 130%; font-family:Trebuchet Ms, Geneva, sans-serif;color:#a7bed4;text-shadow: 0 1px 0 #FFFFFF;}
p {font-family:Trebuchet Ms, Geneva, sans-serif; text-shadow: 0 1px 0 #FFFFFF;}
strong {color:#7f9fbe;}
#exposeMask {
	background:#678 url(/site/images/frontend/mask_gradient_1000.png) no-repeat;
	background-position:13% 160px;
}