/* Top */
#header{width:100%; margin:0px; height:auto; background-color:#093f89; position:fixed; z-index:1; opacity:0.85; transition: opacity 1s; -webkit-transition: opacity 1s }
#header:hover{opacity:1  }
.header_content{ width:715px; margin:auto; }

.telnum{float:right;padding-right:2%;padding-top:6%}
.email{float:left;padding-right:2%;padding-top:6%}
.telnum img{height:35px}
.email img{height:35px}

#wrap{margin:auto;width:715px;padding:70px 0 40px 0; background-color:transparent}
.main_content{ clear:both;}

#introduce {width:100%; height:auto}
.int_content {width:715px}
.int_content h2 {font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:90px; text-shadow: 10px 10px 20px #093f89}
.int_content h3 {text-align:justify; margin-left:10%; margin-right: 10%; text-shadow: 1px 1px 1px #093f89; z-index:0}


.logo{width:auto; float:left;margin:2% 2% 8% 2%; padding:0px;font-family: 'Source Sans Pro', sans-serif; font-size:14.7px; color:#505050; height:123px; position:relative; }
.logo a{color:transparent;  height:auto; width:100%; font-size: 30px}
.logo span{ font-size:14.7px; color:#093f89; font-weight:bolder; margin: 10px 0px 0px 0px; margin-left:1%; height:123px;float:left; font-family:  "Arial Black"; white-space:nowrap; text-shadow:0.5px 0.5px 1px #093f89; }
.logo img{height:123px; float:left; position:relative; margin-left:1%; }
.logo img:hover{height: 140px}

.top_slogan{ width:auto; text-align:center;font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; color:#093f89; font-size:30px; margin:5% -17% 0; line-height:100px; float:left; text-shadow:10px 10px 20px #093f89; }


/* Menu  */
#menu{float:left; position:fixed; top:-43px; padding-left:5px}
#menu ul {list-style:none; margin:0; padding:0px;}
#menu ul * {margin:0; padding:0;}
#menu ul li {float:left; padding:0 0px 0 0px; height:35px;}
#menu ul li a{font-family: 'Source Sans Pro', sans-serif;color:white; font-size:16px; font-weight:bold;padding:6px 15px 6px 15px; }
#menu ul li a.active{background-color:black; color:#fff; padding:6px 15px 6px 15px; box-shadow: 10px 10px 15px black}
#menu ul li a:hover{OPACITY:0.6}

/* Slider */
.slider{ width:660px; margin:auto; clear:both; border:1px solid black; box-shadow:15px 15px 25px #000000; }
.flex-caption{ position:absolute; padding:10px; left:23%; top:22%; width:50%;height:auto;font-family: 'Source Sans Pro', sans-serif;text-align:center; font-size:14px; background-color:#ffffff;border:1px solid black;opacity:0.6; transition: opacity 1s; -webkit-transition: opacity 1s}
.flex-caption h2{ font-size:24px; color:#000000;margin:auto; text-shadow:1px 1px 1px grey; font-weight:bold} 
.flex-caption p{ text-align:center; padding:0 0px;color:#000000;text-shadow:1px 1px 1px grey;}
a.slider_button{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#093f89; color:#fff; font-size:16px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;}


/* Sect1 */
#sect1 {width:100%; height:auto; background-color:#b2e6fa; display:inline-block }
.s1content{ width:715px; margin:auto; height:auto }
.oszlop {width:100%; float:left}
.oszlop h2 {font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:90px; text-shadow: 10px 10px 20px #093f89}
.col1 {width:35%; float:left; z-index:2; margin-bottom:10%}
.col2 {width:65%; float:left; z-index:1}

.col1 img{clear:both; width:100%; margin-bottom:10%; margin-left:5%; opacity:0.9; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; border-radius:25%; border:1px solid black; box-shadow: 10px 10px 15px black;}
.col1 img:hover {width:100%; margin:0; margin-bottom:10%; margin-left:5% ; box-shadow: 10px 10px 15px black; opacity:1; -webkit-transform:rotate(0deg); transform:rotate(0deg); }

.szoveg1 {width:100%;float:left; clear:right; z-index:0}
.szoveg1 h3 {text-align:justify; margin-left:10%; margin-right: 10%; text-shadow: 1px 1px 1px #093f89; z-index:0}

/* Sect2 */
#sect2 {width:100%; height:auto; background-color:#FFFFFF; background-image:url(images/backg_pic.png); background-position:top center; background-repeat:no-repeat; background-size:contain; display:inline-block;}
.s2content{ width:715px; margin:auto; height:2300px;}
.s2content h2{font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:90px; text-shadow: 10px 10px 20px #093f89}
.s2content h3{text-align:justify; margin-left:10%; margin-right: 10%; text-shadow: 1px 1px 1px #093f89; z-index:0}
.col3 {width:35%; float:left; margin-bottom:2%}
.col4 {width:65%; float:left; }
.col5 {width:35%; float:right; margin-bottom:2%}

.col3 img{ width:100%; margin-bottom:10%; margin-left:5%; opacity:0.9; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; border-radius:25%; border:1px solid black; box-shadow: 10px 10px 15px black;}
.col3 img:hover {width:100%; margin:0;margin-bottom:10%; margin-left:5%; box-shadow: 10px 10px 15px black; opacity:1; -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.col5 img{ width:100%; margin-bottom:10%; margin-left:-15%; opacity:0.9; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; border-radius:25%; border:1px solid black;box-shadow: 10px 10px 15px black;}
.col5 img:hover {width:100%; margin:0; margin-bottom:10%; margin-left:-15%; box-shadow: 10px 10px 15px black; opacity:1; -webkit-transform:rotate(0deg); transform:rotate(0deg); }





#rendszeres {padding-top:90px}
#nagytak {padding-top: 90px}
#rendezveny {padding-top: 90px}
#felujitas {padding-top: 90px}
#ablak {padding-top: 90px}

#GYIK {width:100%; height:auto; background-color:#b2e6fa; margin-top:0%; padding-bottom:2%; -webkit-transition: all 1s; transition: all 1s}
.gyik_content {width:715px; height:auto; margin:auto; -webkit-transition: all 1s; transition: all 1s;  }
.gyik_content h2 { color:#093f89; font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 40px; font-weight:normal; text-align:center; padding:60px ; text-shadow: 10px 10px 20px #093f89; opacity:0.5 }
.gyik_content h3 {font-size: 25px; text-align:center; margin-left:10%; margin-right: 10%; text-shadow: 4px 4px 10px #093f89; }
.gyik_content_dropdown{width:715px; -webkit-transition: all 1s; transition: all 1s }

/* Sect3 */
#sect3 {width:100%; height:auto; background-color:#c6e29f; padding-bottom: 3% }
.s3content{width:715px; height:auto; margin:auto;}
.s3content h2{font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:90px; text-shadow: 10px 10px 20px #093f89; }
.s3content h3{text-align:justify; margin-left:10%; margin-right: 10%; text-shadow: 1px 1px 1px #093f89; }




/* Sect4 */
#sect4 {width:100%; height:auto; background-color:#FFFFFF; background-image:url(images/backg_pic.png); background-position:top center; background-repeat:no-repeat; background-size:contain}
.s4content{width:715px; height:auto; margin:auto; padding-bottom:25%  }
.s4content h2{font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:90px; text-shadow: 10px 10px 20px #093f89; }
.s4content h3{text-align:justify; margin-left:10%; margin-right: 10%; text-shadow: 1px 1px 1px #093f89; }

.contacticon{width:70%; margin:auto; padding:30px 0 0px 0px; padding-left:20%; float:left; }
.contacticon h2{font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:normal; text-align:center; text-shadow: 10px 10px 20px #093f89; position:absolute;float:left; margin-top:-79px; margin-left:20px }
.contacticon img {width:60px; float:left;  }
.contacticon:hover img{-webkit-animation-duration:0s; animation-duration:0s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}

.map {width:660px}

.footer_content{margin:auto;width:90%;}