* {padding: 0px; margin: 0px; border: 0px; }

@font-face {font-family: "Myriad Pro"; src: url("/font/MyriadPro-Light.otf"); }

body { margin: 1px auto; background-color: #fff; font-family: Myriad Pro, arial, verdana; font-size: 100%; color: #444; min-width: 300px; min-height: 300px; }

div.clear{clear: both;}

a:link, a:visited, a:hover, a:active  { color: #444; text-decoration: none ;}

img.undercon { padding: 10px; background: #fff; left: 300px; top: 0px; border: 10px dotted #ff0; }

h1 {	line-height: 92%; font-weight: 900; font-size: 160%; }
h2 { line-height: 92%; font-weight: 900; font-size: 150%; }
/*--h3 a kis dobozok cimsora--*/
h3 { line-height: 92%; font-weight: 900; font-size: 140%; margin: 2% 0%; }
/*--h4 a cikkek cimsora--*/
h4 { line-height: 92%; font-weight: 900; font-size: 140%; display: inline-block; margin: 1%; }
/*--h5 a cikkek vissza gombja--*/
h5 { position: fixed; top: 11%; left: 1%; font-weight: 900; font-size: 140%; display: block; float: right; padding: 0px; border: 1px solid #ccc; border-radius: 5px;}
h6 { line-height: 92%; font-weight: 900; font-size: 110%; }
p { text-align: justify; line-height: 140%; }

/*--HEADER--*/
div.header {width:100%; position: relative; }

img.logo { width: 30%; float: left;}
img.face {width: 3.5%; border: 1px solid #eee; box-shadow: 5px 5px 2px #ddd; float: right; margin: 1% 0.5%;}

/*--MENÜ--*/
@keyframes menu-be-ki         { 0% { background: #aaa; width: 90%;} 100% { background: #888; width: 110%;}}
@-webkit-keyframes menu-be-ki { 0% { background: #aaa; width: 90%;} 100% { background: #888; width: 110%;}}
img.gomb {width: 8%; float: left; cursor: pointer;}
div.menu { display: none; position: absolute; width: 40%; z-index:99; opacity: 0.98;}
ul { background: #bbb; list-style: none;}
li a:link, li a:visited                     {text-align: left; padding: 5%; margin: 0px; display: block; color: #fff; text-decoration: none; font-size: 150%; font-weight: 900; text-shadow: 0px 0px 1px #fff; }
li a:active, li a:hover, li a:focus {animation: menu-be-ki 1s forwards; -webkit-animation: menu-be-ki 1s forwards; text-align: right; padding: 5%; margin: 0px; display: block; color: #fff; text-decoration: none; font-size: 150%; font-weight: 900; text-shadow: 0px 0px 1px #fff;}

/*-FELUGRÓ-*/
@keyframes felugrik{ 0%	 {top: -100%;} 100% {top: 0%;} }
@-webkit-keyframes felugrik{ 0%	 {top: -100%;} 100% {top: 0%;} }
div.felugro { left: 0px; top: 0px; position:fixed; background: #fff; margin: 10% 20%; border: 1px solid #ddd; padding: 2%; display: block; transition-property: all; transition-duration: 2s; animation-name: felugrik; animation-duration: 2s; box-shadow: 5px 5px 2px #ddd; z-index: 99;}
div.felugro:hover  div.felugbez { display: inline-block; }
div.felugro.kikapcs { display: none; }
div.felugbez { position:absolute; margin: 1%; display: none; top: 2%; right: 2%; cursor: pointer; }

/*--SLIDER--*/
@keyframes slider { 0% { left: 0%; } 20% { left: 0%; } 25% { left: -100%; } 45% { left: -100%; } 50% { left: -200%; } 70% { left: -200%; } 75% { left: -300%; } 95% { left: -300%; } 100% { left: -400%; } }
div.slider {width: 100%; overflow: hidden; position: relative;}
div.slider figure img { width: 20%; float: left; }
div.slider figure { position: relative; width: 500%; left: 0px; font-size: 0px; animation: 30s slider infinite; }
  

div.container { width:100%; margin: 0px auto; position: relative; display: flex; flex-flow: row wrap; align-items: stretch; justify-content: space-around; }
div.container a:hover,div.container a:active,div.container  a:focus,div.container a:link,div.container a:visited { color: #444; text-decoration: none; }

/*--DOBOZ--*/
div.doboz { margin: 2%; width: 96%; height: 250px; box-shadow: 5px 5px 2px #ddd; overflow: hidden; border: 1px solid #ccc; }
div.dobozbal { width: 50%; height: 100%; float:left; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; }
div.dobozjob { width: 48%; height: 100%; float:left; padding: 1%; }
/*--Ha a képernyő nagyobb mint 960px--*/@media screen and (min-width: 960px) {
div.doboz { margin: 2%; width: 45%; height: 250px; box-shadow: 5px 5px 2px #ddd; overflow: hidden; border: 1px solid #ccc; }
div.dobozbal { width: 50%; height: 100%; float:left; }
div.dobozbal img{ width: 100%; }
div.dobozjob { width: 48%; height: 100%; float:left; padding: 1%; }   
}

/*--VIDEÓ DOBOZ--*/
div.video { width: 94%; margin: 2%; padding: 1%; box-shadow: 5px 5px 2px #ddd; border: 1px solid #ccc; }
video { width: 100%; }
/*--Ha a képernyő nagyobb mint 960px--*/@media screen and (min-width: 960px) {
div.video { width: 43%; margin: 2%; padding: 1%; box-shadow: 5px 5px 2px #ddd; border: 1px solid #ccc; }
}

/*--GABI DOBOZ--*/
div.gabi { width: 94%; margin: 2%; padding: 1%; box-shadow: 5px 5px 2px #ddd; border: 1px solid #ccc; }
video { width: 100%; }
/*--Ha a képernyő nagyobb mint 960px--*/@media screen and (min-width: 960px) {
div.gabi { width: 43%; margin: 2%; padding: 1%; box-shadow: 5px 5px 2px #ddd; border: 1px solid #ccc; }
}

/*--FOTO DOBOZ--*/
div.foto { width: 94%; margin: 2%; padding: 1%; box-shadow: 5px 5px 2px #ddd; border: 1px solid #ccc; }
div.foto img { width: 100%; }
/*--Ha a képernyő nagyobb mint 960px--*/@media screen and (min-width: 960px) {
div.foto { width: 43%; margin: 2%; padding: 1%; box-shadow: 5px 5px 2px #ddd; border: 1px solid #ccc; }
}

/*CIKK*/
div.cikk { width: 100%; position: relative; display: block; text-align: justify; padding: 5%; margin: 2%; box-shadow: 5px 5px 2px #ddd; overflow: hidden; border: 1px solid #ccc; }
div.cikk img  { display: block; width: 35%; margin: 2%;}
div.cikk img:nth-child(odd)  {float: left;}
div.cikk img:nth-child(even) {float: right;}
div.cikk a:link,div.cikk a:visited { color: #909; background: #eee; }
div.cikk a:hover,div.cikk a:active,div.cikk  a:focus { color: #fff; background: #909; }
div.cikk table { width:100%;}
div.cikk table tr td { padding: 2%; margin: 0%; }

/*FOOTER*/
div.footer {  width:100%; position: relative; height: 10%; background:#eee; text-align: center;}
div.footer img { display: inline-block; width: 30%;}
div.footer a:link,div.footer a:visited { color: #444; text-decoration: none; }
div.footer a:hover,div.footer a:active,div.footer  a:focus { color: #444; text-decoration: underline; }

/*--FOTOALBUM--*/
#fotodoboz {width:90%; zoom:1; position: static; top:10%; margin:10%;}
#fotodoboz .fotobox { text-align: center; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; position:relative; width:160px; overflow:hidden; vertical-align:top; margin:4px; padding:10px; border:1px solid #eee; background:#fff; -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -ms-transform:rotate(-4deg); -o-transform:rotate(-4deg); transform:rotate(-4deg); -webkit-transform-style:preserve-3d; -moz-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; transition:all 0.1s ease-out;}
#fotodoboz .fotobox:nth-child(even){ -webkit-transform:rotate(4deg) scale(1.05); -moz-transform:rotate(4deg) scale(1.05); -ms-transform:rotate(4deg) scale(1.05); -o-transform:rotate(4deg) scale(1.05); transform:rotate(4deg) scale(1.05);}
#fotodoboz .fotobox:hover{ position:relative; z-index:10; box-shadow: 5px 5px 5px #ddd; -webkit-transform:rotate(0deg) scale(1.3); -o-transform:rotate(0deg) scale(1.3); -moz-transform:rotate(0deg) scale(1.3); -ms-transform:rotate(0deg) scale(1.3); transform:rotate(0deg) scale(1.3);}
#takar{  position:absolute; top:0; left:0; z-index:190; width:100%; height:auto; background-color:#000;}
#Albumdoboz{ position:absolute; top:20px; left:0; width:100%; z-index:200; text-align:center; color:#ddd; line-height:0;}
#Albumdoboz td{  vertical-align:top; }
#outerImageContainer{  width:auto; height:auto; margin:0 auto; position:relative;}
#AlbumdobozImage{ width:100%; height:100%;}
#imageContainerMain{ margin:0 auto; overflow:visible; position:relative; font-size:0;}
#imageContainer{ width:10px; height:10px; margin:0 auto; overflow:hidden; background-color:#fff; position:relative; font-size:0;}
#loading{ position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; font-size:10px; z-index:1;}
#loadingLink { display:block; margin:0 auto; padding:0; width:32px; height:32px; background:url(img/betolt.gif) center center no-repeat; text-indent:-9999px;}
#hoverNav{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav{ left:0;}
#prevLinkImg, #nextLinkImg{ top:0; width:48px; height:100%; position:absolute; z-index:20; outline-style:none; display:block; text-indent:-9999px; background:none;}
* html #prevLinkImg,* html #nextLinkImg{ background-image:url(data:image/gif;base64,AAAA);}
#prevLinkImg { left: 0; }
#nextLinkImg { right: 0; }
#prevLinkImg:hover, #prevLinkImg.hover, #prevLinkImg:visited:hover { background:url(img/elozo.png) 5% center no-repeat;  _background-image:url(img/elozo_ie6.gif)}
#nextLinkImg:hover, #nextLinkImg.hover, #nextLinkImg:visited:hover { background:url(img/kovetkezo.png) 97% center no-repeat; _background-image:url(img/kovetkezo_ie6.gif)}
#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; font-size:12px; background-color:#fff; width:100%;}
#imageData{ overflow:hidden; width:100%;}
#imageDetails{ width:70%; float:left; text-align:left;  padding:10px 10px 0 0;}
#caption{ font-weight:bold; display:block;}
#numberDisplay{ display:block; float:left; padding:3px 10px 0 0;}
#detailsNav{display:block; float:left;   padding:0; } 
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails { margin:3px; margin-top:0px; width:24px;height:24px; background:url(img/elozocimke.gif) left center;}
#nextLinkDetails { margin:3px; margin-top:0px; width:24px;height:24px; background:url(img/kovetkezocimke.gif) right center;}
#slideShowControl.started{ background-image:url(img/szunet.gif);}
#slideShowControl{ display:block; width:24px; height:24px; float:left; background:url(img/start.gif); background-position:center center; background-repeat:no-repeat;}
#close{ padding:20px 0 0; float:right; }
#closeLink { display:block; outline-style:none; margin:0; padding:0; text-decoration:none; width:32px; height:32px; background:url(img/bezar.gif) no-repeat;} 
#outerImageFrame{ border:solid 1px red; height:100%; width:100%; position:absolute;}
#outerImageContainer{ overflow:visible;}
#outerImageContainer td{ text-align:center; padding:0;}
#AlbumdobozFrameBody{ background-color:#fff; border:solid 1px #fff;}
#outerImageContainer td, #outerImageContainer tr{ font-size:0; border:0 none;}
#outerImageContainer td.tl, #outerImageContainer td.br{ height:38px; width:38px;}
#outerImageContainer td.tl{ background-image:url(img/szegfelbal.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kozos/img/szegfelbal.png', sizingMethod='scale');}
#outerImageContainer td.tc{ background-image:url(img/szegfelkoz.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kozos/img/szegfelkoz.png', sizingMethod='scale');}
#outerImageContainer td.tr{ background-image:url(img/szegfeljob.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kozos/img/szegfeljob.png', sizingMethod='scale');}
#outerImageContainer td.ml{ background-image:url(img/szegkozbal.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kozos/img/szegkozbal.png', sizingMethod='scale');}
#outerImageContainer td.mr{ background-image:url(img/szegkozjob.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kozos/img/szegkozjob.png', sizingMethod='scale');}
#outerImageContainer td.bl{ background-image:url(img/szegalbal.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kozos/img/szegalbal.png', sizingMethod='scale');}
#outerImageContainer td.bc{ background-image:url(img/szegalkoz.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kozos/img/szegalkoz.png', sizingMethod='scale');}
#outerImageContainer td.br{ background-image:url(img/szegaljob.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='kozos/img/szegaljob.png', sizingMethod='scale');}