@charset "utf-8";
/*----------------------------------------------------------------------------
	Description: Kaskádové styly pro Obecní web
	Author:			 e-invent s.r.o., www.e-invent.eu, www.profiweby.cz, e-mail: nachod(@)e-invent.eu
	Modified:	   1. 8. 2008

	==[ TOC ]==
  1. Body       (tělo)
  2. Tags       (všeobecné prvky - h1, input, ...)
  3. Classes    (třídy pro vše platící - .clear, .float-x ..)
  4. Container  (rozvržení celé stránky)
  5. Header     (Hlavička)
  6. Sidebar    (postraní sloupec)
  7. Content    (obsah)
  8. Footer     (patička)
  9. Other      (ostatní)

	==[ Colors ]==
	1. #  - h1
	2. #  - h2	
	3. #  - a
----------------------------------------------------------------------------*/

/*-- [ 1. Body ] -----------------------------------------------*/
* {margin: 0; padding: 0;}
body  {
	font-size: small;
	font-family: Tahoma, Arial, sans-serif;
	background: #fff url(../images/bg-body.gif) left top repeat-x;
	color: #333;
	text-align: center;
}



/*-- [ 2. Tags ] -----------------------------------------------*/
h1 {font-size: 200%; line-height:100%; margin: 20px 0 10px 0px; padding:0px; padding-bottom: 7px;}
h2 {line-height:100%; margin:10px 0 10px 0; padding:0px;width: 100%;font-size: 160%;padding-bottom: 10px;border-bottom: 1px solid #c2bebe;}
h3 {font-size: 130%; line-height:100%; margin:0px; padding:0px; margin-bottom:5px;}
ul {margin:0 20px 5px 20px; list-style: none; line-height:150%;}
ul li{margin:0 0 3px 0; list-style: none;}
ul li a {text-decoration: underline;}


small {color: #666;}
a {color:#333;}
a:hover {color:#000;}
img {border:none; text-decoration:none;}
fieldset {margin: 5px 0 5px 0; padding: 10px;}
input.txt-input, #mainContent .strankovani input, textarea {background: #fff url("../images/bg-input.gif") left top no-repeat;border:1px solid #ccc;}
input.txt-input:hover, textarea:hover {border:1px solid #333;}
input.txt-input:focus, textarea:focus {border:1px solid red; color:#555;}
legend{color: #D31304;}
p {line-height: 140%;text-align: justify; margin-top: 10px;}
dt{margin-bottom: 10px;}

img.img { border: 2px solid #989696; }
img.left { float: left; margin: 5px 10px 10px 0px; }
img.right { float: right; margin: 5px 0px 10px 10px; }
/*-- [ 3. Classes ] -----------------------------------------------*/
.float-r {float: right;}
.float-l {float: left;}
.clearfloat { 
	clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
	overflow: hidden;
}


/*-- [ 4. Container ] -----------------------------------------------*/
#mainContainer { 
	width: 1000px;  
	margin: 0px auto; 
	text-align: left;
} 


/*-- [ 5. Header ] -----------------------------------------------*/
#header {position:relative;margin-bottom: 8px;height:205px;background: transparent url("../images/bg-header.jpg") left top no-repeat;}
#header fieldset {margin: 0;padding: 0;border: 0;}
#header #nadpisy {position: absolute; left: 148px; top: 10px;}
#header #nadpisy h1 {font-size: 350%;font-weight: normal;border: 0;margin-bottom: 0px;color: #fff;}
#header #nadpisy span {color: #fff;font-size: 150%;}
#header #icons {position: absolute; right: 300px; top: 7px;}
#header #icons a {margin-left: 5px;}
#header #searchform {position: absolute;right: 28px; top: 5px;}
#header #searchform .btn {
  width: 67px;
  height: 23px;
  background: transparent url("../images/btn-vyhledavani.png") left top no-repeat;
  border: 0;
  text-transform: uppercase;
  margin-left: 8px;
}
#header #searchform #sstring {width: 158px; height: 20px;padding: 3px 0 0 25px;background: #fff url("../images/bg-vyhledavani.png") left top no-repeat;border:0;}
#header #lang {position: absolute;right: 26px; top: 42px;}
#header #lang a {margin-left: 5px;}
#header #menu {position: absolute;left: 15px;bottom: 0px;}
#header #menu a {
  display: block;
  float: left;
  height: 43px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  margin-right: 2px;
  line-height: 41px;
  font-weight: bold;
  border: 0;
}
#header #menu a:hover {text-decoration: underline;}
#header #menu a.selected {color: #000;}
#header #menu #m-uvod {width: 177px;background: transparent url("../images/btn-m-uvod.png") left top no-repeat;}
#header #menu #m-uvod.selected {background: transparent url("../images/btn-m-uvod-s.png") left top no-repeat;}
#header #menu #m-o-obci {width: 177px;background: transparent url("../images/btn-m-o-obci.png") left top no-repeat;}
#header #menu #m-o-obci.selected {background: transparent url("../images/btn-m-o-obci-s.png") left top no-repeat;}
#header #menu #m-urad {width: 158px;background: transparent url("../images/btn-m-urad.png") left top no-repeat;}
#header #menu #m-urad.selected {background: transparent url("../images/btn-m-urad-s.png") left top no-repeat;}
#header #menu #m-zivot {width: 166px;background: transparent url("../images/btn-m-zivot.png") left top no-repeat;}
#header #menu #m-zivot.selected {background: transparent url("../images/btn-m-zivot-s.png") left top no-repeat;}

#header a.logo
{
	position: absolute;
	left: 36px;
	top: 17px;
	width: 93px;
	height: 106px;
}

/*-- [ 6. Sidebar ] -----------------------------------------------*/
#sidebar {
  width: 280px;
  display: inline;
  float: left;
  margin: 20px 0 0 -975px;
}

/*-- [ 7. Content ] -----------------------------------------------*/
#mainContent {
	float:left;
	display:inline;
	width:675px;
	margin: 20px 0 0 300px; 
} 
/*uredni deska*/
.datum {width:110px;vertical-align: top; background: url("../images/sipka.gif") no-repeat 48px 5px; padding-bottom: 10px;}
.akt-datumek {float:left;width: 40px;height: 42px;background-image: url("../images/bg-datumek.png");text-align: center;}
.akt-datumek .datea {display: block; font-size: 11px;line-height: 15px;color: #fff; text-align: center; clear: both; margin-top: 2px;}
.akt-datumek .dateb {display: block; font-size: 15px;line-height: 25px;color: #797979;font-weight: 800; text-align: center; clear: both;}

.akt-datumek2 {float:left;width: 40px;height: 42px;background-image: url("../images/bg-datumek2.png");text-align: center; margin-left: 26px;}
.akt-datumek2 .datea {display: block; font-size: 11px;line-height: 15px;color: #fff; text-align: center; clear: both; margin-top: 2px;}
.akt-datumek2 .dateb {display: block; font-size: 15px;line-height: 25px;color: #797979;font-weight: 800; text-align: center; clear: both;}

#mainContent .path {height: 40px;padding: 0 22px 0 22px;line-height: 40px;}
#mainContent .path a {color: #fff;text-decoration: underline;float:left;}
#mainContent .path .delic {float:left;width: 7px;height: 40px;margin: 0 9px 0 12px;}
#mainContent .path span {color: #fff;float:left;}
#mainContent ul { margin: 10px 0px 10px 20px; list-style: disc; }
#mainContent ul li { padding: 3px 0px; list-style: disc; }

#aktuality {position: relative;}
#akt-rss /*{position: absolute;top: 0px; right: 0px;}*/ {float:right;margin-top: -42px;}
.aktualita {clear: both;float:left;border-bottom: 1px solid #c2bebe;width: 100%;padding: 10px 0 7px 0;}
.aktualita .akt-datumek {float:left;width: 40px;height: 42px;background-image: url("../images/bg-datumek.png");text-align: center;}
.aktualita .akt-datumek .datea {display: block; font-size: 11px;line-height: 15px;color: #fff; text-align: center; clear: both; margin-top: 2px;}
.aktualita .akt-datumek .dateb {display: block; font-size: 15px;line-height: 25px;color: #797979;font-weight: 800; text-align: center; clear: both;}
.aktualita .akt-textik {float: right;width: 625px;}
.aktualita .akt-textik h3 {margin-bottom: 10px;color: #000;}

.vypis {clear: both;float:left;width: 100%;padding: 10px 0 7px 0;}
.vypis .vyp-obrazek {float:left;width: 156px;height: 119px;background-image: url("../images/bg-obrazek2.png");}
.vypis .vyp-obrazek img {margin: 8px 0 0 8px;}
.vypis .vyp-textik {float: right;width: 500px;}

#fotogalerie {height: 155px;float: left;background: transparent url("../images/bg-fotogalerie.jpg") left top no-repeat;position: relative;}
#fotogalerie img {position: absolute; left:140px;top:44px;}
#fotogalerie #fotogaleriev {position: absolute; right: 10px;bottom: 10px;}

#forum {height: 156px;float: left;background: transparent url("../images/bg-forum.jpg") left top no-repeat;position: relative;}
#forum #forumt {width: 140px;position: absolute; left: 140px;top: 53px;}
#forum #forumv {position: absolute; right: 10px;bottom: 10px;}

#podatelna {height: 156px;float: left;background: transparent url("../images/bg-podatelna.jpg") left top no-repeat;position: relative;}
#podatelna #podatelnat {width: 140px;position: absolute; left: 140px;top: 53px;}
#podatelna #podatelnav {position: absolute; right: 10px;bottom: 10px;}


.sidebox {width: 280px;background: transparent url("../images/bg-sidebox.png") left bottom no-repeat;float: left;margin-bottom: 18px;}
.vrsek {float:left;width: 280px;height:9px;float:right;background: transparent url("../images/bg-sidebox-vrsek.png") left top no-repeat;}
.sidebox h3 {clear: both;margin: 15px 0 0 17px;}
.vice {display: block;margin-top: 10px;padding-left: 18px;line-height: 160%;color: #666;background: transparent url("../images/icon-vice.gif") left top no-repeat;}
.rss {display: block;padding-left: 25px;padding-bottom: 2px;line-height: 160%;color: #666;background: transparent url("../images/icon-rss.gif") left top no-repeat;}
.calendar {border: 1px solid #989696;width: 239px;background-color: #989696;text-align: center;margin:18px 0 10px 18px;}
.calendar .cal-l {float: left;padding: 5px;width: 20px;height: 19px;}
.calendar .cal-c {float: left;padding: 5px;width: 165px;text-align: center;font-size: 120%;font-weight: bold;color: #fff;}
.calendar .cal-r {float: right;padding: 5px;width: 20px;height: 19px;}
.calendar #cal-telo {clear: both;margin-top: 5px;border: 0px;border-collapse: collapse;margin-left: 1px;}

.calendar #cal-telo td, th {width: 33px;height: 28px;text-align: center;border: 1px solid #d9d7d7;margin: 0;padding: 0px;}
.calendar #cal-telo td {background-color: #fff;}
.calendar #cal-telo td a {
  color: #fff;
  width: 31px;
  height: 21px;
  display:block;
  margin-left: 1px;
  padding-top: 4px;
  text-decoration: none;
}
.calendar #cal-telo th {background: #b7271b url("../images/bg-calendar.png") left top no-repeat;color: #fff; text-align: center;}
#kalendar .rss {float: right;padding-right: 20px;margin-bottom: 10px;}

#left-menu ul {margin: 0 10px 15px 25px;width: 180px;clear: both;}
#left-menu ul li {padding-left: 15px;line-height: 170%;}
#left-menu h3, #mainContainer #bottomBox .uvod-right-2 div h3 {border-bottom: 1px solid #dad8d8;width: 245px;padding-bottom: 5px;margin-bottom: 10px;}
#left-menu .vrsek {background: transparent url("../images/bg-sidebox-vrsek2.png") left top no-repeat;}
.ul-zelena li {background: transparent url("../images/icon-gr.gif") left 8px no-repeat;}
.ul-zelena li a {color: #739a27;}
.ul-zelena li a:hover {color: #000;}
.ul-cervena li {background: transparent url("../images/icon-rd.gif") left 8px no-repeat;}
.ul-cervena li a {color: #da1304;}
.ul-cervena li a:hover {color: #000;}
.ul-modra li {background: transparent url("../images/icon-bl.gif") left 8px no-repeat;}
.ul-modra li a {color: #0071af;}
.ul-modra li a:hover {color: #000;}

#ank-telo {margin: 5px 19px 10px 17px;float: left;}
#ank-telo p {margin-bottom: 5px;}
#ank-telo a {color: #333;font-weight: bold;margin-top: 5px;}
#ank-telo a.vice {color: #666;font-weight: normal;}
#ank-telo a.vice:hover {color: #000;} 
#ank-telo small {font-weight: bold;}
#ank-telo span {color: #9a9898;width: 100%;display:block;text-align: center;margin: 10px 0 10px 0;}
#ank-telo .ank-lajna {width: 100%;height: 15px;border: 1px solid #dbd9d9;background-color: #fff;margin:3px 0 15px 0;}
#ank-telo .ank-lajna .ank-vypln {height: 15px}

/*tabulka*/
#mainContent table tr th{
	background-color: #D31304;
	text-align: center;
	}
#mainContent table tr td, th {
color:#000;
font-size:85%;
text-align:left;
}

#mainContent table {
width: 100%;
margin-top: 10px;
border-collapse:collapse;
}

#mainContent table, #mainContent td, #mainContent th {
border:medium none;
}

#mainContent table tr td, #mainContent table tr th {
padding:2px;
}

#mainContent table td, body #mainContent table th {
border:1px solid #D31304;
}

body #mainContent table th {color: #fff;}

#mainContent table.seznam td, body #mainContent table.seznam th, #mainContent table.elpodatelna td, body #mainContent table.elpodatelna th, #mainContent table.formular-tab th, 
#mainContent table.formular-tab td, #mainContent table.forum td, #mainContent table.forum th, #mainContent .soutez fieldset table td, #mainContent .soutez fieldset table th{border: 0px;}


/*el podatelna */
#mainContent table.elpodatelna{background-color: #ebeded; margin-bottom: 20px;}
#mainContent table.elpodatelna tr td {padding-left: 10px; padding-top: 10px;}

#mainContent table.elpodatelna input.button {background: url("../images/button.gif") no-repeat top left; margin-left: 356px;}
#mainContent table.elpodatelna button, input.button {border: none; background: url("../images/button.gif") no-repeat top left; margin-bottom: 15px; margin-left: 10px; color: #fff; font-size: 85%; width: 86px; height: 23px; text-align: center;}

/*kontaktni formular */
#mainContent table.formular-tab th{background: none; text-align: left;}
#mainContent table.formular-tab .button{margin-left: 0px; margin-top: 15px;}

#mainContent .formular {
background: #f7f7f7;
padding:10px 40px 20px;
border-right: 1px solid #d9d7d7;border-left: 1px solid #d9d7d7;
color: #000;
}

#mainContent .formular table.formular-tab tr td, #mainContent .formular table.formular-tab tr th {color: #000;}

#mainContent .formular table.formular-tab tr td input.txt-input {width: 285px;}

#mainContent .formular table.formular-tab tr td textarea {width: 580px; height: 124px;}

#mainContent .formular-top {
background:transparent url(../images/aktuality-navigace.gif) no-repeat scroll left top;
display:block;
height:10px;
margin-top:40px;
position:relative;
}

#mainContent .formular-bottom {
background:transparent url(../images/aktuality-navigace.gif) no-repeat scroll left bottom;
height:10px;
margin-bottom:10px;
}

/*zivot v obci */
#mainContent table.forum .button{margin-left: 0px; margin-top: 15px; font-size: 80%;}

/*-- [ 9. Footer ] -----------------------------------------------*/
#footer { 
  clear: both;
  display:block;
  position:relative;
  width: 943px; /*real 977px;*/
  height: 100px; /*real 71px;*/
  color: #7f7e7e;
  margin-top: 10px;
  padding: 15px 17px 0 17px;
  background: transparent url("../images/bg-footer.png") left top no-repeat;
}

#footer a { color: #7f7e7e;}
#footer a:hover { color: #000;}
#footer #ftr-einvent {position: absolute;right: 15px; top: 55px;}

#mainContent div.vysledek-hledani {margin-top: 20px; border-bottom: 1px solid #d9d7d7; padding: 10px;}
#mainContent div.vysledek-hledani a:hover{color: #719725;}

/*sitemap*/
#mainContent ul.sitemap li a{font-size: 10pt;}

/* pro IE 6 
body {font-size: 10pt;}

#header #menu{margin-bottom: -1px;}

#centerBox #centerBoxBottom{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://test.profiweby.cz/obecni-web/aitom/images/bg-centerbox-trans.png', sizingMethod='crop'); background: transparent;}

#centerBox #centerBoxBottom .centerB .obrazek1 {
height:101px;
margin-bottom:10px;
margin-right:0px;
margin-left: 20px;
width:135px;
}

#header #searchform {position: absolute;left: 710px; top: 5px;}

#ank-telo {
float:left;
margin:5px 29px 10px 8px;
}*/