body{
        width: 1003px;
        height: 99%; /* dulezite */
        margin: 0;
        padding: 0;
        text-align: center;
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight : lighter;
        color : Black;
        background-color : White;
        border-collapse: collapse;
}

/* Hlavní rám */
div.body {
        width: 99%;
        position: relative; /* dulezite */
        height: 100%; /* nastaveni pro IE */
        text-align: left;
        background-color : White;
        margin : 3px auto;
        padding : 0px;
        border-color : #BBBBBB;
        border-style : solid;
        border-width : 1px;

}

/* Vrchní rámeček */
div.head {
        width: 100%;
        clear: both;
        background-color : white;
        margin : 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height : 80px;
        background-image : url(pi-head.png);
        background-repeat : repeat-y ;
        border-bottom : 1px solid #BBBBBB;
        border-top : 1px solid #FFFFFF;
}

/* Data levého menu */
div.panelleft {
        width: 150px;
        height: expression("0px"); /* workaround pro 3px bug v IE */
        min-height: 515px;
        float:left;
        margin : 0px 0px 0px 0px;
        padding : 0px 0px 0px 0px;
        font-size : 60%;
}

/* Data hlavního textu */
div.panelmain{
        float: left;
        left: 153px
        top:  0px;
        width: 84%;
        min-width: 800px;
        margin-top:2px;
        margin-left:5px;
        padding: 0px 0px; /* do vysky je treba padding */
        background: #FFFFFF;
        border: 0px;
}

/* Zápatí */
div.panelbottom {
        clear: both;
        text-align: center;
        height: 20px;
        background-color : White;
        margin : 10px 0px 0px 0px;
        border-top-color : #BBBBBB;
        border-top-style : solid;
        border-top-width : 1px;
        border-bottom-color : #BBBBBB;
        border-bottom-style : solid;
        border-bottom-width : 1px;
        width : 100%;
        color :black;
        font-size : 60%;
        background-image : url(pi-head.png);
        background-repeat : repeat-y ;
}


div.menu-nadpis{
        background-color : #3030FF;
        border-top : 2px solid #DDDDDD;
        border-left : 2px solid #DDDDDD;
        border-bottom : 2px solid #AAAAAA;
        border-right : 2px solid #AAAAAA;
/*        font-weight : bold;       */
        color : #FFFFFF;
        padding : 2px 10px 2px 10px;
        font-size : 120%;
}
div.menu-nadpis:first-letter {
        color: #BBBBFF;
}

div.nadpis_sekce {
        height:30px;
        min-width:850px;
        color : #AAAAAA;
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
        text-decoration : none;
        font-weight : bold;
        font-family : Arial, Helvetica, sans-serif;
        font-size: x-large;
        background: #FFFFFF url(pi-nadpis_sekce.png);
        background-repeat : repeat-y;
}


/*konec nastaveni layloutu a vseho duleziteho*/

h1 {
        font-size:1.5em;
        text-align : center;
        color : #585858;
        margin : 10px 15px 10px 15px;
        font-weight : normal;
        font-family : Arial, Helvetica, sans-serif;
        clear : both;
}
h1:first-letter {
        color: #3333FF;
        font-weight : bold;
}
h2 {
        font-size:1.3em;
        color : #585858;
        margin : 0px 10px 0px 10px;
        font-weight : normal;
        font-family : Arial, Helvetica, sans-serif;
        padding : 0px 10px 0px 15px;
        border-top : 1px dashed #585858;
        clear : both;
}
h2:first-letter {
        color: #5555FF;
        font-weight : bold;
}
h3 {
        border-top : 1px dashed #585858;
        font-size:1em;
        color : #585858;
        padding-left : 5px;
        font-weight : bold;
        margin : 10px 10px 10px 10px;
        clear : both;
}
h3:first-letter {
        color: #7777FF;
        font-weight : bold;
}
h4 {
        font-size:1em;
        color : #585858;
        font-weight : bold;
        margin : 10px 10px 10px 10px;
        clear : both;
}
h4:first-letter {
        color: #9999FF;
        font-weight : bold;
}
a{
text-decoration: underline;
 color:  #3333FF;
}
a:link {
text-decoration: underline;
 color:  #3333FF;
}
a:visited {
text-decoration: underline;
 color:#7777FF;
}
a:hover{
text-decoration: underline;
color: #CCCCFF;
}
p{
        margin : 15px 10px 15px 10px;
}
acronym, abbr {
        border-bottom : 1px dashed black;
        cursor : help;
}
/* ostatni nastaveni*/
/* nastaveni fotmularui*/
form.search{
        margin-top :0px;
        margin-bottom :10px;
}
input.tlacitko{
        margin-left : 30px;
        margin-top : 5px;
        padding-left : 5px;
        padding-right : 5px;
        font-size : 100%;
        display : block;
        width : 7em;
}
.tlacitko2{
        background-color : #BBBBFF;
        color : White;
        font-size : 0.8em;
        font-weight : bold;
        border-left : 1px solid #DDDDFF;
        border-top : 1px solid #DDDDFF;
        border-right : 1px solid #888888;
        border-bottom : 1px solid #888888;
}
.text2{
        color : black;
        font-size : 0.8em;
        font-weight : bold;
        border-bottom : 1px solid #7f9db9;
        border-top : 1px solid #7f9db9;
        border-left : 1px solid #7f9db9;
        border-right : 1px solid #7f9db9;
}
input.text{
        margin-left :10px ;
        margin-top :10px;
        border : 1px solid #7F9DB9;
        width : 90%;
}
input.radio{
        margin-left : 10px;
}
select.roleta{
        width : 20em;
        font-size : 0.9em;
}
input.jdi-na{
        font-size : 0.9em;
}
img.logo{
        margin : 10px 0px 0px 10px;
        float : left;
        border-bottom : 0px solid White;
        border-top : 0px solid White;
        border-left : 0px solid White;
        border-right : 0px solid White;
}
img.banner{
        margin : 10px 10px 10px 10px;
        text-align : right;
}
hr{
        color : #d3d3d3;
        margin : 0px 10px 0px 10px;
        border-color : #d3d3d3;
}
span.b{
        font-weight : bold;
}
p.nahoru{
        text-align : right;
        font-size : 0.8em;
}
p.vysledek{
        text-align : right;
        font-size : 0.8em;
}
p.zdroj {
        font-size : 0.8em;
        padding : 5px 5px 5px 5px;
        border-top : 1px dashed #CCCCCC;
        border-bottom : 1px dashed #CCCCCC;
        border-left : 1px dashed #CCCCCC;
        border-right : 1px dashed #CCCCCC;
        background-color : #ffffcc;
}
p.zdroj22 {
        border:thin inset;
        font-size : 0.8em;
        padding : 3px 3px 3px 3px;
}
div.seda{
        background-color : #F7F8F9;
        border-left-color : #C8D1D9;
        border-left-style : solid;
        border-left-width : 1px;
        border-right-color :#C8D1D9;
        border-right-style : solid;
        border-right-width : 1px;
        border-top-color : #C8D1D9;
        border-top-style : solid;
        border-top-width : 1px;
        border-bottom-color : #C8D1D9;
        border-bottom-style : solid;
        border-bottom-width : 1px;
        margin : 15px 10px 15px 10px;
        padding : 5px 5px 5px 5px;
}
div.zluta {
        margin : 15px 10px 15px 10px;
        padding : 5px 5px 5px 5px;
        background-color : #ffd;
        border-left-color : #DDDD99;
        border-left-style : solid;
        border-left-width : 1px;
        border-right-color :#DDDD99;
        border-right-style : solid;
        border-right-width : 1px;
        border-top-color : #DDDD99;
        border-top-style : solid;
        border-top-width : 1px;
        border-bottom-color : #DDDD99;
        border-bottom-style : solid;
        border-bottom-width : 1px;
}
ul.popis{
        margin : 15px 10px 15px 50px ! important;
}
a .logo{
        border-bottom : 0px solid White;
        border-top : 0px solid White;
        border-left : 0px solid White;
        border-right : 0px solid White;
}
img.left{
        float : left;
}
form div.title{
        margin : 0px 0px 0px 0px;
        padding : 0px 0px 0px 0px;
}
a.menu{
        text-decoration: none;
        margin : 0px 0px 0px 0px;
        border : 1px solid white;
        background-color : #F3F3F3;
        display : block;
        font-weight : bolder;
        padding : 2px 10px 2px 10px;
}
a:link.menu{
text-decoration: none;
 color: #3030AA;
 /*font-weight : bold;       */
}
a:visited.menu {                 /*nevybrane menu*/
text-decoration: none;
 color: #3030AA;
/* font-weight : bold;     */
}
a:hover.menu{                    /*mysí vybrane menu*/
        text-decoration: none;
        color: #6060AA;
        background-color : #DDDDFF;
}
a#menu-on{
        color: #000000;
/*        font-weight : bold;    */
        background-color : #CCCCFF ! important;
        border : 1px solid #FFFFFF;
}
/*nastaveni odrazek ul*/
ul.odrazky{
        margin : 20px 20px 20px 80px;
        padding : 0px 0px 0px 0px;
        list-style-type : none ! important;
}
ul.odrazky li{
list-style-type : none ! important;
        margin : 5px 0px 5px 0px;
}
div.obsah li{
        list-style-type : square;
}
ul{
        clear : both;
        font-size : 1em;
}
ul.hl a{
        font-weight : bolder;
}
.b-i{
        font-style : italic;
        font-weight : bolder;
}
div.roleta{
        margin : 10px 10px 10px 10px;
        font-size : 0.8em;
        text-align : right;
}
img.pocitadlo{
        margin : 20px 0px 15px 50px;
}
dl{
        padding : 0px 0px 0px 0px;
        margin : 20px 20px 20px 20px;
}
dt{
        padding : 0px 0px 0px 0px;
        margin : 5px 30px 5px 10px;
}
dd{
        padding : 0px 0px 0px 0px;
        margin : 5px 20px 20px 35px;
}
dt a{
        font-weight : bolder;
}
div.obsah table {
        margin : 5px 5px 5px 5px;
}


table {
        background-color : #FFFFFF;
        border: 0px;
        border-collapse: collapse;
}

th {

        border-bottom : 1px solid Silver;
        border-top : 1px solid Silver;
        border-left : 1px solid Silver;
        border-right : 1px solid Silver;
        font-size : 0.8em;
        font-weight : normal;
}

td {
        border-bottom : 1px solid Silver;
        border-top : 1px solid Silver;
        border-left : 1px solid Silver;
        border-right : 1px solid Silver;
        padding : 3px 3px 3px 3px;
}

tr.tmava {
        background-color : #C0C0FF;
}

tr.bila {
        background-color : #F4F4FF;
}

span.fialova{
        color : #FF00FF;
}
span.blue{
        color : #6495ED;
}
.center{
        text-align : center;
}
input.right{
        font-size : 0.8em;
        margin-left : 9em;
}
.mail{
        font-size : 0.8em;
        width : 95%;
}
textarea.mail{
        height : 7em;
}
form.email{
        margin : 1ex 1ex 1ex 1ex;
}
p.doprava{
        text-align : right;
}