/* 
--------------------------------
| pětistovka.cz - výchozí styl |
--------------------------------
           BARVY
--------------------------------
#009247 - zelená
#ce2b37 - červená
#efe8d0 - pozadí
#f3eedc - pozadí menu
#cec4a2 - rámeček
*/
 
body { margin: 0; padding: 0; text-align: center; background: #efe8d0; font-family: sans-serif; color: black; }

#bck { width: 800px; margin: 0 auto; background: #efe8d0 url('imgs/bck.jpg') repeat-y; }
#all { width: 760px; margin: 0 auto; text-align: left; }

.hidden { display: block; position: absolute; margin: 0; padding: 0; width: 1px; height: 1px; top: -2000px; left: -2000px; }
.red { color: #ce2b37; }
.green { color: #009247; }
.clear-l { clear: left; }
.clear-r { clear: right; }
.clear-b { clear: both; }
.priprava { margin: 20px 0; text-align: center; font-size: 110%; color: #cec4a2; }
.priprava .pimg { margin: 10px 0; }
.pimg img { border: 1px solid #cec4a2; }
.rkl-ods { padding: 20px 0; text-align: center; }
hr { display: none; }
sup { font-size: 60%; }

a { color: black; }
a:hover { text-decoration: none; }
a:active { color: #ce2b37; }
a:focus { color: #ce2b37; }

#header { width: 760px; height: 310px; position: relative; }
#header-text { width: 760px; height: 310px; position: absolute; top: 0px; left: 0px; background: #f4efdc; }
#header-text h1 { font-size: 350%; margin: 0; padding: 0; }
#header-text h2 { font-size: 120%; margin: 0; padding: 0; }

#header-img { position: absolute; top: 0px; left: 0px; width: 760px; height: 310px; background: url('imgs/f500-header.jpg') no-repeat; }
a#main-a { display: block; position: absolute; top: 0px; left: 0px; width: 550px; height: 300px; text-decoration: none; }
#menu { position: absolute; top: 31px; right: 0px; width: 210px; }
#menu ul { list-style: none; margin: 0; padding: 0; }
#menu li { display: inline; margin: 0; padding: 0; }
#menu a { display: block; padding: 0 0 0 15px; margin: 0; width: 195px; font-weight: bold; line-height: 140%; text-decoration: none; }
#menu span.sr { display: block; padding: 0 0 0 15px; margin: 0; width: 195px; font-weight: bold; line-height: 140%; color: #ce2b37; background: url('imgs/menu-bck.jpg') repeat-x 50% 45%; }
#menu span.sg { display: block; padding: 0 0 0 15px; margin: 0; width: 195px; font-weight: bold; line-height: 140%; color: #009247; background: url('imgs/menu-bck.jpg') repeat-x 50% 45%; }
#menu a:hover.hg, #menu a:active.hg, #menu a:focus.hg { background: url('imgs/menu-bck.jpg') repeat-x 50% 45%; color: #009247; }
#menu a:hover.hr, #menu a:active.hr, #menu a:focus.hr { background: url('imgs/menu-bck.jpg') repeat-x 50% 45%; color: #ce2b37; }
* html #menu a { width: 210px; }
* html #menu span.sr { width: 210px; }
* html #menu span.sg { width: 210px; }

#middle { width: 760px; background: url('imgs/bck-content.jpg') repeat-y; }
#middle2 { width: 760px; }
#middle h3, #middle p { margin: 0; padding: 0; }
#middle2 h3, #middle p { margin: 0; padding: 0; }
#footer { clear: right; background: #f4efdc; padding: 20px 0; font-size: 70%; text-align: center; color: #696969; }
#footer a { color: #696969; }
#footer a:active, #footer a:focus { color: #009247; }
#bottom { width: 800px; height: 10px; background: url('imgs/bck-bottom.jpg') no-repeat; }
#dolniod { font-size: 60%; padding: 5px 0; width: 760px; margin: 0 auto; color: gray; }
#dolniod a { color: gray; }
#dolniod a:active, #dolniod a:focus { color: #009247; }
* html #bottom { height: 10px; } 

#right-menu { float: right; width: 180px; padding: 0 15px; background: #f4efdc; }
* html #right-menu { width: 210px; }
#right-menu h3 { font-size: 100%; border-bottom: 1px solid #cec4a2; background: url('imgs/logo-500-small-l.jpg') no-repeat bottom right; }
#right-menu .r-img { margin: 20px 0 0 0; text-align: center; }
.rrg, #search, #r-odkazy, #anketa, #rss-r { text-align: center; padding: 10px 0; }
.rrg a img { border: 1px solid black; }
#r-odkazy { text-align: left; font-size: 90%; }
#r-odkazy small { font-size: 70%; }
#r-odkazy ul { list-style: none; margin: 0 0 20px 0; padding: 0; font-size: 80%; }
#rss-r ul { margin: 0 0 20px 0; padding: 0; list-style: none; font-size: 80%; text-align: left; }
#search fieldset { border: 0; }
#content { width: 520px; padding: 0 15px 10px 15px; }
#content2 { width: 730px; padding: 0 15px 10px 15px; }
* html #content { width: 546px; }
* html #content2 { width: 756px; }
#novinka, #z-fora, #about { margin: 0 0 20px 0; }
#hl-gad { text-align: center; padding: 10px 0; }
.hl-gad { text-align: center; padding: 10px 0; }
#content h3 { position: relative; border-bottom: 1px solid #cec4a2; background: url('imgs/logo-500-small.jpg') no-repeat bottom right; }
#z-fora p, #about p { padding: 10px 0; font-size: 90%; text-align: justify; }
#novinka h4 { margin: 0; padding: 10px 0 0 0; }
#novinka h4 a { text-decoration: none; }
#novinka h4 a:hover, .novinka h4 a:active, .novinka h4 a:focus { text-decoration: underline; }
#novinka img.lni { float: left; margin: 10px 10px 5px 0; border: 1px solid #cec4a2; }
#novinka .newtxt { text-align: justify; font-size: 90%; }
#novinka .newtxt .imgs { margin: 0; padding: 10px 0; text-align: center; }
#novinka .newtxt .imgs a img { border: 1px solid #cec4a2; margin: 5px; }
#na-archiv, #na-info, #na-tapety { font-size: 80%; text-align: right; }
#na-archiv span { font-weight: bold; }
.tapeta { padding: 10px 0; border-bottom: 1px solid #cec4a2; background: url('imgs/logo-500-small.jpg') no-repeat bottom right; }
#tapeta img { border: 1px solid #cec4a2; margin: 10px 20px 10px 10px; float: left; }
.tapeta img { border: 1px solid #cec4a2; margin: 5px 20px 5px 10px; float: left; }
#tapeta #vel { margin: 10px 0 0 0; font-size: 90%; }
#tapeta #stazeno, .tapeta .stazeno, #tapeta .stazeno { margin: 5px 0 10px 0; font-size: 70%; }
#tapeta ul, .tapeta ul { list-style: none; margin: 5px 0; font-size: 90%; }
#vase-500 p { padding: 10px; font-size: 90%; text-align: justify; }
.newtip { font-size: 80%; margin: 10px 0; font-style: italic; text-align: justify; }

#kontakt div p { padding: 20px 0; text-align: center; font-size: 120%; }

#novinky .novinka { margin: 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #cec4a2; background: url('imgs/logo-500-small.jpg') no-repeat bottom right; }
.novinka .n-datum { font-weight: bold; }
.novinka img.lni { float: left; margin: 5px 10px 5px 0; border: 1px solid #cec4a2; }
.novinka .newtxt { text-align: justify; }
.novinka h4 { margin: 0; padding: 5px 0; }
.novinka h4 a { text-decoration: none; }
.novinka h4 a:hover, .novinka h4 a:active, .novinka h4 a:focus { text-decoration: underline; }
.novinka .newtxt .imgs { margin: 0; padding: 10px 0; text-align: center; }
.novinka .newtxt .imgs a img { border: 1px solid #cec4a2; margin: 5px; }

.strankovani { text-align: center; padding: 10px 0; }
.strankovani a { padding: 5px 10px; background: #f3eedc; border: 1px solid #cec4a2; text-decoration: none; font-weight: bold; color: #009247; }
.strankovani a:hover { padding: 5px 10px; background: #cec4a2; border: 1px solid #cec4a2; text-decoration: none; font-weight: bold; color: #ce2b37; }
.strankovani span { padding: 5px 10px; background: #f3eedc; border: 1px solid #cec4a2; font-weight: bold; color: #cec4a2; }
#e404 p { margin: 20px 0; text-align: justify; }

.stranky { text-align: center; margin: 10px 0; }
.stranky a { font-weight: bold; padding: 0 25px; }
.stranky a:hover.starsi { color: #ce2b37; }
.stranky a:hover.novejsi { color: #009247; }

/* WALLPAPERS */

#wp-body { text-align: left; }
#wp-head { position: relative; width: 800px; height: 90px; }
#wp-nav { padding: 10px; 0; }
#wp-nav a { font-weight: bold; padding: 0 10px; }
#wp-logo { position: relative; width: 400px; height: 50px; }
#wp-body h1 { margin: 0; padding: 0; position: absolute; left: 0; bottom: 0; }
#wp-obr { position: absolute; width: 400px; height: 50px; background: url('imgs/wp-head.jpg') no-repeat; left: 0; top: 0; }
#wp-obr a { display: block; width: 400px; height: 50px; }
#wp-ga { position: absolute; width: 240px; height: 60px; left: 450px; top: 10px; }
#wp-img img { margin: 0 5px; border: 1px solid #cec4a2; }


/* historie, současnost */

#historie p { margin: 10px; text-indent: 1.5em; text-align: justify; font-size: 90%; line-height: 120%; }
div.h-img { text-align: center; }
.h-img img { border: 1px solid #cec4a2; } 

/* fotky, videa */

.video { text-align: center; padding: 10px 0; }
.video .vidpopis { text-align: justify; font-size: 80%; margin: 5px 50px; }
.video embed { margin: 10px 0; }
.video h4 { margin: 5px 0; border-bottom: 1px solid #cec4a2; background: url('imgs/logo-500-small.jpg') no-repeat bottom right; text-align: left; }
.video h4 a { text-decoration: none; }
.video h4 a:hover, .video h4 a:active, .video h4 a:focus { text-decoration: underline; }

.foto { margin: 15px 0; }
.foto h4 { margin: 5px 0; border-bottom: 1px solid #cec4a2; background: url('imgs/logo-500-small.jpg') no-repeat bottom right; }
.foto h4 a { text-decoration: none; }
.foto h4 a:hover, .foto h4 a:active, .foto h4 a:focus { text-decoration: underline; }
.foto p { text-align: center; }
.foto img { margin: 3px; }
.foto a img { border: 1px solid black; }

/* fotky, videa */

#odkazy ul { font-size: 90%; list-style-type: square; text-align: justify; margin: 10px 0 10px 25px; padding: 0; }
#odkazy a img { border: 0; }

/* technika */

* html #tech { width: 514px; }
#tech h4 { border-bottom: 1px solid #cec4a2; background: url('imgs/logo-500-small-l.jpg') no-repeat bottom right; }
#techmore { margin: 20px 0; font-size: 70%; }
#tech h5 { margin: 15px 0 0 0; font-size: 100%; }
#tech p { font-size: 90%; text-align: justify; }
#tech img { border: 1px solid black; }
#tech p.imgtech { margin: 20px 0; text-align: center; }

/* o webu */
#o-webu p { margin: 5px 0 20px 0; font-size: 90%; text-align: justify; text-indent: 1em;; }
#podpora p { margin: 5px 0 15px 0; font-size: 90%; }
#podpora p em { font-size: 80%; margin: 5px 0; display: block; padding: 3px; border: 1px solid #cec4a2; background: #f3eedc; }
#podpora p img { margin: 10px 0 0 0; border: 1px solid #cec4a2; }

.drc { font-size: 80%; }
.drc .drcm { text-align: left; margin: 5px 0; }
.drc a { font-weight: bold; color: #CE2B37; }
.drc a:hover { text-decoration: none; }
.drc p { font-size: 90%; }