html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0px;
margin: 0px;
padding: 0px;
outline: 0px;
}
@font-face {
font-family: roboto;
src: url(roboto.ttf);
}
body {
font-family: "roboto";
height: 100%;
color: #174e86;
font-size: 16px;
line-height: 135%;
background: #ffffff;
}
a {
color: #174e86;
text-decoration: none;
}
a:hover,
a:active {
}
li {
list-style-type: none;
}
h1,
h2,
h3,
h4,
h5,
h6{
position: relative;
left: 10%;
width: 80%;
font-size: 18px;
text-align: center;
padding-top: 50px;
line-height: 145%;
}
h1,
h2 {
font-size: 22px;
}
.font {
font-size: 22px;
}
::-moz-selection{
color: #ffffff;
background: #cc6c50;
}
::selection{
color: #ffffff;
background: #cc6c50;
}
nav{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 50px;
z-index: 100;
opacity: 0.95;
font-size: 14px;
background: #ffffff;
box-shadow: 0 0 4px #272a30;
}
nav ul li{
display: inline;
list-style-type: none;
margin: 20px;
}
nav ul li a:hover,nav ul li a:active{
opacity: 0.80;
transition: opacity .20s ease-in-out;
-webkit-transition: opacity.20s ease-in-out;
}
label[for="x2"]{
position: absolute;
top: 15px;
left: 15px;
z-index: 102;
display: none;
cursor: pointer;
font-size: 24px;
font-weight: bold;
}
label[for="x2"]:hover,label[for="x2"]:active{
opacity: 0.80;
transition: opacity .20s ease-in-out;
-webkit-transition: opacity.20s ease-in-out;
}
#x2{
display: none;
}
#x2:checked + #menu{
display: block;
}
#menu{
position: absolute;
top: 18px;
right: 6%;
z-index: 101;
}
#cim{
top: 15px;
left: 0px;
right: 0px;
display: none;
position: absolute;
text-align: center;
}
#video_size{
width: 560px;
height: 315px;
}
.kep,.kep2{
position: relative;
left: 50%;
width: 800px;
height: 400px;
margin-top: 50px;
margin-left: -400px;
}
.kep2{
height: 200px;
}
.galeria1,.galeria2,.galeria3,.galeria4,.galeria5,.galeria6{
position: absolute;
top: 0px;
width: 200px;
height: auto;
border-radius: 4px;
border: 10px solid #fafafa;
box-shadow: 2px 2px 4px 1px #b4b4b4;
}
.galeria1,.galeria4{
left: 0px;
}
.galeria2,.galeria5{
left: 50%;
margin-left: -100px;
}
.galeria3,.galeria6{
right: 0px;
}
.galeria4,.galeria5,.galeria6{
top: 230px;
}
.galeria1:hover,.galeria2:hover,.galeria3:hover,.galeria4:hover,.galeria5:hover,.galeria6:hover{
opacity: 0.8;
}
.kepdoboz{
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 999;
display: none;
position: fixed;
text-align: center;
background: rgba(0,0,0,0.8);
}
.kepdoboz img{
margin-top: 5%;
max-width: 90%;max-height: 80%;
}
.kepdoboz:target{
outline: none;
display: block;
}
.img {
width: 200px;
border-radius: 5px;
border: 5px solid #fafafa;
box-shadow: 2px 2px 8px -1px #ababab;
}
.letoltes {
color: #a00000;
font-weight: bold;
}
.font_14{
position: relative;
font-size: 14px;
}
.font_16 {
position: relative;
font-size: 16px;
}
.font_18 {
position: relative;
font-size: 18px;
}
.font_20 {
position: relative;
font-size: 20px;
}
.font_22 {
position: relative;
font-size: 22px;
}
.font_24 {
position: relative;
font-size: 24px;
}
.bold {
font-weight: bold;
}
.normal {
font-weight: normal;
}
.red {
color: #a00000;
}
.zold {
color: #008000;
}
.left {
text-align: left;
}
.center {
position: absolute;
left: 0px;
width: 100%;
text-align: center;
}
.hatter {
height: 950px;
background-size: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
}
.index_1 {
background-image: url('../kep/alap/101.jpg');
}
.index_2 {
background-image: url('../kep/alap/102.jpg');
}
.index_3 {
background-image: url('../kep/alap/103.jpg');
}
.index_4 {
background-image: url('../kep/alap/104.jpg');
}
.oldal_1 {
background-image: url('../kep/alap/101.jpg');
}
.oldal_2 {
background-image: url('../kep/alap/201.jpg');
}
.oldal_3 {
background-image: url('../kep/alap/301.jpg');
}
.oldal_4 {
background-image: url('../kep/alap/401.jpg');
}
.varosnezes {
background-image: url('../kep/alap/201.jpg');
}
.boros {
background-image: url('../kep/alap/301.jpg');
}
.kirandulas {
background-image: url('../kep/alap/401.jpg');
}
.kulonjarat {
background-image: url('../kep/alap/501.jpg');
}
.jarmu {
background-image: url('../kep/alap/601.jpg');
}
.top_link{
position: absolute;
bottom: 0px;
left: 50%;
width: 450px;
height: 180px;
margin-left: -225px;
}
.top_li_1,
.top_li_2,
.top_li_3 {
position: absolute;
top: 0px;
height: 180px;
display: inline;
text-align: center;
}
.top_li_1 {
left: 0px;
}
.top_li_2 {
left: 160px;
}
.top_li_3 {
left: 300px;
}
.karika {
z-index: 10;
width: 100px;
height: 100px;
border-radius: 100%;
border: solid 4px #fafafa;
box-shadow: 0px 1px 5px #989898;
}
.karika:hover,
.karika:active {
cursor: pointer;
border: solid 4px #004080;
}
.li_a {
font-weight: normal;
font-size: 17px;
line-height: 135%;
position: absolute;
}
.li_a:hover {
color: #003672;
}
.li_menu {
position: relative;
top: 0px;
left: 0px;
width: 100%;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.li_link {
display: inline;
}
.text_varos,
.text_boros,
.text_kirandulas,
.text_kulonjarat,
.text_jarmu {
margin-top: 30px;
margin-bottom: 50px;
}
.text,
.text_center,
.text_center_bold,
.text_top,
.text_end,
.text_egyebek {
position: relative;
left: 14%;
width: 72%;
line-height: 150%;
text-align: justify;
margin-top: 50px;
}
.text_top {
margin-top: 100px;
}
.text_end,
.end {
margin-bottom: 100px;
}
.end_50 {
margin-bottom: 50px;
}
.end_20 {
margin-bottom: 50px;
}
.text_center {
text-align: center;
}
.text_center_bold {
font-weight: bold;
text-align: center;
margin-top: 30px;
}
.text_egyebek {
text-align: center;
margin-top: 50px;
}
.index_video,
.video{
position: relative;
left: 50%;
width: 560px;
margin-top: 20px;
margin-left: -280px;
}
.video {
margin-top: 50px;
}
.index_img {
position: relative;
left: 50%;
width: 500px;
height: auto;
padding: 10px;
margin-left: -250px;
border-radius: 5px;
border: 5px solid #fafafa;
box-shadow: 2px 2px 8px -1px #ababab;
}
.img_text {
position: relative;
margin-left: 25px;
margin-right: 25px;
border-radius: 5px;
border: 5px solid #fafafa;
box-shadow: 2px 2px 8px -1px #ababab;
}
.koztes_kep,
.koztes_kep2 {
position: relative;
left: 50%;
width: 800px;
height: 417px;
margin-left: -400px;
border-radius: 5px;
border: 10px solid #fafafa;
box-shadow: 2px 2px 8px -1px #ababab;
}
.koztes_kep2 {
width: 600px;
height: 750px;
margin-left: -300px;
}
#menetrendek {
margin-top: 30px;
margin-bottom: 30px;
}
#terkep{
position: relative;
top: 50px;
left: 50%;
width: 500px;
height: 480px;
margin-left: -250px;
margin-bottom: 100px;
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 600px) {
.kep,.kep2{
width: 200px;
height: 1170px;
margin-left: -100px;
}
.kep2{
height: 570px;
}
.galeria1{
top: 0px;
left: 50%;
margin-left: -100px;
}
.galeria2{
top: 200px;
}
.galeria3{
top: 400px;
left: 50%;
margin-left: -100px;
}
.galeria4{
top: 600px;
left: 50%;
margin-left: -100px;
}
.galeria5{
top: 800px;
}
.galeria6{
top: 1000px;
left: 50%;
margin-left: -100px;
}
#video_size{
width: 350px;
height: 197px;
margin-left: -175px;
}
.text,
.text_center,
.text_center_bold,
.text_top,
.text_end {
left: 4%;
width: 92%;
margin-bottom: 30px;
}
#cim{
display: block;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 450px){
.koztes_kep,
.koztes_kep2 {
width: 300px;
height: 156px;
margin-left: -150px;
}
.koztes_kep2 {
height: 375px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 451px) and (max-width: 700px){
.koztes_kep,
.koztes_kep2 {
width: 400px;
height: 208px;
margin-left: -200px;
}
.koztes_kep2 {
height: 500px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 701px) and (max-width: 900px){
.koztes_kep,
.koztes_kep2 {
width: 500px;
height: 260px;
margin-left: -250px;
}
.koztes_kep2 {
height: 625px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 601px) and (max-width: 1023px){
.kep,.kep2{
width: 470px;
height: 570px;
margin-left: -235px;
}
.kep2{
height: 370px;
}
.galeria1{
top: 0px;
left: 0px;
}
.galeria2{
top: 0px;
left: 250px;
margin: 0px;
}
.galeria3{
top: 200px;
left: 0px;
}
.galeria4{
top: 200px;
left: 250px;
}
.galeria5{
top: 400px;
left: 0px;
margin: 0px;
}
.galeria6{
top: 400px;
left: 250px;
}
.koztes_kep,
.koztes_kep2 {
width: 600px;
height: 313px;
margin-left: -300px;
}
.koztes_kep2 {
height: 750px;
}
#cim{
display: block;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 901px) and (max-width: 1023px){
.koztes_kep,
.koztes_kep2 {
width: 600px;
height: 313px;
margin-left: -300px;
}
.koztes_kep2 {
height: 750px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 1023px) {
body {
font-size: 13px;
}
h1,
h2,
h3,
h4,
h5,
h6{
font-size: 14px;
margin-bottom: 30px;
}
nav{
position: relative;
opacity: 1;
}
#menu{
position: relative;
top: 50px;
left: 0px;
width: 100%;
display: none;
text-align: left;
border-top: 1px solid #efefef;
border-bottom: 1px solid #efefef;
padding-left: 0px;
padding-right: 0px;
}
nav ul li{
height: 40px;
display: block;
background: #ffffff;
border-bottom: 1px solid #efefef;
margin: 0px;
}
nav ul li a{
position: absolute;
left: 0px;
right: 0px;
height: 32px;
padding-top: 8px;
padding-left: 20px;
}
nav ul li a:hover,nav ul li a:active{
opacity: 0.80;
background: #fdfdfd;
transition: opacity .20s ease-in-out;
-webkit-transition: opacity.20s ease-in-out;
}
label[for="x2"]{
display: block;
}
.top_link{
display: none;
}
.li_link {
display: block;
line-height: 200%;
}
#egyenes {
display: none;
}
.hatter {
height: 300px;
background-size: 100%;
background-attachment: scroll;
}
.text_varos,
.text_boros,
.text_kirandulas,
.text_kulonjarat,
.text_jarmu {
margin-top: 0px;
}
.text_egyebek {
margin-top: -20px;
}
#terkep {
width: 250px;
margin-left: -125px;
}
.font_14{
font-size: 12px;
}
.font_16 {
font-size: 14px;
}
.font_18 {
font-size: 14px;
}
.font_20 {
font-size: 14px;
}
.font_22 {
font-size: 15px;
}
.font_24 {
font-size: 15px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 601px) and (max-width: 1200px){
#menu{
right: 5%;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.varosnezes,
.boros,
.kirandulas,
.jarmu ,
.kulonjarat {
height: 450px;
background-size: 100%;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) and (max-width: 1400px) {
body {
font-size: 16px;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1201px) and (max-width: 1400px) {
.varosnezes,
.boros,
.kirandulas,
.jarmu ,
.kulonjarat {
height: 500px;
background-size: 100%;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1401px) and (max-width: 1600px) {
.varosnezes,
.boros,
.kirandulas,
.jarmu ,
.kulonjarat {
height: 600px;
background-size: 100%;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1601px) {
.varosnezes,
.boros,
.kirandulas,
.jarmu ,
.kulonjarat {
height: 750px;
background-size: 100%;
background-position: top;
background-attachment: fixed;
background-repeat: no-repeat;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------------------------*/