/* RESET */
*{
    direction: ltr;
    font-family: "Arial";
    margin: 0px;
    padding: 0px;
}

h1{line-height: 50px;}h2{line-height: 40px;}p, a, li{line-height: 30px;}


/* STYLE */
body{
    background-image: url(../images/crossword.png);
    background-repeat: repeat;
}

#head-out{
    margin: 0px;
    background-color: #A9D0F5;
}

#head{
    max-width: 900px;
    margin: auto;
    padding: 20px 0px
}

#title>h1{
    float: right;
    text-align: center;
    line-height: 55px;
    -webkit-animation-name: color;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-name: color;
    animation-duration: 15s;
    -webtik-animation-direction: alternate-reverse;
    -webkit-animation-fill-mode: both;
}

@-webkit-keyframes color {
    0%, 25%, 75%, 100% {
        color: #fff;
        transition: 5s;
    }
    50% {
        color: #000;
        transition: 5s;
    }
}

#logo{
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    width: 150px;
    height: 110px;
    background-size: 150px;
}

#menu-out{
    background-color: #81BEF7;
}

#menu{
    list-style-type: none;
    max-width: 900px;
    margin: auto;
    overflow: hidden;
}

#menu>li{
    display: inline-block;
    padding: 10px 0px;
    margin-left: -5px;
}

#menu>li>a{
    padding: 20px 29px;
    text-decoration: none;
    color: #000;
    transition: all 1s;
}

#menu>li>a:hover{
    background-color: #A9D0F5;
    transition: all 1s;
}

#content{
    max-width: 900px;
    margin: 30px auto 240px auto;
}

#rightsection{
    width: 100%;
    margin-bottom: 25px;
}

#news {
  padding: 10px;
  background-color: #81BEF7;
}

.news {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #A9D0F5;
}

.news>a{
    text-decoration: none;
    color: #000;
    transition: all 1s;
}

.news>a:hover{
    color: #81BEF7;
    transition: all 1s;
}

.news:last-child{
    margin-bottom: 0px;
}

#leftsection{
    width: 100%;
}

#googleMap{
    width: 276px;
  height: 276px;
  position: relative;
  overflow: hidden;
  transform: translateZ(0px);
}

#map {
  padding: 10px;
  margin-bottom: 10px;
  background-color: #81BEF7;
    overflow: hidden;
    display: inline-block;
  float: left;
}

#social {
  padding: 10px;
  background-color: #81BEF7;
    display: inline-block;
  margin-left: 15px;
}

.social {
  display: inline-block;
  padding: 10px 0px;
}

.social>a {
  text-decoration: none;
  padding: 10px 29px;
  border: 1px solid;
}

.facebook>a {
  color: #3b5998;
}

.facebook>a:hover {
    color: #fff;
  background-color: #3b5998;
}

.twitter>a {
  color: #55acee;
}

.twitter>a:hover{
color: #fff;
  background-color: #55acee;
}

#footer-out{
    background-color: #A9D0F5;
}

#footer{
    max-width: 900px;
    margin: auto;
}

.footer{
    width: 30%;
    display: inline-table;
    padding: 10px;
}

#fast-jump{
    list-style-type: none;
}

#fast-jump>li>a{
    color: #000;
    text-decoration: none;
    transition: all 1s;
}

#fast-jump>li>a:hover{
    color: #81BEF7;
    transition: all 1s;
}

#rights-out{
    background-color: #81BEF7;
}

#rights{
    max-width: 900px;
    padding: 10px 0px;
    margin: auto;
    font-size: 12px;
}

#me{
    float: right;
    color: #000;
    text-decoration: none;
}