/* *************************************************************************************************
 *
 *  resety
 *   
 * ************************************************************************************************* */

* { padding: 0; margin: 0; border: 0; text-indent: 0; }
a img { border: 0;  }

ul, ol { list-style: none; }
table, td, th { font-weight: normal; font-size: 100%; }

a { color: #000; }
a:hover { text-decoration: none; }

.cleaner { clear: both; }

button { font-size: 12px; }
input { border: 1px solid #EDAA00; font-size: 12px; height:16px;}
input.pin { border: 1px solid #EDAA00; font-size: 12px; height:16px;}
select { border: 1px solid #EDAA00; font-size: 12px; height:18px;}
select.mselect { height: 80px; }
textarea { border: 1px solid #EDAA00;}

h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }
.nadpis { font-size: 120%; font-weight: bold; }

/* *************************************************************************************************
 *
 *  rozvrzeni stranky
 *   
 * ************************************************************************************************* */
 
html { font: normal normal normal 70%/1.5 arial, Tahoma, Verdana, sans-serif;  }
body { width: 1000px; padding: 0 7px; background: #c9c9c9 url('../gfx/pozadi.gif') center top repeat-y; margin: auto; font-size: 12px;}

div#header { height: 135px; }
div#header #head a { position: relative; top: 30px; left: 20px; display: block; width: 380px; height: 90px; float: left; background: url('../gfx/logo.gif') no-repeat 0 0; }
div#header #head a span { display: none; }

div#header #head a.first { position: relative; top: 30px; left: 20px; display: block; width: 252px; height: 90px; float: left; background: url('../gfx/prvni_brnenska.jpg') no-repeat 0 0; }
div#header #head a.first span { display: none; }

div#header form { position: relative; top: 30px; right: 30px; width: 144px; height: 78px; float: right; background: url('../gfx/vstup-pro-firmy.gif') no-repeat 0 0; overflow: hidden; }
div#header form fieldset { margin: 7px 10px; *margin-left: 5px; }
div#header form fieldset legend { font-weight: bold; color: #fff; }
div#header form fieldset input { height: 14px; border: 1px solid #eb8bd8; padding: 1px; }
div#header form fieldset input.text { width: 120px; margin: 2px 0; }
div#header form fieldset input.pass { width: 70px; float: left; margin-right: 3px;  }
div#header form fieldset input.submit { height: 18px; float: right; width: 46px; color: #fff; font-size: 10px !important; background: #eb8bd8; }

div#header address { float: right; width: 135px; font-style: normal; margin: 30px 30px 0 0;  }
div#header address a { color: #000; }

div#footer { margin: 0 30px; text-align: center; color: #2a8c84; }
div#footer a { color: #2a8c84; }

div#main { width: 770px; float: left; position: relative; left: 30px; }

div#main div#levy { float: left; width: 152px; }

div#main div#obsah { float: right; width: 594px; font-size: 12px;}

/* *************************************************************************************************
 *
 *  menu v hlavicce
 *   
 * ************************************************************************************************* */

ul#motohome { padding: 0 18px 0 15px; height: 168px; background: url('../gfx/moto.jpg') center top no-repeat; }
ul#motohome li { float: left; width: 100px; margin-top: 26px; }
ul#motohome li a { width: 100px; height: 120px; }
ul#motohome li.m1 a { background: url('../gfx/head-button-1.gif') center top no-repeat; }
ul#motohome li.m2 a { background: url('../gfx/head-button-2.gif') center top no-repeat; }
ul#motohome li.m3 a { background: url('../gfx/head-button-3.gif') center top no-repeat; }
ul#motohome li.m4 a { background: url('../gfx/head-button-4.gif') center top no-repeat; }
ul#motohome li.m5 a { background: url('../gfx/head-button-5.gif') center top no-repeat; } 

ul#moto { padding: 0 20px 0 25px; height: 75px; background: url('../gfx/moto-small.jpg') center top no-repeat; }
ul#moto li { float: left; margin-top: 12px; }
ul#moto li a { width: 146px; height: 51px; }
ul#moto li.m1 a { background: url('../gfx/head-button-small-1.gif') left top no-repeat; width: 156px; }
ul#moto li.m2 a { background: url('../gfx/head-button-small-2.gif') left top no-repeat; }
ul#moto li.m3 a { background: url('../gfx/head-button-small-3.gif') left top no-repeat; width: 142px; }
ul#moto li.m4 a { background: url('../gfx/head-button-small-4.gif') left top no-repeat; width: 140px; }
ul#moto li.m5 a { background: url('../gfx/head-button-small-5.gif') left top no-repeat; } 

ul#moto, ul#motohome { margin-bottom: 33px; }
ul#moto li a, ul#motohome li a { display: block; }
ul#moto li a span, ul#motohome li a span { display: none; }
ul#moto li.m5, ul#motohome li.m5 { float: right; }

/* *************************************************************************************************
 *
 *  leve menu
 *   
 * ************************************************************************************************* */

div#main div#levy ul#menu {  }
div#main div#levy ul#menu li { font-size: 110%; margin-bottom: 3px; float: left; width: 152px; background: #59bab2; }
div#main div#levy ul#menu li span { display: block; padding: 0 8px; line-height: 30px; display: block; color: #fff; font-size: 100%; font-weight: bold; }
div#main div#levy ul#menu li a { display: block; background: url('../gfx/a.rozbalit.gif') no-repeat 94% 13px; text-decoration: none; padding: 0 8px; line-height: 30px; display: block; color: #fff; font-size: 100%; font-weight: bold; }
div#main div#levy ul#menu li a:hover { text-decoration: underline; }
div#main div#levy ul#menu li.top { background: url('../gfx/ul.left.top.gif') left top no-repeat; }
div#main div#levy ul#menu li.bottom { background: url('../gfx/ul.left.bottom.gif') left top no-repeat; }
div#main div#levy ul#menu li a.active { background-image: url('../gfx/a.zabalit.gif'); }
div#main div#levy ul#menu li ul { padding: 5px 0; }
div#main div#levy ul#menu li ul li { font-size: 100%; }
div#main div#levy ul#menu li ul li a, div#main div#levy ul#menu li ul li a.active { padding: 2px 8px; background: none; background-color: #fff;; line-height: 1.2; color: #000; font-weight: normal; text-decoration: underline; }
div#main div#levy ul#menu li ul li a:hover { text-decoration: none; }

div#main div#levy div#lang { font-size: 110%; padding: 30px 0 0 10px; color: #59bab2; }
div#main div#levy div#lang a { font-weight: bold; text-decoration: none; color: #59bab2; }
div#main div#levy div#lang a:hover { text-decoration: underline; }

/* *************************************************************************************************
 *
 *  obsah
 *   
 * ************************************************************************************************* */

div#pravy, div#right { float: right; position: relative; right: 30px; }

div#pravy { padding: 56px 1px 0 1px; width: 142px; background: url('../gfx/div.levyhome.gif') no-repeat 0 0;  }
div#pravy a img { margin-bottom: 10px; }

div#comp, div#right { float: right; position: relative; right: 30px; }

div#comp { padding: 6px 1px 0 10px; width: 152px; background: url('../gfx/ul.left.top.gif') left top no-repeat;}
div#comp a img { margin-bottom: 10px; }
div#comp h3 { color:#EEEEEE; }

div#right { background: url('../gfx/div.pravy.gif') no-repeat 0 0; padding: 60px 12px 0 12px; width: 120px !important; }
div#right span.top { top: -76px; right: -14px; }
div#right ul, div#right p { margin-bottom: 10px; }
div#right ul { list-style: outside url('../gfx/li.pink.gif');  }
div#right ul li { margin-left: 15px; }

div#main div#obsah div.pink { padding: 15px; margin-bottom: 20px; background: url('../gfx/div.obsah.pink.gif') left top no-repeat; }
div#main div#obsah div.green { padding: 15px; margin-bottom: 20px; background: url('../gfx/div.obsah.green.gif') left top no-repeat; }

div#main div#obsah div.pink ul.list li { background: url('../gfx/li.pink.gif') no-repeat 0 5px; }
div#main div#obsah div.green ul.list li { background: url('../gfx/li.green.gif') no-repeat 0 5px; }

div#main ul.list { margin-left: 0 !important; list-style: none;  }
div#main ul.list li { width: 265px; float: left; padding-left: 15px; }

#top { width: 140px; height: 20px; background: url('../gfx/h2.top.gif') no-repeat 0 0; }
#cat { width: 195px; height: 20px; background: url('../gfx/h2.cat.gif') no-repeat 0 0; }
#hle { width: 165px; height: 20px; background: url('../gfx/h1.hle.gif') no-repeat 0 0; }
#jak { width: 130px; height: 20px; background: url('../gfx/h1.jak.gif') no-repeat 0 0; }
#for { width: 205px; height: 20px; background: url('../gfx/h1.for.gif') no-repeat 0 0; }

span.top { float: right; position: relative; top: -16px; right: -2px; width: 59px; height: 30px; background: url('../gfx/span.top.gif') no-repeat 0 0; }
span.vip { position: absolute; margin: -72px 0 0 87px; width: 59px; height: 30px; background: url('../gfx/span.vip.gif') no-repeat 0 0; }

div#obsah ul, div#obsah ol { margin-left: 25px; font-size:12px;}
div#obsah ul { list-style: disc; }
div#obsah ol { list-style: decimal; }


h1 span, h2 span, h3 span { display: none; }
div#obsah h1, div#obsah h2, div#obsah h3, div#obsah p, div#obsah ul, div#obsah ol, div#obsah form, div#obsah table { margin-bottom: 10px; }

button { background: #EDAA00; color: #fff; padding: 1px 2px; width: 116px; border: 1px solid #EDAA00; _padding: 0 2px; }
input.button { background: #EDAA00; color: #fff; padding: 1px 2px; width: 116px; border: 1px solid #EDAA00; _padding: 0 2px; }

form#reakce, form#hledej { border-top: 1px solid #EDAA00; border-bottom: 1px solid #EDAA00; padding: 8px 0; }
form#reakce input { width: 70px; border: 1px solid #EDAA00; padding: 3px 1px; margin-right: 3px; }
form#reakce p { margin-top: 5px; margin-bottom: 0; }

form#hledej select { position: relative; top: 1px; border: 1px solid #EDAA00; border-style: solid !important; margin: 0 10px; }
form#hledej input { position: relative; top: 1px; border: 1px solid #EDAA00; border-style: solid !important; margin: 0 10px; }
form#hledej button { width: 46px; }
form#hledej select#obor { width: 230px; }
form#hledej select#type { width: 130px; }

form#form div.osobni { margin: 5px 0; border-top: 1px solid #EDAA00; border-bottom: 1px solid #EDAA00; padding: 8px 0; }
form#form div.osobni span.space { display: block; height: 8px; font-size: 0; }
form#form div.osobni input { border: 1px solid #EDAA00; margin-right: 5px; padding: 3px 1px; *position: relative; *top: 2px; }
form#form div.osobni label { font-weight: bold; padding-right: 7px; }
form#form div.osobni input#title, form#form div.osobni input#birth { width: 40px; }
form#form div.osobni input#jmeno, form#form div.osobni input#prijm { width: 100px; }
form#form div.osobni input#ulice, form#form div.osobni input#mesto { width: 150px; }
form#form div.osobni input#pscps { width: 80px; }

form#form div.vzdelani label { font-weight: bold; width: 90px; display: block; float: left; }
form#form div.vzdelani select { height: 18px; }
form#form div.vzdelani select, form#form div.vzdelani input { margin-right: 5px; width: 120px; border: 1px solid #EDAA00 !important; float: left; margin-bottom: 7px; }
form#form div.vzdelani input { height: 18px; padding: 2px 1px; display: inline; height: 16px; width: 118px; *width: 116px; }
form#form div.vzdelani select.second { width: 220px; }
form#form div.vzdelani select#kompl { width: 360px; }
form#form div.vzdelani br { clear: left; }
form#form button { width: 50px; }

table.prehled { line-height: 25px; border-bottom: 1px solid #A8A8A8; }
table.prehled td { border-top: 1px solid #A8A8A8; padding: 0 10px 0 10px; font-size: 110%; font-weight: bold; }
table.prehled tr.lichy td { background: #E5E5E5; }
table.prehled tr.sudy td { background: #fff; }
table.prehled a { text-decoration: none; color: #000; }
table.prehled a:hover { text-decoration: underline; }

p.pager { padding: 0 10px; }
p.pager a { text-decoration: none; color: #000; }
p.pager a:hover { text-decoration: underline; }
p.pager a.active { text-decoration: underline; }
p.pager a.active:hover { text-decoration: none; }