﻿/* CSS Document - Jeremy Oliver Shoemakers
update - 14.3.2010
*/


body {
margin:0;
padding:0;
background: url('../img/img20-s.jpg');

/* Font */
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
color:#000;

/* Scrollbar   
scrollbar-arrow-color:#FFCC66;
scrollbar-face-color:#CC6600;
scrollbar-highlight-color:#FFCC66;
scrollbar-shadow-color:#FFCC66;
scrollbar-3dlight-color:#CC6600;
scrollbar-darkshadow-color:#CC6600;
scrollbar-track-color:#CC6600;*/
/* scrollbar-face-color: #ff33ff; */
}

#page {
width: 1000px;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top:1px;
/* margin-top: 0px; */
font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-size: small;
border-left:1px solid #990000; border-right:1px solid #990000;
/*color: #000;*/
}
#header {
width: 1000px;
height:150px;
padding:0;
background: url('../img/jer01.jpg'); background-repeat:no-repeat; z-index:100;
/*background: url('../img/jer-2.gif'); background-repeat:no-repeat; z-index:10;*/
}

#top {
float:right; _position:absolute;
position:relative; display:block;
height:30px;
margin:0;
padding:0;      z-index:5;
}

/*  začátek navigace  */
.navigace {float:right; position:relative; display: block; width:1000px; height:auto; margin-top:1px; margin-left:11px; padding:0;}

/* navigace - menu
#menu {list-style-type:none; display:block; margin-top:1px; padding:0;position:relative;}
#menu ul {list-style-type:none; display:inline; color:#5CD4D2; background:#cc6600; border-left:1px solid #ffcc66; padding:0; margin:0;}
#menu li {float:left; background:url('../img/tlac.gif') no-repeat; position:relative; padding-left:1px;
color: #5CD4D2; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;
}
#menu li, #menu li a {display:block; color:#5CD4D2; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:125px;text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#menu a:hover, #menu ul a:hover, #menu li a:hover {color: white;}  */
/*
#menu ul li a {text-align:left; text-indent:5px; color:white;}
*/
/* konec navigace */
#menu {list-style-type:none; float:left; margin:0; padding-left:55px; display: block; width:1000px; position:relative;}
#menu ul {list-style-type:none; display:inline; margin:0; padding:0; text-align: center; position:absolute; }
#menu li {float:left; background:url('tlac.gif') no-repeat;/* background:#560C08; */position:relative; padding-left:2px;}
#menu li.english {float:left; position:relative;_position:absolute; background:url('tlac-en.gif') no-repeat; /*margin-left:5px;*/ z-index:510;}
span.zmensit {color:red;}


#menu li, #menu li a {display:block; color:#5CD4D2; font-family:arial, sans-serif; font-size:11px; line-height:24px; width:124px; text-decoration:none; text-align:center; cursor:pointer; font-weight:bold;}
#menu a:hover, #menu li a:hover {color:white;}

#menu ul li a {text-indent:5px; /*border-bottom:0px solid #66ccff;*/}

#menu ul {left:-9999px;}
#menu li.click ul ul {position:absolute; left:-9999px;}
#menu li.click ul li.hover ul ul {position:absolute; left:-9999px;}

#menu li.hover {/*background:;*/ z-index:500; color:white; border-bottom:1px solid white;}
#menu li.click {/*background:;*/}

#menu li.click ul li {margin-top:0; border-bottom:1px solid #66ccff;}

#menu li.click ul {left:0; top:26px; border-bottom:1px solid white;}
#menu li.click ul li.hover {left:0; border-bottom:1px solid white;}


#obsah {
width:1000px;
margin-top:25px;
* margin-top:-2px;
padding: 10px; /*20px;
border: 1px solid #990000;*/
}
#levy-sloupec {position:relative; float:left; width:150px;}
#pravy-sloupec {position:relative; float:right; width:150px;}
#stred {float:left; width:690px; padding-right:10px;}
/* levy a pravý sloupec 2 - nepoužito */
#levy-sloupec-2 {position:relative; float:left; width:25px;}
#pravy-sloupec-2 {position:relative; float:right; width:25px;}
/* stred-2 - použito pro stránky s fotkama */
#stred-2 {float:left; width:900px; padding:0 65px;}


/*  hlavni sloupce - misto pro psani  */

#bottom {
clear: both;
width:1000px; /*920*/
height: 100%;
text-align:right;
font-size:x-small;
color: #66ccff;
/*  doní ohraničení stránky  */
padding: 7px 0;
background:#560C08;
/*border-top: solid 1px #990000;*/
/*border-top-style: dashed;
border-top-width: 1px;*/
}

/* Links                     */
a, a:hover {
text-decoration: none;
color:#8b4513; /*#006666;*//*#560C08;*/
padding:0;
}
a:hover {
text-decoration: none;
color:white;
}
span.text-pata a {color:#66ccff;}

h1 {
font-family: Algerian, Pristina, 'ITC Zapf Chancery', 'Monotype Corsiva', 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
color: #008080; display:none;
text-align: left;
font-size: 1px; z-index:-1000;
margin-top: 35px;
margin-left: 277px;
}
h1 span.h1 {
margin-left:145px;
}
h2, h3 {
font-family: 'ITC Zapf Chancery', 'Monotype Corsiva', 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-size: 175%;
text-align:left;
color: #560C08;
margin:5px 0 15px 0;
padding-left: 25px;
}
h2 span.odstavec {font-size:225%; line-height:1em;
font-weight:bold;
color:#560C08;
}
h3 { font-family: 'ITC Zapf Chancery', 'Monotype Corsiva', 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-size: 155%; color:ivory;
font-weight:normal;
margin-left:25px;
padding:10px;
}
h4 {font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-size: 110%; color:black;
font-weight: bold;
margin-left:25px;
padding:0 0 10px 0;}
/*  galerie na stránce  */
.galerie, .banner {float:left;}
.galerie img {padding:2px 2px 7px 2px;}
.galerie-stred img {; padding:10px 7px 2px 10px;}
/* zarovnání bannerů */
.banner img {padding:5px 0 5px 15px;}
.banner p {padding:0 0 10px 25px;}
/*  nepoužito !!!
span.img-prani {float:left; margin:0; padding:5px;}
span.img-kocka {float:left; margin-left:15px; padding:0 0 4px 0;}
*/

.tabulkavystav { width:680px; text-align:center; line-height:24px; margin-top:25px; padding-bottom:0; border:solid #560C08; border-width:1px; color:#000;}
.nadpis {font-family: 'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;
font-size: 125%; font-weight:bold; text-align:left; color: #560C08; line-height:28px;
border-bottom:1px dotted #560C08; padding-left:215px;}
th {color:#560C08; margin:0; padding:0;}
td {width:25%; border-top:1px dotted #fff; margin:0; padding:0;}

.clear {clear:both;}
#j-index {position:absolute; float:left; margin-left:25px;}
#pocitadlo, #online {position:relative; float:left; display:block; color:#66ccff; margin-left:15px; color:#66ccff;}
#pocitadlo a, #online a {color:#66ccff;}

span.text-pata {padding-right:25px;/*75px;*/ color:#66ccff;}
span.text-pata a {color:#66ccff;}
span.text-pata a:hover {color:white;}
span.jeremy {font-size:1.1em; color:#560C08; font-weight:bold;}
span.jmeno-kocka {font-size:1em; color:#560C08;}
span.foto-leva {float:left; margin-left:7px; padding:4px;}
span.foto-prava {float:right; margin-right:15px; padding:4px;}
span.foto-stred {float:right; margin-right:75px; padding:4px;}
span.malepismo {float:right; margin-right:10px; font-size:0.7em; padding:2px;}

