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

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

body a	{color: #898989; text-decoration: none;}
body a:hover {color: #898989; text-decoration: underline;}
a img {border-width: 0px;}

h1 {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 14pt; font-weight: bold; font-style: italic; color: #F7941D; text-align: left;
	margin-top: 15px; margin-bottom: 15px;
}

h2 { 
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 10pt; font-weight: bold; color: #707070; 
	margin-top: 5px; margin-bottom: 5px;
}

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

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

.nadpis-kontakty {font-size: 10pt; font-weight: bold; color: #000000; text-decoration: underline; margin-top: 0px; margin-bottom: 5px;}
.text {margin-top: 0px; margin-bottom: 5px;}
.text-tucny-cerveny {color: #9E0B0E; font-weight: bold;}
.normal-text {font-size: 10pt; font-weight: normal; color: #000000; }
.maly-text {font-size: 8pt; font-weight: normal; color: #000000; }
.text-mezera { font-size: 6pt; margin: 0px 0px 0px 0px; }

#obsah-fotogalerie {position: relative; top: 10px; left: 0px; z-index: 6; text-align: left; padding-top: 0px;}




/* ----------- zarovnani obsahu stranky ----------- */
/* ----------- pomoci body je vse zarovnano na stred a vnitrni div ma nastavenou sirku a relativni pozici ----------- */
#stredstranky-hlavicka	{
	position: relative; z-index: 4;
	width: 933px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}

#stredstranky-telo	{
	position: relative; z-index: 3;
	width: 703px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}
/* ------------------------------------------------------------------------------------------------------------------ */





/* ----------- definice hlavicky ----------- */
#hlavicka {position: relative; top: 0px; left: 0px; width: 933px; height: 260px; z-index: 3;}

#hlavicka-pozadi-leve {position: absolute; top: 0px; left: 0px; width: 115px; height: 260px; z-index: 4; background-image: url("../obrazky/pozadi-leve.jpg");}
#hlavicka-pozadi-stred {position: absolute; top: 0px; left: 115px; width: 703px; height: 260px; z-index: 4; background-image: url("../obrazky/pozadi-hlavicka.jpg");}
#hlavicka-pozadi-prave {position: absolute; top: 0px; left: 818px; width: 115px; height: 260px; z-index: 4; background-image: url("../obrazky/pozadi-prave.jpg");}

#hlavicka-logo {position: absolute; top: 48px; left: 170px; width: 215px; height: 85px; z-index: 8; background-image: url("../obrazky/logo-compel.gif");}
#hlavicka-motto {position: absolute; top: 218px; left: 130px; width: 485px; height: 28px; z-index: 8; background-image: url("../obrazky/motto.gif");}
/* ----------------------------------------- */





/* ----------- definice tela ----------- */
#telo {position: relative; top: 0px; left: 0px; width: 703px; z-index: 3; background-color: #E6E6E6;}

#telo-leve {position: relative; top: 0px; width: 215px; z-index: 6; float: left; background-color: #FFFFFF;}
#telo-prave {position: relative; top: 0px; width: 488px; z-index: 6; float: right; background-image: url("../obrazky/pozadi-tecky-svetle.gif");}

.telo-leve-akce-pozadi {width: 215px; z-index: 7; text-align: center; background-color: #E6E6E6; padding-top: 10px; padding-bottom: 10px;}

.telo-leve-akce {
	color: #9E0B0E; font-weight: bold; z-index: 8; text-align: center; background-color: #FFFFFF;
	border-style: solid; border-width: 1px; border-color: #9E0B0E;
	margin-left: 8px; margin-right: 8px; padding-top: 5px; padding-bottom: 5px;
}

.apartner-text  {margin-top: 5px; margin-bottom: 5px;}

#telo-text {
	width: 448px; height: auto; min-height: 370px; z-index: 7; text-align: left; background-color: #FFFFFF;
	margin-top: 10px; margin-bottom: 15px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;
}

#telo-text-rolovaci {
/*	width: 448px; height: 390px; z-index: 7; text-align: left; background-color: #FFFFFF; */
	width: 448px; min-height: 800px; height: auto; z-index: 7; text-align: left; background-color: #FFFFFF;
	margin-top: 10px; margin-bottom: 15px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;
/*	overflow: auto; */
}

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

.reference-weby {width: 410px; height: 100px; z-index: 7; text-align: left; margin-top: 15px; padding-bottom: 5px; border-bottom: 1px solid #FFB400;}
.reference-obr {border:1px solid #A9A9A9; margin-bottom: 5px; margin-right: 10px; float: left;}
/* ------------------------------------- */




/* ----------- definice menu ----------- */
#tl1 {position: relative; top: 1px; left: 1px; width: 213px; height: 28px; z-index: 8;}
#tl2 {position: relative; top: 0px; left: 1px; width: 213px; height: 28px; z-index: 8;}
#tl3 {position: relative; top: 0px; left: 1px; width: 213px; height: 28px; z-index: 8;}
#tl4 {position: relative; top: 0px; left: 1px; width: 213px; height: 28px; z-index: 8;}
#tl5 {position: relative; top: 0px; left: 1px; width: 213px; height: 28px; z-index: 8;}
#tl6 {position: relative; top: 0px; left: 1px; width: 213px; height: 28px; z-index: 8;}
#tl7 {position: relative; top: 0px; left: 1px; width: 213px; height: 28px; z-index: 8;}
#tl8 {position: relative; top: 0px; left: 1px; width: 213px; height: 28px; z-index: 8;}
#tl9 {position: relative; top: 0px; left: 1px; width: 213px; height: 28px; z-index: 8;}
/* ------------------------------------- */




/* ----------- definice seznamu  ----------- */
.list1 {list-style-type: square; margin-left: 30px; margin-right: 20px;}
.list1 li {margin-bottom: 5px;}

.list2 {list-style-type: none; margin-left: 10px;}
/* ----------------------------------------- */




/* ----------- definice paticky ----------- */
#pata {
	position: relative; top: 0px; left: 0px; width: 703px; z-index: 3; background-image: url("../obrazky/pozadi-tecky-tmave.gif");
	padding-top: 7px;
	clear: both;
}

#pata-novinky {
	position: relative; top: 0px; left: 0px; width: 683px; z-index: 7; background-color: #CDCDCD;
	margin-bottom: 10px; padding-right: 10px; padding-left: 10px;
}

.obr-mezera {border:1px solid #A9A9A9; margin-top: 5px; margin-bottom: 5px; margin-right: 5px;}

#copyright {
	position: relative; top: 0px; left: 0px; width: 703px; height: 20px; z-index: 6; background-image: url("../obrazky/pozadi-copyright.gif");
	font-size: 7pt; color: #A76100; text-align: center; line-height: 20px;
}

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




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




/* ----------- definice tabulek ----------- */
.table-objednavka {width: 300px;}
.td-objednavka-vlevo {text-align: left;}
.td-objednavka-vpravo {text-align: right; padding-right: 10px;}
.td-objednavka-povinne {font-weight: bold; color: #9E0B0E;}
/* ---------------------------------------- */




/* ----------- definice formularu ----------- */
.form-popis {font-size: 9pt; margin-top: 4px; margin-bottom: 5px;}

.input_text {
	font-family: "Arial CE", Arial, sans-serif; font-size: 9pt; font-style: normal; color: black; background-color: #EEEEEE;
	border-left: none; border-right: medium none; border-top: medium none; border-bottom: dotted; border-width: 1px; border-color: #9E0B0E;
	 margin-top: 2px;
}
	
.textBox {
	font-family: "Arial CE", Arial, sans-serif; font-size: 9pt; font-style: normal; color: black; background-color: #EEEEEE; 
	border-style: solid; border-width: 0px; border-color: #9E0B0E; margin-top: 2px;
}
	
.button {
	font-family: "Arial CE", Arial, sans-serif; font-size: 9pt; font-style: normal; color: #424627; background-color: #EEEEEE; 
	border-style: none;	cursor: hand; margin-top: 10px;
}
/* ----------------------------------------- */




/* ----------- definice obrazku ----------- */
.obr-vpravo {border-width: 0px; padding-left: 10px; float: right;}
.obr-vlevo {border-width: 0px; padding-right: 10px; float: left;}
.obr-n-okno {border: 0px; margin-left: 3px;}
/* ---------------------------------------- */


#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 ----------- */