@charset "utf-8"; 

html,body,ul,ol,li 	{margin:0; padding:0;}

body		{background:#fff; margin:0px; padding:0px; text-align:center; width:100%; color:#666; font-size:12px; 
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; overflow-y: scroll; overflow-x: hidden;}
a, a:hover, a:active, a:focus {outline:none !important;}
hr	{border:none; border-bottom:1px #efefef solid !important; height:2px;}

h2	{font-size:14px; font-weight:bold; color:#333;}

.link1		{text-decoration:none; color:#7b6f5f;}
.link1:hover	{text-decoration:underline; color:#7b6f5f;}

.link2		{text-decoration:none; color:#7b6f5f;}
.link2:hover	{text-decoration:underline; color:#7b6f5f;}
.h2datum	{font-size:12px; /*color:#CCCCCC;*/ border-bottom:1px #CCCCCC solid; margin:-15px 0px 5px 0px; color:#999; padding-bottom:5px;}
.h3cim		{font-size:36px; color:#DDDDDD; border-top:1px #666666 solid; padding:20px 0px 20px 0px; text-transform:uppercase; margin:10px 0px 0px 0px;}


.header 	{margin:0px auto 0px auto; text-align:left; width:1000px; height:40px;}
.tartalom	{margin:0px auto 0px auto; min-height: 300px; background:url(background/tartalom.png); /*background-color: #FFF; opacity: .8;*/ border-radius: 3px; 
			color:#000000; width: 980px; text-align:left; padding: 10px;}
.headerline		{margin:0px; background-color: #7b6f5f; opacity: .99; color:#000000; width:100%; text-align:right; padding: 3px 0px 3px 0px;}
.headerline a	{text-transform:uppercase; margin-right:20px; text-decoration:none; color:#FFFFFF; font-weight:normal;}

.blaff		{margin:40px auto 20px auto; background:none; opacity: .99; width:1000px; text-align:left;}
.blaff a, .blaff a img	{border:none !important;}
.banner		{margin:60px auto 20px auto; background:none; opacity: .99; width:1000px; text-align:left;}
.bg 	{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: -999;}
.bgs 	{width: 100%; height: 100%;}

.oldalszamcont			{border-top:1px #CCCCCC solid; width:600px; margin:0px auto 0px auto; text-align:left;}
.oldalszamcont div		{float:left; text-align:center; text-decoration:none; margin:3px; padding:2px 3px 2px 3px; height:18px;}
.oldalszamcont div a	{text-decoration:none; display:block;}
.oldalszamcont .osz		{min-width:20px; border:1px #CCCCCC solid;}
.oldalszamcont .osz_a	{min-width:60px; border:1px #CCCCCC solid;}

.cimkecont			{width:600px; margin:0px auto 0px auto; text-align:left;}
.cimkecont a		{text-decoration:none; color:#333333; border:none;}
.cimkecont a:hover	{text-decoration:none; border-bottom: 1px #666666 dotted;}

/*
.cimkecont				{width:600px;}
.cimkecont div			{float:left; text-align:left; width:auto; margin:3px; padding:2px 3px 2px 3px; height:18px;}
.cimkecont div a		{text-decoration:none; display:block; color:#333333;}
.cimkecont div a:hover	{text-decoration:none; display:block; color:#333333; border-bottom: 1px blue dotted;}
.cimkecont div.cimke	{background:#f5f5f5; border:1px #e5e5e5 solid; color:#333333;}
*/

/* GAL */
.tartalom .list3	{/*border:1px #f5f5f5 solid;*/ margin:0px 20px 20px auto; padding:10px; float:left; width:200px; height:215px; text-align:center; overflow:hidden;}
.tartalom .list3 .kep img	{width:120px; height:120px;}
.tartalom .list3 .tart		{width:200px; text-align:center; margin:15px 0px 0px 0px;}
.tartalom .list3 .cim	{font-size:14px; color:#000000; font-weight:bold; text-align:center; margin:0px 0px 10px 0px;}
.tartalom .list3 .link1	{text-transform:uppercase;}

.tartalom .list4		{border:1px #e2e2e2 solid; margin:0px 10px 20px auto; padding:5px; float:left; width:auto; min-height:120px; background:none;}
.tartalom .list4:hover	{background:#eeeeee;}
.tartalom .list4 a		{text-decoration:none;}
.tartalom .list4 a img	{width:auto; height:120px; border:0px;}





.tartalom .list2	{border:1px #CCCCCC solid; margin:0px 15px 20px auto; padding:10px; float:left; width:440px;}
.tartalom .list2 .kep	{width:130px; height:130px; float:left;}
.tartalom .list2 .kep img	{width:120px; height:120px;}
.tartalom .list2 .tart		{float:left; width:440px;}
.tartalom .list2 .tartik	{float:left; width:300px;}
.tartalom .list2 .cim	{font-size:14px; color:#000000; font-weight:bold;}
.tartalom .list2 .dat	{font-size:12px; color:#999;}
.tartalom .list2 .tex	{border-top:1px #CCCCCC solid; margin:0px 0px 10px 0px;}

/* VENDÉGKÖNYV */
.c1		{color:#FFF; margin:0px; float:left; padding:2px 5px 2px 5px; height:20px; background:#999;}
.c2		{color:#999; margin:0px 0px 0px 20px; padding:2px 5px 2px 5px; float:left; clear:right;}
.sz1	{color:#333; margin:5px 0px 30px 0px; padding:5px; border:1px #999999 solid;}
.sz2	{padding:30px 0px 30px 0px; border-top:1px #666666 solid; text-align:center;}
.oldalszam	{font-weight:bold; color:#333333; text-decoration:none;}
.oldalszam:hover {font-weight:bold; color:#0066CC; text-decoration:none;}
.aktivfelh		{color:#333; font-weight:bold; margin:0px 0px 10px 0px;}
.aktiva			{text-decoration:none;}
.aktivlogout, .gomb1	{color:#FFFFFF; background:#09F; height:20px; width:100px; text-align:center; padding:1px 8px 1px 8px; border:none; cursor:pointer;}
.text1	{font:inherit; outline:none; width:250px; height:250px; resize:none; padding:4px; background:#F5F5F5;}
.text2	{font:inherit; outline:none; width:180px; height:20px; padding:0px 0px 0px 4px;}

/* SLIDER */

/* CSS reset */
table 	{border-collapse:collapse; border-spacing:0;}
ol,ul 	{list-style:none;}
.clr 	{clear: both;}

.container > header	{padding: 30px 30px 10px 20px; margin: 0px 20px 10px 20px; position: relative; display: block; 
					text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-align: left;}
.container > header h1	{font-family: 'Arial Narrow', Arial, sans-serif; font-size: 35px; line-height: 35px; position: relative; font-weight: 400; color: #fff;
						text-shadow: 1px 1px 1px rgba(0,0,0,0.3); padding: 0px 0px 5px 0px; }
.container > header h1 span{}
.container > header h2, p.info{font-size: 16px;	font-style: italic;	color: #f8f8f8;	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);}


/* Media Queries */
@media screen and (max-width: 767px) {
.container > header{text-align: center;}
p.codrops-demos {position: relative; top: auto; left: auto;}
}



/* SLIDER 2 */

.cb-slideshow ˙{margin:0px !important;}
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(background/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(background/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(background/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(background/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(background/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(background/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(background/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}