@font-face {
    font-family: 'amaranthregular';
    src: url('http://evolas.cz/fonts/amaranth-bold-webfont.eot');
    src: url('../fonts/amaranth-bold-webfont.eot') format('embedded-opentype'),
         url('../fonts/amaranth-bold-webfont.woff') format('woff'),
         url('../fonts/amaranth-bold-webfont.ttf.html') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotolight';
    src: url('http://evolas.cz/fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf.html') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'georgiaitalic';
    src: url('http://evolas.cz/fonts/georgia_italic-webfont.eot');
    src: url('../fonts/georgia_italic-webfont.eot') format('embedded-opentype'),
         url('../fonts/georgia_italic-webfont.woff') format('woff'),
         url('../fonts/georgia_italic-webfont.ttf.html') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'georgiaregular';
    src: url('http://evolas.cz/fonts/georgia-webfont.eot');
    src: url('../fonts/georgia-webfont.eot') format('embedded-opentype'),
         url('../fonts/georgia-webfont.woff') format('woff'),
         url('../fonts/georgia-webfont.ttf.html') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'robotothin';
    src: url('http://evolas.cz/fonts/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin-webfont.eot') format('embedded-opentype'),
         url('../fonts/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin-webfont.ttf.html') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
  background: url("../img/bodybackstrip.jpg") repeat-x left top;
  color: #666666;
  font: normal 14px "Myriad Pro", sans-serif;
}

#main-header {
  width: 900px;
  height: 758px;
  margin: 0 auto;
  position: relative;
}

#main-header .logotype-main {
  width: 344px;
  height: 50px;
  position: absolute;
  top: 180px;
  left: 280px;
}

#main-header .logotype-main.evol h1 {
  background: none;
  font: bold 80px "amaranthregular", sans-serif;
  text-align: center;
  color: white;
  margin: 0;
}

#main-header .motto {
  height: 155px;
  text-align: center;
  color: #00ccff;
  font: normal 70px robotothin, sans-serif;
  position: absolute;
  top: 330px;
  width: 100%;
}

#main-header .motto span {
  display: block;
  font-size: 40px;
  color: white;
}

.contacts-header {
  height: 95px;
  position: absolute;
  bottom: 0;
}

.contacts-header .contact-item {
  height: 95px;
  width: 298px;
  float: left;
  background: url("../img/item-back-line.png") no-repeat left top;
  font: normal 26px "Myriad Pro", sans-serif;
  color: #00214c;
  text-align: center;
}

.contacts-header .contact-item a {
  color: #00214c !important;
  text-decoration: none;
}
.contacts-header .contact-item.first {
  background: none;
}

.label-contact {
  color: #666666;
  font: normal 16px "Myriad Pro", sans-serif;
  text-align: center;
  display: block;
  margin-top: 25px;
}

#contact {
  background-color: #f5f5f5;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 50px;
}

#contact .middle {
  width: 900px;
  margin: 65px auto 0;
}
#contact .middle .left-middle {
  float: left;
  width: 295px;
  padding-right: 20px;
}

.left-middle h2, .right-middle h2 {
  margin-top: 0;
  margin-bottom: 20px;
  color: #002e5f;
  font: normal 40px "robotolight", sans-serif;
}

.right-middle form input, .right-middle form text-area {
  color: #999999;
  font: normal 16px "Myriad Pro", sans-serif;
}

a {
  color: #007fc5;
  text-decoration: underline;
}

a:hover {
  color: #c53d23 !important;
}
.left-middle .bold {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: black;
}

.right-middle {
  float: left;
}

.formrow {
  margin-bottom: 15px;
}

.formrow .inputitem {
  width: 176px;
  height: 35px;
  margin-right: 12px;
  border: 1px solid #c7c7c7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
  padding-left: 5px;
}
.formrow .inputitem.last {
  margin-right: 0;
}
.formrow textarea {
  width: 560px;
  height: 118px;
  border: 1px solid #c7c7c7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  text-align: left;
  padding-left: 5px;
  color: #999999;
  font: normal 16px "Myriad Pro", sans-serif;
}

.formrow button.submitform {
  font: normal 16px "Myriad Pro", sans-serif;
  color: white;
  width: 200px;
  height: 42px;
  text-align: center;
  float: right;
  border: none;
  background: url("../img/button-back.png") no-repeat left top;
}

#message {
  width: 900px;
  padding-top: 60px;
  margin: 0 auto;
}

h2 {
  font: normal 40px "robotolight",sans-serif;
  color: #002e5f;
}

.message-in-left {
  float: left;
  width: 280px;
}
.message-in-left h3 {
  margin: 0;  
}

.message-in-left h3 a {
  font: normal 14px "Myriad Pro", sans-serif;
  color: #007fc5;
  text-decoration: underline;
  
}

.message-in-right {
  font: normal 16px/26px georgiaitalic, sans-serif;
  color: #666666;
  float: left;
  width: 618px;
}

.signature {
  font: bold 14px "Myriad Pro", sans-serif;
  color: #333333;
  margin-top: 8px;
}

.signature a {
  text-decoration: underline;
  font-weight: normal;
}

#message h2 {
  margin-top: 0;
}

footer {
  margin: 66px 0 0 0;
  background-color: #242a30;
  height: 96px;
}

.footer-in {
  width: 900px;
  margin: 0 auto;
  height: 96px;
}

.footer-in-left {
  float: left;
  color: #666666;
  font: normal 12px "Myriad Pro", sans-serif;  
  margin-top: 40px;
}

.footer-in-left a {
  
} 

.footer-in-links {
  
}

.footer-in-links a {
  color: #007fc5;
  text-decoration: underline;
  display: block;
  float: left;
  margin-right: 8px;
}

.footer-in-right {
  float: right;
  margin-top: 35px;
}

.footer-in-right a.evol {
  font: normal 30px "amaranthregular",sans-serif;
  color: #4f5459;
  text-decoration: none;
}
.osobni_udaje{
  width: 900px;
  font: normal 10px sans-serif;
  margin: 0 auto;
  position: relative;
}