*, *:after, *:before {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
} 

/*
 * OBECNE DEFINICE
 */

* {
    margin: 0;
    padding: 0;
    border: 0;
}

html, body {
    height: 100%;
}

body {
	font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 12px;
	color: #000;
	min-width: 775px; /* 2 x (LS plna-sirka + SS padding) + PS plna-sirka */
  	background: #fff;
}

a {
    color: #2f7ba2;
    text-decoration: underline;
}

a:hover {
    color: #da252b;
    text-decoration: none;
}

a:visited {
    color: #47748b;
}

a.vybrany {
    color: #05558e;    
    font-weight: bold;
    text-decoration: none;
}

p {
    margin-bottom: 1em;
}

p.perex {
    margin-bottom: 2em;
}

em.vyrazny-odstavec {
    font-style: normal;
    display: block;
    font-weight: bold;
    margin-left: 2em;
}

ol, ul {
    margin-left: 2em;
    list-style-position: inside;
}

li {
    line-height: 200%;
}

ul li {
    list-style-type: square;
}

ul li li {
    list-style-type: circle;
}

ul li li li {
    list-style-type: disc;
}

ol li {
    list-style-type: decimal;    
}

ol li li {
    list-style-type: lower-latin;
}

ol li li li {
    list-style-type: lower-roman;
}

.vystrazny {
    color: #d42313;
}

h1 {
    color: #d42313;
    font-size: 150%;
    font-weight: bold;
    margin: 0 2em 1em 0;
}
 
h2 {
    font-size: 130%;
    font-weight: bold; 
    color: #05558e;
    margin: 2em 0 0.7em 0;
}

h3 {
    font-size: 120%;
    font-weight: bold;
    color: #000;
    margin: 1.5em 0 0.7em 0;
}

h4 {
    font-size: 110%;
    font-weight: bold;
    color: #05558e;
    margin: 1.5em 0 0.7em 0;
    /**margin: 1.5em 0 0.7em 2em;*/
}

hr {
    border: 0;
    border-top: 1px solid #e2e3de;
    margin: 1em 0;
    padding: 0;
    height: 1px;
    font-size: 1px;
}

.cleaner {
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}

hr.dva-px {
    border: 2px solid #899098;
    margin: 1em 0 0 0;
}

#logo div.oddelovac {
    border-top: 1px solid #e2e3de;
    margin: 3px 0;
}

.formular h1 {
    padding: 0.2em 1em;
    margin: 0 0 1em 0;
    background-color: #47748b;
    font-size: 115%;
    color: #fff;
}

.formular .levy-sloupec {
    float: left;
    width: 48%;
    padding-right: 2em;
}


input[type="submit"] {
    background: #3a7a95 url("Images/tlacitko.gif") top left repeat-x;
    border: 1px solid #497683;
    font-weight: bold;
    font-size: 90%;
    text-transform: uppercase;
    color: #fff;
    padding: 0.2em 1em;
    margin: 1em 0 0 0;
    cursor: pointer;
}

input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea
{
    border: 1px solid #000;
    padding: 0.2em;
    font-size: 100%;
    color: #3f7ba3;
    margin: 0 0.5em 0.3em 0;
    width: auto;
}

label {
    font-size: 110%;
    margin: 0 0.5em 0 0.5em;
}

fieldset {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #009bbd;
}

legend {
    color: #3f7ba3;
    padding: 0 0.5em;
    margin: 0 1em;
    font-size: 110%;
    font-weight: bold;
}

table {
    border: 0;
    line-height: 130%;
}

table th,
table .tbl-paticka
{
    background-color: #e3e4de;
}

table .radek-alt
{
    background-color: rgb(230,230,230);
}

table tbody {   
    border-bottom: 3px solid #50718e !important;
}

table .radek-vybrany {
    background-color: #c6cfc4;
}

table caption {
    background-color: #5c7b8d;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding: 0.3em 1em;
}

table td {
    vertical-align: top;
    padding: 0.3em 0.5em;
}

table th {
    padding: 0.3em 0.5em;
    text-align: left;
    margin-left: 0px;
    border: 0.2em solid #ffffff !important;
}

table td.r {
    text-align: right;
} 

.vlevo {
    float: left;
}

.vpravo {
    float: right;
}

.odsazeny {
    margin-left: 2em;
}

.ohraniceny {
    border: 1px solid #000 !important;
    padding: 0.3em;
    margin-bottom: 1em;
}

.sloupce .sloupec-1 {
    float: left;
    width: 45%;
    padding-right: 2em;
}

.sloupce .sloupec-2 {
    padding-left: 2em;
    margin-left: 50%;
}

.sloupce .oddelovac {
    border-right: 1px solid #ddd;
}

.validator
{
    color: red;
}
.validator_ok
{
    color: green;
}


/**
 *   HLAVICKA
 */

#hlavicka {
    font-size: 110%;
    height: 6em;
}

#hlavicka #kontakt {
    float: left;
    font-weight: bold;
    line-height: 2em;
    color: #05558e;
    width: 225px; /* bylo 210px */
    height: 6em; /* bylo 5.6em; */
    padding: 0.4em 0 0 15px;
    background: #e4e5e2 url("Images/hlavicka-kontakty-pozadi.gif") bottom left repeat-x;
}

#hlavicka #kontakt a {
    text-decoration: none;
}

#hlavicka #kontakt #udaje {
    background-image: url("Images/hlavicka-kontakty.gif");
    background-repeat: no-repeat;
    padding: 36px 0 0 122px;
}

#hlavicka #logo {  
    margin-left: 225px;
    background: #fff url("Images/logotyp.gif") 20px center no-repeat;
    padding: 0 0 0 65px;
    height: 6em;
}

#hlavicka #logo h1,
#hlavicka h2
{
    display: none;
    visibility: hidden;
}

#logo-text1 {
    background: #fff url("Images/hlavicka-logo-text1.gif") left bottom no-repeat;   
    padding: 6px 0px 0 0px;
    text-align: right;
    margin-right: 2em;
    line-height: 1.4em;
}

#logo-text2 {
    background: #fff url("Images/hlavicka-logo-text2.gif") left -2px no-repeat;
    margin: 3px 2em 0 0;
    text-align: right;
}

#logo hr {
    padding-top: 0.2em;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #ddd;
}



/**
 *   INFOSLOUPCE
 */

#infosloupce {
    /* Prazdny prostor pro relativne pozicovane sloupec1 a
       sloupec4. Timto je mozne dosahnout urceni sirky prostrednich
       sloupcu sloupec2 a sloupec3. */
    position: relative;
    padding-left: 225px;
    padding-right: 225px;
    /* Skryti pretekajiciho obsahu sloupcu (stejna vyska sloupcu) */ 
    overflow: hidden;
}

#infosloupce .sloupec {
    float: left;
    background-color: #47748b;
    /* skryte pretekani kvuli stejne vysce sloupcu */
    padding-bottom: 10em;
    margin-bottom: -10em;
}

#infosloupce .sloupec .hlavicka {
    color: #000;
    padding: 0.5em;
    background: #d0d7d0 url("Images/infosloupec.gif") left top repeat-x;
    font-weight: bold;
}

#infosloupce .sloupec .hlavicka .datum {
    color: #2f7ba2;
    display: block;
    background-image: url("Images/blok-cerveny.gif");
    background-repeat: no-repeat;
    background-position: 0em 0.3em;
    padding-left: 15px;
}

#infosloupce .sloupec .obsah {
    font-size: 95%;
    display: block;
    padding: 0.5em 2em 1em 0.5em;
    color: #fff;
}
#infosloupce .sloupec .obsah a {
    color: #fff;
}

#infosloupce #sloupec1 {
  width: 225px;
  /* umisteni do prazdneho prostoru vlevo */
  margin-left: -225px;
}

#infosloupce #sloupec1 .hlavicka {
    background: #bfc2bf url("Images/infosloupec1.gif") top left repeat-x;
    height: 3em; /* bylo 2em; */
    padding: 1.2em 1em 0 0;
    color: #fff;
    text-align: right;
    font-size: 110%;
}

#infosloupce #sloupec1 .obsah {
    background-image: url("Images/infosloupec1-obr.jpg");
    background-repeat: no-repeat;
    height: 88px;
    padding: 0;
}

#infosloupce #sloupec2,
#infosloupce #sloupec3
{
    /* Sirka sloupce se vypocitava z: 100% - 2x225px */
    width: 50%;
}

#infosloupce #sloupec2 {
    width: 50%;
    border-right: 1px solid #fff;
    margin-left: -1px;
}

#infosloupce #sloupec4 {
    border-left: 1px solid #fff;
    width: 226px;
    margin-right: -100%;
}

#infosloupce #sloupec4 .hlavicka a {
    float: right;
    background-image: url("Images/zavrit.gif");
    background-repeat: no-repeat;
}

#infosloupce-skryte a {
    display: none;
}



/*
 *  DROBECKOVA NAVIGACE
 */

#drobecky-anonymni {
    background: #d3dcd1 url("Images/drobecky-anonymni.gif") top left repeat-x;
    padding-top: 13px;
    clear: both;
}

#drobecky {
    clear: both;
}

#drobecky-levy-panel {
    background: #d3dcd1 url("Images/drobecky-zacatek.gif") top left repeat-x;
    float: left;
    padding: 1em 10px 0.5em 0;
    margin-right: 1em;
    text-align: right;
    width: 225px; /* bylo 215px */
}

#drobecky-levy-panel-odkaz {
    background-image: url("Images/zavrit.gif");
    background-repeat: no-repeat;
    background-position: right bottom;
}

#drobecky #drobecky-cesta {
    background: #e4e2dd url("Images/drobecky-pozadi.gif") top left repeat-x;
    padding: 1.3em 5px 0.5em 10px;
}

#drobecky #odrazka {
    background: #e4e2dd url("Images/blok-modry.gif") center left no-repeat;
    padding-left: 1.5em;
}

#drobecky #prepinac-pravy {
    float: right;
    background-image: url("Images/zavrit.gif");
    background-repeat: no-repeat;    
}

/*
 * OBSAH
 */

/* Řešení třísloupcového layoutu je založeno na práci
 * "In Search of the Holy Grail" od Matthew Levina
 * http://www.alistapart.com/articles/holygrail/
 *
 * LS = levý sloupec
 * PS = pravý sloupec
 * SS = středový sloupec
 */

#web {  /* v originále nazýváno "#container" */
    padding-left: 225px; /* LS plna-sirka */
    padding-right: 225px; /* PS plna-sirka + SS padding; bylo 285px; */
    position: relative;
}

#web .sl { /* v originále nazýváno "#container .column"; */
    position: relative; 
    float: left;
}

#stredovy-sloupec {
    padding: 2em 30px 4em 30px; /* SS padding */
    width: 100%;
}

#levy-sloupec {
    width: 225px; /* LS width */
    padding: 0; /* LS padding */
    right: 225px; /* LS plna-sirka + SS padding; bylo 285 px */
    margin-left: -100%;
    background-color: #e2e4de;
}

#levy-sloupec-skryty {
    display: none;
}

#pravy-sloupec {
    width: 225px; /* PS sirka bylo 215px; */
    padding: 0 0 0 10px; /* PS padding */
    margin-right: -100%;
    background-color: #e2e4de;
}

#paticka-uvnitr {
    clear: both;
    font-size: 100%;
    background-color: #47748b;
    color: #fff;
    line-height: 2em;
    text-align: right;
    padding-right: 1em;  
}

* html #levy-sloupec {
    left: 225px; /* oprava pro IE, PS plna-sirka */
}

#web {  /* v originále nazýváno "#container" */
    overflow: hidden; /* stejna vyska sloupcu */
}

#web .sl {  /* v originále nazýváno "#container .column"; tato konstrukce má za úkol roztažení levého sloupce do nekonečna dolů */
    padding-bottom: 7004em; /* X + padding-bottom bylo 1004em; */
    margin-bottom: -7004em; /* X bylo -1004em; */
}

/* oprava paticky */
* html body {  /* v originále "* html body" */
    overflow: hidden;
}
* html #paticka { /* v originále "* html #footer-wrapper" */ 
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 20010px;
    margin-bottom: -20000px; 
    clear: both;
}

#misto-pro-logotyp {
    height: 230px;
}

#obal-pro-logotyp {
    text-align: center;
    position: relative;
    height: 0;
}

#logotyp {
    margin: 13px;
    position: absolute;
    left: 0;
    bottom: 0;
}


/**
 *  LOGIN
 */
/* TODO: nad radkem se jmenem chybi mezera cca 1em */

.login {
    margin: 5em auto;
    background-color: #ccd4cc;
    font-size: 100%;
}

.login .title {
    padding: 0.5em;
    text-align: left;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #305d76;
    background: #47728a url("Images/tabulka-zahlavi.gif") top left repeat-x;
}

.login label {
    font-weight: bold;
    padding: 0 0.5em 0 3em;
    margin: 0;
}

.login input[type="text"],
.login input[type="password"]
{
    border: 1px solid #47748b;    
    padding: 0.3em;
    margin: 0.2em 0.5em;
    width: 17em;    
}

input[type="submit"] {
    margin: 1em;
}

.login td {
    padding: 0;
    vertical-align: middle;
}



/**
 *  HLAVNI MENU
 */

table.hlavni-menu {
    font-size: 90%;
}

table.hlavni-menu td {
    padding: 0;
    line-height: 100%;    
    margin: 0;
}

  /* zobrazování navštívených odkazů v menu černou barvou*/
  table.hlavni-menu a:visited {
     color: #000;
  }
  
  /* zobrazování navštívených odkazů v menu černou barvou*/
  table.hlavni-menu a:hover {
     color: #e9565d;
  }

.uroven-vybrana {
    color: #05558e !important;
}

.uroven-vybrana:visited {
    color: #05558e !important;
}

.uroven-vybrana:hover {    
    color: #e9565d !important;
}

.uroven1-polozka {
    display: block;
    width: 225px;
    color: #202020;
    font-size: 120%;
    font-weight:bolder;
    line-height: 2.3em;
    background: #d3dad3 url("Images/menu-uroven1.gif") top left repeat-x;
    border-bottom: 1px solid #d3dad3;
    text-indent: 10px;
}

.uroven1-polozka:hover {
    color: #e9565d;
}

/*  a.uroven1-vybrana:after {
 *     content: url("Images/sipka-modra.gif");
 *     margin-left: 0.5em;
 *  }
 */

.uroven2-polozka {
    display: block;
    width: 205px;
    color: #202020;
    background-color: #e2e4de;
    font-size: 110%;
    line-height: 1.8em;
    border-bottom: 1px solid #e2e4de;
}

.uroven2-polozka:hover {
    color: #e9565d;
    border-bottom: 1px solid #e9565d;
}

.uroven2 {
    display: block;
    background: #e2e4de url("Images/menu-l2-top.gif") top left repeat-x;
    padding-top: 6px;
    padding-left: 20px;
}

table.uroven3 {

}

/* a.uroven2-vybrana:after {
 *    content: url("Images/sipka-modra.gif");
 *    margin-left: 0.5em;
 * }
 */

.uroven3-polozka {
    display: block;
    width: 205px;
    color: #202020;
    font-size: 103%;
    line-height: 1.8em;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    text-indent: 15px;
}

.uroven3-polozka:hover {
    color: #e9565d;
    border-bottom: 1px solid #e9565d;
}

.uroven3 {
    background: #e2e4de url("Images/menu-l2-top.gif") bottom left repeat-x;
    padding-bottom: 6px;
}


  



/**
 * PRAVY SLOUPEC
 */

.info-cerveny {
    padding: 0.8em 2em 0.8em 0.8em;
    color: #fff;
    background: #d82528 url("Images/info-cerveny.gif") top left repeat-x;
    margin-bottom: 2em;
}

.info-cerveny a {
    color: #fff;    
}

.info-cerveny p {
    margin-bottom: 0;
    background-image: url("Images/blok-bily.gif");
    background-position: 0px 3px;
    background-repeat: no-repeat;
    text-indent: 15px;
}

.info-s-nadpisem {
    background: #ccd4cc;
    margin-bottom: 2em;
}

.info-s-nadpisem .nadpis {
    color: #fff;
    font-weight: bold;
    padding: 0.8em;
    background: #305d76 url("Images/info-s-nadpisem.gif") top left repeat-x;
}

.info-s-nadpisem p {
    padding: 0.8em 2em 0.8em 0.8em;
}

.info-oddelovac {
    background: url("Images/blok-modry.gif") top center no-repeat;
    margin-bottom: 1em;
}

.info-s-nadpisem2 {
    margin-bottom: 2em;
}

.info-s-nadpisem2 .nadpis {
    color: #05558e;
    font-size: 110%;
    font-weight: bold;
    padding: 0 0 1em 0.8em;
}

.info-s-nadpisem2 p {
    padding: 0 2em 0 0.8em;
}


/**
 * CLANKY
 */

#clanky #zahlavi {
    font-size: 110%;
    color: #05558e;
    /* height: 1.5em; */
    /* margin-bottom: 1.5em; */
}

#clanky #zapati {
    font-size: 110%;    
    height: 1.5em;
    color: #05558e;    
    margin: 1em 0 0 2em;    
}

#clanky h2, #clanky h3 {
    float: left;
    font-size: 125%;
    font-weight: bold;
    margin: 0;
}

#clanky h2:before, #clanky h3:before {
    content: url("Images/blok-cerveny.gif");
    margin-right: 1.5em;
    margin-left: -2em;
}

#clanky #seznam {
    margin-left: 2em;
}

#clanky #seznam .hlavicka {
    padding: 1em 0 2.5em 0;
}

#clanky #seznam .hlavicka .datum {
    float: right;
    color: #05558e;
    font-weight: bold;
}

#clanky #seznam .text {
    clear: both;
}

.infoBox {
    border: 2px solid rgb(79, 121, 143);
    padding: 10px; padding-bottom: 0px;
    background-color: rgb(249, 241, 188);
    margin-bottom: 10px;
}

/**
 * INFO STUDENT, POPIS DAT, ROČNÍ VÝSTUPY
 */
 
table.info_student {
    border-bottom: 2px solid rgb(130,130,130);
    width: 100%;
    margin-bottom: 30px;
}

table.info_student .sipka {
    margin-left: 15px;
    margin-right: 5px;
}

table.info_student_zvyraznene 
{
    background-color: rgb(214,231,227);
}

table.info_student tr.nadpis {
    background-color: rgb(0,171,93);
    color: #fff;
    font-weight: bold;
}

table.info_student tr.nadpis:first-child {
    background-color: #5c7b8d;
}

/**table.info_student tr.zvyrazneny, table#popis_dat tr.zvyrazneny, table#format_dat tr.zvyrazneny*/
tr.zvyrazneny {
    background-color: rgb(249,241,188);
}

tr.zvyrazneny2 {
    background-color: rgb(255,228,108); font-weight: bold; text-align: center;
}

tr.zvyrazneny_odlisne {
    background-color: rgb(0,177,234); font-weight: bold; text-align: center;
}

tr.zvyrazneny_odlisne_mirne {
    background-color: rgb(107,203,234); font-weight: bold; text-align: center;
}

.znevyrazneny {
    color: rgb(100,100,100); font-style: italic
}

.zesedle_pismo {
    color: rgb(100,100,100);
}

table.vystup th {
    text-align:center;
}
table.vystup td {
    word-break: break-word;
}

table.info_student td {
    margin: 0;
}

.pomlcka{
    color:rgb(170,170,170); 
}

table#info_student_legenda{
	border-top: 2px solid rgb(130,130,130);
    border-bottom: 2px solid rgb(130,130,130);
}

span.zdroj {
    font-family: monospace;
}

table.vystup_plovouci {
    float: left; width: 45%; margin-right: 10px; margin-bottom: 20px;
}

span.ctverecek {
    width: 13px; height:13px; position: absolute; left: 10px;
}

span.ctverecek_uvod {
    width: 13px; height:13px; display: inline-block; margin-right: 4px;
}

.vybiratka {
    background-color: #e3e4de;
}

div.identifikaceStudia {
    text-align: right; color: rgb(170,170,170);
}
div.identifikaceStudia span {
    cursor: pointer;
}
div.identifikaceStudia span:hover {
    background-color: rgb(240,240,240);
}

/**
 * ŠKOLY
 */
 
.sipkanadpis {
    font-size: 75%;
}

/**
 * NOVINKY APLIKACÍ
 */

.novinky_aplikace .hlavicka {
    padding: 1em 0 2.5em 0;
}

.novinky_aplikace .text {
    clear: both;
}

.dulezitost_novinek_nabidka {
    margin: 0px; padding: 0px; text-align: left; display: inline; vertical-align: middle;
}
.dulezitost_novinek_nabidka label{
    font-size: 100%;
}
.dulezitost_novinek_nabidka td{
    margin: 0px; padding: 0px;
}

/**
 * OBECNĚ SCHOVÁVÁNÍ
 */
 
.schovavac {
    cursor: s-resize;
}