﻿/*  2008 (c) design by musil jan for web www.techprofi.cz */

/*  ---------- base ----------------------------------- */

body { 
 margin: 0;
 padding: 0;
 font-size: 12px;
 line-height: 18px;
 font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
 text-align: center;
 color: #000;
 background-color: #7b7e6a; 
}
img {
 border: 0px;
}

td {vertical-align: top}
/* nastavení tabulky náhledu fotek------------------------------------ */

table.foto {
 table-layout: auto;
 width: 640px;
 text-align: center;
}
table.foto td {
 vertical-align: top;
}
table.foto a {
 font-size: 10px;
 color: #666;
 text-decoration: none;
}
table.foto a:hover {
 color: #f00;
 cursor: pointer;  
}

/* nastavení tabulky aktualit ------------------------------------ */

table.new {
 table-layout: auto;
 width: 620px; 
 text-align: left;
} 
table.new td {
 padding-bottom: 6px; 
}
table.new td.go {
 text-align: right;
}
table.new td a {
 font-size: 10px;
 color: #666;
 text-decoration: none;
}
table.new td a:hover {
 color: #f00;
 cursor: pointer;  
}
table.new td.d {            /*datum*/
 width: 120px;
 font-size: 12px;
 color: #666;
 padding-left: 12px;
}

/* nastavení textů ------------------------------------ */

p {
 margin: 0px;
 margin-bottom: 12px;
 margin-left: 6px;
}

/* ----------- global layout ----------------------------------- */

/* nastavení hlavní stránky ------------------------------------ */

#page {                 /*poloha a umístění celé stránky*/               
 position: relative;
 margin: 0 auto; 
 top: 50px; 
 width: 960px;
 height: 602px;
 background-color: #fff;
}
#logo {                 /*skryté logo pro zobrazení bez css*/ 
 position: absolute;
 width: 230px; 
 top: 10px; 
 left: 0px; 
}
#leftmenubg {           /*podklad levého menu*/ 
 position: absolute;
 width: 240px; 
 height: 600px; 
 top: 0px; 
 left: 0px; 
 text-align: left; 
 background-image: url('img/draw.png');
}
#line {                /*přechod levého menu do stránky*/
 position: absolute;
 width: 60px;
 height: 600px;
 top: 0px; 
 left: 241px; 
 background-color: #fff;
 background-image: url('img/line.png');
 background-repeat: repeat-y 
}
#mline {             /*přechod pravé strany do pozadí*/
 position: absolute;
 width: 6px;
 height: 691px;
 top: 0px; 
 left: 960px; 
 background-color: #fff;
 background-image: url('img/mline.png'); 
 background-repeat: repeat-y 
}

/* nastavení datové části -------------------------------------- */

#data {               /*poloha*/
 position: absolute;
 width: 630px;
 height: 600px;
 top: 0px;
 left: 300px;
 text-align: left;
}
#data p {
}
#data li {           /*nastavení odrážek*/
}
#data ul {
}
#data h1.nadpis {                 /*hlavní nadpis zarovnaný v pravo nahoře*/
 font-size: 20px;
 font-family: Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
 color: #000;
 font-weight: 900; 
 font-variant: small-caps; 
 letter-spacing: 1px;
 margin: 20px;
 text-align: right;
}
h1 {                 /*dílčí nadpis uvnitř zvýrazněného pole*/
 font-size: 14px;
 font-family: Verdana, "Lucida Grande", Helvetica, Tahoma, sans-serif;
 color: #f00;
 font-weight: bold; 
 margin: 26px;
 margin-left: 3px;
 margin-bottom: 8px;
 text-align: left; 
}
h2 {                 /*dílčí nadpis uvnitř zvýrazněného pole*/
 font-size: 12px;
 font-family: Verdana, "Lucida Grande", Helvetica, Tahoma, sans-serif;
 color: #f00;
 font-weight: bold; 
 margin: 20px;
 margin-left: 3px;
 margin-bottom: 8px;
 text-align: left; 
}
h3, h4, h5, h6 {                 
 font-family: Verdana, "Lucida Grande", Helvetica, Tahoma, sans-serif;
 color: #000;
 font-weight: bold; 
 margin: 8px;
 margin-left: 3px;
 text-align: left;
}
h3 {    
 font-size: 11px;
}
h4 {                 
 font-size: 10px;
 text-decoration: underline;
}
h5 {                 
 font-size: 10px;
 font-style: italic;
}
h6 {                 
 font-size: 9px;
}

/* nastavení datové části -------------------------------------- */

#fotka {               /*vetší náhled fotografie*/
 padding-right: 24px;
 text-align: center;
}
#fotka p {
 font-size: 11px;
 color: #999;
 margin: 0px;
 margin-top: 6px;
 margin-bottom: 20px; 
}

/* levé navigační menu ------------------------------- */

#leftmenu {
 position: absolute;
 width: 200px; 
 top: 130px;
 left: 35px; 
 text-align: left; 
}
#leftmenu p {margin: 0
}
#leftmenu a {
 font-family: Tahoma, Verdana, "Lucida Grande", Helvetica, sans-serif;
 font-size: 18px; line-height: 26px;
 color: #fff; 
 font-variant: small-caps;
 text-decoration: none;
 font-weight: bold;
}

#leftmenu a.sub {font-size: 14px; line-height: 20px; margin-left: 5px}

#leftmenu a:hover, #leftmenu a.on {
 color: #f00;
 cursor: pointer;  
}

/* zápatí pod datovou částí------------------------------ */

#foot { 
 position: absolute;
 top: 601px; 
 left: 0px;
 width: 960px;
 height: 90px;
 background-color: #3a3b33;
 text-align: right;
}
#foot p {
 margin: 5px;
 color: #ccc;
 font-size: 11px;
 font-family: Tahoma, Verdana, "Lucida Grande", Helvetica, sans-serif;
}
#foot a {
 color: #ccc;
 text-decoration: none;
}
#foot a:hover {
 color: #f00;
 cursor: pointer;  
}
#foot p.f a {
 color: #666;
 text-decoration: none;
}
#foot p.f a:hover {
 color: #f00;
 cursor: pointer;  
}
#znak { 
 position: absolute;
 top: 606px; 
 left: 20px;
 text-align: left;
}

.FCKeditor {text-align: left; background-image: none; background-color: #ffffff}

#overlay img{ border: none; }
#overlay{ background-image: url(img/overlay.png); }
* html #overlay{
	background-color: #000000;
	background-color: transparent;
	background-image: url(img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/foot3.png", sizingMethod="scale");
	}
#lightbox{
	background-color:#eeeeee;
	padding: 10px;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	}
#lightboxDetails{
	font-size: 12px;
	padding-top: 6px;
	}	
#lightboxCaption{ float: left; text-align: left }
#keyboardMsg{ float: right; }
#lightbox img{ border: none; } 

.act {cursor: pointer}
