/* Nejzakladnejsi definice pro obecne parametry */

body { margin: 0 0 0 0; padding: 0; color: #000000; font: normal 12px Arial, Helvetica, sans-serif; }
html { margin: 0; padding: 20px; }
img { border: 0; }
form { padding: 0; margin: 0; }
input, select, textarea { vertical-align: middle; font: normal 11px Arial, Helvetica, sans-serif; }
a { color: #0077be; text-decoration: underline; }

/* Zakladni definice pro konkretni tridy */

.hidden { display: none; }
.konec { clear: both !important; font-size: 0% !important; width: 1px !important; height: 1px !important; display: block !important; }
.konec-levy  { clear: left  !important; font-size: 0% !important; width: 1px !important; height: 1px !important; display: block !important; }
.konec-pravy { clear: right !important; font-size: 0% !important; width: 1px !important; height: 1px !important; display: block !important; }
.none { margin: 0 !important; padding: 0 !important; }
.nobg { background: none !important; }
.fll { float: left; }
.flr { float: right; }
.notlikeul, .notlikeul li { margin: 0; padding: 0 0 2px 0; list-style: none; }
.nowrap { white-space: nowrap !important; }
.center { text-align: center; }
.icon { margin-bottom: -2px; }
.align-rig { text-align: right !important; }
.align-lef { text-align: left !important; }
.align-cen { text-align: center !important; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
p { margin: 0; padding: 10px 0 0 0; }

.blue { color: #0077be; }
.gray { color: #a4a4a4; }
.red  { color: #e80000; }

/* Zakladni definice pro konkretni tagy a tridy */

input.tx { padding: 1px 2px; color: #928c7f; }
input.tl { cursor: pointer; border: 0; margin: 0; padding: 0 }
.tlac { cursor: pointer; border: 0; color: #ffffff; text-decoration: none; display: block; text-align: center; }
.tlac:hover {  text-decoration: underline; color: #ffffff; }

/* Rozsirene DEFINICE dalsich elementu */

h5 {
    color: #0077be;
    font: normal 11px Arial, Helvetica, sans-serif; }

/* ============================= HOMEPAGE =================================== */
   
#lay_head {
    display: none; }

#lay_hpmenu {
    display: none; }
    
#hp_skoleni {
    display: none; }
  
#hp_sloupce {
    clear: both;
    padding: 22px 0 0 20px; }
    
#hp_sloupce div.sloupec {
    padding: 0 15px 0 0;
    width: 180px;
    float: left; }
    
#hp_sloupce div.sloupec a {
    text-decoration: none;
    color: #67767f; }
    
#hp_sloupce div.sloupec a:hover {
    text-decoration: underline; }
    
#hp_sloupce div.sloupec h5 a {
    text-decoration: none;
    color: #0077be; }
    
#hp_sloupce div.konecsloupcu {
    clear: both;
    height: 24px;
    _height: 1px;
    font-size: 0; }
    
ul.arrowul li {
    list-style: point;
    padding: 0 0 3px 12px; }
    
ul.arrowul2 li {
    list-style: point;
    padding: 0 0 3px 12px; }
    
#hp_aktuality {
    display: none; }
    
#hp_reference {
    display: none; }
    
#lay_submenu {
    display: none; }
    
#lay_footer {
    display: none; }
    
#content input.tl_ok {    
    background: url('images/tlac_ok.gif') no-repeat left top;
    width: 30px;
    height: 20px;
    color: #ffffff; }

/* ============================= LAYOUT ===================================== */
    
#lay_hlmenu {
    display: none; }
    
#lay_middle {
    padding: 0; }
    
#submenu_col {
    display: none; }
    
#content { }

#pritisku {
    padding: 0 0 20px 0;
    font-weight: bolder;
    font-size: 14px;
    border-bottom: 1px solid #bec9cf;
    margin-bottom: 20px; }
      
#navigace {
    padding-bottom: 24px;
    border-bottom: 1px solid #bec9cf; }
    
#navigace a {
    background: url('images/icon_arrow_darkgray.gif') no-repeat right 5px;
    padding-right: 13px;
    margin-right: 7px; }

#content h1 {
    font-size: 22px;
    color: #010101;
    padding: 24px 0 6px 0; }

#hlvolby {
    display: none; }
    
/* ============================= 001a ======================================= */

#content .textbox {
    margin: 0 0 20px 0;
    padding: 19px;
    background: #f8fbfd url('images/textbox_prechod.gif') repeat-x left top;
    border: 1px solid #bec9cf;
    border-bottom-width: 2px; }
    
#content .textbox2 {
    margin: 0 0 20px 0;
    padding: 19px;
    background: #f8fbfd;
    border: 1px solid #bec9cf; }
    
#content h3 {
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #0077be;
    margin-bottom: 10px; }

#content p {
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 16px; }
    
#content ul.common {
    margin: 6px 0 0 0;
    padding: 0 0 0 15px;
    list-style: point; }
    
#content ul.common li {
    margin: 0;
    padding: 0 0 6px 0; }
    
#content img.niceimg {
    padding: 3px;
    background: #ffffff;
    border: 1px solid #dee2e5; }
    
#content img.niceimg2 {
    background: #ffffff;
    padding: 1px;
    border: 1px solid #dfedf5; }
    
/* ============================= 001b ======================================= */

#submenu h2 {
    color: #0077be;
    font: normal 18px Arial, Helvetica, sans-serif;
    padding: 0 0 17px 0; }
    
#submenu h3 {
    color: #0077be;
    font: normal 18px Arial, Helvetica, sans-serif;
    padding: 20px 0 20px 0; }
    
#submenu ul.arrowul2 {
    margin: 0 0 0 5px;
    list-style: point; }
    
#submenu ul.arrowul2 li {
    padding: 0 0 7px 12px;
    list-style: point; }
    
input.tl_ok {    
    background: url('images/tlac_ok.gif') no-repeat left top;
    width: 30px;
    height: 20px;
    color: #ffffff; }
    
#submenu div.submenu_box {
    background: #f4f6f7;
    border: 1px solid #dde1e4;
    color: #485055;
    padding: 15px; }
    
#datumfiltrbox select {
    width: 65px;
    margin-right: 7px; }
    
#submenu div.submenu_box_top {
    margin-top: 15px; }

/* ============================= 001c ======================================= */

#content div.hr {
    border-top: 1px solid #bec9cf;
    height: 10px;
    font-size: 1px; }
    
div.lista_strankovanirazeni {
    background: #f7f7f7;
    padding: 8px 15px 8px 15px; }
    
div.lista_strankovanirazeni select {
    width: 120px;
    margin: 0 0 0 5px; }
    
div.lista_strankovanirazeni select.datum {
    width: 60px;
    margin: 0 0 0 5px; }

div.lista_strankovanirazeni span.vyber {
    color: #0077be;
    font-weight: bold;
    padding: 3px 7px 7px 7px;
    background: url('images/strankovani_vyber.gif') no-repeat left top; }

div.lista_strankovanirazeni a.strankovani {
    padding: 3px 7px 7px 7px; }
    
div.lista_strankovanirazeni a.strankovani:hover {
    color: #0077be;
    font-weight: bold;
    background: url('images/strankovani_vyber.gif') no-repeat left top; }
  
div.box_aktualita {
    padding: 20px 0 5px 0; }
    
div.box_aktualita h2 {
    color: #3392cb;
    font: normal 18px Arial, Helvetica, sans-serif;
    background: url('images/border_3pxtecky.gif') repeat-x left bottom;
    padding: 0 0 5px 0; }

div.box_aktualita div.volby {
    text-align: right;
    margin: -22px 0 25px 0; }
    
div.box_aktualita div.volby img.icon {
    margin-right: 7px;
    margin-left: 25px; }
    
div.box_aktualita div.volby a {
    color: #67767f; }
    
div.box_aktualita img.niceimg {
    width: 47px; }

#content div.box_aktualita div.illu {
    float: left;
    width: 66px; }

#content div.box_aktualita div.text {
    float: left;
    width: 640px; }
    
div.box_aktualita div.vice {
    text-align: right; }

div.box_aktualita div.vice a.tlac {
    margin: 5px 0 0 auto;
    background: url('images/tlac_vice.gif');
    width: 80px;
    height: 20px;
    font: normal 11px Arial, Helvetica, sans-serif; }

div.box_aktualita div.vice a.tlac span {
    display: block;
    padding: 3px 0 0 0; }
    
/* ============================= 002 ======================================== */   
    
#submenu div.submenu_box a {
    color: #485055; }
    
#newsletter input.tx {
    width: 130px;
    margin: 7px 10px 7px 0; }
    
#p_castisystemu h4 {
    border-bottom: 1px solid #c0c0c0;
    padding: 0 0 3px 0;
    margin-bottom: 16px;
    font: bold 12px Arial, Helvetica, sans-serif; }
    
#p_castisystemu div.col1 h4 {
    margin-bottom: 6px; }
    
#p_castisystemu div.col1 {
    width: 310px;
    float: left; }
    
#p_castisystemu div.col2 {
    width: 190px;
    margin-left: 10px;
    float: left; }
    
#p_castisystemu div.col3 {
    width: 190px;
    margin-left: 10px;
    float: left; }
    
#p_castisystemu div.col1 div {
    clear: left;
    padding: 10px 0 1px 0; }
    
#p_castisystemu div.col1 img {
    margin: 0 14px 0 0; }
    
#zaslatbrozuru {
    margin: 18px 0 0 0; }
    
#zaslatbrozuru a.tlac {
    background: url('images/tlac_zaslatbrozuru.gif');
    width: 210px;
    height: 40px;
    margin: 0 auto;
    font: normal 18px "Myriad Pro", Arial, Helvetica, sans-serif; }

#zaslatbrozuru a.tlac span {
    display: block;
    padding: 7px 0 0 0; }

/* ============================= 003 ======================================== */  

div.vysledek_hledani strong.num {
    font-size: 16px; }

div.vysledek_hledani a {
    font-size: 12px; }
    
#content div.vysledek_hledani p {
    padding: 4px 0 10px 0;
    margin: 0; }
    
#content div.vysledek_hledani p.vyhledano {
    padding: 4px 0 18px 0;
    margin: 0; }
    
#content div.vysledek_hledani p.vyhledano strong {
    background: #cc0000;
    padding: 2px;
    color: #ffffff;
    font-weight: normal; }

/* ============================= 004a ======================================= */  

#p_reference h3 {
    margin: 0 0 5px 0; }

#p_reference div.col {
    float: left;
    margin-right: 10px; }
    
#p_reference div.colx {
    float: left;
    margin-right: 0px; }


#p_reference div.box {
    border: 1px solid #dee2e5;
    width: 228px; }
    
#p_reference div.box img {
    width: 222px;
    margin: 3px 3px 0 3px; }
    
#p_reference div.box p {
    border-top: 1px solid #dee2e5;
    background: #f1f8fb url('images/reference_prechod.gif');
    padding: 5px 10px 10px 10px;
    margin: 0; }
    
table.seznamreferenci {
    width: 100%; }

table.seznamreferenci tr.white {
    background: #ffffff; }
    
table.seznamreferenci tr.blue {
    background: #f2f8fb; }

table.seznamreferenci td {
    padding: 10px 5px 10px 10px;
    color: #67767f; }
    
table.seznamreferenci td.illu {
    width: 1px; }
    
table.seznamreferenci td.vice {
    width: 95px; }

table.seznamreferenci td.vice a.tlac {
    background: url('images/tlac_vice.gif');
    width: 80px;
    height: 20px;
    font: normal 11px Arial, Helvetica, sans-serif; }

table.seznamreferenci td.vice a.tlac span {
    display: block;
    padding: 3px 0 0 0; }
    
/* ============================= 004c ======================================= */  
    
#detail_reference {
    width: 710px; }
    
#content #detail_reference h2 {
    color: #0077be;
    font: normal 14px Arial, Helvetica, sans-serif;
    padding: 0 0 5px 0;
    font-weight: bold; }
    
#content h2 {
    font-size: 18px;
    color: #1180c2;
    font-weight: normal;
    padding: 10px 0 10px 0; }
    
.formbox {
    border: 1px solid #cbcbcb; }
    
.alert_box {
    border: 1px solid #cf3708;
    background: #f5ddd3 url('images/icon_stop.gif') no-repeat 10px center;
    font-size: 12px;
    color: #731012;
    padding: 5px 10px 5px 30px;
    margin: 0 0 10px 0; }   
    
.ok_box {
    border: 1px solid #598527;
    background: #dcf0bd url('images/icon_check.gif') no-repeat 10px center;;
    font-size: 12px;
    color: #3f6618;
    padding: 5px 10px 5px 30px;
    margin: 0 0 10px 0; }

.formbox div.formbox_in {
    border: 3px solid #ffffff;
    background: #f7f7f7; }
    
.formbox div.formbox_in div.formbox_padd {
    padding: 18px 21px 21px 100px; }

.formbox input.tx, textarea, select {
    border: 1px solid #cbcbcb; } 

.formbox div.radek {
    clear: both; }
    
.formbox strong.popisek {
    width: 55px;
    float: left;
    display: block;
    padding-top: 5px; }
    
.formbox span.pole {
    width: 210px;
    float: left;
    display: block;
    padding-top: 5px; }
    
.formbox span.pole input.tx {
    width: 150px;
    padding-top: 2px;
    padding-bottom: 2px; }
    
.formbox span.velkepole {
    width: 420px;
    float: left;
    display: block;
    padding-top: 5px; }
    
.formbox span.velkepole textarea {
    width: 419px;
    height: 108px; }

#form_reference div.odeslat {    
    padding: 10px 0 0 396px;
    text-align: left; }

#form_reference div.odeslat input.tl {
    background: url('images/tlac_odeslat.gif') no-repeat left top;
    width: 80px;
    height: 20px;
    color: #ffffff }

#form_reference div.odeslat a.tlac span {
    display: block;
    padding: 3px 0 0 0; }

/* ============================= 005 ======================================== */

div.box_kestazenidokument {
    width: 345px;
    float: left;
    margin-bottom: 15px; }
    
div.box_kestazenidokumentx {
    width: 345px;
    float: left;
    margin-left: 20px;
    margin-bottom: 15px; }

div.borderbox {
    border: 1px solid #cad3d6;
    padding: 12px 14px; }
    
#content div.box_kestazenidokument h2, #content div.box_kestazenidokumentx h2, #content div.box_korporalniidentita h2 {
    padding-bottom: 2px; }
    
div.box_korporalniidentita ul {
    width: 50%;
    float: left; }
    
/* ============================= 006 ======================================== */

#form_mapahledani {
    width: 190px;
    border: 0;
    padding-top: 40px;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 100; }
    
#form_mapahledani div.radek {
    height: 25px; }

#form_mapahledani strong.popisek {
    width: 40px;
    float: left;
    display: block;
    padding-top: 5px;
    font-weight: normal; }
    
#form_mapahledani span.pole {
    width: 150px;
    float: left;
    display: block;
    padding-top: 5px; }
    
#form_mapahledani span.pole select {
    width: 150px;
    padding-top: 1px;
    padding-bottom: 1px; }
    
#form_mapahledani div.odeslat {    
    padding: 10px 0 0 111px; }

#form_mapahledani div.odeslat input.tl {
    background: url('images/tlac_hledat.gif') no-repeat left top;
    width: 80px;
    height: 20px;
    margin-left: 10px;
    color: #ffffff; }

#form_mapahledani div.odeslat a.tlac span {
    display: block;
    padding: 3px 0 0 0; }

#img_mapa {
    margin-top: -125px; }
    
#p_nalezenipart div.col {
    width: 230px;
    margin-right: 10px;
    float: left;
    border-top: 1px solid #c0c0c0;
    padding: 10px 0 20px 0;
    line-height: 16px; }
    
#p_nalezenipart div.colx {
    width: 230px;
    float: left;
    border-top: 1px solid #c0c0c0;
    padding: 10px 0 20px 0;
    line-height: 16px; }
    
/* ============================= 007 ======================================== */

#p_kontakt h2 {
    border-bottom: 1px solid #bec9cf;
    padding: 6px 0 3px 0;
    margin-bottom: 20px; } 
    
#p_kontakt div.kontakt {
    width: 345px;
    float: left;
    font-size: 12px; }
    
#p_kontakt div.formular {
    width: 345px;
    float: left;
    margin-left: 20px; }
    
#p_kontakt div.kontakt h5 {
    font-size: 12px;
    margin: 0;
    padding: 0; }
    
#p_kontakt div.kontakt p {
    margin: 2px 0 13px 0;
    padding: 0; }
    
#form_kontakt {
    border: 0; }
    
#form_kontakt div.radek {
    height: 25px; }
    
#form_kontakt div.radekx {
    height: auto; }

#form_kontakt strong.popisek {
    width: 70px;
    float: left;
    display: block;
    padding-top: 5px; }
    
#form_kontakt span.pole {
    width: 275px;
    float: left;
    display: block;
    padding-top: 5px; }
    
#form_kontakt span.pole textarea {
    width: 270px;
    height: 190px; }
    
#form_kontakt div.odeslat {    
    padding: 10px 0 0 60px; }

#form_kontakt div.odeslat input.tl {
    background: url('images/tlac_hledat.gif') no-repeat left top;
    width: 80px;
    height: 20px;
    margin-left: 10px;
    color: #ffffff }

#form_kontakt div.odeslat a.tlac span {
    display: block;
    padding: 3px 0 0 0; }

/* ============================= 008a ======================================= */
    
table.common {
    border-collapse: collapse;
    width: 100%; }
    
table.content {
    border-collapse: collapse;
    width: auto !important; }
    
table.common th {
    border: 1px solid #cad3d6; }
    
table.common td {
    border: 1px solid #cad3d6;
    padding: 9px 17px 10px 17px; }
    
table.common th {
    background: #f1f8fb; }
    
table.common th div {
    border: 1px solid #ffffff;
    border-bottom: 0; }
    
table.common th strong {
    padding: 10px 17px;
    display: block; }

/* ============================= 008b ======================================= */
    
#p_skoleni div.kalendar {
    width: 229px;
    float: left; }

#p_skoleni div.kalendar div.mesice {
    text-align: center;
    width: 205px;
    padding-bottom: 10px; }

#p_skoleni div.kalendar div.dny {
    width: 211px; }
    
#p_skoleni div.kalendar div.dny div {
    width: 23px;
    height: 23px;
    margin: 0 5px 5px 0;
    float: left;
    border: 1px solid #dde1e4; }
    
#p_skoleni div.kalendar div.dny a {
    width: 23px;
    height: 23px;
    display: block;
    text-decoration: none;
    color: #67767f;
    background: url('images/kalendar_pozadi.gif') no-repeat left top; }
    
#p_skoleni div.kalendar div.dny a:hover {
    background: #dff3fc; }
    
#p_skoleni div.kalendar div.dny div span {
    text-align: center;
    display: block;
    padding: 5px 0 0 0; }
    
#p_skoleni div.mesice {
    float: left;
    width: 481px; }

#p_skoleni div.mesice table {
    clear: both;
    width: 480px;
    margin-left: 1px; }
    
#p_skoleni div.mesice table th {
    border-top: 0px; }
    
#p_skoleni div.mesice table tr.gray { 
    background: #f4f6f7; }

#p_skoleni div.mesice div.zalozky {
    background: #f4f6f7;
    border: 1px solid #cad3d6;
    border-bottom: 0;
    height: 47px; }
    
#p_skoleni div.mesice div.zalozky div {
    width: 80px;
    float: left;
    text-align: center; }
    
#p_skoleni div.mesice div.zalozky div.last {
    width: 79px; }

#p_skoleni div.mesice div.zalozky div span {
    display: block;
    height: 46px;
    border-bottom: 1px solid #cad3d6; }
    
#p_skoleni div.mesice div.zalozky div span strong {
    display: block;
    font-weight: normal;
    margin: 1px;
    padding-top: 16px; }
    
#p_skoleni div.mesice div.zalozky div span.vyber {
    display: block;
    height: 47px;
    background: #f1f8fb; 
    border-left: 1px solid #cad3d6;
    border-right: 1px solid #cad3d6;
    border-bottom: 0; }
    
#p_skoleni div.mesice div.zalozky div span.vyber strong {
    padding-top: 12px;
    border-top: 4px solid #0077be; }
    
#p_skoleni div.mesice div.zalozky div span.vyber a {
    text-decoration: none; }
    
#p_skoleni div.mesice div.zalozky div span.hover {
    display: block;
    height: 46px;
    background: #f1f8fb; 
    border-left: 1px solid #cad3d6;
    border-right: 1px solid #cad3d6; }
    
#p_skoleni div.mesice div.zalozky div span.hover strong {
    padding-top: 12px;
    border-top: 4px solid #0077be; }
    
#p_skoleni div.mesice div.zalozky div span.hover a {
    text-decoration: none; }
    
table#skoleni.common {
    width: auto; }
    
table#skoleni.common td {
    padding: 6px 17px 6px 17px; }
    
table#skoleni.common th strong {
    padding: 6px 17px;
    display: block; }
    
table#skoleni.common a.tlac {
    margin: 0 17px;
    background: url('images/tlac_prihlasitonline.gif');
    width: 210px;
    height: 40px;
    font: normal 18px "Myriad Pro", Arial, Helvetica, sans-serif; }

table#skoleni.common a.tlac span {
    display: block;
    padding: 8px 0 0 0; }
    
/* ============================= 008c ======================================= */
        
#form_rezervace.formbox div.formbox_in {
    border: 3px solid #ffffff;
    background: #f7f7f7; }
    
#form_rezervace.formbox div.formbox_in div.formbox_padd {
    padding: 18px 20px 21px 76px; }
     
#form_rezervace div.radek {
    height: 25px; }
    
#form_rezervace div.chkradek {
    height: 70px;
    line-height: 22px; }

#form_rezervace strong.popisek {
    width: 115px;
    float: left;
    display: block;
    padding-top: 5px;
    font-weight: normal; }
    
#form_rezervace span.pole {
    width: 290px;
    float: left;
    display: block;
    padding-top: 5px; }
    
#form_rezervace span.pole input.tx{
    width: 268px; }
    
#form_rezervace span.pole textarea {
    width: 270px;
    height: 190px; }
    
#form_rezervace div.odeslat {    
    width: 390px;
    padding-top: 10px; }

#form_rezervace div.odeslat input.tlac_odeslat {
    background: url('images/tlac_odeslat.gif') no-repeat left top;
    width: 80px;
    height: 20px;
    margin-left: 10px;
    float: right;
    color: #ffffff; }
    
#form_rezervace div.odeslat input.tlac_vymazat {
    background: url('images/tlac_vymazat.gif') no-repeat left top;
    width: 80px;
    height: 20px;
    float: right;
    color: #ffffff; }

#form_rezervace div.odeslat a.tlac span {
    display: block;
    padding: 3px 0 0 0; }

#form_rezervace div.infotext {
    width: 200px;
    margin: 0 0 0 auto; }

#form_rezervace div.infotext div {
    width: 200px;
    position: absolute;
    margin: 0; }
    
#form_rezervace div.infotext p {
    padding: 3px 0 7px 0;
    margin: 0; }
    
#p_rezervacemist {
    line-height: 22px !important; }


/* ============================= 010_mapa_stranek.html ====================== */

#mapastranek h2 {
    padding: 15px 0 5px 0;
    font-size: 14px;
    font-weight: bolder; }
    
#mapastranek ul.lvl1 {
    padding: 0 0 0 14px;
    margin: 0;
    font-size: 12px; }
    
#mapastranek ul.lvl1 li {
    padding: 1px 0;
    margin: 0; }
    
#mapastranek ul.lvl2 {
    padding: 3px 0 3px 24px;
    margin: 0;
    font-size: 12px; }
    
#mapastranek ul.lvl3 {
    padding: 3px 0 3px 24px;
    margin: 0;
    font-size: 12px; }

/* ============================= 011_zaslat_brozuru.html ==================== */

#content div.vybertiskovin h4 {
    font-size: 12px; }
    
#content div.vybertiskovin h4 input {
    border: 0;
    margin-right: 8px; }
    
#content div.vybertiskovin p {
    padding: 0px 0 15px 26px;
    margin: 0; }
    
#content div.vybertiskovin p.input {
    padding: 3px 0 15px 0;
    margin: 0; }
    
#content div.vybertiskovin p.input input {
    border: 0;
    margin-right: 8px; }