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

    General Selectors

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

body { font-family: Tahoma, 'Trebuchet MS', Verdana, Arial, sans-serif; font-size: 70%; color: #262626; background: #fff url(../layout/backBodyTop.gif) repeat-x top; text-align: center; margin: 0; padding: 0;}



ul, ol, li, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; list-style: none;}

form, input, select, textarea, table, tr, td, th    { font-size: 100%; font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; }




h1 { font-family: Georgia; font-weight: normal; text-align: right; margin-right: 20px; color: #005387; font-size: 240%;}

h2 { font-family: "Trebuchet MS"; color: #016cbb; font-size: 1.6em;}

h3 { color: #ff7800; text-align: left; font-size: 120%; font-family: Lucida Sans; margin: 5px 0 5px 0;}

h4 { color: #016cbb; padding-left: 20px; font-size: 115%; font-family: Lucida Sans;}

h5 { color: #ff7800; text-align: left; font-size: 150%; font-family: "Trebuchet MS"; margin-bottom: 12px; }

h6 { color: #ff7800; text-align: right; font-size: 150%; font-family: "Trebuchet MS"; margin-bottom: 12px; border-bottom: 1px dotted #175077;}

.clear { clear: both; height: 1px; background: transparent;}

.nobo {border: none;}





/*  id   */
#kabat { margin: 0 auto; width: 988px; background: url(../layout/backKabat.gif) repeat-y top; margin-top: 12px; }

#top { background: url(../layout/backTop.jpg) no-repeat; width: 988px; height: 283px;  margin: 0 auto;}

#menu { width: 620px; margin-top: 76px; margin-left: 90px; text-align: left;}

#content { width: 968px; margin: 0 auto; line-height: 1.5; margin-top: -100px; text-align: left;}

#bottom { background: url(../layout/backBottom.gif) repeat-x; height: 159px;}

#spodek { width: 988px; height: 118px; margin: 0 auto; background: url(../layout/backSpodek.gif) top no-repeat;}








.topRight { width: 700px; float: right; margin: 26px 26px 0 0; text-align: right;}

.logo {float: left; width: 161px; height: 52px; text-align: left; margin: 43px 0 0 55px; background: url(../layout/logo.png) no-repeat;}

.imgLogo {border: none;}


.inputSearch { border: 1px solid #e5e5e5; width: 133px; height: 17px; padding: 5px 3px 1px 5px; margin-right: 4px; background: url(../layout/backInputSearch.gif) repeat-x;}

.buttonSearch { border: none; color: #fff; background: url(../layout/backButtonOK.gif) repeat-x; height: 25px; width: 26px; margin-bottom: -1px; cursor: pointer; }

.nav {padding: 3px 19px 9px 19px; float: left; font-size: 1.2em; color: white; font-family: "Trebuchet MS";}

.nav a { color: #074d79; text-decoration: none; padding: 2px 0; font-weight: bold;}

.nav a:hover {  border-bottom: 2px dotted #ff7800;  }


.copyright {float: left; margin: 50px 0 0 20px; font-size: .8em; text-align: left; line-height: 1.5; color: #424647;}


.dolniMenu {float: left; margin: 50px 0 0 300px; width: 430px; text-align: left; color: #077baa;}



.dolniMenu a { text-decoration: none; color: #077baa;}

.dolniMenu a:hover {color: #ff7800;}

.nahoru {float: right; width:29px; height:35px; margin: 75px 24px 0 0;}

.green {color:#25c210;}

.podnadpis {text-align: right; padding-right: 20px; margin-top: 0; font-family: Verdana;}










/*   homepage   */

.aktualne { float: left; margin-left: 10px; width: 450px; text-align: justify;}

.aktualne a{ color:#000; border-bottom: 1px dotted #ff7800; padding-bottom: 1px; text-decoration: none; }
.aktualne a:hover {color:#ff7800; border-bottom: 1px dotted #000; padding-bottom: 1px; }

.aktualne p{ margin:0; padding-bottom: 5px;}

.nadpisAktualne { border-bottom: 1px dotted #8db7d2; padding: 0 0 6px 0; text-align: right; font-size: 170%; color: #016098; font-family: Trebuchet MS; margin-bottom: 6px;}

.banner { float: right; width: 465px; height: 279px; margin-right: 20px;}

.aktDatum { width: 45px; float: left;}

.aktText { width: 390px; float: left; text-align: justify;}

.kolonka { width: 304px; height: 462px; background: url(../layout/backSloupec.gif) no-repeat; float: left; margin: 20px 9px 0 9px; text-align: left;}

.kolonka p { padding: 0 20px; line-height: 1.5;}

.nadpisSloupce {margin: 15px;}

.projektHomepage { border: none; margin: 0 0 6px 11px;}

.projektNovinky {border:1px solid #E0E0E0; margin: 0 0 6px 11px; padding: 1px;}

.seznamSluzeb { padding-left: 40px; line-height: 1.5; margin-bottom: 15px; }
.seznamSluzeb li { list-style-image: url(../layout/liSeznam.gif);}
.seznamSluzeb a{ color:#000; border-bottom: 1px dotted #ff7800; padding-bottom: 1px; text-decoration: none; }
.seznamSluzeb a:hover { color: #ff7800; border-bottom: 1px dotted #000; padding-bottom: 1px; }

.volejte { color:#166bac; font-size: 150%;}

.numero { font-family: Georgia; font-size: 200%; color:#ff2d00; font-weight: bold;}

.num { font-family: Georgia; font-size: 130%; color:#ff2d00; padding-left: 10px;}

.adresa { width: 200px; float: right; margin: 20px 30px 0 0; text-align: right; color:#000; }
.adresa a{ color:#000; border-bottom: 1px dotted #ff7800; padding-bottom: 1px; text-decoration: none; }
.adresa a:hover {color:#ff7800; border-bottom: 1px dotted #000; padding-bottom: 1px; }








/* kontakty */

.kLeft {float: left; width: 321px; margin: 0 12px; text-align: left;}

.kAdresa {width: 321px; height: 267px; background: url(../layout/kontaktyAdresa.gif) no-repeat;  padding-top: 16px;}
.kAdresa p {padding: 0 0 0 40px;}
.kAdresa a{ color:#000; border-bottom: 1px dotted #ff7800; padding-bottom: 1px; text-decoration: none; }
.kAdresa a:hover {color:#ff7800; border-bottom: 1px dotted #000; padding-bottom: 1px; }



.kRight { float: right; width: 591px; margin: 0 20px 0 0;}
.kRight p {padding: 10px 20px 0 40px;}     
.kRight a{ color:#000; border-bottom: 1px dotted #ff7800; padding-bottom: 1px; text-decoration: none; }
.kRight a:hover {color:#ff7800; border-bottom: 1px dotted #000; padding-bottom: 1px; }


.kLide {width: 591px; height: 189px; background: url(../layout/kontaktyLide.gif) no-repeat; text-align: left; padding-top: 16px;}

.kLideL { width: 200px; float: left; margin: 20px 0 0 60px;}

.kJmeno {font-family: "Trebuchet MS"; font-size: 110%; font-weight: bold;}


.kForm {width: 591px; height: 378px; background: url(../layout/kontaktyForm.gif) no-repeat; text-align: left; margin-top: 20px; padding-top: 16px;}

.inputFormK { padding: 3px;}

.tabKontForm {margin: 0 40px;}

.submitButton {width: 83px; height: 24px; background: url(../layout/backSubmit.gif) no-repeat; border: none; color: white; cursor: pointer;}









/*   sluzby   */

.colSluzby { float: left; width: 299px; height: 420px; background: url(../layout/sluzbyBack.gif) no-repeat; margin: 10px 0 0 10px; padding: 15px 0 0 11px; text-align: left;}

.colSluzby p {padding: 0 10px;}




/*  reference   */

.menuRef { float: left; width: 176px; text-align: left; margin-left: 10px; }

.vypisRef { float: left; width: 740px; margin: 0 0 0 10px; text-align: left; }

.reference { width: 756px; height: 209px; background: url(../layout/backVypisRef.gif) no-repeat; margin: 10px 0 20px 0;}



.naviRef {margin-left: 0px;}

.naviRef li { width: 170px; border-bottom: 1px dotted #becdd7; padding: 4px 0; font-weight: bold;}

.naviRef a {color: #005387; text-decoration: none;  background: url(../layout/liVypisRef.gif) left no-repeat; padding-left: 20px;}

.naviRef a:hover { color: #ff7800; text-decoration: underline;}




.refL { float: left; width: 514px; height: 199px; margin: 5px; }

.refR { float: left; width: 215px; margin:10px 5px; line-height: 2;}

.refR a {color: #000; text-decoration: none; border-bottom: 1px dotted #ff7800;}

.refR a:hover { color: #ff7800; border-bottom: 1px dotted #000;}


.refNadpis {font-weight: bold; color: #000;}

.ulRef {line-height: 1.8;}

.ulRef li { list-style-image: url(../layout/liVypisRef.gif); margin-left: 30px;}

.ulRefSecond {line-height: 1.8;}

.ulRefSecond li { list-style-image: url(../layout/liVypisRef.gif); margin-left: 60px;}

.refLoga { float: left; margin: 5px;}




.webL { float: left;  width: 515px; color: #a8a8a8; font-size: .8em;}

.webR { float: right; width: 230px; margin-right: -20px;}

.webR a {color: #000; text-decoration: none; border-bottom: 1px dotted #ff7800;}

.webR a:hover { color: #ff7800; border-bottom: 1px dotted #000;}

.nazorKlienta { width: 215px; margin: 20px auto; }

.nKtop {background: url(../layout/nazorKlientaTop.gif) top no-repeat; width: 215px; height: 25px;}

.nK { background: #fefdee; border-left: 1px solid #fce8b3; border-right: 1px solid #fce8b3; font-style: italic; width: 198px; padding: 10px 8px 10px 7px; }

.nKbottom {background: url(../layout/nazorKlientaBottom.gif) bottom no-repeat; width: 215px; height:4px; margin-top: -4px;}

.klient { color: black; text-align: right; font-weight: bold;}



.menuDalsiRef ul {display: table;}

.menuDalsiRef li { width: 160px; padding: 4px 0 4px 10px; border-bottom: 1px dotted #ffc501; background : url(../layout/x.gif) left no-repeat;}

.menuDalsiRef li a {text-decoration: none; color: #494949; padding: 5px; }

.menuDalsiRef li a:hover {color: #000; background: #fffef3;}

.menuRefNadpis { text-align: left; margin: 20px 10px 5px 0; font-size: 120%; color: #208ac4;}






/*  stránkování  */

.strankovaniLeft {float: left; width: 200px; text-align: left;}

.strankovaniRight {float: right; width: 200px; text-align: right; margin-right: -18px;}

.sDalsi {border: none; width: 58px; height: 25px; background: url(../layout/strankovaniDalsi.gif) no-repeat; cursor: pointer;}

.sZpet {border: none; width: 58px; height: 25px; background: url(../layout/strankovaniZpet.gif) no-repeat; cursor: pointer;}

.strankovaniClear { clear: both; height: 1px; background: transparent; margin-bottom: 20px;}  







/*  novinky  */

.newsL { float: left; margin: 0 15px; width: 620px; padding-right:10px; border-right: 1px solid #efefef; line-height: 1.7;}

.newsL a{ color:#000; border-bottom: 1px dotted #ff7800; padding-bottom: 1px; text-decoration: none; }
.newsL a:hover {color:#ff7800; border-bottom: 1px dotted #000; padding-bottom: 1px; }


.newsR { float: left; width: 300px;}

.newsL p { margin-bottom: 20px;}

.nadpisNovinky { color:#ff7800; font-weight: bold; }






/*   anything + sluzby   */

.anyL { float: left; margin: 0 15px; width: 690px; padding-right:10px; border-right: 1px solid #efefef; line-height: 1.7;}

.anyR { float: left; width: 235px;}

.zlute { padding: 16px; background: #fdfec8; border: 1px solid #feeb9f;}

.blue { color: #016cbb; font-weight: bold;}

.anyL a{ color:#000; border-bottom: 1px dotted #ff7800; padding-bottom: 1px; text-decoration: none; font-weight: bold;}
.anyL a:hover {color:#ff7800; border-bottom: 1px dotted #000; padding-bottom: 1px; }

.menuSluzby ul {display: table;}

.menuSluzby li { width: 215px; padding: 5px 0 5px 10px; border-bottom: 1px dotted #ffc501; background : url(../layout/x.gif) left no-repeat;}

.menuSluzby li a {text-decoration: none; color: #494949; padding: 5px; }

.menuSluzby li a:hover {color: #000; background: #fffef3;}

.menuSluzbyNadpis { text-align: right; margin-right: 10px; margin-bottom: 5px; font-size: 120%; color: #208ac4;}

.imgSluzby {margin:0 auto; text-align: center;}






/*    mapa weby     */

.mapkaWebu { width: 600px; margin-left: 40px; line-height: 1.7;}
.mapkaWebu li { list-style-image: url(../layout/x.gif);}
.mapkaWebu li a {text-decoration: none; color: #016cbb; padding: 5px; }  
.mapkaWebu li a:hover {text-decoration: underline; color: #ff7e00; padding: 5px; } 

.mapkaWebuSecond { width: 600px; margin-left: 60px; line-height: 1.7;}
.mapkaWebuSecond li { list-style-image: url(../layout/x.gif);}
.mapkaWebuSecond li a {text-decoration: none; color: #016cbb; padding: 5px; }  
.mapkaWebuSecond li a:hover {text-decoration: underline; color: #ff7e00; padding: 5px; } 




/*   vyskakovaci popisek */

.popisek { position:absolute; left:0px; top:-100px; z-index:100; background: url(../layout/popisek.png); color: white; padding: 5px; width: 300px;}





/*   vyhledavani   */

.vysledkyHledani { margin: 0 15px; width: 915px;  line-height: 1.7;}

.vysledkyHledani a{ color:#000; border-bottom: 1px dotted #ff7800; padding-bottom: 1px; text-decoration: none; font-weight: bold;}

.vysledkyHledani a:hover {color:#ff7800; border-bottom: 1px dotted #000; padding-bottom: 1px; }

.pocetVysledku { margin-left: 15px; border-bottom: 1px solid #e3e3e3; width: 930px; padding-bottom: 6px; color: #005185;}

.orange {color: #ff7e00; font-weight: bold;}

.zlute {background: #fff9c6;}





/* doporucit znamemu   */

#doporucitZnamemu {cursor: pointer;}

#doporucitZnamemuZavrit {cursor: pointer; }

#plovouciDivDoporucit { width: 464px; height: 70px; text-align: left; background: url(../layout/doporucitZnamemu.png) no-repeat; padding-left: 10px ;}

.backButton {width: 83px; height: 24px; background: url(../layout/backButton.png) no-repeat; border: none; color: white; cursor: pointer;}

.dopoL { float: left; width: 400px; text-align: left; margin: 10px 0 10px 0; color: #fff; font-size: 1.05em; font-weight: bold;}

.dopoZavrit {float: right; text-align: right; width: 25px; margin: 2px;}





/* anySHOP */

.imgAnyShop { clear: both; padding: 0 10px; background: #ececec; margin: 10px 10px 0px 10px;}

.formTop { width: 655px; height: 12px; background: url(../layout/formTop.gif) no-repeat; margin-left: 12px; margin-top: 30px;}

.formBottom{ width: 655px; height: 12px; background: url(../layout/formBottom.gif) no-repeat;margin-left: 12px;}

.formObsah { width: 615px; padding: 20px; background: #eef8ff;margin-left: 12px;} 

.formObsah label { float: left; width: 80px; display: inline; font-weight: bold; margin-right: 20px; text-align: right;}

.formObsah .input { padding: 5px; width: 440px; margin-bottom: 5px;}

.formObsah .textarea { padding: 5px; width: 440px; margin-bottom: 5px; font-family: Tahoma;}

.formObsah .submit { padding: 3px 6px; cursor: pointer; margin-left: 462px;}


.anyShop { text-align: center;}
.anyShop a { border: none;}