/* reset */
html,body,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,p,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,form,label,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	outline-style: none;
}
/* basic */
body {
margin: 0px; 
padding: 0px;
text-align: left;
font-family: Arial;
font-size: 14px;
color: rgb(32,32,32); 
background: url(../images/body-background.jpg) repeat-x rgb(218,218,218);          
}
.reset {
clear: both;
line-height: 0px;
height: 0px;
}

/* xhtml tags */
h1 {
position: absolute;
line-height: 18px;
top: 227px;
left: 55px;
letter-spacing: 2px;
}
h2 {
margin: 20px 20px 0px 20px;
font-weight: bold;
letter-spacing: 1px;
}
h3 {
margin: 5px 20px 5px 20px;
font-weight: bold;
letter-spacing: 1px;
}
p {
line-height: 18px;
letter-spacing: 1px;
padding: 5px 15px 5px 15px;
}
table {
letter-spacing: 1px;
padding: 5px 15px 5px 15px;
}
td {
font-size: 11px;
margin: 0;
padding: 5px;
border: 1px dotted rgb(0,128,0);
border: none;
}
ul {
margin-top: 15px;
margin-bottom: 15px;
padding: 5px 15px 5px 15px;
}
li {
letter-spacing: 1px;
line-height: 16px;
list-style-position: outside;
margin: 10px 10px 10px 20px;
}
a {
color: rgb(32,32,32);
text-decoration: underline;
}
a:hover {
color: rgb(238,166,9);
text-decoration: none;
background: rgb(161,196,68);
color: white;
}



/* hlavicka */
.frame-head {
}
.head-index {
position: relative;
text-align: center;
background: rgb(176,176,176); 
width: 950px;
height: 280px;
margin: auto;
background: url(../images/top-index.jpg) no-repeat;
border-left: 1px solid rgb(150,150,150); 
border-right: 1px solid rgb(150,150,150); 
}
.head-biofarma {
position: relative;
text-align: center;
background: rgb(176,176,176); 
width: 950px;
height: 280px;
margin: auto;
background: url(../images/top-biofarma.jpg) no-repeat;
border-left: 1px solid rgb(150,150,150); 
border-right: 1px solid rgb(150,150,150); 
}
.head-navrh2 {
position: relative;
text-align: center;
background: rgb(176,176,176); 
width: 950px;
height: 280px;
margin: auto;
background: url(../images/top-navrh2.jpg) no-repeat;
border-left: 1px solid rgb(150,150,150); 
border-right: 1px solid rgb(150,150,150); 
}

p.head-contact {
position: absolute;
top: 227px;
right: 55px;
line-height: 18px;
letter-spacing: 1px;
text-align: left;
padding: 0;
background: none;
}
.logo {
position: absolute;
top: 35px;
left: 30px;
width: 240px;
height: 155px;
}
.head-contact a {
padding: 3px;
}
.head-contact .akt-odkaz a {
background: rgb(161,196,68);
text-decoration: none;
color: white;
}



/* obsah */
.frame-content {
}
.content {
position: relative;
text-align: left;
background: url(../images/content-background.jpg) repeat-y; 
width: 950px;
min-height: 400px;
margin: auto;
padding: 0;
border-left: 1px solid rgb(150,150,150); 
border-right: 1px solid rgb(150,150,150); 
border-bottom: 1px solid rgb(150,150,150); 
}


/* menu */
.frame-left-side {
margin-top: 25px;
margin-left: 30px;
float: left;
width: 295px;
height: auto;
}
.menu {
position: relative;
width: 260px;
padding-top: 15px;
padding-bottom: 15px;
background: url(../images/menu-background.jpg) repeat-y; 
border: 1px solid white;
}
.menu a {
letter-spacing: 3px;
display: block;
padding: 6px 6px 6px 20px;
}
.menu a:hover {
background: rgb(161,196,68);
color: white;
}
.menu .akt-odkaz a {
background: rgb(161,196,68);
text-decoration: none;
color: white;
}



/* pravá strana - obsah */
.frame-right-side {
background: url(../images/right-side-background.jpg) repeat-y; 
border-left: 1px solid rgb(236,227,180);
border-top: 1px solid rgb(236,227,180);
color: rgb(64,64,64);
margin-top: 25px;
margin-left:0px;
margin-bottom: 25px;
padding-top: 10px;
padding-bottom: 10px;
float: left;
width: 590px;
height: auto;
font-size: 12px;
}
.frame-right-side img {
border: 2px solid rgb(222,233,196);	
margin: 4px;
}
.frame-right-side p, .frame-right-side table, .frame-right-side td, .frame-right-side li {
font-weight: normal;
}

.sub-frame-right {
float: right;
margin: 5px 10px 10px 10px;
}
.sub-frame-right img {
border: 4px solid rgb(222,233,196);	
}
.frame-right-side a img {
border: 4px solid rgb(222,233,196);	
margin: 4px;
}
.frame-right-side a:hover img {
text-decoration: none;
}




.smart-modules {
margin: 0;
}
.news h2 {
background: rgb(239,227,168);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
color: #336600;
}
.news {
position: relative;
margin: 25px auto 25px auto;
width: 500px;
border: 2px solid rgb(239,227,168);
}
.news img {
margin: 20px;
text-align: center;
}
.news-title {
color: #336600;
margin-top: 10px;
padding-bottom: 0px;
}
.news-content {
font-size: 10px;
padding-top: 0;
margin-top: 0;
color: rgb(96,96,96);
}
#news-loader {
position: absolute;
width: 380px;
top: 40px;
text-align: center;
}
.news a {
color: #336600;
}

.inquiry {
position: relative;
margin: 20px auto 20px auto;
width: 420px;
border: 2px solid rgb(239,227,168);
color: #336600;
}
.inquiry h4 {
background: rgb(239,227,168);
font-size: 16px;
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
}
.inquiry h5 {
padding: 10px 10px 0px 20px;
margin: 0;
color: rgb(64,64,64);
}
.inquiry table {
width: 400px;
margin: 10px;
}
.inquiry table td {
background: rgb(239,227,168);
padding: 10px;
color: rgb(64,64,64);
}
.inquiry a {
color: rgb(64,64,64);
}
.inquiry-alert {
color: #336600;
border-left: 5px solid rgb(15,135,79);
margin: 5px 5px 10px 20px;
}
.inquiry-alert2 {
color: rgb(228,164,45);
border-left: 5px solid rgb(228,164,45);
margin: 5px 5px 10px 20px;
}
.contact-form {
position: relative;
margin: 25px auto 25px auto;
width: 420px;
border: 2px solid rgb(239,227,168);
color: #336600;
}
.contact-form h2 {
background: rgb(239,227,168);
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;	
}
.contact-form p {
padding-left: 20px;
}
.contact-form input, .contact-form textarea {
width: 380px;
border: 1px solid rgb(208,208,208);
color: #336600;
margin-bottom: 15px;
}
.contact-form img {
text-align: center;
margin-bottom: 15px;
}
.contact-form input.submit {
font-weight: bold;
}
.contact-form-alert {
color: #336600;
border-left: 5px solid rgb(15,135,79);
margin: 5px 5px 10px 20px;
padding-left: 5px;
}
.contact-form-alert2 {
color: rgb(228,164,45);
border-left: 5px solid rgb(228,164,45);
margin: 5px 5px 10px 20px;
padding-left: 5px;
}










/* moduly */
.modules {
position: relative;
margin: 25px auto 25px auto;
width: 500px;
}
.modules h2 {
background: rgb(239,227,168);
color: #000066;
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;
}
.modules table {
margin: 10px;
width: 480px;
}
.modules table td {
height: 25px;
border: 1px dotted rgb(255,204,102);
}




.module-jidelni-listek {
position: relative;
margin: 25px auto 25px auto;
width: 500px;
border: 2px solid rgb(239,227,168);
}
.module-jidelni-listek h2 {
background: rgb(239,227,168);
color: #000066;
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;
}

.module-jidelni-listek table {
margin: 10px;
width: 480px;
}
.module-jidelni-listek table td {
height: 25px;
border: 1px dotted rgb(255,204,102);
}
.module-napojovy-listek {
position: relative;
margin: 25px auto 25px auto;
width: 500px;
border: 2px solid rgb(239,227,168);
}
.module-napojovy-listek h2 {
background: rgb(239,227,168);
color: #000066;
height: 30px;
line-height: 30px;
padding-left: 20px;
margin: 0;
}

.module-napojovy-listek table {
margin: 10px;
width: 480px;
}
.module-napojovy-listek table td {
height: 25px;
border: 1px dotted rgb(255,204,102);
}






/* gastronomie */
.stravovani {
width: 260px;
background: url(../images/right-box-background.jpg) repeat-y; 
border: 1px solid rgb(236,227,180);
margin: 0 0 0 10px;
}



.turisticka-mapa a img {
margin: 10px auto 10px 20px;
border: 4px solid rgb(222,233,196);	
}
.turisticka-mapa a:hover {
text-decoration: none;
border: none;
background: none;	
}

/* fotogalerie */
.fotogalerie-sekce {
width: 550px;
margin-left: 20px;
margin-top: 10px;
padding: 0;
color: white;
}

.fotogalerie-sekce a {
font-weight: bold;
}
.fotogalerie-sekce select {
width: 140px;
border: none;
color: rgb(27,70,10);
}
.fotogalerie-sekce td {
background: rgb(176,206,110);
border: 1px solid white;
width: auto;
height: 28px;
}
.fota-nahledy {
width: 542px;
margin: 0px 20px 0px 20px;
}
.foto-nahled-lp {
margin-bottom: 40px;
float: left;
width: 240px;
height: 180px;
text-align: center;
}
.foto-nahled-rp {
margin-bottom: 40px;
float: right;
width: 240px;
height: 180px;
text-align: center;
}
.foto-nahled-rp a img, .foto-nahled-lp a img {
margin-top: 24px;
border: 4px solid rgb(222,233,196);
}
.foto-nahled-rp a:hover, .foto-nahled-lp a:hover {
text-decoration: none;
border: none;
background: none;
}
td.stranky {
text-align: center;
}
p.fotogalerie-uvodni-text {
margin: 10px 10px 0 10px;
}





/* kontakt */
table.kontakt {
width: 540px;
background: white;
margin: 25px 20px 25px 20px;
font-weight: bold;
padding: 0;
}
table.kontakt td {
background: url(../images/content-background.jpg) repeat-y; 
border: none;
}
table.kontakt td textarea, table.kontakt td input {
border: 1px solid rgb(208,208,208);
}
.kontakt img {
margin: 0px 5px 0px 15px;
}
.kontakt a {
font-weight: bold;
}
.hlaska {
margin: 10px 30px 35px 30px;
font-weight: bold;
font-size: 12px;
color: rgb(103,139,19);
}
.hlaska2 {
margin: 10px 30px 35px 30px;
font-weight: bold;
font-size: 12px;
color: rgb(249,100,46);
}




/* footer */
.frame-footer {
}
.footer {
position: relative;
width: 950px;
height: 25px;
margin: auto;
font-size: 9px;
letter-spacing: 1px;
color: rgb(130,130,130);
}
.footer-text {
float: right;
text-align: right;
width: 480px;
padding: 5px;
}
.footer-text img {
width: 10px;
height: 10px;
}
.footer a {
color: rgb(130,130,130);
text-decoration: none;
}
.footer a:hover {
color: white;
}