/* CSS Document */

/*

odkazy
nadpisy
container
hlavicka
# nav-horni navigace

content - telo stranky v html obsahuje:obsah stranky, levy sloupec, pravy sloupec
obsah stranky

ostatni
# zarovnani textu
# clear

*/

body { margin: 0; padding: 0; text-align: center; font-size: 12px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; background-color: #fff0ca; background-repeat: repeat-x; }
textarea { font-size: 12px; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; }
/*-------------------------------------------------------------------*/

/* odkazy */
a:link { font-weight: bold; text-decoration: none; }

a:visited { font-weight: bold; text-decoration: none; }

a:hover { font-weight: bold; text-decoration: underline; }

a:active { font-weight: bold; text-decoration: underline; }

/*-------------------------------------------------------------------*/

/* nadpisy */
h1, h2, h3, h4, h5, h6 { margin: 5px; padding: 5px; }
h1 { margin: 10px 5px 10px 5px; font-size: 30px; }
h2 { margin: 5px 5px 5px 5px; font-size: 19px; }
h3 { margin: 5px 5px 0px 5px; font-size: 13px; }
h4 { margin: 5px 5px 0px 5px; font-size: 11px; }
h5 { margin: 0px; font-size: 9px; }
h6 { margin: 0px; font-size: 7px; }
.dodatek { font-weight: normal !important; font-size: 12px; font-style: italic; padding-left: 10px; }
img { border: none 0px; }

img.left { float: left; margin: 4px 16px 4px 0px; }
img.right { float: right; margin: 4px 0px 4px 16px; }
hr { background: #666666; border: none; width: 560px; height: 1px; clear: both; }


/*-------------------------------------------------------------------*/

/* seznam */
ul { margin-bottom: 0; margin-top: 0; line-height: 150%; }
/*-------------------------------------------------------------------*/

/* top menu */
.topmenu { width: 980px; padding: 0 0 0 0; margin: 0 auto 0 auto; text-align: left; position: relative; height: 40px; }
.topmenu .menu { width: 600px; position: absolute; top: 11px; left: 0px; }
.topmenu a { font-weight: bold; padding: 0 10px; text-decoration: none; }
.topmenu a:hover { text-decoration: underline; }

.topmenu .vyhledavani { width: 400px; position: absolute; top: 10px; right: -25px; }
/*------------------------------------*/

input.button { float: right; border: 1px solid #1F2531; font-size: 11px; font-weight: bold; height: 21px; padding: 0; }
input.search { width: 140px; border: 1px solid #1F2531; height: 17px; color: #000000; font-size: 11px; float: right; padding: 3px 3px 0 3px; margin: 0 2px 0 0; }

/* container - zarovani stranky na stred */
.container { width: 1030px; padding: 270px 0 0 0; margin: 0 auto 20px auto; text-align: left; color: #000; position: relative; }
/*-------------------------------------------------------------------*/

/* hlavicka */
.hlavicka { position: absolute; width: 1030px; margin: 0 auto; height: 270px; color: #FFFFFF; text-align: center; padding: 0; left: 0px; top: 0px; float: left; }
.hlavicka .Foto { border: none; position: absolute; top: 4px; left: 0px; }
.hlavicka h1, .hlavicka h1 span { font-size: 30px; height: 140px; width: 461px; position: absolute; top: 50px; left: 500px; }
.hlavicka h1 span { left: 0px; top: 0px; }

/* telo stranky - content */
.content { width: 1030px; margin: 0 auto 5px 0; height: auto; position: relative; }
/*-------------------------------------------------------------------*/
.twoCol { width: 795px !important; height: 20px; line-height: 150%; }

.threeCol { width: 580px !important; }
/* obsah stranky - obsah */
.obsah { padding: 5px 10px 15px 10px; height: 100%; margin: 0; color: #000000; float: left; position: relative; left: 0px; top: 0px; }

.obsah p { margin: 0; padding: 5px 10px; text-align: justify; line-height: 150%; }
/*-------------------------------------------------------------------*/


/* levySloupec */
.levySloupec { float: left; position: relative; left: 0px; top: 0px; width: 215px; padding: 0; height: auto; }
.levySloupec p { margin: 0; padding: 5px; }

/* leftBox */
.box { margin: 0 5px 5px 5px; }
/* .levySloupec .menu */
.levySloupec .menu ul { list-style: none; margin: 0; padding: 0; }
.levySloupec .menu { width: auto; margin: 0; }

.levySloupec .menu li { margin-bottom: 1px; }

.levySloupec .menu li a { voice-family: inherit; height: 24px; text-decoration: none; }

.levySloupec .menu li a:link, .levySloupec .menu li a:visited { padding: 7px 0 0 30px; display: block; font-weight: bold; }

.levySloupec .menu li a:hover { padding: 7px 0 0 30px; }

.levySloupec .menu li ul li a:link, .levySloupec .menu li ul li a:visited { padding: 1px 0 0 40px; display: block; font-weight: bold; height: 18px; }

.levySloupec .menu li ul li a:hover { padding: 1px 0 0 40px; height: 18px; }
/*-------------------------------------------------------------------*/

/* pravySloupec */

.pravySloupec { float: right; position: relative; top: 0px; width: 215px; padding: 0; height: auto; line-height: 150%; }

.pravySloupec p { margin: 0; padding: 5px; text-align: justify; line-height: 130%; }

/* .pravySloupec */
.pravySloupec a { text-decoration: none; }

.pravySloupec a:link, .pravySloupec a:visited { color: #FFF; }

.pravySloupec a:hover { color: #FFF; text-decoration: underline; }
.pravySloupec hr, .levySloupec hr { border: none; width: 100%; height: 1px; clear: both; }
.pravySloupec img.left { float: left; margin: 8px 6px 4px 0px; }
.pravySloupec img.right { float: right; margin: 8px 0px 4px 6px; }


/*-------------------------------------------------------------------*/

/* paticka */
.paticka { position: relative; width: 1010px; margin: 0 auto; height: auto; padding: 5px 10px; background: #393f55; clear: both; padding: 5px 10px; }

.paticka p.copyright { float: left; }
.paticka p.copyright a { text-decoration: none; }
.paticka p.copyright a:hover { text-decoration: underline; }
.paticka p.copyright a, .paticka p.copyright a:hover { font-weight: bold; }

.paticka p.webdesign { float: right; }
.paticka p.webdesign a { text-decoration: none; }
.paticka p.webdesign a:hover { text-decoration: underline; }
.paticka p.webdesign a, .paticka p.webdesign a:hover { font-weight: bold; }

.paticka p { margin: 0; }
/*------------------------------------------------------------------*/

/* Zarovnavani ­ textu */
.text-alignJustify { text-align: justify; }
.text-alignLeft { text-align: left; }
.text-alignRight { text-align: right; }
.text-alignCenter { text-align: center; }
/*-------------------------------------------------------------------*/

/* clear */
.clear { clear: both; width: 100%; height: 0px; line-height: 0px; background: none; }
/*-------------------------------------------------------------------*/

/* tabulka border */
table.border { border: 1px solid #666; width: 100%; }
table.border th { border: 1px solid #EEE; color: #FFFFFF; padding: 5px; }
table.border tr { background-color: #EEE; }
table.border tr.dark { background-color: #DDD; }
table.border td { border: 1px solid #FFF; padding: 3px; }
/*-------------------------------------------------------------------*/

/* drobeckovaNavigace */
.drobeckovaNavigace { padding: 0 0 20px 0; }
/*-------------------------------------------------------------------*/

/* error */
.error { font-size: 20px; color: #CC0000; font-weight: bold; }
/*-------------------------------------------------------------------*/

/* text replace */
.replace { overflow: hidden; padding: 0; position: relative; }
.replace a span, a.replace span { cursor: pointer; }
.replace span { background-position: 0 0; background-repeat: no-repeat; left: -211px; position: absolute; top: 21px; }

/* ------------------ různé ----------*/
.odsazeny { margin-top: 10px; padding-top: 10px; }

.banner { margin: 5px 0px 5px 0px; }

/* ---------------- Hledání --------------*/
#cse-search-results * { background-color: Transparent !important; }

/* -------------- alba ve fotogalerii -------------- */
div.album { clear: both; }
div.album img { float: left; margin: 5px 10px 20px 10px; width: 61px; }
div.album h3 { margin-top: 5px; }


/* -------------- články -------------- */
img.clanek { float: left; margin: 10px; }

/* -------------- video náhled -------------- */
div.video { float: left; margin: 20px 10px 10px 10px; width: 91px; height: 83px; background-image: url(/Design/Images/film.gif); }
div.video img { margin-top: 12px; margin-left: 4px; }
h3.video { margin-top: 20px; margin-bottom: 0px; }

/* -------------- audio -------------- */
div.audio { float: left; margin: 10px 10px 20px 10px; }
div.audio img { margin-top: 12px; margin-left: 4px; }
h3.audio { margin-top: 20px; margin-bottom: 0px; }
img.ikona { vertical-align: middle; margin-right: 4px; }
.datum { font-size: 11px; color: #666666; }


/* ---------------------- banner shop ----------------------------- */
a.banner-shop { display: block; background-image: url(/images/banner-shop.png); width: 560px; height: 100px; margin: 15px 0px 15px 10px; text-decoration: none; }
a.banner-shop:hover * { text-decoration: none; }
a.banner-shop h2 { margin: 0px 5px 0px 175px; text-align: center; font-size: 20px; padding: 5px 15px 0px 10px; }
a.banner-shop p { margin: 0px 5px 5px 175px; text-align: justify; font-size: 12px; font-weight: bold; padding: 5px 15px 0px 10px; color: #000000; }
a.banner-shop p strong { color: #dd0000; text-transform: uppercase; font-size: 12px; }

.menunew { font-weight: bold; font-style: italic; font-size: 11px; color: Yellow; padding-left: 8px; }
.skrt { text-decoration: line-through; }