@charset 'utf-8';
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);

body { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; line-height: 1.3em; color: #434343; -webkit-font-smoothing: antialiased; background: #ffffff; }
html, body, header, nav, section, footer { width: 100%; } 

html,body { background-color: #9DA9C2; }

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }
.fl { float: left; }
.fr { float: right; }


.clear, .clear_0 { height: 0; line-height: 0; border: none; outline: none;  font-size: 0; clear: both; }
.content { padding: 1em 0; width: 22em;  margin: 0 auto; clear: both; }

h1, h2, h3 { font-family: 'Open Sans', sans-serif; font-weight: normal; }
h2 { color: #0E244F; border-bottom: 1px solid #9DA9C2; padding-bottom: 1em; margin-bottom: 1em; }
h3 { color: #9DA9C2; }

img { max-width: 100%; }

a img { border: none; outline: none; }

/* fejléc */
header { background-color: #0E244F; }
header h1 { font-size: 1.2em; color: #FFFFFF; }

nav a { color: #FFFFFF; text-decoration: none; margin: 0 1%; }
nav a:hover { color: #0E244F; }

/* ----- TARTALOM ----- */
article {  background-color: #FFFFFF; min-height: 80vh; }

section p.clear_2,
section p.clear_3 { height: 0; line-height: 0; border: none; outline: none; font-size: 0; }

div.resplist { margin-bottom: 1em; }
div.resplist h3 { font-size: 1.1em; margin-bottom: 0.5em; }
div.resplist h3 a { color: #9DA9C2; text-decoration: none; }
div.resplist h3 a:hover { color: #0E244F; }

/* talalkozok */
div.talalkozok img { max-width: 49%; margin-right: 1%; border: solid #9DA9C2; box-sizing: border-box; }

/* galéria lista */
div.galeriak { border-bottom: 1px solid #9DA9C2; }
div.galeriak p, div.kepeklist { padding-bottom: 0.5em; }
div.galeriak p img, div.kepeklist p img { border: 3px solid #9DA9C2; box-sizing: border-box; }
div.galeriak p a.zip { float: right; color: #9DA9C2; text-decoration: none; }
p.galkep { text-align: center; }




/* ----- RESPONSIVE ----- */

@media(max-width:420px){
  nav a { font-size: 0.9em; }
}

@media(min-width:420px){
  .content { width: 29em; }
  h2 { font-size: 1.2em; }
}

@media(min-width:480px){
  .content { width: 33em; }
}

@media(min-width:640px){
  .content { width: 44em; }
  header h1 { font-size: 1.5em; }
  div.resplist { width: 48%; margin: 1%; float: left; }
  p.clear_2 { clear: both; }
}

@media(min-width:768px){
  body { font-size: 16px; }
  .content { width: 47em; }
}

@media(min-width:800px){
  .content { width: 49em; }
}

@media(min-width:980px){
  .content { width: 60em; }
}

@media(min-width:1024px){
  .content { width: 63em; }
  div.resplist { float: left; width: 29.3333%; margin-right: 1%; margin-left: 1%; }
  p.clear_2 { clear: none; }
  p.clear_3 { clear: both; }
}

@media(min-width:1280px){
  .content { width: 73em; }
}

@media(min-width:1366px){
  body { font-size: 18px; }
  .content { width: 73em; }
}