.menu-scroll {
margin-top: 60px;
}

#nadmenu {
position: relative;
background: #ffffff;
padding: 20px;
}

@media (max-width: 767px) {
  #nadmenu {
padding: 0px 0px 10px 0px;
}
}

.nadmenu_logo {
float: left;
margin-right: 70px; 
}

@media (max-width: 911px) {
  .nadmenu_logo {
margin-right: 50px;
}
}

.modre {
color: #2e6dc3;
}

.nadmenu_telefon {
float: right;
width: 30px;
height: 30px;
margin-right: 15px;
}

.nadmenu_ikona_telefon {
padding-top: 16px;
}

@media (max-width: 767px) {
  .nadmenu_telefon {
width: 30px;
height: 30px;
margin-right: 10px;
}
  .nadmenu_ikona_telefon {
padding-top: 16px;
padding-left: 5px;
}
}

.nadmenu_cislo {
float: right;
font-size: 9pt;
color: #2c2d2d;
padding-top: 8px;
margin-right: 30px;
}

.nadmenu_cislo a {
font-size: 15pt;
color: #16325c;
font-weight: bold;
}

.nadmenu_cislo a:hover {
text-decoration: none;
}

@media (max-width: 767px) {
  .nadmenu_cislo {
margin-right: 10px;
}
.nadmenu_cislo a {
font-size: 13pt;
}
}

.nadmenu_tlacitko {
float: right;
padding-top: 6px;
margin-left: 30px;
}

.nadmenu_ikony {
float: right;
padding-top: 14px;
}

.nadmenu_fb {
float: right;
margin-right: 10px;
}

@media (max-width: 767px) {
  .nadmenu_fb {
margin-right: 5px;
}
}

@media (max-width: 767px) {
  #slogan {
background: #f2f3f9;
}
}

@media (min-width: 768px) {
  #slogan {
background: #fff url(/images/background.png) center top no-repeat;
}
}

@media (max-width: 767px) {
  #slogan_podstranka {
background: #f2f3f9;
}
}

@media (min-width: 768px) {
  #slogan_podstranka {
background: #fff url(/images/background_podstranka.png) center top no-repeat;
}
}

.slogan_obrazek {
padding: 35px 0px 20px 70px;
float: right;
}

@media (max-width: 1199px) {
  .slogan_obrazek {
padding: 35px 0px 20px 0px;
}
}

.slogan_obrazek_podstranka {
padding: 0px 0px 20px 90px;
float: right;
}

@media (max-width: 1199px) {
  .slogan_obrazek_podstranka {
padding: 35px 0px 20px 0px;
}
}

@media (min-width: 1200px) {
  .slogantext {
padding-top: 70px;  
padding-left: 30px;
}
}

@media (min-width: 1200px) {
  .slogantext_podstranka {
padding-top: 10px;  
padding-left: 0px;
}
}

@media (min-width: 768px) and (max-width: 1199px) {
  .slogantext {
padding-top: 30px;  
padding-left: 0px;
}
}

@media (max-width: 767px) {
  .slogantext {
padding-top: 10px;  
padding-left: 0px;
}
}

.slogantext h1 {
color: #313131; 
font-size: 30pt;
font-weight: bold;
margin-bottom: 0px;
}

@media (max-width: 767px) {
  .slogantext h1 {
font-size: 18pt;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .slogantext h1 {
font-size: 20pt;
}
}

@media (min-width: 992px) and (max-width: 1530px) {
  .slogantext h1 {
font-size: 25pt;
}
}

.slogantext_podstranka h1 {
color: #313131; 
font-size: 26pt;
font-weight: bold;
margin-bottom: 0px;
}

@media (max-width: 767px) {
  .slogantext_podstranka h1 {
font-size: 18pt;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .slogantext_podstranka h1 {
font-size: 20pt;
}
}

@media (min-width: 992px) and (max-width: 1530px) {
  .slogantext_podstranka h1 {
font-size: 23pt;
}
}

.slogantext_popis {
color: #313131; 
font-size: 14pt;
padding-top: 40px;
padding-bottom: 20px;
}

@media (max-width: 767px) {
  .slogantext_popis {
font-size: 13pt;
font-weight: normal;
padding-top: 30px;
padding-bottom: 0px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .slogantext_popis {
font-size: 12pt;
}
}

.slogantext_popis_podstranka {
color: #313131; 
font-size: 13pt;
padding-top: 30px;
padding-bottom: 20px;
}

@media (max-width: 767px) {
  .slogantext_popis_podstranka {
font-size: 12pt;
font-weight: normal;
padding-top: 30px;
padding-bottom: 0px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .slogantext_popis_podstranka {
font-size: 11pt;
}
}

#boxy {
margin-top: 60px;
padding-bottom: 30px;
background: #fff url(/images/background_boxy.png) center bottom no-repeat;
}

@media (max-width: 767px) {
  #boxy {
background: #fff;
}
}

.homepagebox {
position: relative;
width: 100%;
height: 100%;
background: #fff;
color: #313131;
font-size: 12pt;
border: 1px solid #d4d8df;
box-shadow: #e7effd 2px 4px 8px;
}

@media (max-width: 1199px) {
  .homepagebox {
margin-bottom: 30px;
}
}

.homepagebox_odkaz:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.homepagebox_ikona {
margin-bottom: 20px;
}

.homepagebox_odsazeni {
padding: 0px 20px 20px 20px;
}

.homepagebox_nadpis {
color: #3b3b3b;
font-size: 15pt;
font-weight: bold;
margin-bottom: 3px;
min-height: 30px;
}

.homepagebox_popis {
color: #3b3b3b;
font-size: 12pt;
font-style: italic;
margin-bottom: 15px;
min-height: 8px;
}

.homepagebox_text {
color: #3b3b3b;
font-size: 11pt;
}

.homepagebox_odkaz {
color: #3b3b3b;
padding-top: 15px;
}

.homepagebox_odkaz a {
color: #12b2e7;
font-weight: bold;
font-size: 11pt;
}

#pribeh {
padding-top: 30px;
padding-bottom: 30px;
background: #f2f3f9;
}

#pribeh img {
margin-top: 30px;
}

.pribeh_nadpis {
text-align: center;
}

.pribeh_nadpis h2 {
color: #01255f;
font-size: 27pt;
font-weight: bold;
}

@media (max-width: 767px) {
  .pribeh_nadpis h2 {
font-size: 23pt;
}
}

.pribeh_popisek {
text-align: center;
color: #313131;
font-size: 15pt;
}

@media (max-width: 767px) {
  .pribeh_popisek {
padding-bottom: 30px;
}
}

.pribeh_text {
padding-top: 30px;
padding-right: 30px;
color: #16325c;
line-height: 180%;
font-size: 11pt;
}

.pribeh_text ul  		{ margin: 0px 0 15px 0px; padding: 0 0 0 50px;}
.pribeh_text li 		{ margin: 0 0 8px 0; color: #16325c; font-size: 11pt; list-style-image: url("/images/li.png")}

@media (max-width: 767px) {
  .pribeh_text ul  	{ margin: 0px 0 15px 0px; padding: 0 0 0 25px;}
}

#vyhody {
padding-top: 30px;
padding-bottom: 90px;
background: #f2f3f9 url(/images/background_vyhody.png) center bottom no-repeat;
}

.vyhody_obal {
position: relative;
width: 100%;
height: 100%;
background: #fff;
box-shadow: #c5ccd8 2px 2px 15px;
}

.vyhody_obal_podstranka {
position: relative;
width: 100%;
height: 100%;
background: #fff;
box-shadow: #c5ccd8 2px 2px 15px;
margin-top: 30px;
margin-bottom: 30px;
}

.vyhodybox {
color: #313131;
font-size: 12pt;
padding: 30px 15px 30px 30px;
}

@media (max-width: 767px) {
  .vyhodybox {
padding: 30px 0px 30px 10px;
}
}

.vyhodybox_ikona {
float: left;
margin-top: 15px;
margin-right: 20px;
}

.vyhodybox_nazev {
font-weight: bold;
font-size: 16pt;
padding-bottom: 5px;
}

.vyhodybox_popis {
font-size: 10pt;
}

#klienti {
margin-top: 80px;
margin-bottom: 30px;
background: #fff;
}

@media (max-width: 991px) {
  #klienti {
margin-top: 30px;
}
}

.klienti_nadpis {
font-weight: bold;
font-size: 20pt;
padding-top: 30px;
color: #313131;
line-height: 140%;
}

@media (max-width: 1199px) {
  .klienti_nadpis {
padding-top: 0px;
}
}

@media (max-width: 991px) {
  .klienti_xs {
margin-top: 50px;
}
}

/* ----------------- */

.btn-cervene {
  color: #ffffff;
  background-color: #d5244a;
  border: 0px solid #d5244a;
  border-radius: 4px;
  text-transform: none;
  min-height: 49px;
  font-size: 12pt;
  margin-top: -1px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .btn-cervene {
padding-left: 8px;
padding-right: 8px;
text-align: center;
font-size: 11pt;
}
}

.btn-cervene:focus,
.btn-cervene.focus {
  color: #ffffff;
  background-color: #d44866;
  border: 0px solid #d44866;
}
.btn-cervene:hover {
  color: #ffffff;
  background-color: #d44866;
  border: 0px solid #d44866;
}


#navigationrow {
position: relative;
width: 100%;
background: #f2f3f9;
}

.navigation {
padding-top: 18px;
padding-bottom: 17px;
text-align: left;
font-size: 10pt;
color: #2c2d2d;
}

.navigation a {
color: #2c2d2d;
}

.navigation i {
padding-right: 4px;
}

/* ----------------- */

.maincontent {
color: #313131;
padding-bottom: 40px;
font-size: 11pt;
line-height: 160%;
margin-top: 30px;
}

.maincontent h1 {
color: #01255f;
font-size: 24pt;
margin-top: 10px;
margin-bottom: 30px;
font-weight: bold;
}

@media (max-width: 767px) {
  .maincontent h1 {
font-size: 18pt;
}
}

.maincontent h2 {
color: #01255f;
font-size: 18pt;
font-weight: bold;
}

@media (max-width: 767px) {
  .maincontent h2 {
font-size: 16pt;
}
}

.maincontent h3 {
color: #01255f;
font-size: 14pt;
font-weight: bold;
}

.maincontent a {
color: #12b2e7;
text-decoration: underline;
}

.maincontent a:hover {
color: #12b2e7;
text-decoration: none;
}

.maincontent img {
margin: 0px 15px 15px 0px;
}

.maincontent ul  		{ margin: 0px 0 15px 0px; padding: 0 0 0 50px;}
.maincontent li 		{ margin: 0 0 8px 0; color: #313131; font-size: 11pt; list-style-image: url("/images/li.png")}
.maincontent ul li ul		{ margin-top: 10px;}

@media (max-width: 767px) {
  .maincontent ul  	{ margin: 0px 0 15px 0px; padding: 0 0 0 25px;}
}

.gallery_name {
margin-bottom: 20px;
font-size: 16pt;
color: #2b7dd9;
font-weight: bold;
}

.img-responsive.img-center {
  margin: 0 auto;
}

.menu_zamestnanci {
float: right;
padding-top: 20px;
padding-right: 20px;
color: #fff;
}

.menu_zamestnanci a {
color: #fff;
}