/* Top */
#header{width:100%; clear:both; margin:0px; height:auto; background-color:#093f89; position:absolute; z-index:1; opacity:1; transition: none 0s; -webkit-transition: none 0s }
.header_content{ width:90%; margin:auto; height:auto }

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

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

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


.logo{width:100%; float:left; clear:right; margin:0; margin-top:50px; padding-bottom:370px;font-family: 'Source Sans Pro', sans-serif; font-size:14.7px; color:#505050; height:200px; position:absolute; }
.logo a{color:transparent;  height:auto; width:100%; font-size: 30px}
.logo span{ width:auto; font-size:18px; color:#093f89; font-weight:bolder; margin: 20px 0px 0px 0px; padding-left:30%; height:200px;float:left; clear:both; font-family:  "Arial Black"; white-space:nowrap; text-shadow:1px 1px 5px #093f89; }
.logo img{height:200px; float:left; clear:both; margin-left:30%; transition: height 1s; -webkit-transition: height 1s }
.logo img:hover{height: 200px}

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


/* Menu  */
#menu{width:90%; float:left; height:auto; padding:370px 0 0px 0; opacity:0.8; position:absolute; top:0px; }
#menu ul {list-style:none; margin:0; padding:0px;  }
#menu ul * {margin:0; padding:0;}
#menu ul li {width:100%;float:left; padding:0 0px 0 0px; height:50px; border-bottom:1px #093f89 solid;; line-height:35px }
#menu ul li a{font-family: 'Source Sans Pro', sans-serif; color:#ffffff; font-size:18px; font-weight:bold;padding:6px 15px 6px 15px;margin:auto;display:block; cursor:pointer; box-shadow:5px 5px 10px; background-color:#093f89}
#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:90%; margin:auto; position:relative;margin-bottom: 40px; 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; display:none}
.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:90%; margin:auto; height:auto }
.oszlop {width:100%; float:left;clear:both}
.oszlop h2 {font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:20px 0 40px 0; text-shadow: 10px 10px 20px #093f89}
.col1 {width:35%; float:right; 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:2%; margin-right: 5%; 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:90%; margin:auto; height:auto;padding-bottom:611px}
.s2content h2{font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:20px 0 40px 0; 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:0%; 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:0%; margin-left:5%; box-shadow: 10px 10px 15px black; opacity:1; -webkit-transform:rotate(0deg); transform:rotate(0deg); }
.col5 img{ width:100%; margin-bottom:0%; 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:0%; margin-left:-15%; box-shadow: 10px 10px 15px black; opacity:1; -webkit-transform:rotate(0deg); transform:rotate(0deg); }

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

#GYIK {width:100%; height:auto; background-color:#b2e6fa; margin-top:-46%; padding-bottom:2%; -webkit-transition: all 1s; transition: all 1s}
.gyik_content {width:90%; 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: 24px; font-weight:normal; text-align:center; padding:60px ; text-shadow: 10px 10px 20px #093f89; opacity:0.5 }
.gyik_content h3 {font-size: 20px; text-align:center; margin:auto; text-shadow: 4px 4px 10px #093f89;  }
.gyik_content_dropdown{width:100%; -webkit-transition: all 1s; transition: all 1s }

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

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

.map {width:90%}


.section_one_three{ width:100%; margin:auto; float:left; clear:left; padding:40px 0px 0px 0px;}
.roundimg{width:200px;height:166px;display:block;border-radius:110px;-moz-border-radius:110px;-webkit-border-radius:110px;-khtml-border-radius:110px;margin:auto;background-color:#c6e29f;text-align:center; padding:30px 0 0 0;}
.roundimg img{ margin:auto; display:block; width:132px;opacity:0.9; transition: width 1s, opacity 1s; -webkit-transition: width 1s, opacity 1s }
.roundimg img:hover{opacity:1;width: 140px}
h2.centered_title{ text-align:center; font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:40px; text-shadow: 10px 10px 20px #093f89}
p.centered_text{ padding:10px 5%;}


/* Footer */
.footer{ padding:20px 0 20px 0; margin:20px 0 0 0; clear:both; width:100%; background-color:#b2e6fa;}
.footer_content{margin:auto;width:90%;}
.footer_left{ float:left; padding:0 0 0 0px;}
.footer_right{ float:right; clear:none; padding:0 0px 0 0;}
.footer_left p{width:auto; padding-top:0px;clear:left}
ul.social_icons { margin:0px; padding:0px; list-style:none;}
ul.social_icons li{ float:left;}
ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#093f89;text-align:center;opacity:0.8}
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#093f89;text-align:center;}
ul.social_icons li a:hover{ opacity:1;}
ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}

ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none; font-weight:bold; }
ul.footer_menu li{ float:left; padding:0px 35px 20px 0;}
ul.footer_menu li a{ background:url(images/bullet.png) no-repeat left; padding:0 0 0 12px; clear:left}