@font-face { font-family: "Roboto"; src: url("fonts/Roboto-Regular.ttf"); font-style: normal; font-weight: normal; }
@font-face { font-family: "Roboto-Light"; src: url("fonts/Roboto-Light.ttf"); font-style: normal; font-weight: normal; }
*{ font-family:"Roboto", arial, sans-serif; box-sizing: border-box; }

body { font-family:"Roboto", arial, sans-serif; font-size: 10pt; background: #dddddd url('images/dash.png') center center repeat; color: #222222; text-align: center; margin: 0; padding: 0; }
img { border: 0px; }
a, a:visited { text-decoration: none; color: #222222; outline: none; }
a:hover { text-decoration: none; color: #666666; }

div#main { text-align: left; max-width: 1000px; margin: auto; background: #014868; zoom: 1; overflow: hidden; box-shadow: 3px 3px 5px #666666; }
div#head { height: 120px;  }
a#logo { width: 200px; background: #ffffff url('images/kip_logo.png') center center no-repeat;  }

#head a	  { display: inline-block; height: 120px; color: #ffffff; text-align: center; padding-top: calc(120px - 2em); overflow: hidden; }
#head a:hover { color: #ffffff; }
a#news    { background: url('images/hirek.png')     center 20px no-repeat; width: 140px; }
a#contact { background: url('images/kapcsolat.png') center 20px no-repeat; width: 140px; }
#sz2020	  { background: url('images/kip_2020.png') top right no-repeat; width: 140px; float: right; width: 212px; }

#head a.hsel { background-color: #7AB946; }
div#leftmenu { width: 200px; float: left; padding-top: 10px; padding-bottom: 50px; height: 100%; }
div#content  { float: left; width: 800px; background: #ffffff; padding: 10px 20px 20px 20px; min-height: 600px; position: relative; }
div#content a, div#content a:visited { color: #014868; }
.breadcrumbs { clear: both; width: 100%; margin-bottom: 20px; }

div#foot {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    border-top: #aaaaaa 1px solid;
    clear: both;
    margin: 10px;
    color: #dddddd;
    font-size: 8pt;
}

div#foot a { color: #444444; }

.b { font-weight: bold;  }
.i { font-style: italic; }
.u { text-decoration: underline !important; }
.r { text-align: right;  }
.l { text-align: left;   }
.c { text-align: center; }
.h { display: none; }


::selection      { background: #aaaaaa; }
::-moz-selection { background: #aaaaaa; }

@media screen and (max-width: 1000px){
    body { }
}

* {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.me { background: #ffffff; display: block; width: 90%; margin: auto; text-align: center; margin-top: 20px; padding: 5px 0 5px 0; }
.btk { abackground: #ffffff; display: block; width: 110px; margin: auto; text-align: center; margin-top: 20px; padding: 5px 0 5px 0; }
.me img { width:90%; }