/* Důležité: soubor uložit v kódování UTF-8 (jinak IE6 selže) */
/* CSS for web: www.mafia-jpas.net                            */
/* Author: petroff (thx!), serza, tark, Jirk4                 */
/* Update: 24.10.2007                                         */

/* Pozadí stránky */
html, body {  height:100%;
background-image: URL('styly/pozadi.png'); background-attachment: scroll; background-color: 737373;
margin:0px;
padding:0px;
text-align:justify;
font-family:Calibri, Trebuchet MS;
font-size: 10pt;
}
strong {
text-decoration:bold;font-size:110%;
}
em {
text-decoration:line-through;
}
/* odkazy */
a {
color:black;
text-decoration:none;
font-family:Calibri, Trebuchet MS;
font-size:10pt;
}
a:hover {
color:#820001;
text-decoration:none
}
a .sipka {
visibility:hidden;
color:black;
}
a:hover .sipka {
visibility: visible;
color:black;
}
/*---------------------------------------------------------*/
.text em {font-style:normal}
.text a {font-size: 1em; color:#420001; text-decoration:none}
.text a:hover { font-size: 1em;   text-decoration:underline}

iframe#outp {padding-left: 1%; width: 99%}
/*---------------------------------------------------------*/

/* Definice stylu stránky */
#cely {
width: 770px;
margin-left:auto;
margin-right:auto;
}
/* ########################################################################*/

/* ######################### Definice HLAVIČKY ############################*/
#logo {
position: relative;
width:  770px;
height: 250px;
background: url('styly/logo_cele.jpg') no-repeat center;
}
#logo h1 {
display: block;
width:  770px;
height: 250px;
text-indent: -5555px;
}
#logo a {
display: block;
width:  770px;
height: 250px;
cursor: hand; 
cursor:pointer;
}

#logo_linky {
position:absolute;
top:  215px;
left: 282px;
width: 468px;
height: 25px;
text-indent: 0px;
text-align: center;
vertical-align: middle;
font:  12px/25px Tahoma, "Lucida Grande CE", lucida, sans-serif;
padding: 0px 0px 0px 0px;       
margin: 0;
background: transparent;
}

/* ######################### Definice SLOUPCŮ #############################*/
#levy, #stred, #pravy {
float: left;     	/* pozice bloků - řazeny vlevo */
width: 180px;     	/* šířka rámečku */
text-align:center;	/* zarovnání textu */
padding:0px;      	/* vnitřní okraj */
margin:5px 0px 0px 0px;	/* Vnější okraj = OK */
}
#stred {
width: 400px;       	/* Oprava šířky */
margin:5px 5px 0px 5px;	/* Úprava okraje = OK */
}
/* ######################### Definice MENU ################################*/
#levy ul {        	/* pridal tark */
margin:0;
padding:0 0 0 12px;	/* pridal petroff */
}
#levy li {        	/* pridal petroff */
padding: 4px 12px 0 0;
}

/************** OBSAH - PRAVÝ ********************/
#pravy .obsah {
padding: 0px 8px;        	        /* vnitřní okraj */
margin:5px 0px 0px 0px;         /* vnější okraj */
}

/* Definice pro vrchní obrázek menu */
#levy .zacatek, #pravy .zacatek {
width: 100%;                       /* přebírá šířku sloupce */
height:15px;                      /* Výška je stejná jako u obrázku */
background-color: #C0B09C;
background: url('styly/menu_horni.jpg') no-repeat bottom; background-color: #737373; /* cesta k obrázku a zarovnání dolů  a pozadí */
}
/* Definice pro středovou část menu */
#levy .stred, #pravy .stred {
background: url('styly/menu_stred.jpg') repeat-y; background-color: #737373; /* Opakování obrázku ve svislé ose */
/*padding: 5px 0px 5px 20px;*/
padding:0px 15px 0px 15px;
text-align:left;
}
/* Definice pro spodní obrázek menu */
#levy .konec, #pravy .konec {
width: 100%;                       /* přebírá šířku sloupce */
height:15px;                      /* Výška je stejná jako u obrázku */
background: url('styly/menu_spodni.jpg') no-repeat top; background-color: #737373; /* cesta k obrázku a zarovnání nahoru */
}
/* ######################### Definice TEXTU ###############################*/
/* Definice pro vrchní obrázek text */
#stred .zacatek {
width: 100%;                       /* přebírá šířku z .menu */
height:15px;                      /* Výška je stejná jako u obrázku */
background: url('styly/obsah_horni.jpg') no-repeat bottom; background-color: #737373; /* cesta k obrázku a zarovnání dolů */
}
/* Definice pro středovou část textu */
#stred .stred {
padding: 1px;     
background: url('styly/obsah_stred.jpg') repeat-y; background-color: #737373; /* Opakování obrázku ve svislé ose */
}
/* Definice pro spodní obrázek menu */
#stred .konec {
width: 100%;                       /* přebírá šířku z .text */
height:15px;                      /* Výška je stejná jako u obrázku */
background: url('styly/obsah_spodni.jpg') no-repeat top; background-color: #737373; /* cesta k obrázku a zarovnání nahoru */
margin-top:0;
}

/************** OBSAH - PROSTŘEDNÍ ********************/
.text {
padding:0px 15px 0px 15px;       /* L/P odsazení hlavního obsahu stránky */ 
text-align:justify;
}

.schovat { display:none
}
.cistic {
clear:both;
height:10px;		/* velikost mezery pod sloupci */
font-size:1px;
background:transparent;
}

huhuhuu {
text-decoration:none; border-bottom:1px dashed #c0c0c0;
}

.c_rig { float:right; margin-right:7px; }
.c_lin { margin-left:5px; }

.code {
	font-size: 11px;
	color: #000000;
	border: 1px solid #D9D9D9;
	background-color: #E7E7E7;
	font-weight: normal;
}

.spoluprace {
border:1px solid black;
background: url('images/spolupraca.gif');
margin-left:auto;
margin-right:auto;
width:768px;
height:15px;
text-align:left;
margin-top:10px;
}

.bile { color:white; font-size:8pt; }
.reklama { color:black; font-size:8pt; }


.car {border: 1px solid #c33; width: 355px; padding: 5px; margin: 0px;} /*padding=vnitrni okraj, margin=vnejsi*/
.car h3 {margin: 0; padding: 0; font-family:Calibri, Trebuchet MS; font-size:12pt}
.car .author {text-align:right; width:135px;}
.car .img {width:120px; padding-right:5px;}
.car .text {padding: 0px; padding-top:0px;}
.car table {width: 100%;}

/** upravil tark,delej si s tim pak co chces :) **/

/* h1,h2 {margin:0;}  
TEST: prostřední sloupec je odolný proti prvkům s okraji jako je H2 nebo P 
      -> pozadí se netrhá; netřeba hack 
*/
h1 {margin:0}