html {height: 100%;}
body {font-family: sans-serif,Arial, Helvetica; font-size: 16px;font-weight: normal;
      color: #2e2e2e;
      margin: 0;
      padding: 0;
      text-align: center;
      line-height: 1.5em;
      height: 100%;}
#vse {min-height: 100%;position: relative;}   
#obsah {padding-bottom: 85px; position: relative;}   
.body {width: 1200px;margin: auto;text-align: left;}

#hlavicka {padding-top: 20px;margin: 0;font-size: 16px;min-width: 1200px;}
#hlavicka .body table { color: white;width: 100%;border-collapse: collapse;margin-bottom: 15px;}
#hlavicka .body table td {padding: 0; vertical-align: middle;}
#hlavicka .body table td.right {padding-left: 40px;width: 10px; white-space: nowrap;}
#hlavicka .body table a {color: white;}
#hlavicka .body table a#hlPrihlasit {background: url('/css/prihlasit.png') left center no-repeat;line-height: 27px;padding-left: 30px;display: inline-block;}
#hlavicka .body table #hlRegistrovat {background-color: white;color:black; }
#hlavicka .body table #hlRegistrovat:hover {background-color: #e0e0e0;}
#hlavicka .body table #hlKontakt a{background: url('/css/email-wh.png') left center no-repeat;line-height: 27px;display: inline-block;padding-left: 36px;}
#hlavicka .body table #hlLogout {padding-left: 5px;}
#hlavicka .body #menu ul {list-style-type: none;padding:0;margin: 0;}
#hlavicka .body #menu ul li {float: left;padding: 10px 15px;background-color: #1f3f53; border: 1px solid #345062;border-bottom: 0;box-shadow: inset 0 13px 29px rgba(0,0,0,.35);position: relative;}
#hlavicka .body #menu ul li:hover ul {visibility: visible;}
#hlavicka .body #menu ul ul {visibility: hidden;position: absolute;padding: 0;margin: 0;z-index: 1000;margin-left: -15px;margin-top: 10px;}
#hlavicka .body #menu ul ul li {float: none;padding: 5px 15px;margin: 0;border: 0;box-shadow:none}
#hlavicka .body #menu ul li a, #hlavicka .body #menu ul li span{font-size: 18px;font-weight: lighter;  text-align: center;color: white;text-decoration: none;}
#hlavicka .body #menu ul li a:hover {color:#7cccff}
#hlavicka .body .hlSipka {background: url('/css/menu-sipka.png') no-repeat -12px 7px transparent;padding-left: 8px;}
#hlavicka .body #menu ul li a:hover .hlSipka {background-position: left 7px;}
#hlavicka .body #menu ul.vpravo li ul {right: 0;}
#hlavicka .body #menu ul li ul li {white-space: nowrap;}
#hlavicka .body #menu ul li a.selected {color:#7cccff}
#hlavicka .body #menu ul #meny_vlajky {}
#hlavicka .body #menu ul #meny_vlajky img {height: 1em;vertical-align: middle;}
#hlavicka .body #menu ul #meny_vlajky li img {height: auto;width: 36px;}

#paticka { bottom: 0;width: 100%;position: absolute;border-top: 1px solid silver;padding: 20px 0;min-width: 1200px;}

h1 {margin: 40px 0;font-size: 34px;line-height: normal;}
h2 {margin: 30px 0;font-weight: normal;font-size: 32px;color:#1c567a;line-height: 1.1em;}
.akceHP h2 {margin: 0 0 40px 0;font-weight: normal;font-size: 32px;color: inherit;}

td {vertical-align: top;}
th {background-color: #1c567a;color:white}
tr.bg_stridat, .r1 {background-color:#f3f3f3;}
tr.bg_stridat:nth-child(odd), .r0 {background-color:#ffffff;}

form {background-color: #f1fbf5;border: 1px solid silver;padding: 20px;padding-top: 0;}
form table {border-collapse: collapse;}
form table td {padding: 0; padding-top: 20px;}
form table td textarea, form table td input, form table td select {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
form table td input[type=radio],form table td input[type=checkbox] {width: auto;} 
input, select, textarea {padding: 10px; border: 1px solid gray;background-color: white;}
input:disabled, select:disabled, textarea:disabled {background-color: #F2F2F2;}
input[type="submit"],.button {cursor:pointer;background-color: #649c78;color: white; padding: 13px 20px;font-weight: bold;text-decoration: none;
                              border: 0; border-radius:7px;font-size: 16px;box-shadow: 0px 1px 5px gray;line-height: 18px;width: auto;display: inline-block;
                             }
input[type="submit"]:hover,.button:hover {background-color: #538c68;text-decoration: none;color:white;
                                             
                                         } /**/
/*label {font-weight: bold;}*/
img {border: 0;}
a {color:#0971b3}
th a {color:#7cccff}
a:hover {text-decoration: none;}
h2 a {color:#1c567a}

#notices {margin: 5px 0;font-size: 16px;font-style: italic;color:#649c78;} /*color: #008080*/
#errors {margin: 5px 0;font-size: 16px;font-style: italic; color:#FF5353;font-weight: bold;}

.inputErrors {color: red;font-style: italic;}
input.inputError, 
select.inputError, 
div.inputError,
textarea.inputError,
table.inputError {border: 1px solid red;} 
input[type='checkbox'].inputError {}

.displayNone {display: none;} 
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.top {vertical-align: top;}
.bottom {vertical-align: bottom;}
.middle {vertical-align: middle;}
.vpravo {float: right;}
.vlevo {float: left;}
.clr, .cl {clear: both;margin: 0!important;padding: 0!important;border: 0 !important;}
.cl {height: 0;}
.mini {width: 1px;}
.nowrap {white-space: nowrap;}
.caraDole {border-bottom: 1px solid silver;}
.caraNahore {border-top: 1px solid silver;}
.caraNahoreModra {border-top: 2px solid #1c567a;}
.caraDoleModra {border-bottom: 2px solid #1c567a;}
table.ramecek {border-collapse: collapse; width: 100%;}
table.ramecek td, table.ramecek th{border: 1px solid silver;padding: 0 3px;}
.pul {width: 50%;}
.hint {color: #0971b3;font-weight: bold;float: right;margin: 3px auto;text-align: center;line-height: 1em;border: 1px solid #0971b3;width: 16px;border-radius: 50%;text-decoration: none;cursor: help;}

.paging {text-align: center; width: 100%;clear: both;}
.paging a {text-decoration: none;font-size: 16px;display: inline-block; padding: 1px 5px 1px 5px;}
.paging a.tucne {background-color: #1c567a; color: white;}

#infoZprava {background-color: #c25958;padding: 10px 0; color: white;font-size: 18px;min-width: 1200px;}
#infoZprava .body #infoRamec {background: url('/css/pozor.png') no-repeat left center;padding-left:35px;width: 94%;}
#infoZprava .body #infoZavrit {float: right;background: url('/css/kriz.png') no-repeat right center;cursor: pointer;width: 3%;}


.hpSekce {padding: 60px 0; min-width: 1200px;}

.akceclanek #obsah .body {width: 960px;}
.akcekalk #obsah .body {width: 960px;}
.akceHP h1 {margin: 50px 0 10px; line-height: 120%;font-size:34px}
#hpSekce1 .body {position: relative;}
#hpSekce1 #hpMapa_cz {position: absolute;left: 0px;top: -160px;z-index: -5;width: 100%;overflow: hidden;min-width: 1200px;}
#hpSekce1 #hpMapa_en, #hpSekce1 #hpMapa_pl, #hpSekce1 #hpMapa_de {position: absolute;left: 0px;top: -100px;z-index: -5;width: 100%;overflow: hidden;min-width: 1200px;}
#hpSekce1 .hpMapa #hpPosun {position: relative;left: 50%;}
#hpSekce1 .hpMapa #hpPosun2 {position: relative;left: -550px;text-align: left;}
#hpSekce1 #hpMapa_cz #gradient {position: absolute;width: 100%;height: 100%;left: 0;top: 0;
                  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+75,ffffff+95&0+75,1+95 */
                  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 75%, rgba(255,255,255,1) 95%); /* FF3.6-15 */
                  background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(255,255,255,0)), color-stop(95%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
                  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 75%,rgba(255,255,255,1) 95%); /* Chrome10-25,Safari5.1-6 */
                  background: -o-linear-gradient(top,  rgba(255,255,255,0) 75%,rgba(255,255,255,1) 95%); /* Opera 11.10-11.50 */
                  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 75%,rgba(255,255,255,1) 95%); /* IE10 preview */
                  background: linear-gradient(to bottom,  rgba(255,255,255,0) 75%,rgba(255,255,255,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

                  }
#hpSekce1 #hpMapa_en #gradient, #hpSekce1 #hpMapa_pl #gradient, #hpSekce1 #hpMapa_de #gradient 
                 {position: absolute;width: 100%;height: 100%;left: 0;top: 0;
                  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+56,ffffff+75&0+56,1+75 */
                  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
                  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1NiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
                  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 56%, rgba(255,255,255,1) 75%); /* FF3.6-15 */
                  background: -webkit-gradient(linear, left top, left bottom, color-stop(56%,rgba(255,255,255,0)), color-stop(75%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
                  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 56%,rgba(255,255,255,1) 75%); /* Chrome10-25,Safari5.1-6 */
                  background: -o-linear-gradient(top,  rgba(255,255,255,0) 56%,rgba(255,255,255,1) 75%); /* Opera 11.10-11.50 */
                  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 56%,rgba(255,255,255,1) 75%); /* IE10 preview */
                  background: linear-gradient(to bottom,  rgba(255,255,255,0) 56%,rgba(255,255,255,1) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
                  }

#hpSekce1 .hpMapa #gradient2 {position: absolute;width: 100%;height: 100%;left: 0;top: 0;                 

                  }
                  
#hpSekce1 .hpMapa img {z-index: -5;}
#hpSekce1.hpSekce {padding: 10px 0;}
#hpSekce1 #hpSekce1Text {font-size: 22px;margin-bottom: 33px;}
/*#hpSekce1 #hpSekce1Special {margin-top: 43px;padding: 10px 0 0 50px;float: left;background: url('/files/ikony/hp-special.png') no-repeat left 15px;}*/
#hpSekce1 #hpSekce1Special {margin-top: 43px;padding: 10px 0 0 0;float: left;}
#hpSekce1 table {float: right;text-align: center;margin-top: 47px;}
#hpSekce1 table td {padding: 0px 30px;}

#hpSekce2 .body div{margin-left: 120px; width: 80%;}
#hpSekce2 .body div table {width: 100%;border-collapse: collapse;}
#hpSekce2 .body div table td {padding: 20px 20px 20px 0;border-top: 1px solid #E9ECEB;}
#hpSekce2 .body div table th {padding-bottom: 20px;text-align: left;background-color: inherit;color: inherit;}
#hpSekce2 .body div table .kolecko {display: block;width: 50px;height: 39px;text-align: center;border: 2px solid #C25958;border-radius: 50px;
                                    background-color: #FF5353;color: white;font-size: 24px;padding-top: 11px;}

#hpSekce3 {color:white ;}
#hpSekce3 table {width: 80%;margin-left: 120px;}

#hpSekce4 table {width: 100%;}
#hpSekce4 table td {width: 20%;text-align: center;padding: 5px 20px;}

#hpSekce5 .ramec {border: 1px solid silver;float: left; width: 264px;height:140px;text-align: center;}
#hpSekce5 .ramec:hover {background-color: #f0f8fd;}
#hpSekce5 .ramec a {padding: 30px 20px 15px;display: block;font-size: 24px;color: rgb(9, 113, 179);}
#hpSekce5 .ramec .text {padding: 0 20px 25px;}
#hpSekce5 .mezera {width:45px ;float: left;}

#hpSekce6 h2 {margin-bottom: 25px;} 
#hpSekce6 table td {width: 31%;}
#hpSekce6 table td img {width: 100%;}
#hpSekce6 a.button:hover {background-color: #1c567a;}

#hpSekce7.hpSekce {padding-bottom: 15px;}
/*
#hpSekce7 .body {line-height: 60px;}
#hpSekce7 .body * {vertical-align: middle;}/**/ 

#form_experience table td {width: 48%;vertical-align: bottom;}
#form_experience table td.mezera {width: 4%;}
#zkusenosti {margin-bottom: 30px;}
#zkusenosti .zkusenost {border-bottom: 1px solid #e9eceb;}
#zkusenosti p {text-align: justify;}
#zkusenosti .podpis {font-weight: bold;}
#zkusenosti .odpoved {font-weight: bold;}
#zkusenostiTlacitko {float: right;margin-top: -80px; }
#zkusenostiTlacitko a.button {float:left;}
#zkusenostiTrustpilot {float:left;margin-right: 20px;}
#zkusenostiTrustpilot img{height: 44px;}

#kalkulator td div {margin:auto; padding-right: 30px;}
form#kalkulator table td input {width: auto;}
#form_kalkulator td div {margin:auto; padding-right: 30px;}
#form_kalkulator label {display: block;}
#form_kalkulator input[type='number'] {text-align: right;} 
form#form_kalkulator table td input {width: auto;}
#kalkulatorVysledky {width: 100%;border-collapse: collapse;}
#kalkulatorVysledky .r1 {border-top: 1px solid silver;}
.doprInfo {color:gray;}
#kalkulatorVysledky td {padding-top: 0;}

#form_kontakt .kontakt {width: 100%;}
#kontakt_okruh {margin: 10px 0px 0px 20px ;font-size: 0.9em;line-height: 1.2em;}
#kontakt_okruh .okruh {display: none;}
#kontakt_okruh .okruh h3{color: #1c567a; cursor: pointer;background: url('/css/h3-sipka.png') no-repeat right 7px transparent;padding-right: 15px;}
#kontakt_okruh .okruh h3 + div {display: none;}
#kontakt_okruh .okruh h3:first-child + div {display: block;}  
#form_kontakt #fileadd td {padding-top: 0;}
#form_kontakt #textarea_message {height: 200px;}
#form_kontakt #kontaktvpravo td {padding-top: 0;}
#form_kontakt #kontaktvpravo .button:disabled {cursor: auto;background-color: #808080;}

#clanek5 img, #clanek26 img, #clanek153 img, #clanek148 img {margin: 10px;}

.akceblog .blog .datum, .akceclanek .datum {color:  silver; font-style: italic;}

@media print {
   #hlavicka, #paticka {display: none;}

}