*{margin:0;padding:0;font-family:Verdana,Helvetica, sans-serif;}
body{background:#fff; font-size:0.7em; color:#4c4f54; text-align: center; padding: 0 15px; margin:0;}
#page{width: 100%; position:relative; background: #fff; margin: 0 auto; text-align: left;}

/*nadpis Informační systém ... */
 /* */ #nadpis h1 em {color:#8b0f2a;font-family:"Arial CE", Arial, sans-serif}
#nadpis {background: #fff url("./images/logo.gif") left top no-repeat; position: absolute; left: 15px; top: 25px; height: 55px; width: 421px;}
#nadpis h1 {display: none;}

#obal {background: #fff; padding: 45px 15px 0 15px;}
#levy {float: left; width: 80%; padding-top: 60px;background: url("./images/podklad.gif") right top repeat-y;}
#pravy{float:left; width:20%; _width:18%; overflow:hidden;}
#foot {margin: 0 15px; color: #4b5265; clear:both; background: url("./images/podklad-paticka.gif") left top repeat-x; padding: 27px 10px 5px 10px; text-align: left;}


/*obecny stylovy predpis*/
a {color:#485469;cursor:pointer;cursor:hand;}
a:hover {color:#8b0f2a}
.cor {clear:both; visibility:hidden;}
fieldset {border:0 none;}
.inv {display:none;}
.left {text-align:left;}.right {text-align:right;}.center {text-align:center;}
.bold {font-weight:bold;}
.floatl {}  .floatr{float:right;margin-left:10px;}
.borderl {border-left:1px solid #d8dce2}
.cudl {font-weight:bold;color:#8b0f2a;border:2px solid #d8dce2;background:#fff;font-size:1.4em;text-transform:uppercase;}
.cudl:hover {cursor: pointer;background:#eee}
a.cudl {display:block;text-decoration:none;text-align:center;padding:2px;}
img {border:0 none}
/*h2, .h2, h3, .h3,h4, .h4,h5, .h5,h6, .h6{margin:0.5em 0;padding:0.5em 0}*/
h1, .h1 {font-size:22px;color:#838fa3;font-weight:normal}
#levy h2 {background: url("./images/podklad-nadpis.gif") left bottom repeat-x; padding-bottom: 30px; margin-right: 20px;}
h2, .h2, #rozcesti li {font-size:1.8em;font-weight:normal;color:#8b0f2a}
h3, .h3 {font-size:1.6em;font-weight:normal;color:#8b0f2a}
h4, .h4 {font-size:1.4em;color:#8b0f2a;font-weight:bold;}
.h5 {background: #8db1e1; color: #fff; font-size:2em; font-weight:normal; padding: 5px;}
#kont h2 {background: #8b0f2b; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 1em; padding: 5px 10px;}
h6, .h6 {font-size:1em;color:#485469;font-weight:bold;}
address {font-style:normal; line-height:1.5em}
p{font-size:1.2em;line-height:1.5em}
ul {font-size:1em;margin-left:20px;}
li {font-size:1.2em; }
#obsah li{line-height: 1.5em; list-style: none; background: url("./images/odrazka1.gif") no-repeat left center; padding-left: 12px;}
#obsah li a{text-decoration: none;}

legend {font-size:1.2em;color:#8b0f2a;font-weight:bold;_margin-left:-8px;padding-bottom:.7em;text-transform:uppercase}
.podh{text-transform:uppercase;font-size:1em;}
.chyb{color:#8b0f2a;font-weight:bold;}
.chyb span{color:#8b0f2a}
.chyb input {border:1px solid #8b0f2a}
.pov span {font-weight:bold}
select {font-size:1em;}
.checkbox {width:auto;border:0;background:none;}
input,textarea {border:1px solid #d8dce2}

textarea {height: 170px; width: 600px}

/*prihlasen jako ... */
#prihlasen {width: 150px; position:absolute;z-index:3;top:10px; left: 500px; text-align: left; background: #fff;}
#prihlasen form, #prihlasen fieldset {margin:0; padding:0; border:0;}
#prihlasen p{}
#prihlasen legend {display: block; background: #848fa3; color: #fff; font-weight: bold; padding: 3px 5px;}
#prihlasen label {}
#prihlasen label span { display: block;}
#prihlasen .cudl {border: 1px solid #88909b; color: #88909b; background: #fff; text-transform: none; font-weight: normal; padding: 1px 5px; margin: 3px 0;}
#prihlasen span strong {text-transform: uppercase;}
#prihlasen p strong {text-transform: none; font-weight: normal;}
#prihlasen p {text-transform: uppercase; font-weight: bold;}
#prihlasen {line-height: 1.5em;}



/*prihlasovaci formular*/
#prihl {padding:15px;margin:20px;width:320px;}
#prihl fieldset {}
#prihl label{display:block;clear:both;font-size:1.2em;margin:5px 0}
#prihl label span{display:block;float:left;width:6em;margin-right:5px}
#prihl input {border:1px solid #d8dce2}
#prihl .cudl {width:3em;height:2em}

/*menu*/
#menu ul {font-size:1em;}
#pravy #menu li a {color: #717495; text-decoration: none;}
#pravy #menu li { margin-bottom: 7px;}
#pravy #menu {list-style: url("./images/odrazka1.gif"); margin: 10px 0; padding-left: 0px;}
#pravy #menu li.aktivni {list-style: url("./images/odrazka2.gif");}
#pravy #menu li.aktivni a { color: #000; font-weight: bold; text-decoration: none;}
#pravy #menu li a:hover{ color: #000; text-decoration: none;}

#levy ul {margin-left:50px;}
#levy #menu li {list-style:none;font-weight:bold;}
/*obecne tabulky*/
table {font-size:1em;}
.tabulka{height: auto !important;}
 .tabulka tr {background:#fff;}
.tabulka tr.sudy {background:#e8eff9;}
.tabulka .sudy td {border-top: 1px solid #878f9a; border-bottom: 1px solid #878f9a;}
.tabulka td,.tabulka th {padding:3px 4px;}
.tabulka thead  tr {background:#8b102c; color: #fff;}

 #data tr.hover, #data tr:hover  {background:#90afdd; color: #fff;}
 .tabulka tr.hover a {color: #fff;}
 #data tr {behavior: url(hover.htc);}
 

.tabulka tfoot  {background:#fff; color: #8a122d; font-weight: bold;}
.tabulka tfoot th {border-bottom: 1px solid #878f9a;}
.tabulka thead th,.tabulka tfoot th,.tabulka thead td,.tabulka tfoot td {padding:5px 4px;font-weight:bold}
.tabulka tr:hover a {color: #fff;}

/*tabulka - filtry a razeni */
#controlpanel {}
#controlpanel table {border-spacing: 7px;}
#controlpanel table input {width:8em;padding:0px 4px;font-size:1em;border:1px solid #000000;}  /* editacni boxy */
#controlpanel table select {width:9em;padding:0px 4px;font-size:1em;border:1px solid #000000;} /* combo-boxy */
#controlpanel .cudl {margin:5px; border:1px solid #7f919b; color: #7f919b; background: #fff; padding: 0 5px; } /* tlacitko je mimo tabulku */
#sortcontrol {background: url("./images/podklad-legend.gif") left top repeat-x; width: 29%; float:left; clear:right; margin-right: 32px;}
#sortcontrol legend {color: #fff; font-weight: bold; text-transform: uppercase; padding: 2px 10px;}
#sortcontrol table td {padding:0px 0px 0 0;}   /* bunky v tabulce pro trideni */
#sortcontrol table input {width:2em;border:none;padding:0;}  /* checkboxy u formulare pro trideni */
#filtercontrol legend {color: #fff; font-weight: bold; text-transform: uppercase; padding: 2px 10px;}
#filtercontrol {float:left; width: 63%; background: url("./images/podklad-legend.gif") left top repeat-x;}
#filtercontrol table td {padding:0px 3px 0 0;} /* bunky v tabulce pro filtr */

/*tabulka - přehled*/
#data {overflow:auto; clear: both; padding-top: 15px;}

#data {width:95%;height:100%;_height:1px;_height/**/:100%;overflow:auto;_overflow:none;overflow-x:auto;font-size:1em;clear:both}
#data table {height:95%;width:99%;margin:0;padding:0;}

/*stránkování*/
#strank {padding:10px 0;}
#strank p {font-size:1em;}
#strank .cudl {border: 1px solid #8695aa; background: #fff; color: #495565; text-transform: appercase; height: 20px;}
#strank input {border:1px solid #d8dce2;color: #9a0733; font-weight: bold; height: 20px;}
#strank label input {width:3em;height:1.6em;_height:1.3em;margin-bottom:1px;_margin-bottom:0;padding:3px 1px 0 3px}

/*Detail dokladu*/
#detail {width:700px;}
#detail .tabulka {margin-bottom:2em;}
#dan table,#popis table{width:100%}
#celkem {border-bottom:5px double #d8dce2;}
#celkem p{float:right;margin:0;padding:0}
#celkem h3{float:left;margin:0;padding:0;font-size:1.6em}
.osoba {}
.dododb {float:left; width:40%; padding:15px;margin:15px 15px 15px 0; border: 1px solid #c2c4c8; height: 15em;}
.dododbimg {float: right; width: auto; margin: 0 25px 15px 15px;}
.prij {float:left;width:40%;padding:15px;margin:15px 25px 15px 0}
#detail dl {margin-top:15px;line-height:2}
#detail dt {clear:both;font-weight:bold}
#detail dt span {float:left;width:50%}

/* --------------- */
/* all below by RK */
/* --------------- */

/*  dlazdicove zobrazeni v schopu */

.productItemX {width: 200px; float: left; text-align: center; margin: 0 5px 15px 0; height: 290px; overflow: hidden;}
.productItemC {border: 1px solid #878f9a; padding: 0px;}
.productItemC h3 {font-size: 1.2em; margin: 10px 0; font-weight: bold; font-style: italic; padding-top: 0.6em; padding-left: 0.6em; padding-right:0.6em; height: 2.5em;}
.productItemC h3 a {color: #8b102c;}
.cfooter { background: #e8eff9; padding: 3px 7px; margin: 5px 0 0 0; text-align: left; line-height: 1.5em;}
.colorPrice {font-weight: bold;}
.cfooter p {padding: 5px 10px 0 0; text-align: right;}



/* chyba akce */
.chyba {color:#ff0000;font-weight:bold;clear:both;padding:5px;}

/*autologin tlacitka*/
#autologin {text-align:center;}
#autologin {width:180px;margin:10px 0px}
#autologin .autologinitem {padding: 1px 0px;}
#autologin .autologinitem .cudl {padding-top:0px;margin-top:.7em;height:auto;}

/*registracni formular*/
#reg label {display:block;clear:both;font-size:1.2em;margin:3px 0px}
#reg label span{display:block;float:left;margin-right:5px;width:8em;}
#reg .mandatory {color:#ff0000;font-weight:bold;}
#reg .dlouhy span {display:block;float:left;width:auto;}

/*stránkování-override*/
#strank {clear: both;}
#strank legend {display:none;}
#strank label input {width:1.8em}

.securitycode {font-weight:bold;font-size:1.2em;border:1px solid #8b0f2a;}

@media screen and (max-width: 857px) {    
    #prihlasen {position:absolute; left:5%; top: 90px;}
    #nadpis {background: #fff url("./images/logo_mobil.gif") center top no-repeat; position: relative; margin: 0 auto; width: 340px; height: 50px; left:0; right: 0} /*obrázek větší než se vejde na mobil*/
    #levy {width: 100%; background: none; margin-top: 35px}
    #levy h2 {margin-right: 0;}
    #data{width: 100%}
    #pravy{width: 100%}
    #prihl {margin:0 auto}
    #autologin{display: block; width: 100%}
    
    #sortcontrol {width: 100%}
    #filtercontrol {width: 100%}

    input,textarea {max-width: 200px}
    select {max-width: 200px}
}