/**************************************************/
/*                                                */
/*     Author:     bc. Richard Kaláb              */
/*                 Petr Varkoček                  */
/*                                                */
/*     Date:       22.01.2007                     */
/*                                                */
/*     Copyright:  Studio Lexel s.r.o.            */
/*                                                */
/*                                                */
/*                                                */
/**************************************************/

* {margin: 0; padding: 0;}
body {width: 100%; margin: 0; padding: 0; background: #D9ECFF url('../images/body-background.png') 0px 0px repeat-x;}
html {width: 100%; margin: 0; padding: 0;}

body, p, em, h1, h2, h3, h4, h5, h6, div, span, li, a {
	font-family: 'Lucida Grande', Geneva, Arial, Tahoma;
}
a{color: #3165a0;}
#main-null {margin:0;padding:0;width:100%;}
#main {margin:0 auto;padding:10px;width:775px;background: #fff;}
#head {margin:0;padding:0;width:774px;background: url('../images/head-pics.jpg') 0px 0px no-repeat;}
#head h1 {margin: 0; padding: 25px 0 0 0; color: #4f4f4f; font-size: 0.85em; letter-spacing: 0.4em;}
#head a#logo {margin: 0; padding: 0; display: block; float: left; width: 191px; height: 164px; background: transparent;}
#head a#logo span {display: none;}

#left-panel {margin: 0; padding: 0; width:191px; float: left;}
ul#main-menu {margin: 5px 0 0 0; padding: 8px 0 0 0; width: 191px; background: #383B3E;}
ul#main-menu li {margin:0;padding:0;display:block;width:191px;height:47px;background: #4F545A;}/*#4D5358*/
ul#main-menu li a {margin: 0; padding: 10px 0 0 30px; display: block; width: 162px; height: 37px; font-size: 0.75em; text-decoration: none; line-height: 1.2em; color: #DBE19F; background: url('../images/button-menu.jpg') 0px 0px no-repeat;}
ul#main-menu li a:hover {background: url('../images/button-menu.jpg') 0px -51px no-repeat;}

#right-panel {margin: 5px 0 0 6px; padding: 0; width: 576px; float: left;}
#adresa 	{margin: 8px 0 0 0; padding: 30px 0 30px 25px; width: 166px; background: #E8F0F6;}
#adresa h3 	{margin: 0; padding: 0 0 2px 25px; font-size: 0.75em; color: #2E2E2E; background: url('../images/ikona-dopis.png') 0px 2px no-repeat;}
#adresa p 	{margin: 0; padding: 0; font-size: 0.75em; color: #2E2E2E;}
#telefon 	{margin: 8px 0 0 0; padding: 30px 0 30px 25px; width: 166px; background: #EFF5FA;}
#telefon p 	{margin: 0; padding: 0; font-size: 0.75em; color: #2E2E2E;}
#telefon p a {margin: 0; padding: 0; font-size: 1em; color: #2E2E2E; text-decoration: none;}
#telefon p a:hover {text-decoration: underline;}

/* active buttons*/
.aktivni#home {background: #0a66a8 url("../images/button-home.png") !important; color: #fff;}
.aktivni#onas {background: #0a66a8 url("../images/button-onas.png") !important; color: #fff;}
.aktivni#sluzby {background: #0a66a8 url("../images/button-sluzby.png") !important; color: #fff;}
.aktivni#reference {background: #0a66a8 url("../images/button-reference.png") !important; color: #fff;}
.aktivni#kontakty {background: url("../images/button-kontakty.png") !important; color: #fff;}
.aktivni#home a{color: #fff; background: transparent;}
.aktivni#onas a{color: #fff; background: transparent;}
.aktivni#sluzby a{color: #fff; background: transparent;}
.aktivni#reference a{color: #fff; background: transparent;}
.aktivni#kontakty a{color: #fff; background: transparent;}
/*end definition active buttons */
.table div {width: 42%; float: left;}
.table div.kus1 {width: 26%; font-weight: bold;}
.table div.kus2 {width: 30%; display: block;}
.table dt{width: 50px; float: left;}
#inside-text{border: 1px solid #b8c9d3; width: 574px;}
#inside-text div.matr{margin: 10px; font-size: 0.75em;}
#inside-text-home{border: 1px solid #b8c9d3; width: 390px;}
#inside-text-home div.matr{margin: 15px; font-size: 0.75em;}
h2,h3{font-size: 1.3em; color: #3165a0; font-weight: normal;}
h3{font-size: 1em;}
b{color: #3165a0; font-weight: normal;}
dt{width: 100px; float: left;}
.lidi dt{width: 150px; float: left;}
.lidi dd .mez {width: 10px; display: block; float: left;}
.seznam{list-style-type: none;}
.seznam li{width: 100%; display: block; position: relative;}
.seznam li span{position: absolute; right: 5px; font-size: 0.75em; color: #3b93c3;}
span.sup{font-size: 0.6em; position: relative; top: -6px}
div.mapka1{width: 275px; height: 235px; float: left; text-align: center; font-size: 0.75em;}
div.mapka2{width: 275px; height: 235px; float: right; text-align: center; font-size: 0.75em;}
div.mapka1 img{width: 275px; height: 206px; margin: 0 auto;}
div.mapka2 img{width: 275px; height: 206px; margin: 0 auto;}
.mailerr{display: block; border: 1px solid red; color: red; padding: 10px;}
.mailerr p{font-weight: bold; text-align:center;}
.prouzeknavigace {font-size: 0.70em; margin: 3px 0 3px 2px;}
.prouzeknavigace a{text-decoration: none; color: #000;}
.prouzeknavigace a:hover{text-decoration: underline;}
.prouzeknavigace span.podkategorie {text-decoration: underline; color: #31649e;}

/* napistenam form */
.napistenam, .napistenam h2{margin: 2px 0 4px 0;}
.napistenam h2{color: #3664a2; font-weight: normal; font-size: 1.15em;}
.napistenam fieldset{border: 0 none; }
.napistenam label{display: block; float: left; width: 110px; height:20px; line-height: 20px; margin: 3px 4px 0 0; font-size: 0.85em; background: #d9ebff; padding: 5px;}
.napistenam input{width: 408px; height:18px; margin: 3px 0 0 0; background: #fff; color: #000; border: 1px solid #e2e2ea; line-height: 18px; padding: 5px;}
.napistenam input:focus{background: #f9f9f9;}
.napistenam label.area{height: 62px; line-height:62px;}
.napistenam textarea.area{height: 60px; width: 408px; margin: 3px 0 0 0; background: #fff; color: #000; border: 1px solid #e2e2ea; padding: 5px;}
.napistenam textarea.area:focus{background: #f9f9f9;}
.napistenam label.posledni {width: 456px; height: 14px; line-height: 14px; font-size: 0.8em; font-weight: bold; background: #fff; margin-top: 10px;}
.napistenam input.posledni {width: 74px; height: 26px; line-height: 26px; background: #16416e; color: #fff; border: 1px solid #dfe4e8; padding: 5px; font-size: 0.8em; margin-top: 10px;}
.napistenam p.posledni {width: 100%; font-size: 0.80em;}
.napistenam input.skryty {display: none;}
.cleaner {margin: 0;padding: 0;clear: both;}
/* Hover top menu */
ul#top-menu{padding: 0; margin: 0; list-style-type: none; font-size: 85%;}
ul#top-menu {border: solid 1px #c7c7c7; height: 36px;}
ul#top-menu li {float: left; display: block; background: #F9F9F9; border-right: solid 1px #c7c7c7; z-index: 500; position: relative;}
ul#top-menu li#home {width: 99px; height: 36px;}
ul#top-menu li#onas {width: 103px; height: 36px;}
ul#top-menu li#sluzby {width: 109px; height: 36px;}
ul#top-menu li#reference {width: 129px; height: 36px;}
ul#top-menu li#kontakty {width: 130px; height: 36px;border-right: none;}
ul#top-menu li#home a.buttonmenu {width: 69px; height: 26px; padding: 10px 0 0 30px;}
ul#top-menu li#onas a.buttonmenu {width: 78px; height: 26px; padding: 10px 0 0 25px;}
ul#top-menu li#sluzby a.buttonmenu {width: 79px; height: 26px; padding:10px 0 0 29px;}
ul#top-menu li#reference a.buttonmenu {width: 105px; height: 26px; padding: 10px 0 0 24px;}
ul#top-menu li#kontakty a.buttonmenu {width: 104px; height: 26px; padding: 10px 0 0 25px;}
ul#top-menu a {width: 100%; color:black; display:block; text-decoration: none; background: #F9F9F9;}
ul#top-menu a:hover {text-decoration: underline;}
ul#top-menu ul li a {background-color: #F9F9F9;color: #369 !important; }
ul#top-menu ul li a:hover {background: #095f9a !important;color: #fff !important;}
ul#top-menu ul a {background: #F9F9F9; padding: 6px 5px 6px 5px; width: 140px; color: #000;}
ul#top-menu ul a:hover {color: blue; background-color: #ffffff;}
ul#top-menu ul {position: absolute; visibility: hidden; background: #F9F9F9; border: solid 1px #c7c7c7; width: 150px; margin-top: 0px; display: block; font-size: 90%;}
ul#top-menu li:hover ul {visibility: visible;}
ul#top-menu li li {float: none; border: none; padding: 0; background: #F9F9F9;}
ul#top-menu ul#onas-hover {margin-left: -1px;}
ul#top-menu ul#sluzby-hover {margin-left: -1px;}
ul#top-menu ul#reference-hover {margin-left: -1px;}
ul#top-menu ul#kontakty-hover {margin-left: -21px;}

#homepravy {width: 172px; border: 1px solid #c6d5dc; float: right; background: #eff4fa; color: #3f78ad;}
#homepravy div.matr {margin: 10px; font-size: 0.75em;}
#homepravy div.matr h2 {display: block; background: url("../images/tecka.gif") left bottom repeat-x; padding-bottom: 2px;}
#homepravy div.matr p {text-indent: 16px; display: block; padding: 4px 0; background: url("../images/ikona-sipka.png") 0px 4px no-repeat;}
#homepravy div.matr div.podtrzeni {display: block; background: url("../images/tecka.gif") left bottom repeat-x; height: 1px; line-height: 1px; font-size: 1px;}

#home-images {width: 392px; height: 115px;}
#home-images .image {float: left; width: 126px; height: 110px; background: #4e5459; color: #fff; font-size: 0.7em;}
#home-images .stred {margin: 0 7px;}
#home-images .image p {display: block; width: 126px; height: 20px; text-align: center; line-height: 20px;}
.home-images-inside {width: 360px; height: 76px; margin: 12px 0px;}
.home-images-inside .image {float: left; width: 114px; height: 76px; border: 1px solid #99cffd;}
.home-images-inside .stred {margin: 0 5px;}
/*#home-images-inside {width: 360px; height: 76px; margin: 12px 0px;}
#home-images-inside .image {float: left; width: 114px; height: 76px; border: 1px solid #99cffd;}
#home-images-inside .stred {margin: 0 5px;}
*/
#inside-text-home h2{color: #3165a0; font-size: 1.1em; margin-top: 20px;}

table.reference {width: 100%; margin: 0; padding: 0;}
.reference .podbarvena{background: #d9ebff;}
.reference td {padding: 6px; font-size: 0.9em;}
div.strankovani {width: 100%; text-align: center; font-size: 0.9em;}
div.strankovani .selected {font-weight: bold;}
a.sipky {text-decoration: none; font-size: 1.2em;}
td.posledni-sloupek {text-align: right;}
.detail table, .detail tr, .detail th, .detail td {padding: 0; margin: 0; border: none; font-size: 1em;}
.detail table {height: 162px; width: 345px; position: relative; top: -5px; left: 0;}
.detail th {width: 110px; height: 44px; padding: 8px; background: #d9ebff; border: 1px solid #e9f0f6; font-weight: bold; text-align: left;}
.detail td {padding: 8px; border: 1px solid #e9f0f6; text-align: left;}
.detail .img {width: 203px; height: 170px; float: left; text-align: center;}
.detail .tabulka {text-align: right;}
div.footer, div.footer-home  {width: 574px; margin: 30px 0 0 0; text-align: center; font-size: 0.65em; color: #7c7c7c;}
div.footer-home  {width: 390px;}
.footer a, .footer-home a  {color: #7c7c7c; text-decoration: none;}
.footer a:hover, .footer-home a:hover  {text-decoration: underline;}