/* * */
/* CSS STYLES for revnice.cz (c)2009 michal@prolidi.cz */
/* * */
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; }

body {
  font-family: Trebuchet, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 140%;
	background: #FFFFFF;
  text-align: left;
  margin: 0px; 
}

.clear { clear: both; height: 0px; overflow: hidden;}
.hr { border-bottom: 1px solid #E8E8E8; clear: both; height: 0px; overflow: hidden; padding: 5px 0px 5px 0px; }
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.grey { color: #CCCCCC; }
.tisk { display: none; }
.dno { display: none; }

img { border: none; }
a img { border: none; }
a { color: #660000; text-decoration: underline; font-weight: normal; }
a:hover { color: #FF6666; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; position: relative; }
img.left { float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 3px; position:relative; }

.input { background: #FFFFFF url("/img/input.png") repeat-x left top; border: 1px solid #000000; height: 18px; color: #333333; font-size: 10px; }

#container { background: #FFFFFF; width: 1000px; text-align: left; margin: 0 auto; }

#header { width: 1000px; height: 229px; background: #FFFFFF url("/img/header.jpg") no-repeat left top; position: relative; color: white; font-size: 11px; }
#header .svatky { position: absolute; top: 7px; left: 10px; }
#header .svatky span { color: #FFCC00; }
#header .hledat { position: absolute; top: 6px; left: 340px; display: inline; }
#header .info { position: absolute; top: 7px; left: 535px; display: inline; }
#header .itel { position: absolute; top: 7px; left: 675px; display: inline; }
#header .cas { position: absolute; top: 7px; right: 10px; display: inline; }
#header .hledati { width: 150px; float: left; }
#header .lupai { float: left; margin-left: 5px; }
#header .vitejte { position: absolute; padding-top: 3px; top: 151px; left: 784px; width: 205px; height: 37px; background: #FFFFFF url("/img/mrizkat.png") repeat left top; font-size: 15px; color: #660000; font-weight: bold; text-align: center; }

#footer { width: 1000px; height: 23px; background: #660000; color: #FFFFFF; position: relative; font-size: 11px; margin-top: 10px; }
#footer .leva { position: absolute; left: 10px; top: 3px; }
#footer .prava { position: absolute; right: 10px; top: 3px; }
#footer a { color: #FFFFFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#lista { border-top: 1px solid #660000; width: 1000px; height: 27px; background: #FFFFFF url("/img/mrizkat.png") repeat left top; position: relative; font-family: Verdana; font-size: 12px; }
#lista a { text-decoration: none; }
#lista a:hover { text-decoration: underline; }
#lista .home { position: absolute; left: 10px; top: 5px; }
#lista .menu { position: absolute; right: 10px; top: 5px; }
#lista .menu span { background: url("/img/tecka.png") no-repeat 15px 10px; padding: 4px 20px 4px 20px; }

#stred { width: 1000px; margin-top: 6px; }

#vlevo { width: 213px; margin-left: 3px; margin-right: 25px; font-family: Verdana; font-size: 12px; float: left; }
#vlevo img { margin-left: 8px; }
#vlevo div { margin-bottom: 1px; }
#vlevo a { text-decoration: none; }
#vlevo a:hover { text-decoration: none; }
#vlevo #levemenu { margin-bottom: 5px; }
#vlevo #levemenu ul { display: none; }
#vlevo #levemenu li { width: 213px; display: block; list-style-type: none; list-style-image: none; margin: 0; padding: 0; margin-top: 2px; margin-bottom: 1px; overflow: hidden; }
#vlevo #levemenu li .prvni { margin-top: 0px; }
#vlevo #levemenu li a { color: #660000; width: 213px; height: 36px; display: block; padding-top: 3px; padding-left: 15px; }
#vlevo #levemenu li li a { height: 20px; padding-top: 3px; }
#vlevo #levemenu ul ul { padding-top: 1px; margin-bottom: -1px; }
#vlevo #levemenu .zluta { background: #FFFFFF url("/img/menuy1.png") no-repeat left top; }
#vlevo #levemenu .zluta2 { margin-top: 0px; background: #FFFFFF url("/img/menuy2.png") no-repeat left top; }
#vlevo #levemenu .zluta3 { margin-top: 0px; background: #FFFFFF url("/img/menuy3.png") no-repeat left top; }
#vlevo #levemenu .zluta a:hover,
#vlevo #levemenu .selzluta { color: #000000; background: #FFFFFF url("/img/menusely1.png") no-repeat left top; }
#vlevo #levemenu .zluta2 a:hover,
#vlevo #levemenu .selzluta2 { margin-top: 0px; color: #000000; background: #FFFFFF url("/img/menusely2.png") no-repeat left top; }
#vlevo #levemenu .zluta3 a:hover,
#vlevo #levemenu .selzluta3 { margin-top: 0px; color: #000000; background: #FFFFFF url("/img/menusely3.png") no-repeat left top; }
#vlevo #levemenu .modra { background: #FFFFFF url("/img/menub1.png") no-repeat left top; }
#vlevo #levemenu .modra2 { margin-top: 0px; background: #FFFFFF url("/img/menub2.png") no-repeat left top; }
#vlevo #levemenu .modra3 { margin-top: 0px; background: #FFFFFF url("/img/menub3.png") no-repeat left top; }
#vlevo #levemenu .modra a:hover,
#vlevo #levemenu .selmodra { color: #FFFFFF; background: #FFFFFF url("/img/menuselb1.png") no-repeat left top; }
#vlevo #levemenu .modra2 a:hover,
#vlevo #levemenu .selmodra2 { margin-top: 0px; color: #FFFFFF; background: #FFFFFF url("/img/menuselb2.png") no-repeat left top; }
#vlevo #levemenu .modra3 a:hover,
#vlevo #levemenu .selmodra3 { margin-top: 0px; color: #000000; background: #FFFFFF url("/img/menuselb3.png") no-repeat left top; }
#vlevo #levemenu .zelena { background: #FFFFFF url("/img/menug1.png") no-repeat left top; }
#vlevo #levemenu .zelena2 { margin-top: 0px; background: #FFFFFF url("/img/menug2.png") no-repeat left top; }
#vlevo #levemenu .zelena3 { margin-top: 0px; background: #FFFFFF url("/img/menug3.png") no-repeat left top; }
#vlevo #levemenu .zelena a:hover,
#vlevo #levemenu .selzelena { color: #FFFFFF; background: #FFFFFF url("/img/menuselg1.png") no-repeat left top; }
#vlevo #levemenu .zelena2 a:hover,
#vlevo #levemenu .selzelena2 { margin-top: 0px; color: #FFFFFF; background: #FFFFFF url("/img/menuselg2.png") no-repeat left top; }
#vlevo #levemenu .zelena3 a:hover,
#vlevo #levemenu .selzelena3 { margin-top: 0px; color: #000000; background: #FFFFFF url("/img/menuselg3.png") no-repeat left top; }
#vlevo #ikony img {	filter:alpha(opacity=70);	-moz-opacity:0.7;	-khtml-opacity: 0.7; opacity: 0.7; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }
#vlevo #ikony img:hover {	filter:alpha(opacity=100);	-moz-opacity:1;	-khtml-opacity: 1; opacity: 1; border-bottom: 1px solid #888888; border-top: 1px solid #888888; }

#obsah { width: 520px; margin-right: 25px; float: left; text-align: justify; margin-top: 2px; display: block; overflow: hidden; }
#obsah h1 { width: 520px; height: 20px; font-size: 14px; padding-top: 5px; padding-left: 15px; color: #660000; margin-bottom: 10px; }
#obsah h2 { margin-bottom: 10px; }
#obsah h3 { margin-bottom: 10px; }
#obsah p { margin-bottom: 10px; }
#obsah .zluta { width: 505px; background: #FFFFFF url("/img/mrizka1000y2.png") no-repeat left top; }
#obsah .modra { width: 505px; background: #FFFFFF url("/img/mrizka1000b2.png") no-repeat left top; }
#obsah .zelena { width: 505px; background: #FFFFFF url("/img/mrizka1000g2.png") no-repeat left top; }
#obsah .cervena { width: 505px; background: #FFFFFF url("/img/mrizka1000r.png") no-repeat left top; }
#obsah table { border-collapse: collapse; }


#vpravo { width: 205px; margin-right: 3px; float: left; }
#vpravo .titul { background: #660000; color: #FFFFFF; width: 195px; height: 19px; padding-top: 2px; padding-left: 10px; }
#vpravo .mapa { margin: 5px 0px 10px 0px; position: relative; }
#vpravo .mapa .input { position: absolute; left: 75px; top: 55px; width: 110px; height: 12px; font-size: 9px; padding: 2px; }
#vpravo .mapa .hledej { position: absolute; left: 110px; top: 75px; width: 50px; height: 15px; background: #660000; color: #FFFFFF; font-size: 9px; border: 0; padding-bottom: 3px; display: block; cursor: pointer; }
#vpravo .kal { width: 195px; background: #FFFFFF url("/img/mrizkat.png") repeat left top; padding: 5px; }
#vpravo .vyhledat { width: 120px; height: 19px; padding-top: 2px; background: #FFFFFF url("/img/mrizkat.png") repeat left top; text-align: center; }
#vpravo .vyhledat a { margin-left: 39px; margin-top: 1px; padding-top: 2px; width: 120px; height: 19px; display: block; background: #660000; color: #FFFFFF; text-decoration: none; }
#vpravo .vyhledat a:hover { text-decoration: underline; }
#vpravo .pocasi { color: #660000; width: 185px; background: #FFFFFF url("/img/mrizkat.png") repeat left top; padding: 10px; margin-top: 10px; position: relative; }
#vpravo .pocasi span { color: #DDAA00; font-weight: bold; }
#vpravo .pocasi strong { font-size: 13px; }
#vpravo .pocasi .slunicko { position: absolute; right: 5px; top: 5px; }
#vpravo .dulinfo { color: #660000; width: 185px; background: #FFFFFF url("/img/mrizkat.png") repeat left top; padding: 10px; margin-top: 10px; }
#vpravo .dulinfo strong { font-size: 13px; }
#vpravo .dulinfo .mapy { margin: 5px 0px 5px 10px; }

#kalendar { background: #FFFFFF; width: 195px; margin-top: 5px; display: block; }
#kalendar th {background-color: #fc0; color: #900; padding: 3px 5px; border: 0;}
#kalendar td { background: #FFFFFF; padding: 2px 3px; border: 1px solid #FFFFFF; width: 17%; text-align: center; }
#kalendar td a { text-decoration: none; display: block; width: 100%; height: 100%; }
#kalendar td:hover { border: 1px solid red; }
#kalendar .vsedni { background-color: #eee; padding: 2px 3px; border: 1px solid #fff; width: 17%; text-align: center;}
#kalendar .vikend { background-color: #ddd; padding: 2px 3px; border: 1px solid #fff; width: 17%; text-align: center; font-weight: bold;}
#kalendar .aktual { border: 1px solid #900; font-weight: bold;}
#kalendar .aktiv { border: 1px solid #000; font-weight: bold; background-color: #900; color: #fff;}
#kalendar .aktiv a { color: #fff; text-decoration: none;}
#kalendar .hlava { background-color: #fff; color: #900;}
#kalendar img { margin: 5px 0;}

.aktualita { width: 100%; margin-top: 10px; }
.aktualita .obrazek { width: 110px; float: left; }
.aktualita .text { width: 400px; float: left; text-align: justify; }
.aktualita b { color: #660000; font-size: 13px; }
.aktualita .datum { margin-bottom: 10px; }

.foto { border: 1px solid #660000; padding: 1px; cursor: pointer; }
.foto:hover { border: 2px solid #FF0000; padding: 0px; }
#maxfoto { display: none; border: 1px solid black; background: white; position: absolute; top: 50px; left: 50px; padding: 20px; }