/*********************************************************************************/
/* Declare Fonts                                                                 */
/*********************************************************************************/
@font-face{ 
	font-family:'Jura'; 
	src: url('../TTF/JuraLight.ttf');
}
@font-face{ 
	font-family:'Reswysokr'; 
	src: url('../TTF/Reswysokr.ttf');
}
@font-face{ 
	font-family:'Aller'; 
	src: url('../TTF/Aller_Lt.ttf');
}

@font-face {
  font-family: 'Capsuula';
  src: url('../TTF/Capsuula.eot'); 
  src: url('../TTF/Capsuula.eot?#iefix') format('embedded-opentype'),url('../TTF/Capsuula.ttf')  format('truetype');

}

@font-face{ 
	font-family:'Capture_it'; 
	src: url('../TTF/Capture_it.ttf');
}
@font-face{ 
	font-family:'DensiaSans'; 
	src: url('../TTF/DensiaSans.ttf');
}
@font-face{ 
	font-family:'Existence-Light'; 
	src: url('../TTF/Existence-Light.ttf');
}
@font-face{ 
	font-family:'FoglihtenNo07'; 
	src: url('../TTF/FoglihtenNo07.ttf');
}
@font-face{ 
	font-family:'FoglihtenNo01'; 
	src: url('../TTF/FoglihtenNo01.ttf');
}


/*********************************************************************************/
/* Main Style                                                                    */
/*********************************************************************************/
html, body {
	height: 100%;
}

body {
	margin: 0px;
	padding: 0px;
    font-family: Capsuula; 
	line-height:1.2em;
	font-size: 20px;
	color: rgba(0,0,0,1.0);
}
h1, h2, h3 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: 'Varela Round', sans-serif;
	color: #2D2D2D;
	font-size:0.8em;
}
h2 {
	padding: 0px 0px 30px 0px;
	font-size: 1.0em;
}
p, ol, ul {
	margin-top: 0px;
}
p {
	line-height: 180%;
}
strong {
}

a {
	color:yellow;
	border-bottom:1px dotted;
}
a:hover {
	border-bottom:1px solid;
}

a img {
	border: none;
}
/*********************************************************************************/
/* WRAPPER Style                                                                 */
/*********************************************************************************/
#maincontainer {
	background: #FFF;
	margin: 0px 0px;
	
	/*background-image:url('../images/christmas/christmas_2016.jpg');
    background-repeat: no-repeat;
	background-position: 0px 320px;
	background-attachment: fixed;*/

}
.container {
	width: 1200px;
	margin: 0px auto;
}
.mezohegyes-container{
	position:fixed; z-index:1007; width:100%; top:130px; /*z-index:1005;/*1105*/
	background-color:transparent;
}
.mezohegyes{
	top:130px;	
}
/*********************************************************************************/
/* Header Style                                                                  */
/*********************************************************************************/
#header-container {
	width:100%;
}
#header {
	height: 200px;
}
/*********************************************************************************/
/* Logo Style                                                                    */
/*********************************************************************************/
#logo {
	position: relative;
	top: 130px;
	left: 0;
}
#logo h1 {
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	font-size: 1.5em;
	color: #fff;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
/*********************************************************************************/
/* htmlcontainer Style                                                           */
/*********************************************************************************/
#htmlcontainer {
	padding-top:120px;
}
#htmlcontainer img {
	margin-bottom: 1em;
}
a {
	color: rgba(0,0,0,.8);
	text-decoration: none;
	border-bottom: 1px dotted;
}
a:hover {
		border-bottom: 1px solid;
}
#htmlcontainer .title {
	margin-bottom: 0.7em;
}
#htmlcontainer .title h2 {
	font-size: 0.8em;
	/*font-weight: 100;*/
	color: rgba(0,0,0,0.8);
}
#htmlcontainer .title .byline {
	display: block;
	color: rgba(0,0,0,0.7);
}
#htmlcontainer .left {
	float:left;
	width: 950px;
}
#htmlcontainer .right {
	float:left;
	width: 250px;
}
.right a {
	border:none;
	text-decoration: none;
}
.right a:hover {
	text-decoration: none;
}
#htmlcontainer .button {
	border: 1px solid #FFFFFF;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}
#htmlcontainer .button:hover {
	border: 1px solid #FFFFFF;
	-moz-box-shadow: 0 0 10px #888;
	-webkit-box-shadow: 0 0 10px #888;
	box-shadow: 0 0 10px #888;
}
/*********************************************************************************/
/* Heading Titles                                                                */
/*********************************************************************************/
.title {
	margin-bottom: 1em;
}
.title h2 {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	color: rgba(255,255,255,0.9);
}
.title .byline {
	padding-top: 0.50em;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	/*font-weight: 400;*/
	font-size: 1.0em;
	color: #6F6F6F;
}
/*********************************************************************************/
/* Portfolio footer                                                              */
/*********************************************************************************/
#portfolio-wrapper {
	padding-top: 20px;
	background: #F3F3F3;
	background-repeat: repeat;
	border-top: 1px solid rgba(0,0,0,.02);
	border-bottom: 1px solid rgba(0,0,0,.05);
}
#portfolio {
	text-align: center;
}
#portfolio h2 {
	display: block;
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: 200;
	color: rgba(0,0,0,0.8);
}
#portfolio .title .byline {
	display: block;
	color: rgba(0,0,0,0.9);
	font-size: 0.8em;
}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
#footer {
	padding: 2px 0px 2px 0px;
	font-family: 'Varela Round', sans-serif;
	font-size: 0.6em;
	color: rgba(0,0,0,0.7);
	border-top: 1px solid  #E2E2E2; /*#EBEBEB*/
	margin-top:30px;
	background-color:white;
}
#footer p {
	text-align: center;
	color: rgba(0,0,0,0.9);
}
#footer a {
	color: rgba(0,0,0,0.9);
}
/*********************************************************************************/
/* Shadow image Style                                                            */
/*********************************************************************************/
.ShadowImage {
	border: 1px solid #FFFFFF;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}
/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/
.button {
	display: inline-block;
	padding: 0em 1.0em;
	background: #2B73B7;
	letter-spacing: 0.10em;
	line-height: 2em;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1em;
	color: #FFF;
}
/*********************************************************************************/
/* UpScroll Button Style                                                         */
/*********************************************************************************/
.UpScrollButton {
	position: fixed;
	bottom: 0px;
	right: 0px;
	width: 48px;
	height: 49px;
	background: url('../images/other/uparrow.png') no-repeat;
	display: none;
}
/*********************************************************************************/
/* Banner Cycle Style                                                            */
/*********************************************************************************/
.cycle {
	display:block;

	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 200px;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	background: #fff url('../images/other/eszaki_diadaliv_small.jpg') repeat-x 0 top;
	text-align: center;
	border-top: solid 1px #E8DFBD;
	border-bottom: solid 1px black;

    -webkit-box-shadow: -2px 16px 11px -12px #333;
	-moz-box-shadow: -2px 16px 11px -12px #333;
	box-shadow: -2px 16px 11px -12px #333;
	
 
	z-index: 1007;
}
.cycle.custom_cursor {
	cursor: url(https://mail.google.com/mail/images/2/openhand.cur), default !important;
}
.cycle.custom_cursor.grabbing {
	cursor: url(https://mail.google.com/mail/images/2/closedhand.cur), default !important;
}
.cycle.grabbing {
	cursor: grabbing;
	cursor: -moz-grabbing;
	cursor: -webkit-grabbing;
}
/*********************************************************************************/
/* MovingLayer (Source Code) Style                                               */
/*********************************************************************************/
#MovingLayer {
	position: fixed;
	width: 180px;
	height: auto;
	visibility: hidden;
	z-index: 1000;
}
#MovingLayer img {
	margin-bottom: 10px;
}
#HeaderLayer {
	color: #FFFFFF;
	height: 20px;
	padding-top: 5px;
	display: none;
}
/*********************************************************************************/
/* Blue menu Style                                                               */
/*********************************************************************************/

#menu {
	position: fixed;
	width: 100%;
	top:200px;	
	background: #2B73B7;
	border-top: 1px solid #0066CC;
	border-bottom: 1px solid #0066FF;
	z-index:1006;
	-webkit-box-shadow: -2px 16px 11px -12px #757575;
	-moz-box-shadow: -2px 16px 11px -12px #757575;
	box-shadow: -2px 16px 11px -12px #757575;
}
/* Top menu items */
#menu ul {
   margin:0;
   padding:0;
   list-style:none;
   position:relative;
 
   float:right;
  
}
#menu ul li {
   padding:0;
   position:relative;
   float:left;
}
#menu ul li a {
   display:block;
   margin:0;
   padding:.0em .6em .0em;
   text-decoration:none;
   color:white;
   line-height: 50px;
   text-transform: uppercase;
   font-family: 'Varela Round', sans-serif;
   font-size: 11px;
   color: rgba(255,255,255,0.9); 
   border: none;
}
#menu ul li.active a {
   color:#fff;
   background:#000;
}
#menu ul li a:hover {
   text-decoration: none;
   color: rgba(255,255,255,1);
   /*background-color:transparent;*/
   /*text-shadow: 1px 1px 2px black, 0 0 15px white, 0 0 5px black;*/
   background-color: #2669A6 ;
   
}
/*-------------------------------------- Submenu items ---------------------------------------*/
#menu ul ul {
   display:none; /* Sub menus are hiden by default */
   position: absolute;
   top:2em;
   left:10px;
   border:1px solid #ddd;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.41);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.41);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.41);
}

#menu ul ul li {
   margin:0; /* Reset the 1px margin from the top menu */
   width:100%;
}
#menu ul ul li a,
#menu ul li.active li a,
#menu ul li:hover ul li a,
#menu ul li.hover ul li a { /* This line is required for IE 6 and below */
   background:#fff;
   color:#444;
   line-height:2.5em; /* overwrite line-height value from top menu */
   text-align:left;
}
#menu ul ul li a:hover,
#menu ul li:hover ul li a:hover,
#menu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
   background:#2B73B7; /* Sub menu items background colour */
   color:#fff;
   text-shadow: none;
   -webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-o-transition:background 0.3s;
	transition:background 0.3s;

}

/* Flip the last submenu so it stays within the page */
#menu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#menu ul li:hover ul,
#menu ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}

/*********************************************************************************/
/* top-top-menu Style                                                             */
/*********************************************************************************/
#top-top-menu{
	position: fixed; 
	height:50px; 
	top:250px;
	width:100%; 
	color:black; 
	background: #FFFFFF url('../images/other/top-top-menu.png') repeat-x 0 top;
	z-index:1005;

}

#top-top-menu-inner {
 	float:right; 
 	
	font-family: 'Varela Round', sans-serif;
	font-size: 11px;
	text-transform: uppercase;
}
/* Top menu items */
#top-top-menu-inner ul {
   margin:0;
   padding:0;
   list-style:none;
   position:relative;
}
#top-top-menu-inner ul li {
   padding:0;
   position:relative;
   float:left;
}
#top-top-menu-inner ul li a {
   display:block;
   margin:0;
   padding:.0em .6em .0em;
   text-decoration:none;
   color:black;
   line-height: 50px;
   border: none;
}
#top-top-menu-inner ul li a:hover {
   background:#E1ECF4; 
   color:black;

}

/*-------------------------------------- Submenu items ---------------------------------------*/
#top-top-menu-inner ul ul {
   display:none; /* Sub menus are hiden by default */
   position: absolute;
   top:3.5em;
   left:0px;
   border:1px solid #ddd;
   
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.41);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.41);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.41);
}

#top-top-menu-inner ul ul li {
   margin:0; /* Reset the 1px margin from the top menu */
width:100%;
   	
}
#top-top-menu-inner ul ul li a,
#top-top-menu-inner ul li.hover ul li a { /* This line is required for IE 6 and below */
   background:#fff;
   color:#444;
   line-height:2.5em; /* overwrite line-height value from top menu */
   text-align:left;
}
#top-top-menu-inner ul ul li a:hover,
#top-top-menu-inner ul li.active ul li a:hover,
#top-top-menu-inner ul li:hover ul li a:hover,
#top-top-menu-inner ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
  background:#E1ECF4; 
    color:black;
   text-shadow: none;
   -webkit-transition:background 0.3s;
	-moz-transition:background 0.3s;
	-o-transition:background 0.3s;
	transition:background 0.3s;

}

/* Flip the last submenu so it stays within the page */
#top-top-menu-inner ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}

/* Make the sub menus appear on hover */
#top-top-menu-inner ul li:hover ul,
#top-top-menu-inner ul li.hover ul { /* This line is required for IE 6 and below */
   display:block; /* Show the sub menus */
}
/*-------------------------------------------------------------------------------*/
#white-div{
	position:fixed; 
	z-index:0; 
	width:100%; 
	height:50px; 
	background-color:white;
}
/*********************************************************************************/
/* icons Style                                                                   */
/*********************************************************************************/
#icons{
	position: fixed;
	top: -10px;
	right:10px;
	z-index:1007;/*1106*/
}

img{

}

#icons a{
	text-decoration: none;
	border:none;
	outline:none;
}


/*********************************************************************************/
/* DIV BOX Style                                                                 */
/*********************************************************************************/
.BannerBox{
	-moz-box-shadow: 0 0 10px #fff;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	background-color:#fff;
	margin-bottom:20px;
	border:1px solid #004824;
}
.BannerBoxHead{
	background-color:#004824;
	color:white;
	text-align:left;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
}
.BannerBoxContent{
	padding:10px;
}
.BannerBox a{
	text-decoration:none;
	border:none;
	outline:none;
	color: #000;
}
.BannerBox:hover{
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}	

.div_link{
	border:1px solid #E4E4E4;
	border-radius: 6px;

	-webkit-box-shadow: 4px 4px 9px 0px rgba(50, 50, 50, 0.18);
	-moz-box-shadow:    4px 4px 9px 0px rgba(50, 50, 50, 0.18);
	box-shadow:         4px 4px 9px 0px rgba(50, 50, 50, 0.18);

}
.div_link:hover{
	border:1px solid gray;
	-moz-box-shadow: 0 0 10px gray;
	-webkit-box-shadow: 0 0 10px gray;
	box-shadow: 0 0 10px gray;
}

.div_link a{
	border:none;
	outline:none;
}

.white_link{
	padding:6px;
}
.white_link:hover{
	background-color:white;

   -webkit-box-shadow: -2px 16px 11px -12px #000;
   -moz-box-shadow: -2px 16px 11px -12px #000;
   box-shadow: -2px 16px 11px -12px #000;
}	

/*********************************************************************************/
/* IFRAME Style                                                                  */
/*********************************************************************************/

.LeftHtmlContainer{
	width:930px;
	background:transparent;
	border:none;
	margin-left:8px;
	margin-right:8px;
	overflow-y: hidden;
	overflow-x: hidden;
}
/*********************************************************************************/
/* Image Styles                                                                  */
/*********************************************************************************/
.shadow_image{
	border:1px solid  #FFFFFF;  
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}
.shadow_image_simple{
	border:1px solid  #FFFFFF;  
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}
.child_shadow_image{
	border:1px solid  #FFFFFF;  
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

.child_shadow_image_left{
	border:1px solid  #FFFFFF;  
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	margin-right:15px; 

	margin-left:6px; 
	
	margin-bottom:6px; margin-top:6px;
}

.child_shadow_image_right{
	border:1px solid  #FFFFFF;  
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	margin-left:15px; 
	margin-right:6px; 
	margin-bottom:6px; 
	margin-top:6px;
}
/*********************************************************************************/
/* Child Styles                                                                  */
/*********************************************************************************/
.child_body{
	background-color:transparent;
}
.child_container {
	margin-top:4px;
}
.child_container a{
	text-decoration:none;
	border-bottom:1px dotted black;
	outline:none;
	color: #000;
}
.child_container a:hover{
	border-bottom:1px solid black;
}
.child_list {
	list-style-image:url('../images/item.png');
	list-style-position: inside;
}
/*---------------------- TABLE ------------------*/
.child_body table {
	border-collapse:collapse;
	padding:2px;
}

.child_body td{
	vertical-align:top;
	padding:1px;
}
.child_body th{
	text-align:left;
}
/*---------------- SIMPLE TABLE ------------------*/

.child_body .simpletable table {
    border-collapse: collapse;
    width: 100%;
}

.child_body .simpletable  td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 4px;
}
.child_body .simpletable  th {
    background-color:#2B73B7;
    border:1px solid #2B73B7;
    color:white;
}
.child_body .simpletable tr:nth-child(even) {
    background-color: #F8F8F8;
}
.child_body .simpletable caption{
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	padding-bottom:8px;
	text-align:left;
}

.child_body .simpletable tr:hover, tr:hover:nth-child(even) {
    background-color: #F0F3F7;
}


/*-----------------------------------------------*/
.child_body  h1{
    font: bold 1.1em Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; margin: 0; color: #000000; background-color:transparent; 
	margin-top:6px;
	margin-bottom:6px;
}

.child_body a:link, a:visited{
	outline:none;
	color: #454F5A;
	text-decoration: none; 
	border-bottom:1px dotted;
}
.child_body a:hover{
	border-bottom: solid 1px #454F5A;
}


.child_body_simple_link a:link, a:visited{
	outline:none;
	color: #454F5A;
	text-decoration: none; 
	border: none;
}
.child_body_simple_link a:hover{
	border-bottom: solid 1px #454F5A;
}
.over_gray_head{
	font-size:1.2em;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:8px;
}


.fullWidthHeader{
	margin-bottom:8px;
}

/*------------------------------ TOOLTIP START --------------------------------*/
.masterTooltip{
	cursor:pointer;
}
/*-----------------------------------------------------------------------------*/
.tooltip {
	z-index:1008; /*1107*/
	position:absolute;
	border:2px solid #808080;
	background-color:#161616;
	border-radius:6px;
	padding:10px;
	color:#fff;
	font-size:16px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif  ;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);


}
/*------------------------------ TOOLTIP END --------------------------------*/
#cimerContainer{
	display:block;		
}


/*----------------------------- CHRISTMAS ----------------------------------*/
#Christmas{
	width:800px;
	height:600px;
	
	opacity: 0.0;
    filter: alpha(opacity=0); 
  		
	z-index:1008;
	position:absolute;	
	
	background-image:url('../images/christmas/free-christmas-screensavers-1024x768_.jpg');
	background-repeat:no-repeat;
	background-position:center center;
	border:1px solid #000000;

	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);

	
}

/*********************************************************************************/
/* Text Shadow Style                                                             */
/*********************************************************************************/
/*	
.text-shadow: rgb(187, 187, 187) 0px 1px 0px,
  rgb(181, 181, 181) 0px 2px 0px,
  rgb(172, 172, 172) 0px 3px 0px,
  rgb(160, 160, 160) 0px 4px 0px,
  rgb(145, 145, 145) 0px 5px 0px,
  rgb(127, 127, 127) 0px 6px 0px,
  rgba(0, 0, 0, 0.199219) 0px 7px 1px,
  rgba(0, 0, 0, 0.296875) 0px 8px 6px;	
  

h1 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
}

background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    txt-shadow: rgba(255,255,255,0.5) 0px 3px 3px;


*/