body, form { font-family: 'verdana', sans-serif; margin: 0 0 10px 0; }

body { font-size: 11px; text-align: center; color: #686464; background:#010A2D url(../img/bg_na_pozadi.jpg) top center no-repeat; padding: 0 0 0 0; }

img { display: block; border: 0px; }

table { font-size: 100%; border-collapse: collapse; margin: 0; padding: 0; }
td { border-collapse: collapse; margin: 0; padding: 0; vertical-align: top; }

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

.clear { clear: both; line-height: 0.1px; margin:0; padding: 0; }
.hidden { display: none; }
.bold { font-weight: bold; }
.right { text-align: right; }
.nomargin { margin:0; padding: 0; }

h1 { margin: 0; padding: 0; font-size: 14px; }
h2 { margin: 0; padding: 0; font-size: 13px; }
h3 { margin: 0; padding: 0; font-size: 11px; }

p { line-height: 170%;}
strong { color: #686464; }

#top, #stranka, #bottom { width: 960px; margin: auto; text-align: left; }
#top { height: 28px; background: #fff url(../img/horni_lista.gif) top left no-repeat; }
#bottom { color: #585E75; text-align: right; font-size: 10px; padding-top: 10px;  }
#bottom a { color: #585E75; text-decoration: none; }

#stranka { background: #fff; background: transparent url(../img/opakovani_stranka.gif) top left repeat-y; position: relative; }

/* homepage */
#HP_levy  { width: 386px; height: 591px; float: left; }
#HP_pravy { width: 323px; height: 591px; float: right; background: #fff url(../img/hp_vpravo_dole.png) bottom left no-repeat; position: relative; }
#HP_stred { width: 251px; height: 591px; margin: 0 323px 0 386px; position: relative; background: transparent url(../img/opakovani_menu.gif) top left repeat-y; }
#HP_pravy .padding { padding: 25px 20px 10px 25px;  }
#HP_pravy p { margin-top: 3px; }
#projekty_flash { position: absolute; bottom: 20px; left: 20px; }
#projekty_flash h2 { font-size: 11px; border-bottom: 1px #F1920C solid; margin-left: 5px; }

/* menu */
#menu { margin: 0; padding: 0; list-style-type: none; }
#menu li { display: block; float: left; }
#menu li a { display: block; width: 251px; height: 60px; }
#menu li.m1 a { background: transparent url(../img/m1.gif) top left no-repeat; }
#menu li.m2 a { background: transparent url(../img/m2.gif) top left no-repeat; }
#menu li.m3 a { background: transparent url(../img/m3.gif) top left no-repeat; }
#menu li.m4 a { background: transparent url(../img/m4.gif) top left no-repeat; }
#menu li.m5 a { background: transparent url(../img/m5.gif) top left no-repeat; }
#menu li.m6 a { background: transparent url(../img/m6.gif) top left no-repeat; }
#menu li a:hover, #menu li.selected a { background-position: top right; }
#menu li a span { display:none; }
.menu_konec { height: 591px; background: transparent url(../img/pata_menu.png) bottom left no-repeat; }
.napiste { position: absolute; bottom: 0; right: 0; width: 247px; height: 100px; font-size: 10px; text-align: right; line-height: 150%; color: #868FA9; padding-right: 5px; }
.napiste a { color: #000; text-decoration: none; }

/* stranky */
#obsah_text { background: transparent url(../img/opakovani_stranka_texty.gif) top left repeat-y; }

#levy  { width: 385px; float: left; }
#pravy { width: 251px; float: right; padding: 0 0 210px 0;  }
#stred { width: 324px; margin: 0 251px 0 385px; }

#pravy .napiste { position: absolute; bottom: 0; padding: 0; width: 251px; height: 210px; background: transparent url(../img/pata_menu.png) bottom left no-repeat; }
#pravy .napiste div { padding: 110px 5px 0 0; }

#stred .nahledy { margin-top: 1px; }
#stred .nahledy a { display: block; float: left; }
#stred .nahledy a img { width: 108px; }

#stred .infostavba { padding: 10px 20px 20px 20px;  }
#stred .infostavba h1 { border-bottom: 1px #F1920C solid; color: #010A2D; line-height: 170%; margin: 0 0 10px 0; }
#stred .infostavba table { color: #666; }
#stred .infostavba table td { vertical-align: top; }
#stred .infostavba table td.val { color: #000; width: 160px; padding: 1px 0 8px 10px; }

#levy .padding { padding: 15px 9px 10px 9px; }
.stv { font-size: 9px; text-transform: uppercase; padding: 0 0 10px 0; width: 267px;  color:#F1920C; text-align:right; }
.stv01 { background: transparent url(../img/rp01.gif) bottom left no-repeat; }
.stv02 { background: transparent url(../img/rp02.gif) bottom left no-repeat; }
.stv03 { background: transparent url(../img/rp03.gif) bottom left no-repeat; }
.stv04 { background: transparent url(../img/rp04.gif) bottom left no-repeat; }
.stv05 { background: transparent url(../img/rp05.gif) bottom left no-repeat; }
.stv06 { background: transparent url(../img/rp06.gif) bottom left no-repeat; }
.stvselected { background-position: bottom right; color: #335790; text-align: left; }

.boxL { width: 340px; float: left;  padding-top: 10px; }

ul.stavby { list-style-type: none; margin: 5px 0 20px 0; padding: 0; }
ul.stavby li { padding: 2px 5px 2px 10px; }
ul.stavby a { color: #686464; text-decoration: none; font-size:10px; }
ul.stavby a:hover { text-decoration: underline; }
ul.stavby li.aktual a { font-weight: bold; color: #335790; }

.devproj h2 { font-size: 9px; text-transform: uppercase; padding: 0 0 10px 0; width: 267px;  color:#F1920C; text-align: right; margin: 5px 0 15px 0; }
.devproj h2.dp1 { background: transparent url(../img/dp01.png) bottom left no-repeat; }
.devproj h2.dp2 { background: transparent url(../img/dp02.png) bottom left no-repeat; }
.devproj h3 { color: #9FA9BF; font-size: 9px; text-transform: uppercase;margin: 20px 0 5px 0; }
.devproj h3 span { color: #F1920C; font-size: 14px; }
.devproj h4 { color: #F1920C; font-size: 9px; text-transform: uppercase; margin: 20px 0 5px 0; }


.padding2 { padding: 0 10px 25px 25px; }

ul.projekty { list-style-image: url(../img/odrazka.gif); margin-bottom: 20px; }
ul.projekty a { color: #686464; text-decoration: none; font-size:10px; }
ul.projekty a:hover { text-decoration: underline; }
ul.projekty li.aktual a { font-weight: bold; color: #335790; }

.formular { padding: 9px 0 0 0; }
input { background: #D7E2EF; border: 1px #D7E2EF solid; width: 200px; font-size: 9px; padding: 5px; }
textarea { background: #D7E2EF; border: 1px #D7E2EF solid; width: 200px; height: 100px; font-size: 9px; padding: 5px;  }
form p { margin: 2px 0 5px 0; }
input.submit { background: #F29A1D; text-transform: uppercase; color: #fff; width: 140px; margin: 0; }


#text_top { width: 385px; min-height: 279px; padding: 0 324px 0 0px; _height: 279px; }
.kontakt { background: #fff url(../img/hlavni_kontakt.jpg) top right no-repeat; position: absolute; top: 0; right: 251px; width: 324px; height: 279px; }
.kontakt h2 { text-transform: uppercase; padding: 0 0 0px 0; font-size: 11px; color: #686464; }
.kontakty_mapa { position: absolute; left: 267px; top: 162px; }
.spolecnost { background: #fff url(../img/hlavni_spolecnost.jpg) top right no-repeat;  }
#text_top .padding { padding: 15px 15px; }
#text_top .padding2 { padding: 10px 25px; }
#text_top_sluzby { width: 385px; height: 59px; padding: 0 324px 0 0px;}
.sluzby { background: #fff url(../img/hlavni_sluzby.jpg) top right no-repeat; width: 324px; height: 279px; position: absolute; top: 0px; right: 251px; }
.sluzbymez { float: right; width: 324px; height: 220px; position: relative; top: 0px; right: 0px; }


#kontaktymenu { margin: 0; padding: 0; list-style-type: none; }
#kontaktymenu li {}
#kontaktymenu li a { display: block; font-size: 9px; text-transform: uppercase; padding: 0 0 10px 0; width: 237px; font-weight: bold; color:#F1920C; text-align: left; text-decoration:none; margin: 5px 0 15px 0; }
#kontaktymenu li a span { padding: 0 20px 0 0; }
#kontaktymenu li a.kt01 { background: transparent url(../img/kt01.gif) bottom left no-repeat; }
#kontaktymenu li a.kt02 { background: transparent url(../img/kt02.gif) bottom left no-repeat; }
#kontaktymenu li a.kt03 { background: transparent url(../img/kt03.gif) bottom left no-repeat; }
#kontaktymenu li a.kt04 { background: transparent url(../img/kt04.gif) bottom left no-repeat; }
#kontaktymenu li a.kt05 { background: transparent url(../img/kt05.gif) bottom left no-repeat; }
#kontaktymenu li a.kt06 { background: transparent url(../img/kt06.gif) bottom left no-repeat; }
#kontaktymenu li a.kt07 { background: transparent url(../img/kt07.gif) bottom left no-repeat; }
#kontaktymenu li a.kt08 { background: transparent url(../img/kt08.gif) bottom left no-repeat; }
#kontaktymenu li a.kt09 { background: transparent url(../img/kt09.gif) bottom left no-repeat; }
#kontaktymenu li a.kt10 { background: transparent url(../img/kt10.gif) bottom left no-repeat; }
#kontaktymenu li a.kt11 { background: transparent url(../img/kt11.gif) bottom left no-repeat; }
#kontaktymenu li a:hover, #kontaktymenu li a.selected { background-position: bottom right; color: #335790; text-align: right; }
#kontaktymenu li a:hover span, #kontaktymenu li a.selected span { padding: 0 0px 0 20px; }

.text { padding: 20px 260px 10px 15px; }

.onlytext { padding: 10px 280px 20px 25px; }
.onlytext h2 { color: #F1920C; font-size: 15px; margin: 25px 0 5px 0; text-transform: uppercase; }
.onlytext h2 span { color: #9FA9BF; font-size: 25px; font-weight: normal; } 
.onlytext table { margin-bottom: 15px; }
.onlytext table td, .onlytext table th { padding: 2px 9px 2px 9px; }
.onlytext ol { font-weight: bold; }
.onlytext ol li { font-weight: normal; }
.onlytext ol li p { font-weight: normal; }
.onlytext ul { list-style-image: url(../img/odrazka_text.gif); }
.onlytext ul li { font-weight: normal; }

.text_kontakt { background: #FFEED7; height: 90px; padding: 5px 10px 5px 5px; margin: 0 0 10px 0; position: relative; }
.text_kontakt img { float: left; }
.text_adresa { padding: 0 0 0 110px; }
.text_fotky { position: absolute; bottom: 5px; right: 5px;}
.text_fotky img { }

.kmenu { width: 250px; float: left; }
.kskup { margin-left: 250px; padding: 10px 0 0 0; }
.kskup h2 { text-transform: uppercase; padding: 0 0 10px 0; font-size: 13px; color: #686464; }
.kskup table { font-size: 9px; width: 100%; }
.kskup table td, .kskup table th { padding: 2px 7px 2px 0px; vertical-align: top; }
.kskup table .jmeno { width: 110px; }
.kskup table .tel { width: 70px; }
.kskup table .email { width: 130px; }
.kskup table .sude { background: #F0F0F0; }
.kskup table a { text-decoration: none; color: #686464; }
.kskup table a:hover { text-decoration: underline; }


.spolecnost_menu { margin: 0; padding: 0; list-style-type: none; }
.spolecnost_menu li { display: block; }
.spolecnost_menu li a { display: block; font-size: 9px; text-transform: uppercase; padding: 0 0 10px 0; width: 237px; font-weight: bold; color:#F1920C; text-align: left; text-decoration:none; margin: 5px 0 15px 0; }
.spolecnost_menu li a.sp01 { background: transparent url(../img/kt01.gif) bottom left no-repeat; }
.spolecnost_menu li a.sp02 { background: transparent url(../img/kt02.gif) bottom left no-repeat; }
.spolecnost_menu li a.sp03 { background: transparent url(../img/kt03.gif) bottom left no-repeat; }
.spolecnost_menu li a.sp04 { background: transparent url(../img/kt04.gif) bottom left no-repeat; }
.spolecnost_menu li a.sp05 { background: transparent url(../img/kt05.gif) bottom left no-repeat; }
.spolecnost_menu li a.sp06 { background: transparent url(../img/kt06.gif) bottom left no-repeat; }
.spolecnost_menu li a.sp07 { background: transparent url(../img/kt07.gif) bottom left no-repeat; }
.spolecnost_menu li a:hover, .spolecnost_menu li a.selected { margin: 5px 0 15px 0; background-position: bottom right; color: #335790; text-align: right; }