@charset "UTF-8";
/* CSS HF default */

* { margin: 0; padding: 0;}
body { font-family: Verdana, Arial, Helvetica, sans-serif; background: #000D19 url(../images/bgr-body.gif) top center no-repeat; font-size: 90%; color: #FFFFFF}
div#page { width: 866px; /*min-height: 725px;*/ margin: 0 auto; text-align: left; position: relative; top: 15px; background: #012140 url(../images/bgr-page.jpg) repeat-x}


/* LOGO */
p#logo {position: relative; overflow: hidden; width: 100px; height: 100px; margin: 0; padding: 0; font-size:1em;}
p#logo span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/burda.gif); cursor:pointer;}
/*p#logo a { color: #FFCC00}*/


/* nadpisy */
h1.nizkoenergeticke-domy { position: relative; overflow: hidden; width: 255px; height: 25px; margin: 15px 0 0 0; padding: 0}
h1.nizkoenergeticke-domy span { display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/h2-nizkoenergeticke-domy.jpg) no-repeat}
h1.reality { position: relative; overflow: hidden; width: 255px; height: 25px; margin: 15px 0 0 0; padding: 0}
h1.reality span { display: block; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/h2-nabidka-realit.jpg) no-repeat}
h1.reference { position: relative; overflow: hidden; width: 178px; height: 25px; margin: 10px 0 10px 5px; padding: 0}
h1.reference span { display: block; position: absolute; top: 0; left: 0; z-index: 7; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/h2-referece.jpg) 0 0 no-repeat}
h1.spolecnost { position: relative; overflow: hidden; width: 530px; height: 25px; margin: 10px 0 10px 5px; padding: 0}
h1.spolecnost span { display: block; position: absolute; top: 0; left: 0; z-index: 7; width: 100%; height: 100%; margin: 0; padding: 0; background:url(../images/h2-about.jpg) 0 0 no-repeat}


#dm2011 td{
	padding:7px;
	vertical-align: top;
}



/* NAVIGACE */
#vernav { width: 175px; padding: 25px 30px 20px 15px; font-family: Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.85em; float: left}
#vernav ul { list-style: none}
#vernav ul li { line-height: 32px; background: url(../images/bgr-hornav-li.gif) left bottom repeat-x; margin: 0}
#vernav ul li a { display: block; width: 175px; height: auto; text-decoration: none; padding: 0 0 0 7px; color: #FFFFFF}
#vernav ul li a:hover { display: block; width: 175px; height: auto; background: url(../images/bgr-hornav-li-on.gif) 0 -1px no-repeat}

/* ------------------------------------------------------------------------------------------------------------ */

/* HOME PAGE */
table.horni-rada { /*margin: 0 0 0 30px;*/ position: relative}
table.spodni-rada { /*margin: 0 0 0 67px;*/ position: relative; /*left: 221px; _left:231px;*/ top: -20px}


/* OBALKY titulu */
/* horni rada */
p#elle { position: relative; overflow: hidden; width: 156px; height: 280px; margin: 0; padding: 0; float: left; font-size: 1em}
p#elle img { position: absolute; top: 0; left: 0; z-index: 50;}

p#marianne { position: relative; overflow: hidden; width: 156px; height: 280px; margin: 0; padding: 0; float: left; font-size: 1em}
p#marianne img { position: absolute; top: 0; left: 0; z-index: 50;}

p#maxim { position: relative; overflow: hidden; width: 156px; height: 280px; margin: 0; padding: 0; float: left; font-size: 1em}
p#maxim img { position: absolute; top: 0; left: 0; z-index: 50;}

p#premiere { position: relative; overflow: hidden; width: 156px; height: 280px; margin: 0; padding: 0; float: left; font-size: 1em}
p#premiere img { position: absolute; top: 0; left: 0; z-index: 50;}

/* spodni rada */
p#apetit { position: relative; overflow: hidden; width: 156px; height: 280px; margin: 0; padding: 0; float: left; font-size: 1em}
p#apetit img { position: absolute; top: 0; left: 0; z-index: 50;}

p#yellow { position: relative; overflow: hidden; width: 156px; height: 280px; margin: 0; padding: 0; float: left; font-size: 1em}
p#yellow img { position: absolute; top: 0; left: 0; z-index: 50;}

p#bydleni { position: relative; overflow: hidden; width: 156px; height: 280px; margin: 0; padding: 0; float: left; font-size: 1em}
p#bydleni img { position: absolute; top: 0; left: 0; z-index: 50;}

p#vareni { position: relative; overflow: hidden; width: 156px; height: 280px; margin: 0; padding: 0; float: left; font-size: 1em}
p#vareni img { position: absolute; top: 0; left: 0; z-index: 50;}


div.splitter { height: 35px; width: 100%; clear: both; margin: auto; background: url(../images/bgr-splitter.gif) 0 center no-repeat}


/* ------------------------------------------------------------------------------------------------------------ */

/* CONTENT - text */
/* seznamy */
div#content { width: 620px; float: left; padding: 48px 0 20px 0}
div#content ul { list-style: none; font-size: 0.85em; color: #CCCCCC; margin: 0 0 10px 0}
div#content ul li { background: url(../images/bgr-li.jpg) 0 2px no-repeat; padding: 0 0 5px 20px}
div#content ul li ul { padding: 10px 0 5px 0; font-size: 1em}
div#content ul li ul li { background: url(../images/bgr-li.jpg) 0 2px no-repeat; padding: 0 0 5px 20px}

div#content ul li a { padding: 0 0 0 0}

div#content ul.kontrola { list-style: none; font-size: 0.85em; color: #CCCCCC; margin: 0 0 20px 0px}


/* kariera */
#faq > li > span {cursor:pointer; font-weight:bold}
#faq span.pozice {cursor:pointer;display:block; color: #C40069; text-decoration: underline}
#faq span.pozice-popis {color:#666666;display:block;margin:15px 0}

/* ------------------------------------------------------------------------------------------------------------ */

/* tabulka */
table { font-size: 0.85em; margin: 30px 0 0 0; border-collapse: collapse}
table th.first { width: 250px} table th { width: 165px}
table tr {}
table tr td {}

table.kontakty td{vertical-align: top;padding: 2px 0 4px;}

/* PREDPLATNE */
/* User - login */
div.user { font-size: 0.85em; position: absolute; top: 20px; right: 20px}

/* OBALKY */
div.obalka-old { width: auto; float: left}

/* TABULKY */
table.predplatne { font-size: 0.85em; margin: 30px 0 30px 0; border-collapse: collapse; color: #CCCCCC}
table.predplatne th { padding: 10px 0px; text-transform: uppercase; font-size: 1.5em; font-weight: normal; color: #999999} 
table.predplatne tr { }
table.predplatne tr td { padding: 10px 0px; vertical-align: middle}
table.predplatne tr td p { margin: 0 auto; float: right}
table.predplatne .popis { width: 400px}
table.predplatne .typ { text-transform: uppercase; text-align: center}
a .obalka { border: solid 1px #666666}
a:hover .obalka { border: solid 1px #C40069}
img.old { margin: 0 5px 0 5px}

/* Zmena udaju */
table.udaje { font-size: 0.85em; margin: 0 0 30px 0; border-collapse: collapse; color: #CCCCCC}
table.udaje tr { }
table.udaje tr td { padding: 10px 0px; vertical-align: middle}
table.udaje tr td p { margin: 0 auto; float: right}
table.udaje tr td input { margin: 0 5px 0 0}
.textarea { width: 100%; margin: 0 0 0 -10px}

/* Polozky */
table.polozky { width: 620px; margin: 0 0 30px 0; border-collapse: collapse; color: #CCCCCC}
table.polozky tr { }
table.polozky tr th { padding: 5px 10px 5px 10px; font-size: 1.2em; font-weight: bold; color: #C40069; border-bottom: solid 1px #999999}
table.polozky tr td { padding: 5px 10px 5px 10px; vertical-align: middle; color: #FFFFFF;}
table.polozky tr td.lsloupec { color: #666666; /*text-align: right*/ padding-right: 0px}
table.polozky tr td p { margin: 0 auto; float: right}
table.polozky tr td input { margin: 0 5px 0 0}
table.polozky tr td.varovani { background: #FF0000; color:#FFFFFF}
table.polozky tr td.celkem { border-top: solid 2px #999999}
span.date { font-size: large; margin: 0 0 0 5px}

/* Potvrzeni */
table.polozky tr td.potvrzeni { border-bottom: solid 2px #999999}

/* Kontrola udaju */
table.kontrola { width: 620px; margin: 0 0 30px 0; border-collapse: collapse; color: #CCCCCC}
table.kontrola tr { }
table.kontrola tr th { padding: 5px 10px 5px 10px; font-size: 1.2em; font-weight: bold; color: #C40069; border-bottom: solid 1px #999999}
table.kontrola tr td { padding: 5px 10px 5px 10px; vertical-align: middle; color: #FFFFFF;}
table.kontrola tr td.lsloupec { color: #CCCCCC; /*text-align: right;*/ padding-right: 0px; font-weight: bold}
table.kontrola tr td p { margin: 0 auto; float: right}
table.kontrola tr td input { margin: 0 5px 0 0}

/* Vlastnosti d�?¡rku */
table.darek { width: 620px; margin: 10px 0 30px 0; border-collapse: collapse; color: #CCCCCC}
/*table.darek tr { border-bottom: solid 1px #999999 }*/
table.darek tr th { padding: 5px 10px 5px 10px; font-size: 1.2em; font-weight: bold; color: #C40069; border-bottom: solid 1px #999999}
table.darek tr td { padding: 5px 10px 5px 10px; vertical-align: middle; color: #FFFFFF; border-bottom: solid 1px #999999}
table.darek tr td.lsloupec { color: #CCCCCC; font-weight: bold;/*text-align: right*/ padding-right: 0px}
table.darek tr td.button { border: none}

table.darek tr td p { margin: 0 auto; float: right}
table.darek tr td input { margin: 0 5px 0 0}

/* rozbalovaci TABULKA */
#boundary { background: #f8f8f8; padding:2em; width:40em;}
table.footcollapse { width: 100%; margin: 20px auto 20px auto}
table.footcollapse caption { font-size: 120%; text-transform: uppercase; text-align: left; padding: 10px 0 5px 0}
table.footcollapse th { text-align: left; font-weight: normal; border-bottom: solid 1px #000000}
table.footcollapse,table.footcollapse th,table.footcollapse th { /*border: solid 1px #000000;*/	border-collapse: collapse}
table.footcollapse thead th { width: 10em; background: #3293F4 url(../images/bgr-table-elle.gif) repeat-x; padding: 5px 10px; color: #000000}
table.footcollapse tbody { background: none}
table.footcollapse tbody td { padding: 5px 10px; border-bottom: 1px solid #194A7C; font-size: 0.85em}
table.footcollapse tbody th { padding: 2px 10px; border: 1px solid #194A7C; border-left: none; border-right: none}
table.footcollapse tbody tr.odd { background: #CCCCCC;}
table.footcollapse tfoot th, table.footcollapse tfoot td { background: #194A7C; color: #CCCCCC; padding: 2px 10px; font-size: 0.75em}
table.footcollapse tfoot td img { border: none; vertical-align: bottom; padding-left: 10px; float: right}

/* ------------------------------------------------------------------------------------------------------------ */

/* FORMULAR */

table.form { text-align: left; margin: 20px 0 20px 10px; color: #CCCCCC; font-size: 0.85em; border-collapse: collapse}
table.form tr { height: 2em; margin: 0 10px 0 0}
table.form tr td { }
table.form tr td.text { text-align: right; font-weight: bold}
input, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; margin: 0 0 0 5px; padding: 2px 2px 0 2px; border: none; height: 20px; background: #FFFFFF url(../images/bgr-input.jpg) repeat-x}
textarea { height: auto; font-size: inherit; background: #FFFFFF url(../images/bgr-textarea.jpg) repeat-x}
input.radio, input.checkbox { height: auto; background: none}
fieldset { border: solid 1px #333333; margin: 0 0 30px 0; background: url(../images/bgr-table-form.gif) right 20px repeat-y}
fieldset p { color: #CCCCCC; padding: 10px 0 0 16px}
legend { font-size: 1em; font-weight: bold; color: #C40069; margin: 0 10px; padding: 0 5px}
input#pocet { text-align: center}
select { background: url(../images/bgr-input.jpg) repeat-x; color: #333333; border: none; text-align: center; width: 160px}
option { background: #FFFFFF; text-align: center}

/* ------------------------------------------------------------------------------------------------------------ */

/* BARVY */

/* barvy */
h1.elle { color: #3293F4;} h2.elle { color: #256FB9;} h3.elle { color: #194A7C;}
h1.marianne { color: #910163;} h2.marianne { color: #910163;} h3.marianne { color: #910163;}
h1.maxim { color: #E90101;} h2.maxim { color: #E90101;} h3.maxim { color: #E90101;}
h1.premiere { color: #002F5B;} h1.premiere { color: #002F5B;} h1.premiere { color: #002F5B;}
h1.apetit { color: #029231;} h2.apetit { color: #029231;} h3.apetit { color: #029231;}
h1.yellow { color: #EBBB03;} h2.yellow { color: #EBBB03;} h3.yellow { color: #EBBB03;}
h1.bydleni { color: #63C2C4;} h2.bydleni { color: #63C2C4;} h3.bydleni { color: #63C2C4;}
h1.vareni { color: #C29261;} h2.vareni { color: #C29261;} h3.vareni { color: #C29261;}

/* barvy Marianne */
table.marianne thead th { width: 10em; background: #910163; padding: 5px 10px; color: #000000}
table.marianne tbody td { padding: 5px 10px; border-bottom: 1px solid #910163; font-size: 0.85em}
table.marianne tbody th { padding: 2px 10px; border: 1px solid #910163; border-left: none; border-right: none}
table.marianne tfoot th, table.marianne tfoot td { background: #993366; color: #CCCCCC; padding: 2px 10px; font-size: 0.75em}

/* barvy Maxim */
table.maxim thead th { width: 10em; background: #F50103; padding: 5px 10px; color: #000000}
table.maxim tbody td { padding: 5px 10px; border-bottom: 1px solid #F50103; font-size: 0.85em}
table.maxim tbody th { padding: 2px 10px; border: 1px solid #F50103; border-left: none; border-right: none}
table.maxim tfoot th, table.maxim tfoot td { background: #FF6666; color: #CCCCCC; padding: 2px 10px; font-size: 0.75em}

/* barvy Premiere */
table.premiere thead th { width: 10em; background: #002F5B; padding: 5px 10px; color: #000000}
table.premiere tbody td { padding: 5px 10px; border-bottom: 1px solid #002F5B; font-size: 0.85em}
table.premiere tbody th { padding: 2px 10px; border: 1px solid #002F5B; border-left: none; border-right: none}
table.premiere tfoot th, table.premiere tfoot td { background: #006699; color: #CCCCCC; padding: 2px 10px; font-size: 0.75em}

/* barvy Apetit */
table.apetit thead th { width: 10em; background: #008E34; padding: 5px 10px; color: #000000}
table.apetit tbody td { padding: 5px 10px; border-bottom: 1px solid #008E34; font-size: 0.85em}
table.apetit tbody th { padding: 2px 10px; border: 1px solid #008E34; border-left: none; border-right: none}
table.apetit tfoot th, table.apetit tfoot td { background: #33CC66; color: #CCCCCC; padding: 2px 10px; font-size: 0.75em}

/* barvy Yellow */
table.yellow thead th { width: 10em; background: #F1C500; padding: 5px 10px; color: #000000}
table.yellow tbody td { padding: 5px 10px; border-bottom: 1px solid #F1C500; font-size: 0.85em}
table.yellow tbody th { padding: 2px 10px; border: 1px solid #F1C500; border-left: none; border-right: none}
table.yellow tfoot th, table.yellow tfoot td { background: #FFFF99; color: #CCCCCC; padding: 2px 10px; font-size: 0.75em}

/* barvy Marianne Bydleni */
table.bydleni thead th { width: 10em; background: #5BBABC; padding: 5px 10px; color: #000000}
table.bydleni tbody td { padding: 5px 10px; border-bottom: 1px solid #5BBABC; font-size: 0.85em}
table.bydleni tbody th { padding: 2px 10px; border: 1px solid #5BBABC; border-left: none; border-right: none}
table.bydleni tfoot th, table.bydleni tfoot td { background: #99CCFF; color: #CCCCCC; padding: 2px 10px; font-size: 0.75em}

/* barvy Snadn�?© vařen�?­ */
table.vareni thead th { width: 10em; background: #BA8F62; padding: 5px 10px; color: #000000}
table.vareni tbody td { padding: 5px 10px; border-bottom: 1px solid #BA8F62; font-size: 0.85em}
table.vareni tbody th { padding: 2px 10px; border: 1px solid #BA8F62; border-left: none; border-right: none}
table.vareni tfoot th, table.vareni tfoot td { background: #CC9966; color: #CCCCCC; padding: 2px 10px; font-size: 0.75em}

/* ------------------------------------------------------------------------------------------------------------ */

/* TLACITKA */
p.odpovedet {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 0 0 50px 0; padding: 0; font-size:1em;}
p.odpovedet span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.odpovedet a span { background: url(../images/btn-odpovedet.jpg) no-repeat}
p.odpovedet a:hover span { background:  url(../images/btn-odpovedet-on.jpg) no-repeat}
p.odpovedet a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.odpovedet a:hover { background: #C40069} 

p.objednat {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 0 0 0 0; padding: 0; font-size:1em;}
p.objednat span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.objednat a span { background: url(../images/btn-objednat.jpg) no-repeat}
p.objednat a:hover span { background:  url(../images/btn-objednat-on.jpg) no-repeat}
p.objednat a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.objednat a:hover { background: #C40069}

p.odeslat {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 0 0 0 0; padding: 0; font-size:1em}
p.odeslat span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.odeslat a span { background: url(../images/btn-odeslat.jpg) no-repeat}
p.odeslat a:hover span { background:  url(../images/btn-odeslat-on.jpg) no-repeat}
p.odeslat a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.odeslat a:hover { background: #C40069}

p.zmenit {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 0 0 0 0; padding: 0; font-size:1em}
p.zmenit span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.zmenit a span { background: url(../images/btn-zmenit.jpg) no-repeat}
p.zmenit a:hover span { background:  url(../images/btn-zmenit-on.jpg) no-repeat}
p.zmenit a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.zmenit a:hover { background: #C40069}

p.potvrdit {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 0 0 0 0; padding: 0; font-size:1em}
p.potvrdit span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.potvrdit a span { background: url(../images/btn-potvrdit.jpg) no-repeat}
p.potvrdit a:hover span { background:  url(../images/btn-potvrdit-on.jpg) no-repeat}
p.potvrdit a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.potvrdit a:hover { background: #C40069}

p.prepocitat {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 0 0 0 0; padding: 0; font-size:1em}
p.prepocitat span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.prepocitat a span { background: url(../images/btn-prepocitat.jpg) no-repeat}
p.prepocitat a:hover span { background:  url(../images/btn-prepocitat-on.jpg) no-repeat}
p.prepocitat a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.prepocitat a:hover { background: #C40069}

p.pokracovat {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.pokracovat span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.pokracovat a span { background: url(../images/btn-pokracovat.jpg) no-repeat}
p.pokracovat a:hover span { background:  url(../images/btn-pokracovat-on.jpg) no-repeat}
p.pokracovat a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.pokracovat a:hover { background: #C40069}

p.prihlasit {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.prihlasit span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.prihlasit a span { background: url(../images/btn-prihlasit.jpg) no-repeat}
p.prihlasit a:hover span { background:  url(../images/btn-prihlasit-on.jpg) no-repeat}
p.prihlasit a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.prihlasit a:hover { background: #C40069}

p.odhlasit {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.odhlasit span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.odhlasit a span { background: url(../images/btn-odhlasit.jpg) no-repeat}
p.odhlasit a:hover span { background:  url(../images/btn-odhlasit-on.jpg) no-repeat}
p.odhlasit a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.odhlasit a:hover { background: #C40069}


p.registrovat {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.registrovat span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.registrovat a span { background: url(../images/btn-registrovat.jpg) no-repeat}
p.registrovat a:hover span { background:  url(../images/btn-registrovat-on.jpg) no-repeat}
p.registrovat a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.registrovat a:hover { background: #C40069}

p.ulozit {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.ulozit span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.ulozit a span { background: url(../images/btn-ulozit.jpg) no-repeat}
p.ulozit a:hover span { background:  url(../images/btn-ulozit-on.jpg) no-repeat}
p.ulozit a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.ulozit a:hover { background: #C40069}

p.potvrzeni {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.potvrzeni span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.potvrzeni a span { background: url(../images/btn-potvrzeni.jpg) no-repeat}
p.potvrzeni a:hover span { background:  url(../images/btn-potvrzeni-on.jpg) no-repeat}
p.potvrzeni a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.potvrzeni a:hover { background: #C40069}


p.podrobnosti {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 0 110px 0 5px; padding: 0; font-size:1em;}
p.podrobnosti span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.podrobnosti a span { background: url(../images/btn-podrobnosti.jpg) no-repeat}
p.podrobnosti a:hover span { background:  url(../images/btn-podrobnosti-on.jpg) no-repeat}
p.podrobnosti a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.podrobnosti a:hover { background: #C40069}

p.faktura {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.faktura span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.faktura a span { background: url(../images/btn-faktura.jpg) no-repeat}
p.faktura a:hover span { background:  url(../images/btn-faktura-on.jpg) no-repeat}
p.faktura a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.faktura a:hover { background: #C40069}

p.zpet {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.zpet span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.zpet a span { background: url(../images/btn-zpet.jpg) no-repeat}
p.zpet a:hover span { background:  url(../images/btn-zpet-on.jpg) no-repeat}
p.zpet a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.zpet a:hover { background: #C40069}

p.zrusit {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.zrusit span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.zrusit a span { background: url(../images/btn-zrusit.jpg) no-repeat}
p.zrusit a:hover span { background:  url(../images/btn-zrusit-on.jpg) no-repeat}
p.zrusit a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.zrusit a:hover { background: #C40069}

p.tisk {position: relative; overflow: hidden; width: 95px; height: 26px; margin: 5px 0 0 5px; padding: 0; font-size:1em;}
p.tisk span {display: block; position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%; margin: 0; padding: 0; background: #CCCCCC; cursor:pointer;}
p.tisk a span { background: url(../images/btn-tisk.jpg) no-repeat}
p.tisk a:hover span { background:  url(../images/btn-tisk-on.jpg) no-repeat}
p.tisk a { background: #CCCCCC; color: #000000; width: 95px; height: 26px; display: block; text-decoration: none; text-align: center; line-height: 26px}
p.tisk a:hover { background: #C40069}


/* ------------------------------------------------------------------------------------------------------------ */

/* FOOTER */
div#footer { width: 844px; background: url(../images/bgr-footer.gif) repeat-x; color: #666666; height: 37px; border-top: solid 4px #000000; padding: 15px 0 0 22px; float: left}
div#footer p { font-size: 0.75em; color: #666666; line-height: normal; float: right}
div#footer p.copy { float: left}
div#footer ul { list-style: none; display: block; font-size: 0.75em; float: left; margin: 0 0 0 130px}
div#footer ul li { float: left; margin: 0 10px 0 0}
div#footer a { color: #999999; font-size: 0.75em; font-weight: normal; margin: 0 5px 0 0}
div#footer span.hf { color: #FFFFFF; font-size: 0.75em; text-decoration: none; float: right;  margin: 3px 17px 0 0}
div#footer span.hf a { color: #FFFFFF; text-decoration: none; font-size: 0.85em}
span.text-norm { text-transform: none}
.popup {text-transform: uppercase;}

/* ------------------------------------------------------------------------------------------------------------ */

/* text elements */
h1, h2, h3, h4 { color: #C40069; margin: 0 0 5px 0}
h1 {font-size: 1.5em; font-weight: normal}
h2 {font-size: 1.3em; font-weight: normal}
h3 {font-size: 1.1em; font-weight: lighter}
h4 {font-size: 1em;	font-weight: bold}
p {padding: 0 0 10px 0; color: #CCCCCC; font-size: 0.85em; clear: left}
strong { color: #FFFFFF}

a:link, a:hover, a:visited { color: #C40069}
a:hover { text-decoration: none;}
img { border: none;}
img.left { border: solid 1px #000000; float: left; margin: 0 30px 20px 37px;}
img.right { border: solid 1px #000000; float: right; margin: 0 0 20px 30px;}
img.titul { float: right; padding: 0 0 0 15px}
hr { display: none}

/* classes */
.hidden {display: none}
.clr {width: 100%; font-size: 1px; clear: both}
.red {color: #cc0000}
.grey { color: #CCCCCC}
.white { color: #FFFFFF}
.left {float:left; margin: 5px 10px 5px 0;}
.right {float: right; margin: 5px 0 5px 10px;}
.noborder {border: none}
.lblue {color: #66ccff; font-weight: bold;}
.center { margin: 10px auto 0 auto; text-align: center; position: relative}
.lsloupec { color: #CCCCCC; font-weight: bold}
p.left { float: left !important}
.slozenka { margin: 0 0 0 10px}
.blank { width: 156px}
a img.darek { border: solid 1px #666666}
a:hover img.darek { border: solid 1px #C40069}
p.darek { float: right}
table.darek p.podrobnosti, table.darek p.zpet {margin: 0 10px 0 0}
img.aktualniobalka { float: right; padding: 0 0 5px 10px}