/* CSS soubor s definicí stylů */
/* ----------------------------*/

body	{
	background-color: #B8B8AB;
	background-image: url("../obrazky/pozadi.gif"); background-position: top left; background-repeat: repeat-x;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #545454;
}

body a	{color: #A80000; font-weight: bold; text-decoration: none;}
body a:hover {color: #A80000; font-weight: bold; text-decoration: underline;}

#h1-old {
	font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 20pt; font-weight: normal; color: #FFFFFF;
	margin-top: 13px; margin-bottom: 20px; margin-left: 30px; padding-bottom: 0px;
}

h1 {
	font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 24pt; font-weight: normal; color: #A80000; text-align: left;
	margin-top: 0px; margin-bottom: 20px; padding-bottom: 0px;
}

h4 {
	font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #CECEC8; text-align: left;
	margin-top: 30px; margin-bottom: 5px; padding-bottom: 0px;
}

p {margin-top: 5px; margin-bottom: 15px;}
img {border: 0px;}

.tbold {font-weight: bold; padding-bottom: 0px;}

.text-nadpis {font-weight: bold; margin-top: 5px; margin-bottom: 0px;}
.text {margin-top: 0px; margin-bottom: 0px;}
.text-tucny {font-weight: bold;}



/* ----------- zarovnani obsahu stranky ----------- */
/* ----------- pomoci body je vse zarovnano na stred a vnitrni div ma nastavenou sirku a relativni pozici ----------- */

#stredstranky-pozadi {
	position: relative; top: 0px; z-index: 4;
	width: 1130px; 
	text-align: center; 
	margin: auto;
	border: 0px;
	background-color: #FFFFFF;
}

#stredstranky {
	position: relative; top: 0px; z-index: 4;
	width: 1130px; 
	text-align: left; 
	margin: auto;
	border: 0px;
	background-color: #FFFFFF;
}

/* ------------------------------------------------------------------------------------------------------------------ */



/* ----------- definice hlavicky ----------- */
#menu-jazykove {
	position: relative; top: 0px; left: 0px; width: 1130px; height: 31px; z-index: 5;
	color: #9E9E9E; font-weight: normal; font-size: 9pt;
}
#menu-jazykove a {color: #9E9E9E; font-weight: normal; font-size: 9pt; text-decoration: none;}
#menu-jazykove a:hover {color: #9E9E9E; font-weight: normal; text-decoration: underline;}

#menu-jazykove-text {position: absolute; top: 7px; left: 750px; width: 260px; height: 20px; z-index: 5; text-align: right;}
#menu-jazykove-vlajky {position: absolute; top: 5px; left: 1016px; width: 115px; height: 25px; z-index: 5;}

#pozadi-hlavicka {position: relative; top: 0px; left: 0px; width: 1130px; height: 280px; z-index: 5; background-image: url("../obrazky/pozadi-hlavicka.jpg");}

#logo-afcz {position: absolute; top: 25px; left: 12px; width: 380px; height: 230px; z-index: 6; background-image: url("../obrazky/logo.jpg");}
#hlavicka-obdelnik {position: absolute; top: 138px; left: 630px; width: 499px; height: 95px; z-index: 6; background-color: #A80000; background-image: url("../obrazky/pozadi-hlavicka-text-de.gif");}
/* ----------------------------------------- */



/* ----------- definice menu ----------- */
#menu {position: relative; top: 1px; left: 0px; width: 1130px; height: 39px; z-index: 6; background-image: url("../obrazky/pozadi-menu.gif");}
#menu ul {list-style: none; margin: 0px; padding: 0px; border: none;}

#menu-odrazka1 {
	position: absolute; top: 0px; left: 4px; width: 172px; height: 39px; z-index: 8;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka1 a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tla.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none;
}
#menu-odrazka1 a:hover {color: #FFFFFF; text-decoration: none; background-image: url("../obrazky/tlb.gif");}

#menu-odrazka1b {
	position: absolute; top: 0px; left: 4px; width: 172px; height: 39px; z-index: 8;
	color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka1b a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tlb.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #FFFFFF; text-decoration: none;
}

#menu-odrazka2 {
	position: absolute; top: 0px; left: 162px; width: 172px; height: 39px; z-index: 8;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka2 a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tla.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none;
}
#menu-odrazka2 a:hover {color: #FFFFFF; text-decoration: none; background-image: url("../obrazky/tlb.gif");}

#menu-odrazka2b {
	position: absolute; top: 0px; left: 162px; width: 172px; height: 39px; z-index: 8;
	color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka2b a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tlb.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #FFFFFF; text-decoration: none;
}

#menu-odrazka3 {
	position: absolute; top: 0px; left: 320px; width: 172px; height: 39px; z-index: 8;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka3 a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tla.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none;
}
#menu-odrazka3 a:hover {color: #FFFFFF; text-decoration: none; background-image: url("../obrazky/tlb.gif");}

#menu-odrazka3b {
	position: absolute; top: 0px; left: 320px; width: 172px; height: 39px; z-index: 8;
	color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka3b a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tlb.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #FFFFFF; text-decoration: none;
}

#menu-odrazka4 {
	position: absolute; top: 0px; left: 478px; width: 172px; height: 39px; z-index: 8;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka4 a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tla.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none;
}
#menu-odrazka4 a:hover {color: #FFFFFF; text-decoration: none; background-image: url("../obrazky/tlb.gif");}

#menu-odrazka4b {
	position: absolute; top: 0px; left: 478px; width: 172px; height: 39px; z-index: 8;
	color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka4b a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tlb.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #FFFFFF; text-decoration: none;
}

#menu-odrazka5 {
	position: absolute; top: 0px; left: 636px; width: 172px; height: 39px; z-index: 8;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka5 a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tla.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none;
}
#menu-odrazka5 a:hover {color: #FFFFFF; text-decoration: none; background-image: url("../obrazky/tlb.gif");}

#menu-odrazka5b {
	position: absolute; top: 0px; left: 636px; width: 172px; height: 39px; z-index: 8;
	color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka5b a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tlb.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #FFFFFF; text-decoration: none;
}

#menu-odrazka6 {
	position: absolute; top: 0px; left: 794px; width: 172px; height: 39px; z-index: 8;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka6 a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tla.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none;
}
#menu-odrazka6 a:hover {color: #FFFFFF; text-decoration: none; background-image: url("../obrazky/tlb.gif");}

#menu-odrazka6b {
	position: absolute; top: 0px; left: 794px; width: 172px; height: 39px; z-index: 8;
	color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka6b a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tlb.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #FFFFFF; text-decoration: none;
}
#menu-odrazka7 {
	position: absolute; top: 0px; left: 952px; width: 172px; height: 39px; z-index: 8;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka7 a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tla.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #072447; font-weight: bold; font-size: 10pt; text-decoration: none;
}
#menu-odrazka7 a:hover {color: #FFFFFF; text-decoration: none; background-image: url("../obrazky/tlb.gif");}

#menu-odrazka7b {
	position: absolute; top: 0px; left: 952px; width: 172px; height: 39px; z-index: 8;
	color: #FFFFFF; font-weight: bold; font-size: 10pt; text-decoration: none; text-align: center;
}
#menu-odrazka7b a {
	display: block; width: 172px; height: 29px; background-image: url("../obrazky/tlb.gif"); padding-top: 10px; padding-bottom: 0px;
	color: #FFFFFF; text-decoration: none;
}
/* ------------------------------------- */


#obsah {
	position: relative; top: 0px; left: 0px; width: 1130px; _height: 650px; min-height: 650px; background-color: #FFF;
	background-image: url("../obrazky/logo-dolni.gif"); background-position: right bottom; background-repeat: no-repeat;
}



/* ----------- definice leve strany ----------- */
#levastrana {
	position: relative; top: 0px; left: 0px; width: 241px; _height: 600px; min-height: 600px; z-index: 6; background-image: url("../obrazky/pozadi-leve-telo.gif");
	margin-top: 10px; margin-left: 10px; float: left;
}

#logo-kontakt {
	position: relative; top: 0px; left: 0px; width: 175px; height: 100px; z-index: 7; background-image: url("../obrazky/logo-kontakt.gif");
	margin-top: 15px; margin-left: 15px;
}
#levastrana-adresa {position: relative; top: 0px; left: 0px; width: 180px; height: 170px; z-index: 7; margin-top: 18px; margin-left: 35px;}
#levastrana-mapa {position: relative; top: 80px; left: 0px; width: 175px; height: 100px; z-index: 7; margin-left: 10px;}
#levastrana-mapa img {border: 5px; border-style: solid; border-color: #FFFFFF;}
/* ----------------------------------------- */



/* ----------- definice prave strany ----------- */
#pravastrana {
	position: relative; top: 0px; left: 0px; width: 833px; _height: 600; min-height: 600px; z-index: 8;
	margin-top: 24px; margin-left: 46px; float: right;
}

#pravastrana-telo {position: relative; top: 0px; left: 0px; width: 770px; z-index: 9;}

.foto a img {margin-bottom: 20px; margin-right: 20px; border:5px solid #CECEC8; filter: alpha(opacity=70, style=0);-moz-opacity:0.7;}
.foto a:hover img {filter:alpha(opacity=100, style=0);-moz-opacity:1;}

.reference-obr {float: left;}
.reference-popis {width: 510px; height: 102px; margin-bottom: 20px; float: right;}
/* ------------------------------------- */



/* ----------- definice paticky ----------- */
#pozadi-pata {position: relative; top: 0px; left: 0px; width: 1130px; height: 30px; z-index: 7;background-color: #B8B8AB;}

#copyright {
	position: relative; top: 7px; right: 0px; width: 1130px; height: 20px; z-index: 7;
	font-size: 9pt; color: #FFFFFF; text-align: right;
}

#copyright a {font-weight: normal; color: #FFFFFF; text-decoration: none;}
#copyright a:hover {font-weight: normal; color: #FFFFFF; text-decoration: underline;}
/* ---------------------------------------- */



/* ----------- definice seznamu  ----------- */
.list1 {list-style-type: square; margin-top: 5px; margin-left: 15px; margin-right: 10px; padding-left: 0px;}
.list2 {list-style-type: square; margin-top: 15px; margin-left: 40px; margin-right: 10px; padding-left: 0px;}
.vyssi-radek  {margin-top: 5px;}
.list3 {list-style-type: none; margin-top: 5px; margin-bottom: 5px; margin-left: 10px;}
/* ----------------------------------------- */



/* ----------- definice okna galerie s velkym obrazkem ----------- */
#stredstranky-galerie {position: relative; width: 700px; margin: auto;}
#galerie-velky-obrazek {position: relative; top: 20px; left: 0px; z-index: 1; width: 700px; height: 600px; text-align: center;}
#velky-obrazek {border:5px solid #FFFFFF;}

#stredstranky-galerie a {color: #FFFFFF; font-weight: bold; text-decoration: none;}
#stredstranky-galerie a:hover {color: #FFFFFF; font-weight: bold; text-decoration: none;}
/* --------------------------------------------------------------- */



#cvicne-oramovani {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: white;}
#cvicne-oramovani2 {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: green;}
#cvicne-oramovani3 {border-top: 1px; border-left: 1px; border-bottom: 1px; border-right: 1px; border-style: dashed; border-color: blue;}

/* ----------- Kajikuv vymysl ----------- */