@charset "iso-8859-2";
/* This HTML/CSS document generated On Jan 10 17:50 2018 */
/* ATLASHUNGARY.HU */
/* Háttérszín: #FFFFFF - fehér */
/* Kiemelt betűszín: #717171 - sötétebb szürke */
/* Betűszín: #919191 - világosabb szürke */
/* #CBCBCB - nagyon világos szürke */
/* Egyéb szín: #0000a8 - kék */

/* Háttér */
body {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
    max-width: 100%;
    min-width: 30%;
    background-image: url(hatter.jpg);
    background-repeat: repeat-y;
    text-align: center;
    font-style: normal;
    font-family: Arial;
}

/* Kép megjelenítése */
img {
    max-width: 100%;
}

/* ***** Animáció képekből ********************************************* */
* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}
.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #000000;
  font-size: large;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #717171;
  font-size: large;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #717171;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #9D9D9D;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

/* ************* Animáció képekből ************************************ */

/* Három oszlop egymás mellett a fejléchez és a főmenühöz */
div.box {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

#main {
    text-align: center;
    margin: 0 auto;
    max-width: 1250px;
    background-color: #FFFFFF;
    color: #717171;
    font-size: large;
    vertical-align: top;
    line-height: 200%;
}

#col1 {
    max-width: 24%;
    float: left;
    text-align: center;
}

#col2 {
    max-width: 76%;
    float: left;
    vertical-align: bottom;
    text-align: center;
}

#footer {
    clear: both;
    background: #FFFFFF;
}

#header {
    background: #FFFFFF;
    font-size: small;
    line-height: 100%;
}

/* A linkek szine a főmenüben */
#main a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 5px 10px;
    color: #9D9D9D;
    font-size: large;
    vertical-align: top;
    text-align: center;
    line-height: 200%;
}

/* A link a főmenü feletti sorban */
#header a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: small;
    vertical-align: top;
    text-align: center;
    line-height: 200%;
}

/* Főmenüre vonatkozó link színek, amikor az egér felettük van */
#main a:hover {
    background-color: #CBCBCB;
}

/* Főmenü feletti sor - kezdés */
#felsosor {
    text-align: center;
    margin: 0 auto;
    max-width: 1250px;
    background-color: #FFFFFF;
    color: #717171;
    font-size: small;
    vertical-align: top;
    line-height: 150%;
}

#felsosor a {
/*    text-decoration: none; */
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: small;
    vertical-align: top;
    text-align: center;
    line-height: 150%;
}
/* Főmenü feletti sor - vége */

/* Oldalak alatti sor, impresszum - kezdés */
#alsosor {
    text-align: center;
    margin: 0 auto;
    max-width: 100%;
    background-color: #919191;
    color: #FFFFFF;
    font-size: small;
    vertical-align: top;
    line-height: 125%;
}

#alsosor a {
/*    text-decoration: none; */
    background-color: #919191;
    padding: 0px 0px;
    color: FFFFFF;
    font-size: small;
    vertical-align: top;
    text-align: center;
    line-height: 100%;
}
/* Oldalak alatti sor, impresszum - vége */

/* Egy oszlop a szövegtörzshöz */
#torzsegy {
    text-align: left;
    margin: 5 auto;
    max-width: 1250px;
    background: #FFFFFF;
    padding: 1px;
    color: #717171;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
    float: center;
}

/* A linkek szine a törzsben */
#torzsegy a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 150%;
}

/* Képek megjelenítése a referenciában */
img.referencia {
   border: 2px solid #717171;
   float: left;
   max-height: 300px;
   width: auto;
}

/* Vastag vonal */
#vonal10 {
   background-color: #717171;
   height: 10px;
}

/* Vékony vonal */
#vonal1 {
   background-color: #717171;
   height: 2px;
}

/* H1 szöveg háttér színe */
h1 {
    background-color: #FFFFFF;
    color: #545454;
    line-height: 150%;
}

/* Egy oszlop a kapcsolat oldalhoz */
#kapcsolat {
    text-align: center;
    margin: 0 auto;
    max-width: 800px;
    background: #FFFFFF;
    padding: 1px;
    color: #717171;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
    float: center;
}

/* A linkek szine a kapcsolatban */
#kapcsolat a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    line-height: 150%;
    text-align: center;
}

/* Képek megjelenítése törzsben */
img.torzsimg {
   border: 2px solid #919191;
   float: right;
   max-height: auto;
   width: auto;
}

/* Képek megjelenítése Cesal termékekhez */
img.cesaltermimg {
   border: 2px solid #919191;
   float: right;
   max-width: 100%;
}

/* kettő oszlop egymás mellett a cesal oldalhoz, balról keskenyebb */
#cesal {
    text-align: center;
    margin: 0 auto;
    max-width: 1250px;
    background-color: #FFFFFF;
    color: #717171;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
}

#cesalcol1 {
    max-width: 24%;
    float: left;
    text-align: center;
}

#cesalcol2 {
    max-width: 76%;
    float: left;
    vertical-align: bottom;
    text-align: left;
    line-height: 150%;
}

#cesalfooter {
    clear: both;
    background: #FFFFFF;
    text-align: left;
    line-height: 150%;
}

#cesalheader {
    background: #FFFFFF;
    font-size: small;
    line-height: 150%;
    max-width: auto;
}

/* H1 szöveg Cesal-ban */
#cesalfooter h1 {
    background-color: #FFFFFF;
    line-height: 150%;
}

/* A linkek szine a Cesal-ban */
#cesal a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 150%;
}

/* A linkek szine a főmenüben */
#box a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 150%;
}

/* Képek megjelenítése a cesal-ban */
img.cesalimg {
   border: 2px solid #717171;
   float: center;
   max-width: 250;
   height: auto;
}

/* Képek megjelenítése */
img.keretimg {
   border: 2px solid #717171;
   float: center;
   width: auto;
   height: auto;
}

/* Képek megjelenítése kapcsolat oldalon, igazítás balra */
img.balimg {
   border: 2px solid #717171;
   float: left;
   width: auto;
   height: auto;
}

/* Táblázatok alap megjelenítése */
td, th {
    border: 2px solid #717171;
    color: #9D9D9D;
    font-size: small;
    vertical-align: center;
    text-align: left;
}

table {
    border-collapse: collapse;
}

td.kozep {
    text-align: center;
}

/* BLUE betűszín: #1E4779 */
/* BLUE link színe: #9D9D9D */
/* kettő oszlop egymás mellett a BlueDolphin oldalhoz, balról keskenyebb */
#blue {
    text-align: center;
    margin: 0 auto;
    max-width: 1250px;
    background-color: #FFFFFF;
    color: #1E4779;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
}

#bluecol1 {
    max-width: 24%;
    float: left;
    text-align: center;
    margin-right: 10px;
}

#bluecol2 {
    max-width: 76%;
    float: left;
    vertical-align: bottom;
    text-align: left;
    line-height: 150%;
    margin-left: 10px;
}

#bluefooter {
    clear: both;
    background: #FFFFFF;
    text-align: left;
    line-height: 150%;
}

#blueheader {
    background: #FFFFFF;
    font-size: small;
    line-height: 150%;
    max-width: auto;
}

#bluefooter h1 {
    background-color: #FFFFFF;
    line-height: 150%;
}

#blueheader h1 {
    background-color: #FFFFFF;
    line-height: 150%;
    color: #1E4779;
}

#blue a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 200%;
}

#bluebox a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 200%;
}

#blueegy h1 {
    background-color: #FFFFFF;
    line-height: 150%;
    color: #1E4779;
}

img.blueimg {
   border: 2px solid #1E4779;
   float: center;
   max-width: 250;
   height: auto;
}

img.bluerightimg {
   border: 2px solid #1E4779;
   float: right;
   height: auto;
   width: auto;
}

#bluevonal10 {
   background-color: #1E4779;
   height: 10px;
   color: #1E4779;
}

#bluevonal1 {
   background-color: #1E4779;
   height: 2px;
   color: #1E4779;
}

#blueegy a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 150%;
}

#blueegy {
    text-align: left;
    margin: 5 auto;
    max-width: 1250px;
    background: #FFFFFF;
    padding: 1px;
    color: #1E4779;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
    float: center;
}

/* KUBALA betűszín: #4875C8 */
/* KUBALA link színe: #9D9D9D */
/* kettő oszlop egymás mellett a KUBALA oldalhoz, balról keskenyebb */
#kubala {
    text-align: center;
    margin: 0 auto;
    max-width: 1250px;
    background-color: #FFFFFF;
    color: #4875C8;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
}

#kubalacol1 {
    max-width: 24%;
    float: left;
    text-align: center;
    margin-right: 10px;
}

#kubalacol2 {
    max-width: 76%;
    float: left;
    vertical-align: bottom;
    text-align: left;
    line-height: 150%;
    margin-left: 10px;
}

#kubalafooter {
    clear: both;
    background: #FFFFFF;
    text-align: left;
    line-height: 150%;
}

#kubalaheader {
    background: #FFFFFF;
    font-size: small;
    line-height: 150%;
    max-width: auto;
}

#kubalafooter h1 {
    background-color: #FFFFFF;
    line-height: 150%;
}

#kubalaheader h1 {
    background-color: #FFFFFF;
    line-height: 150%;
    color: #4875C8;
}

#kubala a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 200%;
}

#kubalabox a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 200%;
}

#kubalaegy h1 {
    background-color: #FFFFFF;
    line-height: 150%;
    color: #4875C8;
}

img.kubalaimg {
   border: 2px solid #4875C8;
   float: center;
   max-width: 250;
   height: auto;
}

img.kubalarightimg {
   border: 2px solid #4875C8;
   float: right;
   height: auto;
   width: auto;
}

#kubalavonal10 {
   background-color: #4875C8;
   height: 10px;
   color: #4875C8;
}

#kubalavonal1 {
   background-color: #4875C8;
   height: 2px;
   color: #4875C8;
}

#kubalaegy a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 150%;
}

#kubalaegy {
    text-align: left;
    margin: 5 auto;
    max-width: 1250px;
    background: #FFFFFF;
    padding: 1px;
    color: #4875C8;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
    float: center;
}

/* TKK betűszín: #45A9B3 */
/* TKK link színe: #9D9D9D */
/* kettő oszlop egymás mellett a TKK oldalhoz, balról keskenyebb */
#tkk {
    text-align: center;
    margin: 0 auto;
    max-width: 1250px;
    background-color: #FFFFFF;
    color: #45A9B3;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
}

#tkkcol1 {
    max-width: 24%;
    float: left;
    text-align: center;
    margin-right: 10px;
}

#tkkcol2 {
    max-width: 76%;
    float: left;
    vertical-align: bottom;
    text-align: left;
    line-height: 150%;
    margin-left: 10px;
}

#tkkfooter {
    clear: both;
    background: #FFFFFF;
    text-align: left;
    line-height: 150%;
}

#tkkheader {
    background: #FFFFFF;
    font-size: small;
    line-height: 150%;
    max-width: auto;
}

#tkkfooter h1 {
    background-color: #FFFFFF;
    line-height: 150%;
}

#tkkheader h1 {
    background-color: #FFFFFF;
    line-height: 150%;
    color: #45A9B3;
}

#tkk a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 200%;
}

#tkkbox a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 200%;
}

#tkkegy h1 {
    background-color: #FFFFFF;
    line-height: 150%;
    color: #45A9B3;
}

img.tkkimg {
   border: 2px solid #45A9B3;
   float: center;
   max-width: 250;
   height: auto;
}

img.tkkrightimg {
   border: 2px solid #45A9B3;
   float: right;
   height: auto;
   width: auto;
}

#tkkvonal10 {
   background-color: #45A9B3;
   height: 10px;
   color: #45A9B3;
}

#tkkvonal1 {
   background-color: #45A9B3;
   height: 2px;
   color: #45A9B3;
}

#tkkegy a {
    text-decoration: none;
    background-color: #FFFFFF;
    padding: 0px 0px;
    color: #9D9D9D;
    font-size: large;
    font-style: italic;
    vertical-align: top;
    text-align: center;
    line-height: 150%;
}

#tkkegy {
    text-align: left;
    margin: 5 auto;
    max-width: 1250px;
    background: #FFFFFF;
    padding: 1px;
    color: #45A9B3;
    font-size: large;
    vertical-align: top;
    line-height: 150%;
    float: center;
}