/* *********************************** */
/* styl pro responzivní layout - start */
/* *********************************** */

/* general */

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/* clearfix */

.group:before, .group:afer { content: " "; display: table; }

.group:afer { clear: both; }

/* layout */

.wrap { max-width: 1066px; margin: 0 auto; }

#article, #hornimenu, #sh1, #sh2, #sa1, #sa2, #sa3, #sf1, #sf2, #sf3, #sf4, #sf1a, .hmtext, .hmoddel {
 float: left; margin: 0; padding: 0; min-height: 38px;
}

#hornimenu { width: 100%; background: #E4002B /* červená */ ; }

#article, #sa1, #sa3 { background: #E2E2E2 /* šedá */ ; }
#sa2 { background: white; }

#sh1 { width: 856px; }
#sh1 { width: calc(100% - 400px); } 
#sh2 { width: 400px; } 

.hmtext { width: 16.5%; }
.hmoddel { width: 0.2%; }

#sa1 { width: 210px; }
#sa2 { width: 646px; }
#sa3 { width: 210px; }

#sf1, #sf2, #sf3, #sf4 { width: 25%; }
#sf1a { width: 100%; text-align: center; }

/* *********************************** */
/* styl pro responzivní layout - konec */
/* *********************************** */

body { margin: 0; padding: 0; color: #2C2A29 /* černá */ ; background-color: white; }

/*** mezery nad a pod bloky */

#article { margin: 20px 0 20px 0; }
#logokam { padding: 42px 0 0px 0; }
#logokame { padding: 42px 0 34px 0; }
/* #jazyky { margin: 42px 0 32px 0; } */
#sf1, #sf2, #sf3, #sf4, #sf1a { padding: 0 0 38px 0; }

/*** mezery nad a pod bloky */


#logokam { height: 140px; }
#logokame { height: 174px; }
#jazyky { width: 400px; border-collapse: collapse; border: none; }
#jazyky th { font-size: 120%; font-weight: normal; }
#j1 { text-align: left; width: 47%; }
#j2 { text-align: center; width: 6%; }
#j3 { text-align: right; width: 47%; }
#j1 img, #j3 img { vertical-align: baseline; width: 35px; }
#f1 { padding: 0 0 0 8px; margin: 0 0 20px 0; text-align: left; background-color: #898E8E; height: 28px; }
#i1 { color: white; background-color: #898E8E; border: 0; width: 364px; }
#i2 { vertical-align: bottom; }

.hmtext, .hmoddel { text-align: center; color: white; font-size: 80%; font-weight: bold; background: #E4002B; padding-top: 13px; }

#sa2 {
 padding: 20px !important;
 text-align: left;
 min-height: 500px;
}


/* pan_horni */

.hlavicka {
 text-align: left;
 width: 100%;
 padding: 50px 0 20px 0;
}
#hornimenu table {
 width: 99%;
}
#hornimenu th {
 width: 11%;
 color: white;
 font-weight: bold;
 text-align: center;
}
#hornimenu a, #hornimenu a:hover {
 color: white !important;
}

/* pan_horni */

/* hlavní menu */

#lhmenu {
 padding: 0;
 margin: 0;
 text-align: left;
 color: #898E8E; /* šedá */
 font-weight: bold;
 font-size: 11pt;
}

#lhmenu ul {
 text-align: left;
 list-style-type: none;
 padding-left: 1em;
 line-height: 1.8em !important;
 font-size: 90%;
}

#lhmenu ul li a {
 font-weight: bold;
 color: #898E8E; /* šedá */
}

.bmon { color: #E4002B !important; } /* červená */
.bmoff { color: #898E8E; } /* šedá */

.dispnone { display: none; }
.dispblock { display: block; }

hr {
 border: 0;
 color: white;
 background-color: white;
 height: 2px;
 margin: 3px 0 5px 0;
}

/* hlavní menu */

* {
 font-family: Arial, Helvetica, sans-serif;
}

h1, .nadpis { color: #E4002B; }
h2, h3 { color: #898E8E; }
h1, .nadpis { font-size: 150%; }
h2 { font-size: 140%; }

img, form {
 margin: 0px;
 border: none;
}

#sa2, table {
 font-size: 9pt;
}

p, li {
 text-align: justify;
 font-size: 9pt;
}

ul {
 font-size: 9pt;
}

a, a:visited {
 text-decoration: none;
 color: #9B001F; /* tmavě-červená */
}

a:hover {
 text-decoration: underline;
 color: #E4002B !important; /* červená */
}

.r { color: #E4002B !important; }

.t { color: #9B001F !important; }


.probr {
 float: right;
 margin: 1px 0 1ex 2em;
 font-size: 9pt;
 font-style: italic;
 text-align: center;
}

.leobr {
 float: left;
 margin: 1px 2em 1ex 0;
 font-size: 9pt;
 font-style: italic;
 text-align: center;
}

.ceobr {
 margin: 1px auto 1ex auto;
 font-size: 9pt;
 font-style: italic;
 text-align: center;
}



.ntab {
 border-left: 1px Solid #898E8E;
 border-top: 1px Solid #898E8E;
}

.ntab th, .ntab td {
 padding: 0.5ex 1ex 0.5ex 1ex;
 border-right: 1px Solid #898E8E;
 border-bottom: 1px Solid #898E8E;
 text-align: center;
 font-size: 9pt !important;
}

.ntab td.levy, .ntab th.levy {
 text-align: left;
}

.ntab td.pravy, .ntab th.pravy {
 text-align: right;
}




.jjjaz1jjj { display: block; }
.jjjaz2jjj { display: none; }
.jjjaz3jjj { display: none; }




.vedtab {
 border: none;
 font-size: 10pt;
 margin-top: 1em;
 margin-bottom: 0;
}

.vedtab td {
 text-align: left;
 vertical-align: top;
}

.vedtab td.oddeleni {
 padding: 3em 1em 0 0;
 font-style: italic;
}

.vedtab td.popis {
 padding: 11px 1em 0 0;
 font-size: 9pt;
 text-align: justify;
}

.vedtab td.bocni {
 padding: 3em 0 0 0.5em;
 font-weight: bold;
 white-space: nowrap;
}

.vedtab td.kont {
 padding: 10px 0 0 0.5em;
}

.vedtab td.levejm {
 padding: 0 1em 0em 0;
}

.vedtab td.kontnadpis {
 padding: 0 0.5em 2em 0.5em;
}

.vedtab td.kontuved {
 padding: 0 0 2em 0.5em;
}

.aktualtab { margin-bottom: 1em; }
.aktualtab td { vertical-align: top; text-align: justify; padding-top: 0.5em; }
.aktualtab td.text { padding-left: 2ex; padding-bottom: 1em; }
.aktualtab td.text2 { padding-left: 2ex; }
.aktualtab td.datiko { text-align: center; white-space: nowrap; }
.aktualtab td.datiko img { margin-top: 9px; }

.nadpis { font-weight: bold; }
.nadpis div { float: right; font-size: 9pt; font-weight: normal; }

.ikonka {
	margin: 0 1ex 0 0;
	width: 16px;
	height: 16px;
}

#infodiv {
 position: absolute;
 top: -80px;
 text-align: left;
 border: 2px solid white;
 padding: 10px 16px 10px 16px;
 background-color: #E2E2E2;
 cursor: pointer;
 z-index: 999;
       border: none; border-radius: 10px;
                  -moz-box-shadow:    1px 1px 3px 1px black, inset 0 0 3px #000000;
                  -webkit-box-shadow: 1px 1px 3px 1px black, inset 0 0 3px #000000;
                  -ms-box-shadow:     1px 1px 3px 1px black, inset 0 0 3px #000000;
                  box-shadow:         2px 2px 9px 2px black, inset 0 0 3px #000000;
}


#virtframe { position: relative; left: -20px; top: 0px; width: 856px; height: 1000px; }



#footer { font-size: 80%; }


/* http://jecas.cz/placeholder */
::-webkit-input-placeholder { color: white; }
::-moz-placeholder { color: white; }


/* červená VUT #FF0028 i když podle manuálu má být #E4002B */
/* černá VUT   #2C2A29 */
/* šedá VUT    #898D8D nově #898E8E */



@media print {

#sh2, #hornimenu, #sa1, #sf1, #sf4 { display: none; }
#sa2 { font-size: 120%; }
#sa2 { width: 800px; }
#sa3 { width: 0px; }
}