* { MARGIN: 0; PADDING: 0; }

html { MARGIN: 0; PADDING: 0; }

body { BACKGROUND: #ddd url('/image/back.gif') top center; FONT: normal 80% verdana, sans-serif; MARGIN: 10px 0; BEHAVIOR: url("http://inzerce.obec-vyprachtice.cz/hover.htc"); }

h1, h2 { COLOR: #dc241f; FONT-WEIGHT: bold; LINE-HEIGHT: 120%; }
h1 { TEXT-ALIGN: left; FONT-SIZE: 130%; PADDING-BOTTOM: 5px; }
h2 { TEXT-ALIGN: left; FONT-SIZE: 100%; PADDING-BOTTOM: 6px; }

p { COLOR: #888; LINE-HEIGHT: 120%; TEXT-ALIGN: justify; TEXT-INDENT: 0; PADDING: 2px 0; }

a:link { COLOR: #888; TEXT-DECORATION: none; }
a:visited { COLOR: #888; TEXT-DECORATION: none; }
a:hover { COLOR: #dc241f; TEXT-DECORATION: underline; }
a:active { COLOR: #888; TEXT-DECORATION: none; }
a.underline { TEXT-DECORATION: underline; }

form { MARGIN: 0; PADDING: 0; }
form.br { CLEAR: left; }

#container { BACKGROUND: #fff; WIDTH: 770px; MARGIN: 0 auto;  PADDING: 0; BORDER: solid #888 1px; }

#head { BACKGROUND: #fff url('/image/logo.jpg') no-repeat top center; WIDTH: 100%; HEIGHT: 177px; MARGIN: 0 auto; }

#menu_head { BACKGROUND: #fbfbfb url('/image/menu_back.jpg') repeat-x top center; COLOR: #eee; WIDTH: 100%; HEIGHT: 30px; TEXT-ALIGN: center; MARGIN: 0 auto; PADDING: 0; }
#menu_head a { COLOR: #eee; FONT-WEIGHT: bold; TEXT-ALIGN: center; MARGIN: 0 10px; PADDING: 0; }
#menu_head img { VERTICAL-ALIGN: middle; MARGIN: 0; PADDING: 0; BORDER: 0;}

#main { WIDTH: 750px; PADDING: 10px 10px 5px 10px; }

#left { FLOAT: left; WIDTH: 200px; TEXT-ALIGN: center; _MARGIN-RIGHT: -3px; PADDING: 0; }
#left .menu { BACKGROUND: #fbfbfb; TEXT-ALIGN: center; MARGIN: 0 0 5px 0; PADDING: 0; }
#left .menu_header { BACKGROUND: #dc241f; COLOR: #fff; FONT-WEIGHT: bold; TEXT-ALIGN: left; MARGIN: 0; PADDING: 2px 3px; BORDER: solid #dc241f 1px;}
#left .menu_body { BACKGROUND: #fbfbfb; COLOR: #888; TEXT-ALIGN: left; MARGIN: 0; PADDING: 5px; BORDER-STYLE: solid; BORDER-WIDTH: 0 1px 1px 1px; BORDER-COLOR: #eee; }
#left ul { LIST-STYLE: none; MARGIN: 0; PADDING: 0 0 0 20px; }
#left ul li { LIST-STYLE-TYPE: square; TEXT-ALIGN: left; MARGIN: 5px 0; PADDING: 0; }
#left ul li.neakt { COLOR: #b2b2b2; }
#left label { MARGIN: 0; PADDING: 0; BORDER: 0; }
#left input { COLOR: #888; FONT-SIZE: 85%; FONT-FAMILY: verdana, sans-serif; WIDTH: 158px; MARGIN-LEFT: auto; PADDING: 1px; BORDER: solid #888 1px; }
#left input.ico { VERTICAL-ALIGN: -35%; _VERTICAL-ALIGN: top; WIDTH: 20px; HEIGHT: 20px; PADDING: 0; BORDER: 0; }
#left table { BORDER-COLLAPSE: collapse; FONT-SIZE: 90%; WIDTH: 100%; TEXT-ALIGN: center; MARGIN: 0 auto; PADDING: 0; BORDER: 0; }
#left tr.zv { COLOR: #dc241f; MARGIN: 0; PADDING: 0; BORDER: 0; }
#left td { MARGIN: 0; PADDING: 1px 5px; BORDER: 0; }

#right { COLOR: #888; FLOAT: right; WIDTH: 540px; MARGIN: 0; PADDING: 0; }
#right p.help { COLOR: #dc241f; FONT-SIZE: 85%; TEXT-ALIGN: justify; TEXT-INDENT: 0; MARGIN: 0; PADDING: 5px 0 5px 0; }
#right .block_form { TEXT-ALIGN: center; MARGIN: 0 0 5px 0; PADDING: 0; }
#right .block_form_header { BACKGROUND: #dc241f; COLOR: #fff; FONT-WEIGHT: bold; TEXT-ALIGN: left; MARGIN: 0; PADDING: 2px 3px; BORDER: solid #dc241f 1px;}
#right .block_form_header a { COLOR: #fff; FONT-WEIGHT: bold; TEXT-ALIGN: left; MARGIN: 0; PADDING: 0; }
#right .block_form_header a:hover { TEXT-DECORATION: underline; }
#right .block_form_header span.text { FLOAT: left; }
#right .block_form_header span.ico { FONT-WEIGHT: normal; FLOAT: right; MARGIN: 0 0 0 20px }
#right .block_form_body { BACKGROUND: #fbfbfb; COLOR: #888; TEXT-ALIGN: left; MARGIN: 0 0 5px 0; PADDING: 10px 5px; BORDER-STYLE: solid; BORDER-WIDTH: 0 1px 1px 1px; BORDER-COLOR: #eee; }
#right .block_body { BACKGROUND: #fbfbfb; COLOR: #888; TEXT-ALIGN: left; _HEIGHT: 1px; MARGIN: 0; PADDING: 5px; BORDER-STYLE: solid; BORDER-WIDTH: 0 1px 1px 1px; BORDER-COLOR: #eee; }
#right .block_detail { BACKGROUND: #fbfbfb; COLOR: #888; TEXT-ALIGN: left; _HEIGHT: 1px; MARGIN: 0 0 5px 0; PADDING: 5px; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #eee; }
#right .block_food { BACKGROUND: #eee; COLOR: #888; FONT-SIZE: 85%; TEXT-ALIGN: left; MARGIN: 0 0 5px 0; PADDING: 2px 5px; BORDER-STYLE: solid; BORDER-WIDTH: 0 1px 1px 1px; BORDER-COLOR: #eee; }
#right .block_food span.odkaz { BACKGROUND: #eee; COLOR: #888; TEXT-ALIGN: left; MARGIN: 0 0 5px 0; PADDING: 2px 5px; BORDER-STYLE: solid; BORDER-WIDTH: 0 1px 1px 1px; BORDER-COLOR: #eee; }
#right .block { BACKGROUND: #fbfbfb; TEXT-ALIGN: center; MARGIN: 0 0 5px 0; PADDING: 3px 5px; BORDER: solid #eee 1px; }
#right .list { BACKGROUND: #fbfbfb; TEXT-ALIGN: left; MARGIN: 0 0 5px 0; PADDING: 10px 10px 0 10px; BORDER: solid #eee 1px; }
#right .block_navigation { BACKGROUND: #fbfbfb; COLOR: #dc241f; TEXT-ALIGN: left; MARGIN: 0 0 5px 0; PADDING: 2px 5px; BORDER: solid #eee 1px; }
#right .block_navigation a { COLOR: #dc241f; FONT-WEIGHT: bold;  }

#right ul { LIST-STYLE: none; MARGIN: 0; PADDING: 0 0 0 20px; _PADDING: 0 0 0 20px; }
#right ul li { LIST-STYLE-TYPE: square; TEXT-ALIGN: justify; MARGIN: 0 0 10px 0; _PADDING: 0 0 0 5px; }
#right ul ul li { LIST-STYLE-TYPE: disc; TEXT-ALIGN: justify; MARGIN: 0 0 10px 0; _PADDING: 0 0 0 5px; }
#right ul ul ul li { LIST-STYLE-TYPE: circle; TEXT-ALIGN: justify; MARGIN: 0 0 10px 0; _PADDING: 0 0 0 5px; }
#right ol { LIST-STYLE: none; MARGIN: 0; PADDING: 0 0 0 20px; _PADDING: 0 0 0 25px; }
#right ol li { LIST-STYLE-TYPE: decimal; TEXT-ALIGN: justify; MARGIN: 0 0 10px 0; _PADDING: 0 0 0 3px; }
#right ol ol li { LIST-STYLE-TYPE: lower-alpha; TEXT-ALIGN: justify; MARGIN: 0 0 10px 0; _PADDING: 0 0 0 3px; }

#right img { BACKGROUND: #fff; PADDING: 3px; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #eee; }
#right img.ico { VERTICAL-ALIGN: 30%; _VERTICAL-ALIGN: middle; PADDING: 0; BORDER: 0; }
#right img.ico_small { VERTICAL-ALIGN: middle; PADDING: 0; BORDER: 0; }
#right img:hover { PADDING: 3px; BORDER-STYLE: solid; BORDER-WIDTH: 1px; BORDER-COLOR: #8f8f8f; }
#right img.ico:hover { VERTICAL-ALIGN: 30%; _VERTICAL-ALIGN: middle; PADDING: 0; BORDER: 0; CURSOR: pointer; }
#right img.ico_small:hover { VERTICAL-ALIGN: middle; PADDING: 0; BORDER: 0; CURSOR: pointer; }
#right img.right { FLOAT: right; MARGIN: 5px 0 5px 5px; }

#right label { FONT-SIZE: 90%; FONT-WEIGHT: bold; WIDTH: 160px; FLOAT: left; TEXT-ALIGN: left; PADDING: 1px 0; }
#right label.none { FONT-WEIGHT: normal;  FLOAT: none; MARGIN: 0; PADDING: 0; BORDER: 0; }
#right input { COLOR: #888; FONT-SIZE: 95%; FONT-FAMILY: verdana, sans-serif; WIDTH: 364px; _WIDTH: 361px; MARGIN-LEFT: auto; PADDING: 1px; BORDER: solid #888 1px; }
#right input.znak3 { WIDTH: 27px; }
#right input.znak5 { WIDTH: 50px; }
#right input.znak10 { WIDTH: 90px; }
#right input.button { BACKGROUND: #fbfbfb; COLOR: #888; FONT-SIZE: 90%; WIDTH: 140px; FONT-WEIGHT: bold; |OVERFLOW: visible; WHITE-SPACE: nowrap; MARGIN: 5px 3px 10px 3px; PADDING: 0 3px; BORDER: solid #888 1px; }
#right input.button:hover { BACKGROUND: #fbfbfb; COLOR: #dc241f; BORDER: solid #dc241f 1px; CURSOR: pointer; }
#right input.radio { TEXT-ALIGN: center; VERTICAL-ALIGN: middle; WIDTH: 15px; BORDER: 0; MARGIN-LEFT: 0; MARGIN-RIGHT: 3px; MARGIN-TOP: 0; MARGIN-BOTTOM: 0; }
#right input.checkbox { COLOR: #888; TEXT-ALIGN: center; WIDTH: 15px; BORDER: 0; MARGIN-LEFT: 3px; MARGIN-RIGHT: 10px; MARGIN-TOP: 0; MARGIN-BOTTOM: 0; BORDER: 0; }
#right input.file { COLOR: #888; WIDTH: 365px; outline:none; BORDER: solid #888 1px; }
#right .formular_ratio { TEXT-ALIGN: left; VERTICAL-ALIGN: middle; MARGIN-LEFT: auto; MARGIN-RIGHT: 0; MARGIN-TOP: 0; MARGIN-BOTTOM: 0; PADDING: 0; }
#right select { COLOR: #888; FONT-SIZE: 95%; FONT-FAMILY: verdana, sans-serif; MARGIN: 0 0 0 auto; PADDING: 0; }
#right textarea { COLOR: #888; FONT-SIZE: 95%; FONT-FAMILY: verdana, sans-serif; HEIGHT: 150px; WIDTH: 522px; PADDING: 2px; BORDER: solid #888 1px; }

#right table { BORDER-COLLAPSE: collapse; MARGIN: 0 auto; }
#right td.inzerat1 { PADDING: 2px; WIDTH: 100px; TEXT-ALIGN: justify; VERTICAL-ALIGN: top;}
#right td.inzerat2 { PADDING: 2px; WIDTH: 360px; TEXT-ALIGN: justify; VERTICAL-ALIGN: top;}
#right td.inzerat2 a { TEXT-DECORATION: underline; }
#right td.gallery { WIDTH: 150px; TEXT-ALIGN: center; BORDER: 0; MARGIN: 0; PADDING: 3px; }

.clear_r { CLEAR: right; PADDING: 0; MARGIN: 0; }

.float_r { FLOAT: right; }
.float_l { FLOAT: left; }

#foot { BACKGROUND: #fbfbfb; WIDTH: 100%; CLEAR: both; TEXT-ALIGN: center; MARGIN: 0; PADDING: 3px 0; BORDER: solid #eee 1px; }
#foot p { COLOR: #888; FONT-SIZE: 80%; TEXT-ALIGN: center; MARGIN: 0; PADDING: 0; }

.left { TEXT-ALIGN: left; }
.right { TEXT-ALIGN: right; }
.center { TEXT-ALIGN: center; }

.chyba { BACKGROUND: #fbfbfb; COLOR: #dc241f; FONT-WEIGHT: bold; TEXT-ALIGN: center; LINE-HEIGHT: 200%; MARGIN: 20px; PADDING: 20px 5px; BORDER: solid #888 1px; }
.chyba a { COLOR: #dc241f; }
.chyba a:hover { COLOR: #888; }

.navigation { FONT-SIZE: 90%; FONT-WEIGHT: bold; TEXT-ALIGN: center; MARGIN: 0 5px 5px 5px; PADDING: 0; }
.navigation span { BACKGROUND: #fff; COLOR: #dc241f; FONT-SIZE: 90%; TEXT-DECORATION: none; LINE-HEIGHT: 30px; WHITE-SPACE: nowrap; MARGIN: 0 3px; PADDING: 3px; BORDER: solid #dc241f 1px; }
.navigation a.navigation { BACKGROUND: #dc241f; COLOR: #fff; TEXT-DECORATION: none; LINE-HEIGHT: 30px; WHITE-SPACE: nowrap; MARGIN: 0 3px; PADDING: 3px; BORDER: solid #dc241f 1px; }
.navigation a.navigation:hover { BACKGROUND: #fff; COLOR: #dc241f; BORDER: solid #dc241f 1px; }

.red { COLOR: #dc241f; }