/*  Definice stylů pro Stránku */
* {  position: relative; z-index: 1; margin:0; padding:0; border:0; list-style:none; }
html, body  { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; font: 90%/150% Trebuchet MS, Tahoma, "Arial CE", Arial; color: #56636e; }
body { background: url('../images/bg-page.gif') repeat-x; }

/*  Definice stylů pro Odkazy */
a, a:link { color: #2e7cd3 }
a:hover { color: #66a3e6 }
a:visited { color: #666969 }
/*  Definice stylů pro Nadpisy */
h1 { margin:0; border-bottom: 1px solid #eee; padding: .2em; font-size: 170%; line-height: 120%; font-weight: normal; }
h2 { color: #2069bb; border-bottom: 1px solid #eee; margin: 5px .5em .5em .5em; margin-left: -10px; padding: 5px 15px; font-size: 140%; line-height: 140%; font-weight: normal; }
h3 { margin: 1em .5em; padding: 0; font-size: 100%; }

ul  { list-style: none;  }

/*  Definice stylů pro Odstavce */
p { margin: .5em; padding: 0; }
p.margin_0 { margin: 0; padding: 0; }
p.drobecky { margin: 0; border-left: 2px solid #eee; padding: 2px 5px; font-size: 80% }
p.important { margin: 0; border: 1px solid #cb0a1c; padding: 1em; background: #f6f6f6; color: #cb0a1c; text-align: center }
p.important strong a { color: #cb0a1c }


/*  Definice stylů pro Tabulky */
table { width: 100%; font-size: 100%; border: 1px solid #eee; border-collapse: collapse; }
table th { text-align: left; font-weight: normal; white-space: nowrap; background: #eee; color: #555; margin: 0; border: 1px solid #eee; border-collapse: collapse; padding: 3px 10px }
table td { margin: 0; border: 1px solid #eee; border-collapse: collapse; padding: 3px 5px }

.registrace th { width: 170px; text-align: right; white-space: nowrap }

.panelr table { margin: 0; font-size: 100%; border: 1px solid #eee; border-collapse: collapse; }
.panelr table td { width: 100% }
/*  Definice stylů pro Obrázky */
img { margin: 0; border: 0; padding: 0; vertical-align: middle; }

/*  Definice stylů pro Formuláře */
form { margin: 0; padding: 0 }
fieldset { display: block; margin: 1em 0; border: 2px solid #eee; padding: 1em; }
fieldset textarea { margin: 0; }
form p { margin: 0; padding: .5em .8em }
#prod form p { margin: 0; padding: .5em 1em }
fieldset label { }
fieldset legend { background: #eee; color: #555; margin: 0; padding: 5px 10px; }

input { vertical-align: middle; }
input.important { background: #cb0a1c; color: #fff }
p.submit { margin: .5em 0; padding: .5em; background: #eee; text-align: center; }
p.submit input { background: #cb0a1c; color: #fff }
p.submit:hover { background: #cb0a1c; }

/*  Univerzální */
.f-left { float: left; }
.f-right { float: right; }
.t-left { text-align: left; }
.t-right { text-align: right; }
.t-center { text-align: center; }

.box {min-height:1px; }
.box:after { display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:"."; }

.clear { clear: both; }
.cleaner { visibility: hidden; clear: both; height: 1px; margin: -1em 0 0 0; line-height: 0; font-size: 0; border: 0; }
.nowrap { white-space: nowrap; } 
.important { color: #cb0a1c; }

/*  Definice stylů pro Seznam */
/*  Definice stylů pro Tabulky */
/*  Definice stylů pro Formuláře */

/*  Definice stylů pro Stránku */
#corner1 { z-index:0; display:block; position: absolute; top: 0; width: 278px; height: 166px;  }
#corner1.c1 { left: 0; background: url('../images/corner-1.gif') no-repeat; }
#corner2 { z-index:0; display:block; position: absolute; top: 0; width: 278px; height: 166px;  }
#corner2.c2 { right: 0; background: url('../images/corner-2.gif') no-repeat; }
#logo,#logo span { z-index:20; display:block; position: absolute; overflow: hidden; left: 60px; top: 0; width: 254px; height: 141px; background: url('../images/logo-petrdivis.gif') no-repeat;  }
#logo span { left: 0; }
#title,#title span { z-index:20; display:block; position: absolute; overflow: hidden; right: 49px; top: 52px; width: 483px; height: 17px; background: url('../images/title-vm.gif') no-repeat;  }
#title span { left: 0; top: 0; }

#page { width: 100%; min-width: 880px; position: relative; }
#page-box { padding: 30px; padding-top: 110px; }

#header { padding-left: 280px; }
#menul { padding: 20px; }
#menul ul  { width:230px;list-style: none; text-align: right;  }
#menul ul li { margin: 0; padding: 0;padding-bottom: 10px; }
#menul ul li strong a { display: block; padding-right: 30px; font-weight: bold; font-size: 120%; color: #1c75bb; background :url('../images/menu-li.gif') right no-repeat transparent; vertical-align: top;  }
#menul ul li ol { padding: 5px 10px; padding-bottom: 20px; }
#menul ul li ol li { margin: 0; padding: 2px 0; }

#content { margin-left: 280px; }
#content ul { margin: 20px; list-style: square; }
#content ul li { list-style: square; }

#footer { margin: 20px 40px; border-top: 1px solid #dad9d9; padding: 5px 20px; padding-bottom: 2em; font-size:80% }