/*******************************************************************************
* Soubor kaskádových stylů CSS
* 
* 2010-01-31 Chaloupka Jaromír
*******************************************************************************/
* {margin:0; padding:0;}
body {font-family:Arial, sans-serif; font-size:80%; color:#000; background:#020101 url(../img/pozadi.jpg) repeat-x; text-align:center;}
#hlavicka {width:960px; height:30px; margin:10px auto 0 auto; background:url(../img/hlavicka.gif) no-repeat top left;}
#kontejner {position:relative; width:960px; margin:0 auto; text-align:left; background:#fff url(../img/kontejner.jpg) no-repeat top left; padding-bottom:20px;}
#levy {float:left; width:660px;}
#pravy {float:left; width:300px; margin-top:80px; background:url(../img/sloupec.jpg) no-repeat top left;}

#logo {height:210px; position:relative;}
#logo p {position:absolute; top:35px; left:30px; height:67px; width:360px;}
#menu {width:940px; height:40px; margin:2px 10px 0 10px;}
#menu ul {list-style:none; height:40px;}
#menu ul li {display:inline;}
#menu ul li a {
  display:block;
  float:left;
  color:#fff;
  font-size:110%;
  font-weight:bold;
  text-decoration:none;
  padding:11px 12px;
  background:url(../img/oddelovac.gif) no-repeat 100% 50%;
}
#menu ul li a:hover {
  display:block;
  float:left;
  color:#f90;
  font-size:110%;  
  font-weight:bold;
  text-decoration:none;
  padding:11px 12px;
  background:#5F4635 url(../img/oddelovac.gif) no-repeat 100% 50%;
}
#menu ul li.aktivni a {
  display:block;
  float:left;
  color:#f90;
  font-size:110%;
  font-weight:bold;
  text-decoration:none;
  padding:11px 12px;
  background:#423021 url(../img/oddelovac.gif) no-repeat 100% 50%;
}
#menu ul li ul li a, #menu ul li.aktivni ul li a {font-size:100%; background:url(../img/ctvercik.gif) no-repeat 12px 50%; text-transform:none; padding:8px 10px 8px 20px; color:#fff;}
#menu ul li ul li a:hover, #menu ul li.aktivni ul li a:hover {font-size:100%; background:url(../img/ctvercik.gif) no-repeat 12px 50%; text-transform:none; text-decoration:underline; padding:8px 10px 8px 20px; color:#f90;}

#obsah {margin:20px;}
#obsah h1 {font-size:160%; color:#488ACC; padding:10px 10px 10px 0;}
#obsah h2 {font-size:140%; color:#5E4635; padding:20px 10px 8px 0;}
#obsah p {line-height:18px; padding:5px 10px 5px 0;}
#obsah ul {list-style:none; margin:5px 10px 10px 10px;}
#obsah ul li {margin:5px 0; background:url(../img/li.gif) no-repeat 0 5px; padding-left:10px; line-height:18px;}

#drobecky {margin-bottom:10px;}

#sluzby {margin:5px 0 10px 0;}
#sluzby .sluzba {float:left; width:290px; margin:20px 20px 0 0;}
#sluzby .sluzba .slu1 {background:#EFE9E2 url(../img/sluzby1.jpg) repeat-x top left;}
#sluzby .sluzba .slu2 {background:url(../img/sluzby2.jpg) repeat-x top left;}
#sluzby .sluzba .slu1 p {padding:2px; margin:0;}
#sluzby .sluzba .slu2 p {padding:6px 10px; margin:0;}
#sluzby .sluzba .slu2 p a {color:#fff;}
#sluzby .sluzba .slu2 p a:hover {color:#fff; text-decoration:none;}

#obsah .found_1, #obsah .novinka {margin:10px 0; border:1px solid #DDD1BF; background-color:#f0ece3;}
#obsah .found_2 {margin:10px 0; border:1px solid #DDD1BF;}
#obsah .found_1 h3, #obsah .found_2 h3, #obsah .novinka h2 {padding:10px 15px; font-size:120%;}
#obsah .found_1 p,  #obsah .found_2 p, #obsah .novinka p {padding:5px 15px;}
#obsah .novinka p span, #obsah .dnov p span {color:#AF8B70;}
#obsah .dnov {margin:10px 0;}
#tip {margin:30px 0; border:1px solid #DDD1BF; background:#f0ece3 url(../img/help.gif) no-repeat 10px 10px;}
#tip p {padding:15px 10px 15px 50px; font-size:120%;}

#galerie {margin:10px 0; border:1px solid #5E4635; background-color:#5f4635; width:620px; padding-bottom:10px;}
#galerie p.f {padding:10px;}
#galerie p.n {padding:15px 15px 5px 15px; font-size:120%; color:#fff; font-weight:bold;}
#galerie p.n a {color:#f90;}
#galerie p.n a:hover {color:#fff;}
#galerie p.f a {display:block; float:left; width:107px; height:107px; margin:6px; background:url(../img/foto.jpg) no-repeat top left;}
#galerie p.f a img {border:2px solid #fff;}
#galerie p.f a:hover img {border:2px solid #f90}

#gals {margin:10px 0;}
#gals .gal {margin:10px 0; border:1px solid #DDD1BF; background-color:#f0ece3;}
#gals .gal .galo {float:left; width:130px;}
#gals .gal .galt {float:left; width:460px;}
#gals .gal .galo p {padding:8px;}
#gals .gal .galo p a img {border:2px solid #fff;}
#gals .gal .galo p a:hover img {border:2px solid #f90;}
#gals .gal .galt h2 {font-size:130%;}
#gals .gal .galt h2 a {color:#5E4635;}
#gals .gal .galt h2 a:hover {color:#E38800;}
#gals .gal .galt p {padding:5px 0; margin:0;}
#gald p {padding:10px;}
#gald p a {display:block; float:left; width:107px; height:107px; margin:6px; background:url(../img/fotoi.jpg) no-repeat top left;}
#gald p a img {border:2px solid #fff;}
#gald p a:hover img {border:2px solid #f90}

#reference {margin:10px;}
#reference .ref {margin:10px 0; background-color:#f0ece3; border:1px solid #DDD1BF;}
#reference .ref .refo {float:left; margin:10px; width:100px;}
#reference .ref .reft {float:left; margin:10px 10px 10px 0; width:400px;}
#reference .ref .reft p.nadpis {font-size:110%; font-weight:bold;}
#reference .ref .reft p em {color:#508FCE;}

#formular {margin:10px 0; border:1px solid #DDD1BF; background-color:#f0ece3;}
#formular table {margin:10px;}
#formular table td {padding:2px 4px;}
#formular table td input, #formular table td textarea {border:1px solid #DDD1BF; padding:2px;}
#formular table td input.dlouhy {width:250px;}
#formular table td input.kratky {width:50px;}
#formular p {padding:10px 15px;}
#formular p span {color:#AF8B70;}
#formular table td input.tlacitko {font-family:Arial,sans-serif; padding:3px 6px; border:1px solid #423021; background-color:#5E4635; color:#fff; font-weight:bold; cursor:pointer; width:70px;}
#formular table td input.tlacitko:hover {font-family:Arial,sans-serif; padding:3px 6px; border:1px solid #423021; background-color:#5E4635; color:#f90; font-weight:bold; cursor:pointer; width:70px;}

#obsah p.ko {padding:5px 5px 5px 30px; margin:10px 0; background:#fff url(../admin/img/ikonky/ko.gif) no-repeat 8px 50%; border:2px solid #fa6e44; font-weight:bold; color:#ff5009;}
#obsah p.ok {padding:5px 5px 5px 30px; margin:10px 0; background:#fff url(../admin/img/ikonky/ok.gif) no-repeat 8px 50%; border:2px solid #54ce1a; font-weight:bold; color:#77c81c;}

#ryko {height:110px;}
#ryko p.nadpis {margin:20px; font-size:140%; font-weight:bold; color:#5E4635;}
#ryko p.mobil {margin:0 20px; padding:5px 0 5px 22px; font-size:130%; font-weight:bold; color:#000; background:url(../img/iko_mobil.gif) no-repeat 0 50%;}
#ryko p.email {margin:0 20px; padding:5px 0 5px 22px; font-size:130%; font-weight:bold; color:#000; background:url(../img/iko_email.gif) no-repeat 0 50%; text-decoration:underline;}

#fulltext {margin:8px 20px;}
#fulltext table td {padding:0 1px;}
#fulltext table td input {font-family:Arial,sans-serif; padding:3px; border:1px solid #DDD1BF; width:165px;}
#fulltext table td input.tlacitko {font-family:Arial,sans-serif; padding:3px 6px; border:1px solid #423021; background-color:#5E4635; color:#fff; font-weight:bold; cursor:pointer; width:70px;}
#fulltext table td input.tlacitko:hover {font-family:Arial,sans-serif; padding:3px 6px; border:1px solid #423021; background-color:#5E4635; color:#f90; font-weight:bold; cursor:pointer; width:70px;}

#novinky {margin:40px 30px 20px 20px;}
#novinky p.nadpis {padding:0; font-size:140%; font-weight:bold; color:#5E4635;}
#novinky .novinka {margin:20px 0;}
#novinky .novinka p {padding:5px 0; line-height:18px;}
#novinky .novinka p span {color:#AF8B70;}
#novinky p.vsechny a {color:#5E4635; background-color:#E2DCD1; border:1px solid #DDD1BF; padding:3px 6px; text-decoration:none;}
#novinky p.vsechny a:hover {color:#5E4635; background-color:#fff; border:1px solid #DDD1BF; padding:3px 6px; text-decoration:none;}

#materialy {margin:30px 30px 30px 20px;}
#materialy p.nadpis {padding:10px 0; font-size:140%; font-weight:bold; color:#5E4635;}
#materialy ul {margin:10px 0; list-style:none;}
#materialy ul li {margin:10px 0; background:url(../img/iko_word.gif) no-repeat 0 0; padding-left:22px; padding-bottom:2px;}
#materialy ul li.pdf {margin:10px 0; background:url(../img/iko_pdf.gif) no-repeat 0 0; padding-left:22px;}
#materialy ul li.pdf a {color:#d00;}
#materialy ul li.pdf a:hover {color:#E38800;}

#paticka {width:960px; margin:10px auto; text-align:left;}
#paticka p {padding:5px 20px; color:#523E2E;}
#paticka p.web {padding:5px 20px; color:#523E2E; font-size:90%;}
#paticka p a, #paticka p strong {color:#88674D;}
#paticka p a:hover {color:#fff;}

a img {border:none;}
a {color:#508FCE; font-weight:bold;}
a:hover {color:#E38800;}
hr.cleaner {clear:both;	height:1px;	margin:-1px 0 0 0; border:none;	visibility:hidden;}