/* General */
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color:#757575;background-color:#FFFFFF; background-image:url(images/backg_pic.png); background-position:top center; background-repeat:no-repeat; background-size:contain}
.clear{clear:both;}
p{padding:0;margin:0px;text-align:left;line-height:20px;color:#093f89;font-size:13px}

a{color:#6458FF; text-decoration:none;}
a img{border:none;}
a:hover{ text-decoration:none;}
a.more{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;background-color:#093f89; color:#fff; font-size:11px; padding:6px 6px; margin:auto; width:60px; display:block; text-align:center;opacity:0.9; transition: opacity 1s; -webkit-transition: opacity 1s}
a.more:hover{opacity:1 }


h1{font-weight: normal;color: transparent;font-size:26px;margin:0;padding:0 0 25px 0;position:absolute}
h2{font-weight: normal;color: #093f89;font-size:21px;margin:0;padding:0 0 25px 0;}
h3{font-weight: normal;color: #093f89;font-size:18px;margin:0;padding:0 0 25px 0;}
h4{font-weight: normal;color: #093f89;font-size:16px;margin:0;padding:0 0 25px 0;}
h5{font-weight: normal;color: #093f89;font-size:14px;margin:0;padding:0 0 25px 0;}
h6{font-weight: normal;color: #f98740;font-size:12px;margin:0;padding:0 0 25px 0;}

h1, h2, h3, h4{font-family: 'Source Sans Pro', sans-serif;}

/* vietnamese */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNOAHFN6BivSraYkjhveRHY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlC2Q8seG17bfDXYR_jUsrzg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(http://fonts.gstatic.com/s/sourcesanspro/v9/ODelI1aHBYDBqgeIAH2zlNV_2ngZ8dMf8fLgjYEouxg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* Keyframes */

@keyframes telcontact{ 
	to{-webkit-transform:rotate(360deg); transform:rotate(360deg)}

}

@-webkit-keyframes telcontact{
	to{-webkit-transform:rotate(360deg); transform:rotate(360deg)}

}

@keyframes emailcontact{ 
	to{-webkit-transform:rotatex(360deg); transform:rotatex(360deg)}

}

@-webkit-keyframes emailcontact{
	to{-webkit-transform:rotatex(360deg); transform:rotatex(360deg)}

}


@keyframes addrcontact{ 
	to{-webkit-transform:rotatey(360deg); transform:rotatey(360deg)}

}

@-webkit-keyframes addrcontact{
	to{-webkit-transform:rotatey(360deg); transform:rotatey(360deg)}

}




/* 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:1000px; margin:auto; line-height:123px;}

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

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

#introduce {width:100%; height:auto}
.int_content {width:1000px}
.int_content h2 {font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:60px; 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; line-height:30px}


.logo{width:auto; float:left;margin:2% 2% 6% 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:10%; 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:10%; transition: height 1s; -webkit-transition: height 1s  }
.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:3% -7% 0; line-height:100px; float:left; text-shadow:10px 10px 20px #093f89; }


/* Menu  */

#menu{float:left; position:fixed; top:-43px}
#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:14px; font-weight:bold;padding:6px 10px 6px 10px; }
#menu ul li a.active{background-color:black; color:#fff; padding:6px 10px 6px 10px; box-shadow: 10px 10px 15px black}
#menu ul li a:hover{OPACITY:0.6}


/* Sect1 */
#sect1 {width:100%; height:auto; background-color:#b2e6fa; display:inline-block }
.s1content{ width:1000px; margin:auto; height:auto }
.oszlop {width:50%; float:left}
.oszlop h2 {font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:60px; 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:30%; 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}
.col1 img:hover {width:250%; margin:10%; box-shadow: 10px 10px 15px black; opacity:1; -webkit-transform:rotate(360deg); transform:rotate(360deg); }

.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; font-size:16px}




/* 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:1000px; margin:auto; height:1580px;padding-bottom:0px }
.s2content h2{font-family:Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size: 30px; font-weight:bold; text-align:center; padding:60px; 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:20%; float:left; margin-bottom:2%}
.col4 {width:80%; float:left; }
.col5 {width:20%; 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}
.col3 img:hover {width:250%; margin:10%; box-shadow: 10px 10px 15px black; opacity:1; -webkit-transform:rotate(360deg); transform:rotate(360deg); }
.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}
.col5 img:hover {width:250%; margin:-10%; margin-left:-170%; box-shadow: 10px 10px 15px black; opacity:1; -webkit-transform:rotate(-360deg); transform:rotate(-360deg); }



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

#GYIK {width:100%; height:auto; background-color:#b2e6fa; margin-top:0%; padding-bottom:2%; -webkit-transition: all 1s; transition: all 1s}
.gyik_content {width:1000px; 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:1000px; -webkit-transition: all 1s; transition: all 1s }


/* Sect3 */
#sect3 {width:100%; height:auto; background-color:#c6e29f; padding-bottom: 3% }
.s3content{width:1000px; 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:60px; 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:1000px; 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:60px; 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:40px 0 0px 0px; float:left; padding-left:30%;  }
.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:-49px; margin-left:20px }
.contacticon img {width:60px; float:left;  }
.contacticon:hover img{-webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}






/* Slider */
.slider{ width:920px; margin:auto; clear:both; border:1px solid black; box-shadow:15px 15px 25px #000000; }

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {width: 100%; margin: 0; padding: 0 0 0 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;opacity:0.9; transition: opacity 1s; -webkit-transition: opacity 1s}
.flexslider .slides img:hover {opacity:1}

.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}
.flex-direction-nav li a {width:65px; height:37px; margin:0; display: block; position: absolute; top:0px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; right:0px; opacity:0.5}
.flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;right:65px; opacity:0.5}
.flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
.flex-caption{ position:absolute; padding:10px; left:25%; top:34%; 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:hover{opacity:0.8 }
.flex-caption h2{ font-size:30px; 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; font-size:14px}
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:14px; padding:8px 12px; margin:20px 0 0 0; display:inline-block;}


/* STRUCTURE */
.section_full {padding:40px 40px 0 40px; float:left;}
.section_one_two{ width:440px; float:left; padding:40px 0 0 40px;}
.section_one_three{ width:33%; float:left; padding:40px 0px 0px 0px;}
.section_one_four{ width:200px; float:left; padding:40px 0 0 40px;}
.section_two_three{ width:600px; float:left; padding:40px 0 0 40px;}
.main_content img {max-width: 100%; display: block;}

.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 20px;}



.entry{ padding-bottom:20px;}
.entry h3, .entry h4{ padding-top:30px;}
.entry ul{ padding:0; margin:0px; list-style:none; display:block;}
.entry ul li{background:url(images/bullet.png) no-repeat left;  margin:0 0 10px 0; padding:0 0 0 20px; display:block;}
img.entry_image{ padding-bottom:20px;}


.entry ol{ padding:0; margin:0px; list-style:none; display:block;}
.entry ol li{ padding:0 0 10px 0; margin:0px; display:block;}

blockquote{background-color:#ededed; border:1px #dedede solid;float:left;-moz-border-radius:8px; -webkit-border-radius:8px;-khtml-border-radius:8px;border-radius:8px; padding:12px; margin:0px 10px 0 0; line-height:20px;}


/* Sidebar */
.sidebar h2{ clear:both;}
.sidebar ul{ padding:0 0 45px 0; margin:0px; list-style:none; display:block;clear:both; float:left;}
.sidebar ul li{ padding:0 0 10px 0; margin:0px; display:block;}
.sidebar ul li a{ background:url(images/bullet.png) no-repeat left; display:block; padding:0 0 0 20px;}
.sidebar ul li a:hover{ color:#000000;}
.sidebar .clear{ padding-bottom:40px;}




/* Footer */
.footer{ padding:20px 0 20px 0; margin:20px 0 0 0; clear:both; width:100%; background-color:#b2e6fa;}
.footer_content{margin:auto;width:1000px;}
.footer_left{ float:left; padding:0 0 0 40px;}
.footer_right{ float:right; padding:0 40px 0 0;}
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:0 15px 0 0;}
ul.footer_menu li a{ background:url(images/bullet.png) no-repeat left; padding:0 0 0 12px;}