/*
STYL STRANEK TYFLO CENTRA
verze - 31. 8. 2009
autor - Jan Gregor - www.jangregor.cz

0. - Na rozrazeni
1. - Zakladni nastaveni
2. - Menu
3. - Obsah
4. - Paticka
5. - Horni Kontejner
999. - Ostatni


Mapa zakladnich css na webu:
1. #vnejsi_kontejner
	1.1 #horni_kontejner
		1.1.1 .hk_horni
		1.1.2 .hk_spodni
			1.1.2.1 .hk_spodni_nadpis
			1.1.2.2 .hk_spodni_orientace
	1.2 #hlavni_kontejner
		1.2.1 obsah
			1.2.1.1 .clanek_head_img
			1.2.1.2 .clanke_telo_img
			1.2.1.3 h1
			1.2.1.4 p
			1.2.1.5 .tisk
			1.2.1.6 .clanek_galerie_img
		1.2.2 menu
	1.3 #paticka
*/




/* 0. - NA ROZRAZENI
- zacatek */

.button {
	font-size: 1.30em;
	padding: 5px;
}

.puj {
	border: 2px solid black;
	border-collapse: collapse;
}
.puj td {
	padding: 5px;
	border: 1px #999999 solid;
}

.puj_cerna td {
	background-color: black;
	color: white;
}

body {
	font-family: Verdana, sans-serif;
}

body.fs1{
	font-size: 0.60em;
}
body.fs2{
	font-size: 0.70em;
}
body.fs3{
	font-size: 0.80em;
}
body.fs4{
	font-size: 0.90em;
}
body.fs5{
	font-size: 1.00em;
}
body.fs6{
	font-size: 1.10em;
}
body.fs7{
	font-size: 1.50em;
}
body.fs7 #vnejsi_kontejner{
	width: 900px!important;
}
body.fs7 #horni_kontejner{
	height: 200px!important;
}

a {
	color: #000000;
}

hr {
	position: relative;
	clear: both;
	border: 5px solid black;
	margin: 30px 0px 35px 0px;
}

#vnejsi_kontejner {
	position: relative;
	float: left;
	display: inline;
	width: 900px;
	margin: 0px 0px 50px 25px;
	padding: 0px;
}

#horni_kontejner {
	position: relative;
	width: 100%;
	margin-bottom: 40px;
	float: left;
	display: inline;
}

#hlavni_kontejner {
	position: relative;
	width: 100%;
	float: left;
	display: inline;
}

#paticka {
	position: relative;
	width: 100%;
	float: left;
	display: inline;
	margin-top: 50px;
	padding: 10px;
	font-size:0.80em;
}

#paticka hr {
	margin: 0px 0px 15px 0px;
	border: 10px solid #f8ec12;
}
#paticka .box {
	float: left;
	margin-right: 30px;
	margin-top:13px;
}

.logo_box {
	float:left; 
	margin-bottom:10px; 
	text-align:center; 
	border: 13px solid white;
	background-color: white;
	color: black!important;
}

.menu {
	position: relative;
	width: 20%;
	float: right;
	display: inline;
	margin-right: 5%;
}

.obsah {
	position: relative;
	width: 75%;
	float: right;
	display: inline;
}



/* 0. - NA ROZRAZENI
- konec */










/* 1. - ZAKLADNI NASTAVENI
- zacatek */


/* 1. - ZAKLADNI NASTAVENI
- konec */






/* 2. - MENU
- zacatek */

/* vertikalni menu */
/* 1. uroven */
.menu ul {
 	list-style-image: none;
	list-style-type: none;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.menu li {
	margin: 0px;
	top: 0px;
	text-decoration: none;
	background-color: white;
	padding: 0px 0px 15px 7px;
}
.menu li:hover {
	color: white!important;
}

.menu li a, .link {
	height: 20px;
	color:  black;
	padding: 0px 0px 0px 0px;
	font-size: 0.90em;
	margin-bottom: 15px;
}

.menu li a:hover, .link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.black {
	padding-top: 3px!important;
	background-color: black!important;
}

.black a {
	color: white!important;
	text-decoration: none!important;
	font-weight: bold;
}

.white {
	padding-top: 3px!important;
	background-color: white!important;
}

.white a {
	background-color: white!important;
	color: black!important;
}


.cerny_predel {
	position: relative;
/*	width: 100%;
	height: 15px;
	background-color: black;
	*/
}

/* 2. uroven */
.menu ul ul {
	margin: 0px 0px 0px 0px;
	font-size: 1.00em;
	background-color: black;
}
.menu ul ul li {
	background-color: black;
}
.menu ul ul a {
	color: white;
}

/* 3. uroven */
.menu ul ul ul {
	margin: 0px 0px 0px 10px;
}
.menu ul ul ul li {
	background-color: white;
}
.menu ul ul ul a {
	color:black;
}
/* 4. uroven */
.menu ul ul ul ul {
	margin: 0px 0px 0px 10px;
}
.menu ul ul ul ul li {
	background-color: white;
}
.menu ul ul ul ul a {
	color:black;
}
/* 5. uroven */
.menu ul ul ul ul ul {
	margin: 0px 0px 0px 10px;
}
.menu ul ul ul ul ul li {
	background-color: white;
}
.menu ul ul ul ul ul a {
	color:black;
}

/* 2. - MENU
- konec */






/* 3. - OBSAH
- zacatek */
.clanek_head_img {
	position: relative;
	display: inline;
}

.clanke_telo_img {
	position: relative;
	float: left;
	display: inline;
}

.obsah h1 {
	font-size: 1.50em;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
}

.obsah h2 {
	font-size: 1.20em;
}

.obsah h3 {
	font-size: 1.00em;
	line-height: 0px;
	padding-top:10px;
}

.obsah p {
	line-height: 1.50em;
}

.tisk {
	position: relative;
	float: left;
	display: inline;
}

.clanek_galerie_img {
	position: relative;
	float: left;
	display: inline;
}


.datum_akce{
	font-size: 1.40em;
	margin-bottom: 15px;
}

/* 3. - OBSAH
- konec */






/* 4. - PATICKA
- zacatek */

/* 4. - PATICKA
- konec */






/* 5. - HORNI KONTEJNER
- zacatek */
.hk_horni {
	position: relative;
	width: 100%;
	height: 100px;
	text-align: left;
	font-size: 0.90em;
	background-color: #f8ec12;
	padding: 1%;


}
.hk_horni .blok {
	float:left;
	margin-right: 0px;
}

.hk_horni .blok ul {
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px;
 	list-style-image: none;
	list-style-type: none;
}
.hk_horni .blok li {
	float: left;
	display: inline;
}

.hk_horni .blok li a {
	display: inline;
	float: left;
	text-decoration: none;
}


.ovl_vel_pisma  {
	border: 1px solid black;
	padding: 2px;
	margin-right: 2px;
	font-weight: bold;
	font-size: 1.50em;
}
.velikost a {
	color: black!important;
}

.cerna  {
	background-color: black!important;
}
.cerna  a {
	color: white!important;
}
.modra  {
	background-color: blue!important;
}
.modra a  {
	color: yellow!important;
}
.bila  {
	background-color: white!important;
	color: black!important;
}
.bila a {
	color: black!important;
}

.hk_horni .invert1 {
	background-color: black;
}

.hk_horni .invert1 a{
	color: white!important;
}

.hk_horni .blok_horni {
	width: 100%;
	float: left;
	height: 60px;
	text-align: right!important;

}
.hk_horni .blok_dolni {
	width: 100%;
	float: left;
	text-align:right;
}



.hk_spodni {
	
}


.hk_horni .blok_dolni ul {
	display: inline;
	float: left;
	padding: 0px;
	margin: 8px 0px 0px 0px;
 	list-style-image: none;
	list-style-type: none;
}
.hk_horni .blok_dolni li {
	float: left;
	display: inline;
	padding: 3px 40px 5px 10px;
	margin-right: 5px;
	border:1px solid black;
}

.hk_horni .blok_dolni li a {
	display: inline;
	float: left;
}




.hk_spodni p {
	margin: 0px;
}

.hk_spodni_nadpis {
	position: relative;
	float:left;
	font-size: 1.50em;
	font-weight: bold;
	width: 20%;
}

.hk_spodni_nadpis a {
	text-decoration: none;
	color: black;
}
.hk_spodni_nadpis a:hover {
	text-decoration: underline;
}

.hk_spodni_orientace {
	border: 1px solid black;
	float: left;
	position: relative;
	width: 100%;
	padding: 2px 10px 2px 5px;
	margin-top: 10px;
}

#VelikostPisma{

}
/* 5. - HORNI KONTEJNER
- konec */








/* 999. - OSTATNI
- zacatek */

/* 999. - OSTATNI
- konec */