@import "common.css";

/* Top */
#home {
   width: 50px;
}
#newsticker {
   width : 650px;
	background: transparent;
	margin-top: -361px;
	margin-left: 120px;
	position: relative;
	z-index: 1000;	
	font-size: 9pt;
}
#newsticker ul, #newsticker ul li {
   display: inline;
}
#newsticker ul li a {
   color : #670722;
   text-decoration : underline;
}
#flags {
   width: 150px;
   text-align : right;
}


/* Expand */
.level1 {
   padding : 5px 0;
}
.level1 .expand {
   cursor: pointer;
}
.level1 .expand a:hover {
   text-decoration : underline;
}

.level2 {
	padding: 4px 8px;
   display: none;
}


/* Design */
table#download td {   
   padding : 2px 0;  
}

table.gallery {
   border-collapse : collapse;
}
table.gallery th {   
   text-align : center;
   vertical-align : middle;  
}
table.gallery td {   
   text-align : left;
   vertical-align : middle;  
}

table#menu {
   width : 100%;
   margin : 0;
   padding : 0;	
	margin-top: -35px;
	position: relative;
	z-index: 1000;
}
table#menu td {
   text-align : center;
   padding: 0 8px;
   margin: 0;
   white-space: nowrap;
}
table#menu td.spacer {
   width: 16%;
	padding: 0;
   white-space: nowrap;	
}
table#menu td a, table#menu td a:link, table#menu td a:visited {
   font-size: 13pt;
   color : #dcd2b9;
}
table#menu td a:hover, table#menu td.active a {
   text-decoration: underline;
}

/*
ul#menu {
   padding : 0;
   margin : 0;
   text-align : center;
   margin-top : 338px;   
}
ul#menu li {
   margin : 0;
   padding : 0 16px;
   list-style: none;
   list-style-type: none; 
   display : inline;
   text-align : center;
   letter-spacing : 1px;
   font-weight : bold;
}
ul#menu li.first {
   padding-left : 0;
}
ul#menu li.last {
    padding-right : 0;
}
ul#menu li a, ul#menu li a:link, ul#menu li a:visited {
   font-size: 13pt;
   color : #dcd2b9;
}
ul#menu li a:hover, ul#menu li.active a {
   text-decoration: underline;
}
*/

.cleaner {
   clear : both;
}

/* Layout */

div#frameTop {
   width: 862px;
   padding-top : 16px;
   text-align : center;
   margin : 0 auto;
   background : url(images/frame_top.png) no-repeat;
   _background : url(images/frame_top.gif) no-repeat;
}
div#frameBottom {
   width: 862px;
   padding-bottom : 16px;
   margin-bottom : -16px;
   text-align : center;
   margin : 0 auto;
   background : url(images/frame_bottom.png) no-repeat bottom;
   _background : url(images/frame_bottom.gif) no-repeat bottom;
}

div#page {
   width : 100%;
   height : 100%;
   background : url(images/background_top.gif) repeat-x;
   text-align : center;
   margin : 0 auto;
}

div#top {
   width: 850px;
   padding : 6px 0 2px 5px;
   margin: 0 auto;
   font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #d7b3bf;
}
div#top a {
   font : bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #d7b3bf;
}
div#top a:hover {
   color : #b27487;
}

div#middle {
   width: 830px;
   text-align : center; 
   margin : 0 auto;
   background : url(images/frame_side.png) repeat-y;
   _background : url(images/frame_side.gif) repeat-y;
   padding-left : 16px;
   padding-right : 16px;   
}
div#bottom {
   width: 850px;
   padding : 15px 0 20px 0; 
   margin: 0 auto;
   font : normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color : #a5a7a4;
   text-align : center;
}
div#bottom a {
   font : normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color : #0094c4 
}

div#header {
   width: 830px;
   height: 371px;
   background : url(images/menu_back.jpg) no-repeat;
	position: relative;
	z-index: 0;
}
div#content {
   width: 830px;
   margin: 0 auto; 
   padding-top : 10px;
   background-color : #ffffff;
}
div#left {
   width: 526px; 
   float: left;
}
div#right {
   width: 291px; 
   float: right;
}
div#content1 { 
   width: auto;
   padding: 38px 27px 35px 27px;
   background: #f9eef2 url(images/sign_red.gif) no-repeat;
   background-position : 12px 12px;
   color: #b27587;
}
div#content1 .line {  
   width: auto;
   border-left: 1px solid #5e031e;
   padding: 0 0 15px 15px;
   margin-right : -12px;  
}
div#content1 a, div#content1 b, div#content1 strong {  
   color: #670722;
   font-weight : bold;  
}
div#content1 a:hover {
   color: #b27487;   
}
div#content1 table {
   margin-right : -15px;
   border-collapse : collapse;
}

div#content2 { 
   width: auto;
   padding: 38px 27px 35px 27px;
   background: #f6f3ee url(images/sign_brown.gif) no-repeat;
   background-position : 12px 12px;   
   color: #a4844b;   
}
div#content2 .line {  
   width: auto;
   border-left: 1px solid #a6834b;
   padding: 0 0 15px 15px;
   margin-right : -12px;
}
div#content2 a, div#content2 b, div#content2 strong {  
   color: #a4844b;   
   font-weight : bold;
}
div#content2 a:hover {
   color: #c5b384;   
}
div#content2 table {
   margin-right : -15px;
   border-collapse : collapse;
}
div#content2 table td {
   color: #a4844b;   
}

div#content3 { 
   width: auto;
   padding: 38px 27px 35px 27px;
   background: #d7e6e1 url(images/sign_green.gif) no-repeat;
   background-position : 12px 12px;
   color: #6a9486; 
}
div#content3 .line {  
   width: auto;
   border-left: 1px solid #064e36;
   padding: 0 0 15px 15px;
   margin-right : -12px;
}
div#content3 a, div#content3 b, div#content3 strong {  
   color: #084e36; 
   font-weight : bold;     
}
div#content3 table {
   margin-right : -15px;
}

body {
     background : #6a0324 url(images/background_btm.gif) repeat-x;
     background-position : 0 267px;
}

div {
   margin: 0;
   padding : 0;   
   text-align: left;     
   /* ! nesmí zde být vertical-align kvůli NiftyCorners, jinak je chybné zobrazení !!! */
}

html, body {
   margin: 0;
   padding : 0;   
   text-align: center;
   /* ! nesmí zde být vertical-align kvůli NiftyCorners, jinak je chybné zobrazení !!! */
}