@import "../common.css";
html {color: #fff; background: #00661d;}
body {width: 980px; margin: 0 auto; max-width: 100%; font-family: Georgia, serif; font-size: 13px; line-height: 1.5em; background: url('header.gif') no-repeat top center;}
a {color: #5FBF7A; text-decoration: none; font-weight: bold;}
a:hover {color: #fff; background-color: #118822;}
strong {font-weight: bold;}
.menu a, .button, input, textarea, .rightcell, .event, .news, .link {padding: 2px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.menu li {float: left; padding-right: 10px; line-height: 24px;}
.button:hover {text-decoration: none !important;}
p {text-align: justify; margin-bottom: 20px;}
q {font-style: italic;}
h3 {font-size: 1.4em;}
#header {height: 77px;}
#header h1 {width: 860px; float: left}
#header h1 a {display: block; width: 100%; height: 70px}
#header h1 a:hover {background-color: transparent}
#header h1 em {display: none;}

#my_head {height: 50px; width: 100%; text-align: center; font-size: 14px; padding-top: 53px;}
#my_head a {font-family: sans-serif; font-weight: normal;}
#my_head h4 {display: none;}
#my_head ul {text-align: center;}
#my_head li {float: none; display: inline; margin: 10px;}

#footer {height: 77px; width: 100%; text-align: center; font-size: 14px; padding-top: 20px;}
#footer a {font-family: sans-serif; font-weight: normal;}
#footer h4 {display: none;}
#footer ul {text-align: center;}
#footer li {float: none; display: inline; margin: 10px;}
#main {color: #333; background: #ffdd88 url('main.jpg') no-repeat top left; overflow: hidden;}
#main h2 {color: #fff;}
#main h2 a {color: #fff;}
#main h2 a:hover {text-decoration:none}
#main a {color: #d08f08; background-color: transparent;}
#main a:hover {text-decoration: underline;}
#content {overflow: hidden; padding: 30px}
#wide-content {overflow: hidden; padding: 20px;}
#links a {padding: 0;}
#links a:hover {color: #fff;}
#links li {width: 100%; margin-bottom: 25px;}
#links li img {float: left; margin-right: 10px;}
#langselector {float: right;}
#langselector a:hover {background-color: transparent;}
#content_hol {overflow: hidden; padding: 60px}
#content_righ {overflow: hidden; padding-left: 60px}

.cell {float: left;}
.row {overflow: hidden; margin-bottom: 20px;}
.left {text-align: left;}
.right {text-align: right;}
.imgleft {float: left; margin: 2px 16px 10px 10px}
.imgright {float: right; margin: 2px 10px 10px 16px;}
.cell p {margin: 10px;}
.cell h3 {margin: 0 8px 10px 10px; font-size: 1.4em; line-height: 1.4em; color: black !important}
.intro h3, .intro p {margin-bottom: 20px;}
.interheading {clear: both; font-size:30px; color: white; font-weight: bold; margin: 40px 10px 30px 10px; line-height: 1.1em;}

.menu {list-style-type: none; text-decoration: none; padding: 0;}
.menu a {text-decoration: none;}
/*
a.http, a[href^=http] {padding-right: 8px; background-image: url('icon/link-out.gif'); background-position: top right; background-repeat: no-repeat;}
a.mailto, a[href^=mailto] {padding-right: 8px; background-image: url('icon/link-mail.gif'); background-position: top right; background-repeat: no-repeat;}
*/
/*ul, ol, dl {overflow: visible;}*/

/*#content_hol ul{padding:10px; list-style-type: circle;}*/
#content_hol li{padding:5px; list-style-type: circle;text-align:justify;}
#content_hol green{color:#5FBF7A;}
#content_hol table{background:#00661d; color:white; text-align: center; border: 2px solid;
border-collapse: collapse;
border-spacing: 0px;}
#content_hol table th{color: white;padding: 4px;text-align: center;border: 1px solid;}
#content_hol table td{color: white;padding: 4px;text-align: center;border: 1px solid;}
#subheader {padding: 20px; clear:both; background: transparent url('subheader.gif') no-repeat top left;}
#subheader h2 {font-size: 37px;font-weight: bold; letter-spacing: +0.014em;}
#subheader h2 a {text-decoration: none;}
#subheader h2 a:hover {color: #fff; background-color: transparent;}
#subheader a {padding:50px; color: #00661d; font-size:30px; font-style:italic;font-family: Georgia}
#subfooter {clear:both; height: 40px; width:100%; background: transparent url('subfooter.gif') no-repeat bottom left;}
#subfooter a {padding:400px; color: #00661d; font-size:30px; font-style:italic;font-family: Georgia}
a.button, input#submit {padding: 2px 4px; text-decoration: none; font-weight: bold;}
a.button, input#submit {background-color: #000; color: #ffdd88;}
input#submit:hover {color: #fff; background-color: #666;}
.intro {font-size: 14px; font-style: italic; color: #666;  line-height: 1.8em; padding: 20px;}
.intro .imgleft {margin: 10px 16px 10px 0;}
.service {overflow: hidden; margin-bottom: 20px;}

body#index #main {background: transparent;}
body#index #main a {font-weight: normal;}
body#index #jidla {height: 210px; padding: 0 0 0 10px; overflow: hidden; background: #fce3b3 url('jidla.png') top left repeat-y;}
body#index #jidla a {color: #f6a60a;}
body#index #jidla a:hover {color: #634305; background: transparent;}
body#index #rozvoj {height: 210px; padding: 0 0 0 10px; overflow: hidden; background: #bad7f0 url('rozvoj.png') top left repeat-y;}
body#index #rozvoj a {color: #1f7fcf;}
body#index #rozvoj a:hover {color: #0f3b61; background: transparent;}
body#index #raj {height: 210px; padding: 0 0 0 10px; overflow: hidden; background: #d0e8bb url('raj.png') bottom left repeat-y; padding-bottom: 10px;}
body#index #raj a {color: #66b623;}
body#index #raj a:hover {color: #37f313; background: transparent; text-decoration:none;}
body#index .col1 {padding: 10px 0 0 0; width: 208px; float: left; overflow: hidden; font-size: 18px;}
body#index .col1 h2 {height: 45px; width:100%; padding: 0;}
body#index .col1 h2 em {display: none;}
body#index .col1 h2 a {display: block; width: 100%; height: 44px;}
body#index .col1 h2 a {color: #fff; background-color: transparent;}
body#index .col1 ul {line-height: 1.2em; padding-left: 10px;}
body#index .col1 ul li {padding: 10px 0 0 0; float: none;}
body#index .col2 {padding: 13px 0 0 0; width: 186px; float: left; overflow: hidden;}
body#index .col3 {padding: 18px 0 0 0; width: 330px; float: left; overflow: hidden;}
body#index .col3 p {font-size: 13px; line-height: 1.4em; text-align: justify; padding: 0 16px}
body#index .col4 {padding-top: 8px; width: 200px; float: right; overflow: hidden;}
body#index .col4 ul {line-height: 0;}
body#index .col4 ul li {float: left; padding-right: 0; line-height: 0;}
body#index .col4 ul#rozvoj-banners {margin-top: 24px}
body#index .col4 ul#raj-banners {margin-top: 24px}
body#index #jidla .col1 h2 {background: transparent url('jidla.heading.gif') no-repeat top left;}
body#index #rozvoj .col1 h2 {background: transparent url('rozvoj.heading.gif') no-repeat top left;}
body#index #raj .col1 h2 {background: transparent url('raj.heading.gif') no-repeat top left;}
body#index #rozvoj .col1 ul {letter-spacing: +0.06em; font-family: Verdana, Helvetica, sans-serif; font-size: 15px;}
body#index #raj a .b0 {color: transparent; font-size: 130%;}
body#index #raj a:hover .b0 {color: #41bcef;}
body#index #raj a:hover .b1 {color: #ec4194;}
body#index #raj a:hover .b2 {color: #41bcef;}
body#index #raj a:hover .b3 {color: #ee7f24;}
body#index #raj a:hover .b4 {color: #ff7700;}
body#index #raj .col1 ul {font: 15px "Comic Sans MS", monospace;}
body#index #menu {width: 740px; height: 200px; float: left;}

body#index #rightcol {width: 240px; height: 630px; float: right;}
body#index .rightcell {font-size: 11px; width: 225px; margin-left: 5px; float: left; overflow: hidden; color: #fff; background: #008927 top left no-repeat;}
body#index .rightcell h3 {font-size: 13px; width: 99%; text-align: center; padding-top: 2px; margin-bottom: 2px;}
body#index .rightcell a {color: #f69b20;}
body#index .rightcell .button {padding: 1px 2px; font-size: 11px;}
body#index .rightcell li, body#index .rightcell p {margin: 4px 6px 4px 6px;}
body#index .rightcell li {padding: 4px 8px;}
body#index #events {height: 300px; background-image: url('rightcol.gif');}
body#index #news {height: 170px;}
body#index #links {margin-top: -10px; background-color: transparent; height: 170px;}
body#index #links li {padding: 0;background: transparent}
body#index #links li a {color: white; }
body#index .event {color: #000; font-family: sans-serif; display: block; height: 31px; line-height: 1.3em; background: #84e384;}
body#index .link {color: #000; font-family: sans-serif; display: block; height: auto; line-height: 1.3em; background: #84e384;}
body#index .news {color: #000; font-family: sans-serif; display: block; height: auto; line-height: 1.3em; background: #84e384;}
body#index #events .button {display: block; float: right;}
body#index .rightcell .cerstva-jidla {background-color: #fce3b3;}
body#index .rightcell .cerstva-jidla a {color: #eb9f0a;}
body#index .rightcell .cerstva-jidla a.button {color: #fff; background-color: #eb9f0a;}
body#index .rightcell .cerstva-jidla a.button:hover {background-color: #fff; color: #eb9f0a;}
body#index .rightcell .osobni-rozvoj {background-color: #bad7f0;}
body#index .rightcell .osobni-rozvoj a {color: #1d76c1;}
body#index .rightcell .osobni-rozvoj a.button {color: #fff; background-color: #1d76c1;}
body#index .rightcell .osobni-rozvoj a.button:hover {background-color: #fff; color: #1d76c1;}
body#index .rightcell .detsky-raj {background-color: #d0e8bb;}
body#index .rightcell .detsky-raj a {color: #60ac21;}
body#index .rightcell .detsky-raj a.button {color: #fff; background-color: #60ac21;}
body#index .rightcell .detsky-raj a.button:hover {background-color: #fff; color: #60ac21;}

body#cerstva-jidla #main h3 {color: #999;}
body#cerstva-jidla #main a {color: #f69b20;}
body#cerstva-jidla #main .button {background-color: #fff;}
body#cerstva-jidla #main .button:hover {color: #fff; background-color: #f6ab14;}
body#cerstva-jidla #main {background: #fde4b5 url('jidla/main.jpg') no-repeat top left;}
body#cerstva-jidla #subheader h2 {color:#999}
body#cerstva-jidla #subheader h2 a {color: #fff; background-color: transparent;}
body#cerstva-jidla #subheader h2 a:hover {background-color: transparent;}
body#cerstva-jidla #nabidka-jidel .jidlo {float: left; width: 306px; height: 320px; overflow: hidden; margin:0; padding: 0;}
body#cerstva-jidla #nabidka-jidel .jidlo .preview {width: 280px; height: 200px; margin: 0; padding: 0;}
body#cerstva-jidla #nabidka-jidel .jidlo .title {float: left; width: 200px;}
body#cerstva-jidla #nabidka-jidel .jidlo .description {clear: both; padding: 0 20px 0 0; height: 40px; margin: 0; line-height: 1.4em}
body#cerstva-jidla #nabidka-jidel .jidlo .price  {float: right; text-align: right; width: 75px; font-size: 10px; margin: 8px 17px 0 0;}
body#cerstva-jidla #nabidka-jidel .jidlo .price strong {font-size: 20px}
body#cerstva-jidla #nabidka-jidel .jidlo .actions li {padding-right: 5px;}
body#cerstva-jidla #nabidka-jidel .jidlo h3 {color: #000; margin: 8px 0 8px 0; overflow: visible;}
body#cerstva-jidla #nabidka-jidel-title-1 {color: #fff; background-color: #fa4; margin: 0; padding: 4px;}
body#cerstva-jidla #nabidka-jidel-title-2 {color: #fff; background-color: #af4; margin: 0; padding: 4px;}
body#cerstva-jidla #nabidka-jidel-title-3 {color: #fff; background-color: #f4a; margin: 0; padding: 4px;}
body#cerstva-jidla #nabidka-jidel-title-4 {color: #fff; background-color: #8a8; margin: 0; padding: 4px;}
body#cerstva-jidla #nabidka-jidel-title-5 {color: #fff; background-color: #d44; margin: 0; padding: 4px;}
body#cerstva-jidla #nabidka-jidel-title-6 {color: #fff; background-color: #49c; margin: 0; padding: 4px;}

body#osobni-rozvoj #main h3 {color: #999;}
body#osobni-rozvoj #main a {color: #679ECF;}
body#osobni-rozvoj #main .button {color: #679ECF; background-color: #fff;}
body#osobni-rozvoj #main .button:hover {background-color: #679ECF; color: #fff;}
body#osobni-rozvoj #main {background: #bcd8f1 url('rozvoj/main.jpg') no-repeat top left;}
body#osobni-rozvoj #subheader h2 {color: #bcd8f1;}
body#osobni-rozvoj #subheader h2 a {color: #fff; background-color: transparent;}
body#osobni-rozvoj #subheader h2 a:hover {background-color: transparent;}
body#osobni-rozvoj #menu {clear: both; float: left; overflow: hidden; margin: 20px 0 10px 10px; padding: 4px 0;}
body#osobni-rozvoj #menu li {display: block; float: left; overflow: visible; margin: 5px;}

body#detsky-raj #main h3 {color: #ff9900;}
body#detsky-raj #main a {color: #85a764;}
body#detsky-raj #main .button {color: #9dcf74; background-color: #fff;}
body#detsky-raj #main .button:hover {background-color: #9dcf74; color: #fff;}
body#detsky-raj #main {background: #d1e9bd url('raj/main.jpg') no-repeat top left;}
body#detsky-raj #subheader h2 {font: 43px "Comic Sans MS", monospace; color: #d1e9bd; padding: 10px 0 0 24px;}
body#detsky-raj #subheader h2 a {color: #fff; background-color: transparent;}
body#detsky-raj #subheader h2 a:hover {background-color: transparent;}
body#detsky-raj #subheader .b1 {color: #7bea28; font-size: 90%;}
body#detsky-raj #subheader .b2 {color: #eb618c; font-size: 105%;}
body#detsky-raj #subheader .b3 {color: #fff297; font-size: 80%;}
body#detsky-raj #subheader .b4 {color: #4f6ff1; font-size: 70%;}
body#detsky-raj #subheader .b5 {color: #ffbc4b; font-size: 120%;}
body#detsky-raj #menu {clear: both; float: left; overflow: hidden; margin: 20px 0 10px 10px; padding: 4px 0;}
body#detsky-raj #menu li {display: block; float: left; overflow: visible; margin: 5px;}

body#kontakt #main {background: #ffdd88 url('kontakt.main.jpg') no-repeat top left;}
body#kontakt #main h2 {color: #fff;}
body#kontakt #main h3 {color: black; margin: 30px 0 20px 0; overflow: visible;}
body#kontakt form {width: 910px}

body#o-raji-chuti #main {background: #ffdd88 url('oraji.main.jpg') no-repeat top left;}

body#recepty #main {background: #ffdd88 url('recepty.main.jpg') no-repeat top left;}

body#odkazy #main {background: #ffdd88 url('odkazy.main.jpg') no-repeat top left;}
body#cerstva-jidla #main-expose {background: #fde4b5 url('jidla/expose.main.jpg') no-repeat top left; color: #333;}
body#cerstva-jidla #main-expose h2 {color: #6FAB76;}

.vcard {}
.vcard dt {display: none;}
.vcard dd {padding: 8px 4px 8px 30px;}
.vcard dd.adr {background: url("icon/mail.gif") center left no-repeat;}
.vcard dd.tel {background: url("icon/phone.gif") center left no-repeat;}
.vcard dd.fax {background: url("icon/fax.gif") center left no-repeat;}

form {font: 12px "Verdana", sans-serif;}
form fieldset {margin-bottom: 10px;}
form legend {padding: 0 0 1em 0;font-size: x-large;color: #333;}
form label {display: inline-block;line-height: 1.8;vertical-align: top;}
form fieldset ol {margin: 0;padding: 0;}
form fieldset li {list-style: none;padding: 5px;margin: 0;}
form fieldset fieldset {border: none;margin: 3px 0 0;}
form fieldset fieldset legend {padding: 0 0 5px;font-weight: normal;}
form fieldset fieldset label {display: block;width: auto;}
form em {font-weight: bold;font-style: normal;color: #f80;}
form label {width: 100%}
input, textarea, select {width: 100%; border: 2px solid #ccc;font-size: 12px; background-color: #fff;}
input.disabled {border: 0;font-weight: bold;cursor: default;background: #ccc;}
input.button {border: 0;font-weight: bold;text-align: center; cursor: pointer;}
input:focus, textarea:focus, select:focus {border-color: #f6a454;}
.error {color: red}
label.error {color: red;font-size: 10px;}
input.error, textarea.error, select.error {background-color: #ffeeee; border-color: #ff0000;}