/* Kolemkola CSS */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * STYLE.CSS: - základní a typografické styly - nadpisy, seznamy, odkazy, formuláře, tabulky,
 *              odstavce, citace, apod.
 *            - for basic and typographic styles - headers, lists, anchors, forms, tables,
 *               paragraphs, citations, etc.
 *
 *            - předpis pro designové styly jako např. layout, rolovací menu, hlavičkoidní věci,
 *              různé plovoucí nabídky, apod.
 *            - stylesheet for design, layout, hovermenus, header things, floating boxes, etc.
 * 
 * level: 2.1
 * author: jh
 * email: jana.neumannova@hotmail.cz
 * media: screen
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * *   ZÁKLADNÍ A TYPOGRAFICKÉ STYLY   * * * * * * * * * * * * */
/* * * * * * * * * * *   BASIC AND TYPOGRAPHIC STYLES    * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

body {
margin: 1em;
padding: 0;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.cleaner	{ 
display: block; 
clear: both; 
height: 1px; 
line-height: 1px; 
font-size: 1px; 
}

.layoutCleaner	{ 
background: #D3D3D3;
}

/* * * * * *  odkazy - links  * * * * * */

a {
color: #CC0000;
text-decoration: none;
}

a:hover {
color: #D2692E;
text-decoration: underline;
}

/* * * * * *  hlavní divy - wrappers  * * * * * */

#top {
position: absolute; 
width: auto;
top: 10px; 
left: 0; 
}

#leftside {
position: absolute; 
width: auto;
top: 264px; 
left: 0;
}

#rightside {
position: absolute; 
width: auto;
top: 264px; 
left: 775px;
}

#bottom {
position: absolute;
width: auto;
}

#main {
margin: 0px auto; 
position: relative;
width: 967px;
}

/* * * * * *  sloupce - columns  * * * * * */
/* * * * * *  střední sloupec - center column  * * * * * */

#centerColumn {  
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
background-color: #FFFFFF;
border: 1px solid #FFFFF0;
position: absolute;
width: 565px;
top: 276px; 
left: 205px; 
}

#centerColumn h1 { 
margin: 0;
padding: 0;
font-size: 1em;
color: #9F0015;
letter-spacing: 0.1em;
}

#centerColumn h2 { 
margin: 0; 
padding: 0;
font-size: 1em;
color: #9F0015;
letter-spacing: 0.1em;
}

#centerColumn h3 { 
margin: 0;
padding: 0;
font-size: 10px;
color: #000001;
text-align: center;
letter-spacing: 0.1em;
}

p.texth { 
font-weight: bold;
font-size: 25px;
font-family: Arial;
color: #FFFFFE;
}

/* * * * * *  obrázky - images  * * * * * */

p.nahledbanneru { 
margin: 10px 200px 15px 245px;
float: left; 
}

/* * * * * *  obrázky vlevo - left images  * * * * * */

img.floatLeft { 
float: left; 
margin: 0 1.5em 1em 0; 
}

.obrazky1 { 
margin: 5px 10px 5px 0px;
float: left; 
}

/* * * * * *  obrázky vpravo - right images  * * * * * */

.obrazky2 { 
margin: 5px 0px 5px 10px;
float: right; 
}

/* * * * * *  loga na stránkách - logos in pages  * * * * * */

.logo1 { 
margin: 0px 0px 0px 45px;
float: left; 
}

.logo2 { 
margin: 0px 0px 0px 20px;
float: left; 
}

.logo3 { 
margin: 0px 50px 30px 30px;
float: left; 
}

.logo4 { 
margin: 0px 0px 0px 35px;
float: left; 
}

.logo5 { 
margin: 10px 0px 0px 40px;
float: left; 
}

.logo6 { 
margin: 0px 10px 30px 40px;
float: left; 
}

.styby { 
margin: 0px 50px 30px 80px;
float: left; 
}

/* * * * * *  citace - blockquote  * * * * * */

blockquote {
margin: 2em;
padding: 1.9em;
font-weight: bold;
font-size: 12px; 
color: #FFFFFF;
background-color: #9F0005;
border-top: 4px solid #D2691E;
border-bottom: 4px solid #D2691E;
}

/* * * * * *  obrázky v citaci - images in blockquote  * * * * * */

p.obrazky3 { 
margin: 20px 20px 20px 20px;
float: right; 
}

p.obrazky4 { 
margin: 10px 10px 0px 0px;
float: left; 
}

.obrazky5 { 
margin: 10px 10px 0px 0px;
float: left; 
}

/* * * * * *  písmo v citaci - letters in blockquote  * * * * * */

p.pismo1 { 
margin: 0;
padding: 0;
font-size: 1em;
text-decoration: underline;
color: #FFFFFE;
}

p.pismo2 { 
margin: 0;
padding: 0;
font-size: 1em;
text-decoration: none;
color: #000001;
}

.podtrzene { 
margin: 0;
padding: 0;
font-size: 1em;
text-decoration: underline;
color: #FFFFFE;
}

/* * * * * *  rozcestník - floats  * * * * * */

.floats { 
clear: both; 
width: 100%; 
padding: 15px 15px 15px 13px; 
}

.floats .box { 
display: inline; 
float: left; 
width: 264px; 
margin: 0 15px 15px 0; 
background: #B6B6B6; 
min-height: 260px; 
height: auto !important; 
height: 260px;  
}

.floats .last { 
margin-bottom: 10px; 
margin-right: 350px;
}

.floats .box h2 { 
margin: 0; 
font-size: 1em; 
font-weight: bold; 
}

.floats .box h2 a	{ 
display: block; 
padding: 10px 10px 11px 11px; 
}

.floats .box h2 a:hover	{ 
text-decoration: underline; 
}

.floats .box .anotace { 
margin: 0; 
line-height: 1.5em; 
}

.floats .box .anotace img { 
display: block; 
text-align: center; 
margin: 0 auto; 
}

.floats .box1, .floats .box2, .floats .box3, .floats .box4, .floats .box5 { 
min-height: 250px; 
height: auto !important; 
height: 250px;  
}

/* * * * * *  levý sloupec - left column  * * * * * */

#leftColumn {
float: left;
width: 14em;
margin: 0;
padding: 0;
background: #FFFFFF;
border: 1px solid #FFFFF0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
color: #000000;
}

#leftColumn h1 { 
margin: 0 0 -1em 0; 
padding: 0;
font-size: 12px;
color: #9F0015;
letter-spacing: 0.1em;
}

#leftColumn h2 { 
margin: 0 0 -1em 0; 
padding: 0;
font-size: 12px;
color: #9F0015;
letter-spacing: 0.1em;
}

/* * * * * *  pravý sloupec - right column  * * * * * */

#rightColumn {
float: right;
width: 14em;
margin: 0;
padding: 0;
background: #FFFFFF;
border: 1px solid #FFFFF0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: justify;
color: #000000;
}

#rightColumn h1 { 
margin: 0 0 -1em 0; 
padding: 0;
font-size: 12px;
color: #9F0015;
letter-spacing: 0.1em;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * *   HLAVIČKOIDNÍ A PATIČKOIDNÍ VĚCI   * * * * * * * * * * * */
/* * * * * * * * * * *      HEADER AND FOOTER THINGS       * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * *  baner - banner  * * * * * */

#banner {
margin: 0;
padding: 0;
}

/* * * * * *  patička - footer  * * * * * */

#copyright {
text-align: center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * *   SLOUPCOVÉ VĚCI    * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * *   COLUMNS STYLES    * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* * * * * * horní menu - head menu  * * * * * */

#menu {
font-family: Arial, Helvetica, sans-serif; 
font-weight: bold;
width: 952px; 
height: 30px; 
font-size: 12px; 
text-align: center;
margin: 0; 
background: #FFFFFF; 
position: relative; 
z-index: 100;
}

#menu ul {
padding: 0; 
margin: 0; 
list-style-type: none;
}

#menu ul li {
float: left;     
width: 119px;
}

#menu ul li a, #menu ul li a:visited {
display: block; 
width: 119px; 
text-decoration: none; 
padding: 0 0 0 0px; 
height: 30px; 
line-height: 30px; 
color: #FFFFFF; 
background: #000000;
}

#menu table {
border-collapse: collapse; 
margin: 0; 
padding: 0; 
font-size: 1em;
}

#menu ul li ul {
visibility: hidden; 
position: absolute; 
top: 30px; 
left: 0; 
}

#menu ul li:hover a, #menu ul li a:hover {
color: #FFFFFF; 
background: #9F0005;
}

#menu ul li:hover ul, #menu ul li a:hover ul {
visibility: visible; 
width: 952px;
background: #9F0005; 
color: #FFFFFF;
}

#menu ul li:hover ul.right_side li, #menu ul li a:hover ul.right_side li {
float: right; 
border: 0px none; 
}

#menu ul li:hover ul.left_side li, #menu ul li a:hover ul.left_side li {
float: left; 
border: 0px none;
}

#menu ul li:hover ul li a.sub, #menu ul li a:hover ul li a.sub {
background: #9F0005; 
color: #FFFFFF;
}

#menu ul li:hover ul li ul, #menu ul li a:hover ul li a ul {
visibility: hidden; 
position: absolute; 
left: 0; 
top: 30px; 
}

#menu ul li:hover ul li a, #menu ul li a:hover ul li a {
display: block; 
background: #9F0005; 
color: #FFFFFF;
}

#menu ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover {
background: #D2691E; 
color: #000000;
}

#menu ul li:hover ul li:hover ul, #menu ul li a:hover ul li a:hover ul {
visibility: visible; 
color: #000000; 
background: #D2691E;
}

#menu ul li:hover ul.right li {
float: right;
}

#menu ul li:hover ul li:hover ul li a, #menu ul li a:hover ul li a:hover ul li a {
background: #D2691E; 
color: #000000;
}

#menu ul li:hover ul li:hover ul li a:hover, #menu ul li a:hover ul li a:hover ul li a:hover {
background: #D2691E; 
color: #FFFFFF;
}

#menu h1 {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

/* * * * * *  spodní menu - down menu  * * * * * */

#downMenu {
border: 1px solid #FFFFFF;
text-align: center;
}

#downMenu h1 {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}

#downMenu h2 { 
margin: 0;
padding: 0;
font-size: 10px;
color: #000001;
letter-spacing: 0.1em;
}