body { background-color: #FFFFFF;
       color: #444;
       margin: 1em 8% 2.5em 8%;
       font-size: 75%;
       font-family: Tahoma, Verdana, 'Arial CE', ArialCE, 'Arial_CE', sans-serif;
       line-height: 1.6em;
       scrollbar-arrow-color: #000000;
       scrollbar-face-color: #FFFFFF;
       scrollbar-highlight-color: #FFFFFF;
       scrollbar-shadow-color: #4e6477;
       scrollbar-3dlight-color: #4e6477;
       scrollbar-darkshadow-color: #FFFFFF;
       scrollbar-track-color: #FFFFFF;
     }

a { color: #375075; font-size: 100%; text-decoration: underline }
a:visited { color: #1C283C; }
a:link {  }
a:active { color: #788594 }
a:hover { color: #788594; text-decoration: none }
a.cil { font-weight: bold; font-size: 120%; }

h1, h2, h3, h4, h5 { font-size: 100% }
h1 { COLOR: #000000; font-size: 100%; font-weight: bold; text-align: left; margin: 0; padding: 0;  }
h2 { COLOR: #000000; font-size: 130%; font-weight: bold; text-align: left; margin: 1em 0 .5em 0; padding: 0 }
h3, legend { /*COLOR: #0a2849;*/ color: #124987; font-size: 120%; font-weight: bold; text-align: left; margin: 2em 0 .3em 0; padding: 0; }
h3.noclear {
    clear: none;
}
h4 { color: #599020; font-size: 100%; font-weight: bold; margin: 1.5em 0em .5em 1em;}
/* h4 jako orámovaný nadpis s pozadím binárních čísel */
h4.code { COLOR: #000000; font-size: 100%; font-weight: bold; margin: 0; padding: .2em .4em; background-image: url(images/binary.gif); background-repeat: repeat; border: 1px solid #607B8E; }
h5 { font-size: 100%; color: #000; font-weight: bold; margin: 1.5em 0em .5em 2em; }

p { font-size: 100%; text-align: left; margin: .5em 0 1.5em 2em; }
strong {color: #363636;}
.perex {text-align: left; padding: .6em 1em; margin: .5em 0 1.5em 1em; font-size: 100%; background-color: #EDEFF3; border: 1px solid #E3E6EC; }
.suffix {text-align: left; padding: .75em 1em; margin: .5em 0 1.5em 1em; font-size: 100%; /*background-color: #EFFAE4; border: 1px solid #E3F7D0;*/ background-color: #F3F4F8; border: 0px solid #E6E8F0; }
.error { text-align: left; padding: .75em 1em; margin: .5em 0 1.5em 1em; font-size: 100%; background-color: #FFC6C6; border: 1px style #FFA2A2; }

hr { display: none }
ul { font-size: 100%; list-style-type: none; margin: 1em 0em 2em 2em; padding: 0em; }
li { padding: 0em; padding-left: 18px; line-height: 1.75em; background: transparent url(images/li.png) no-repeat 0em .5em; }
table { font-size: 100% }
img { border: 5px solid #DBE1E8; }
img.noborder {border: none;}
form { margin: .5em }
input, select, textarea { border: 1px solid #4e6477; background-color: #FFFFFF; color: #000000; font-size: 100%; font-family: 'Arial CE', ArialCE, 'Arial_CE', sans-serif }
big { font-size: 130%; margin-right: .2em; }

h1#logo a, h1#logo a span { padding: 0; margin: 0; display: block; width: 157px; height: 37px; overflow: hidden; }
h1#logo a { position: relative; }
h1#logo a span { position: absolute; top: 0px; left: 0px; background: #fff url(images/logo.png) no-repeat; cursor: pointer; cursor: hand; }
#zahlavi { background: #273e50 url(images/header-bg.png) repeat-x; padding: 0 0 0 150px; margin: 0; height: 82px; border-right: 1px solid #000; }
#zahlavi .animace { width: 72px; height: 82px;margin: 0; padding: 0; background-image: url(images/animace.gif); background-repeat: no-repeat;}


#zapati { clear: both; font-size: 90%; line-height: 1.5em; border: 1px solid #4e6477; margin: 4em 0em 2em 0em; padding: .5em .75em; background-color: #415461; color: #fff; }
#zapati p { color: #fff; text-align: left; padding: .5em; margin: 0; }
#zapati strong { font-weight: bold; font-size: 110%; color: #fff; }
#zapati .login { text-decoration: none; }
#zapati a { color: #fff }
#zapati a.up {
  background: url(images/arrow-up.gif) no-repeat 100% 50%;
  padding-right: 8px;
}

#leva { width: 30%; float: right; border-left: 1px solid #dce0e4 }
#levainner { padding-left: 2.5em; }
#leva h4, #leva h3 { background: none; background-color: #415461; color: #fff; border: none; padding: .2em .5em; margin: 1.5em 0em .5em 0em; font-size: 100%; }
#leva .first { margin-top: 0em; }
#leva ul { margin-left: .75em; }

.pravy_sloupec { /*margin-right: 36%;*/ float: left; padding: 0; width: 64%;}
.pravy_sloupec h2 { text-align: left; margin: 0; padding: 0 }

/* obrázky vedle odstavců */
.tutorial { background-image: url(images/uvod_tutorial.gif); background-repeat: no-repeat; padding-left: 105px; background-position: 0% .2em; height: auto; _height: 80px; min-height: 80px; }
.webpraxe { background-image: url(images/uvod_mapa.gif); background-repeat: no-repeat; padding-left: 105px; background-position: 0 .2em; clear: both; }
.web_development { background-image: url(images/profil_web.gif); background-repeat: no-repeat; padding-left: 105px; background-position: 0 .2em }
.studium { background-image: url(images/profil_study.gif); background-repeat: no-repeat; padding-left: 105px; height: 90px; background-position: 0 .4em }
.webdesign1 { background-image: url(images/webdesign1.gif); background-repeat: no-repeat; padding-left: 105px; background-position: 0 .2em }
.webdesign2 { background-image: url(images/webdesign2.gif); background-repeat: no-repeat; padding-left: 105px; background-position: 0 .2em }
.aplikace1 { background-image: url(images/aplikace1.gif); background-repeat: no-repeat; padding-left: 105px; background-position: 0 .2em }
.aplikace2 { background-image: url(images/aplikace2.gif); background-repeat: no-repeat; padding-left: 105px; background-position: 0 .2em }
.reference { background-image: url(images/reference.gif); background-repeat: no-repeat; padding-left: 105px; height: 90px; background-position: 0 .4em }

.odkazy_sloupec { font-size: 100%; margin: 0; padding: 0; width: 100% }
.odkazy_sloupec p { margin: 1em 1em 2.5em 0; padding: 0; text-align: left }

.odesilaci_formular { margin: .1em 0 .2em 2em; padding: 0 }
.tucne { font-weight: bold }
.help { cursor: help; border-bottom: 1px #000000 dashed }
.zvetseno { font-size: 110% }
.seda { color: #808080 }
.left {text-align: left }
.center { text-align: center }
.right  { text-align: right }
.floatleft { float: left; margin-right: 1em }
.floatright { float: right; margin-left: 1em; margin-bottom: 1em; }
.cleaner { clear: both; }
.refphotobox { height: 160px; overflow: auto; /*width: 100%;*/ white-space: nowrap;}
.refphoto { float: none; padding: 0em 1em 0em 0em; width: auto; }
p.refphotodiv { width: 100%; }
.refphotodiv .refphoto { display: block; line-height: 1em; float: left; margin: 0; _margin-right: -3px; padding: 0em 1.75em 1.75em 0em; display: inline; }
p.banner {margin: 1em 0em; text-align: center;}
p.pristupy { margin-top: 1em; padding-top: 1.5em; border-top: 1px dotted #ccc; }
p.last {padding-bottom: 2em;}
.sloupec-30 {
    width: 33%;
    float: left;
}
.sloupec-40 {
    width: 38%;
    float: left;
}
.sloupec-50 {
    width: 48%;
    float: left;
}
.imgcaption {
    font-size: 90%;
    font-weight: normal;
    font-style: italic;
    text-align: center;
    padding-bottom: .5em;
    width: 160px;
}

/* Definice pro modul MENU */
#menu { border-bottom: 1px solid #4e6477; margin: 0 0 2.5em 0; padding: .8em 0em; }
#menu p { font-size: 120%; margin: 0; padding: 0; text-align: left; }
#menu a { color: #000000; font-weight: normal; text-decoration: none; padding: 1px .4em 2px .4em; }
#menu a:link {  }
#menu a:visited {  }
#menu a:active { color: #000000 }
#menu a:hover { color: #788594; text-decoration: underline; }
#menu .vybrany { padding: 1px .4em 2px .4em; font-weight: bold; font-weight: normal; background-color: #415461; /*color: #788594;*/ color: #fff; }
#menu H2 { display: none }

#aktuality_sloupec { margin: 0; padding: 0; }
#aktuality_sloupec p { font-size: 85%; }

/* Definice pro modul AKTUALITY */
#aktuality { font-size: 100%; line-height: 1.25em; }
#aktuality p { margin: 1em 0 1em 0; padding: 0; text-align: left; }
#aktuality a { font-size: 100%; font-style: italic; font-weight: normal }
#aktuality a:link {  }
#aktuality a:visited {  }
#aktuality a:active {  }
#aktuality a:hover { text-decoration: none }
#aktuality .datum { color: #000000; font-size: 100%; font-weight: bold }
#aktuality td { padding-right: 15px; padding-bottom: 5px; vertical-align: top }
#aktuality .zahlavi_zapati { width: 100%; font-size: 90%; border: 1px dotted #c0c0c0; margin: 1.5em 0 }
#aktuality .zahlavi_zapati td { padding: .25em 1em }
#aktuality .formularovy_popis { color: #0a2849; border: 1px dotted silver; padding: .25em 1em; margin: .5em 0 0 0 }
#aktuality .poznamka { color: #808080; font-size: 90%; font-weight: normal; font-style: italic }

.formular {
    margin-top: 4em;
    margin-bottom: 2.5em;
}
.formular fieldset {
    padding: 3em 2.5em 1.5em 2.5em;
    margin: 0em;
    margin-top: 2em;
    text-align: left; font-size: 100%; background-color: #F3F4F8; border: none;
    position: relative;
}
.formular legend {
    padding: .5em 1.5em;
    margin-bottom: 1em;
    margin-top: 0em;
    background-color: #E3E4E8;
  position: absolute;
  top: -1em;
  left: 1em;
}
.formular label {
    width: 30%;
    float: left;
    clear: both;
}
.formular input.full, .formular textarea.full {
    width: 65%;
}
.formular input.small {
    width: 20%;
}
.formular div {
    margin: .5em 0em;
}

/* mootools css*/
/*
.tip {
color: #fff;
width: 139px;
filter: alpha(opacity=97);
opacity: .97;
text-align: left;
line-height: 1em;
z-index: 200;
}
.tip-title {
font-weight: bold;
font-size: 85%;
margin: 0em;
color: #ffff00;
padding: .4em .8em;
padding-bottom: 0em;
background: url(images/bubble.png);
}
.tip-text {
font-size: 80%;
padding: .25em .9em;
padding-bottom: .s5em;
background: url(images/bubble.png) bottom right;
}
.tip				{ width:295px; font-family:tahoma,arial; background:url(images/tip-text.png) left top repeat-y; }
.tip-top			{ background:url(images/tip-top.png) top left no-repeat; height:26px; width:295px; }
.tip-title		{ color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }
.tip-text		{ color:#000; padding:10px 30px 20px 50px; }
.tip-bottom		{ background:url(images/tip-bottom.png) left bottom no-repeat; width:295px; height:81px; }
*/