*{margin:0;padding:0;border:0;}
html{margin:0;padding:0;border:0;}
body{font:14px Verdana, Arial, Helvetica, sans-serif;color:#ffffff;background-color:#CCC;margin:0;padding:0;border:0;}
br.clear{height:0;line-height:0;clear:both;}
.border{height:30px;}
#container{background-color:transparent;width:100%;margin:0 auto;padding:0;position:relative;}
#header{margin:0;padding:0;overflow:hidden;height:auto;width:100%;}
#header h1{font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-weight:bold;text-shadow:2px 2px #003E5B;color:#fff;}
#header_min h1{font-size:11px;}
br.clear{height:0;line-height:0;clear:both;}
#header-top{background:none repeat scroll 0 0 #00283A;border-bottom:1px solid #001925;height:35px;}
#header-top img{display:block;border-style:none;float:right;margin-top:3px;}
#header-top h1{font-size:11px;float:left;margin-top:8px;margin-left:10px;text-align:left;}
#header-middle{width:100%;height:auto;border-top:#006B9F;border-bottom:1px solid #62CCFF;background-image:-ms-linear-gradient(top, #00A8F7 0%, #005E8A 100%);background-image:-moz-linear-gradient(top, #00A8F7 0%, #005E8A 100%);background-image:-o-linear-gradient(top, #00A8F7 0%, #005E8A 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #00A8F7), color-stop(100, #005E8A));background-image:-webkit-linear-gradient(top, #00A8F7 0%, #005E8A 100%);background-image:linear-gradient(to bottom, #00A8F7 0%, #005E8A 100%);text-align:center;}
#header-middle img{display:block;border-style:none;margin:0 auto;padding:0;text-align:center;}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu:after,
#cssmenu > ul:after{content:".";display:block;clear:both visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu .logo{padding-top:12px;display:inline-block}
#cssmenu{display:inline-block;padding:0;font-family:Raleway, sans-serif;line-height:1;}
#cssmenu .logo{float:left;display:inline-block;font-size:30px;font-weight:bold}
#cssmenu > ul{background:transparent;}
#cssmenu > ul > li{float:left;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu > ul > li > a{padding:16px 20px;font-size:14px;color:#ffffff;font-weight:bold;letter-spacing:1px;text-decoration:none;background:#006290;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;border-radius:8px;margin-right:4px;}
#cssmenu > ul > li.active > a{color:#ffffff;background:#3DB2E1;}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover{color:#dff2fa;-webkit-transform:rotateX(90deg) translateY(-23px);-moz-transform:rotateX(90deg) translateY(-23px);transform:rotateX(90deg) translateY(-23px);-ms-transform:none;}
#cssmenu > ul > li > a::before{position:absolute;top:100%;left:0;z-index:-1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:16px 20px;color:#dff2fa;background:#19799f;content:attr(data-title);-webkit-transition:background 0.3s;-moz-transition:background 0.3s;transition:background 0.3s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-ms-transform:translateY(- -18px);border-radius:4px;}
#cssmenu > ul > li:hover > a::before,
#cssmenu > ul > li > a:hover::before{background:#3DB2E1;}
#cssmenu.small-screen{width:100%;}
#cssmenu.small-screen > ul,
#cssmenu.small-screen.align-center > ul{width:100%;text-align:left;}
#cssmenu.small-screen > ul > li,
#cssmenu.small-screen.align-center{float:none;display:block;border-top:1px solid rgba(100, 100, 100, 0.1);}
#cssmenu.small-screen > ul > li:hover > a,
#cssmenu.small-screen > ul > li > a:hover{color:#dff2fa;-webkit-transform:none;-moz-transform:none;transform:none;-ms-transform:none;}
#cssmenu.small-screen > ul > li > a::before{display:none;}
#cssmenu.small-screen #menu-button{display:block;padding:16px 20px;cursor:pointer;font-size:14px;text-decoration:none;color:#ffffff;text-transform:uppercase;letter-spacing:1px;background:#3db2e1;}
#cssmenu.small-screen #menu-button:after{content:"";position:absolute;right:20px;top:17px;display:block;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border-top:2px solid #ffffff;border-bottom:2px solid #ffffff;width:22px;height:3px;}
#cssmenu.small-screen #menu-button.menu-opened:after{border-top:2px solid #dff2fa;border-bottom:2px solid #dff2fa;}
#cssmenu.small-screen #menu-button:before{content:"";position:absolute;right:20px;top:27px;display:block;width:22px;height:2px;background:#ffffff;}
#cssmenu.small-screen #menu-button.menu-opened:before{background:#dff2fa;}
#content{margin:0;padding:0;overflow:hidden;height:auto;width:100%;}
#content p{width:70%;margin-right:auto;margin-left:auto;margin-top:15px;margin-bottom:15px;font-size:14px;color:#003;text-decoration:none;}
#kiemel{background-image:-ms-linear-gradient(top, #005882 0%, #00324A 100%);background-image:-moz-linear-gradient(top, #005882 0%, #00324A 100%);background-image:-o-linear-gradient(top, #005882 0%, #00324A 100%);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #005882), color-stop(100, #00324A));background-image:-webkit-linear-gradient(top, #005882 0%, #00324A 100%);background-image:linear-gradient(to bottom, #005882 0%, #00324A 100%);width:60%;height:auto;border-radius:5px;margin:0 auto;padding:30px;margin-top:20px;clear:both;text-align:left;}
#kiemel p{color:#fff;width:90%;font-size:16px;}
#kiemel blockquote{display:block;margin-left:163px;font-size:16px;font-weight:bold;}
#kiemel img{border-style:none;float:right;width:40%;margin:1%;margin-top:0;}
#bemutat{width:70%;margin-right:auto;margin-left:auto;margin-top:50px;margin-bottom:50px;}
#bemutat p{color:#004766;font-size:14px;font-weight:bold;}
hr{width:50%;height:2px;line-height:3px;background-color:#0095DB;border-radius:3px;margin-left:auto;margin-right:auto;margin-top:5%;margin-bottom:5%;}
#szoveg2{width:90%;padding:0;margin-top:15px;margin-bottom:15px;text-align:center;height:auto;margin-right:auto;margin-left:auto;}
.elvalaszto{width:50%;}
#content .middle{display:inline-block;vertical-align:top;width:300px;}
#content .middle jpg{display:block;border-style:none;margin:0 auto;padding:0;text-align:center;width:100px;}
#content .middle p{font-size:14px;text-align:justify;font-weight:normal;}
#content .middle span a{color:lightgreen;text-decoration:none;}
main{display:inline-block;width:100%;margin:0 auto;padding:0;margin-left:0;margin-right:0;text-align:center;}
main article.content{display:inline-block;width:68%;margin:1%;padding:0%;padding-top:0px;vertical-align:top;border-radius:1%;box-shadow:0 0 5px gray;}
main article.content h1{color:#00283A;font-style:italic;}
main article.content p{text-align:left;font-size:16px;color:#00283A;margin-bottom:5px;}
main article.content div.content_in{width:94%;margin:2px auto;padding:2%;background:#CCCCCC;}
main article.content p img{float:left;margin:3%;}
main article.reklam{display:inline-block;width:22%;margin:1%;paddign:0%;padding-top:0px;vertical-align:top;border-radius:2%;box-shadow:0 0 5px gray;}
main article.reklam h1{text-align:center;color:#00283A;}
main article.reklam p{text-align:center;font-size:14px;color:#00283A;}
h3{font-size:10px;}
main article.reklam div.content_in{width:94%;margin:10px auto;padding:2%;background:#CCCCCC;}
main article.reklam p img{display:block;border-style:none;margin:0 auto;padding:0;text-align:center;width:100px;}
div.content_in img.rot{border-radius:50%;-webkit-transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
div.content_in img.rot:hover{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
div.content_in img.szovegk{border-style:none;margin:4px;line-height:15px;width:22px;height:16px;}
span.tooltip{text-decoration:underline;text-decoration-style:wavy;cursor:help;position:relative;}
span.tooltip:hover::after{position:relative;content:"Vidd a kurzort a kĂŠp fĂślĂŠ!";width:180px;height:24px;line-height:24px;background-color:black;color:#00283A;text-align:center;border:1px solid gray;box-shadow:0 0 5px gray;border-radius:6px;padding:5px 0;position:absolute;left:-10px;bottom:24px;z-index:1;}
.border{height:30px;}
.centered{text-align:center;}
.centered h2{color:#004766;}
.container{width:100%;max-width:980px;margin:0 auto;padding:0;position:relative;}
.grid-container{display:none;}
.content_in h2{color:#00283A}
.content_in h3{color:#004766;font-size:16px;font-weight:bold;text-align:center;}
ul.rig{list-style:none;font-size:0px;}
ul.rig li{display:inline-block;border-radius:20px;box-shadow:0 0 20px #2D1600;margin-right:2%;margin-bottom:2%;margin-left:2%;}
ul.rig li img{max-width:100%;height:auto;border-radius:20px;}
ul.rig.columns-2 li{width:46%;}
form{width:90%;margin-top:4%;margin-right:10%;margin-bottom:4%;margin-left:10%;}
input[type=text]{background-color:#BFBFBF;margin-bottom:20px;margin-top:10px;width:80%;padding:15px;border-radius:5px;border:3px double #006290;font-size:16px;}
input[type=submit]{
	background-color: #006290;
	margin-bottom: 20px;
	margin-left: 20%;
	width: 30%;
	padding: 15px;
	border-radius: 5px;
	border: 3px double #009AE3;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}
#submit:hover{background-color:#002F5E;}
textarea{background-color:#BFBFBF;margin-bottom:20px;margin-top:10px;width:80%;padding:15px;border-radius:5px;border:3px double #006290;font-size:16px;font-family:Verdana, Geneva, sans-serif;}
input[type=text]:focus,textarea:focus{border-color:#D6B07F;}
#nyitva{width:40%;text-align:left;margin-left:2%;font-size:14px;font-weight:bold;}
#nyitva table{border:1px solid #CCC;border-radius:10px;}
table th, table td{border:none;text-align:left;padding:8px;}
#nyitva-jobb{font-weight: bold;text-align:center;}
#nyitva-jobb h2{color:#00283A;}
#nyitva-jobb table{width: 100%;margin-left:5%;margin-right:5%;}
.center{margin: 0 auto;padding: 0;color: #00283A;font-weight: bold;}
#nyitva-jobb table th, #nyitva-jobb table td{color:#00283A;}
.map .wrap{margin:0 0 40px 0;}
.google-maps{position:relative;padding-bottom:2%;//This is the aspect ratio height:0;overflow:hidden;}
.google-maps iframe{position:absolute;top:1%;width:100% !important;height:100% !important;padding-right:2%;padding-bottom:2%;}
#footer{background:none repeat scroll 0 0 #00283A;padding-top:0.5em;padding-right:2.0em;padding-bottom:0.5em;height:30px;}
#footer p, #footer a:visited, #footer a, #footer a:hover{float:right;color:#6c7c84;font-size:0.8em;}
#tartalom{display:table;margin-top:-4px;padding:0;position:relative;width:100%;background-color:#101010;background-image:url(../weblapok_elemei/tartalom_ht.jpg);background-repeat:repeat-y;}
#csokkeno{font-size:1.1vmax;}
@media screen and (max-width:768px){main{width:96%;margin:0 auto;}
footer{width:96%;margin:0 auto;}
main article.info{width:100%;}
main article.content{width:100%;}
main article.reklam{width:100%;}
main article.info p img{width:20%;float:left;margin:1%;}
ul#main-navigation{width:160px;font-size:12px;}
li:hover > ul{display:block;position:absolute;width:120px;}
#csokkeno{font-size:14px;}
#nyitva{width:60%;}}
@media only screen and (max-width:600px){#content p{width:90%;}#kiemel blockquote{margin-left:0px;}
.middle p{font-size:12px;border-bottom:#006 1px solid;}.content_in img{width:60%;}.content_in p img{width:30%;}
#nyitva{width:80%;}}
@media only screen and (max-width:500px){#header-top img{display:block;border-style:none;float:right;margin-top:3px;width:0px;}#nyitva{width:100%;}}
@media only screen and (max-width:375px){h1{font-size:16px;font-weight:bold;}
h2{font-size:12px;font-weight:bold;}h3{font-size:10px;}.middle{width:240px;}}
@media only screen and (max-width:320px){#content .middle{width:260px;}
#content .middle p{font-size:10px;}
}