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

body	{
	background-color: #F0F0F0;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, san-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #555555;
}

body a	{color:#01692C; font-weight: bold; text-decoration: none;}
body a:hover {color:#019C41; text-decoration: none;}

a img {border-width: 0px;}

h1 {font-size: 16px; color: #019C41; font-weight: bold; margin: 10px 0px 10px 0px; clear: both;}
h2 {font-size: 14px; color: #019C41; font-weight: bold; margin: 30px 0px 10px 0px; clear: both;}
h3 {font-size: 12px; color: #019C41; font-weight: bold; margin: 20px 0px 10px 0px; clear: both;}

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

.cerveny-nadpis {font-size: 14px; color: #FF0000; font-weight: bold; text-align: center; padding-top: 10px; padding-bottom: 10px;}

.nastred {text-align: center;}
.doprava {float: right;}
.doleva {float: left; margin: 0px 20px 0px 0px;}
.doleva2 {width: 230px; float: left; margin: 0px 20px 0px 0px;}

.tucny-text {font-weight: bold;}

.table1 {position: relative; top: 0px; left: 0px; width: 620px;}

.table2 {position: relative; top: 30px; left: 0px; width: 620px; border-style: solid; border-width: 2px; border-color: #01692C; border-spacing: 0px; border-collapse: collapse;}
.table2 th {border-style: solid; border-top: 1px; border-left: 1px; border-right: 1px; border-bottom: 2px; border-color: #01692C; padding-left: 3px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; text-align: center;}
.table2 td {border-style: solid; border-width: 1px; border-color: #01692C; padding-left: 5px; padding-top: 3px; padding-bottom: 3px;}

.table2 .bez-okraje {border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 0px;}

.table3 {
	position: relative; top: 0px; left: 30px; width: 570px; border-style: solid; border-width: 1px; border-color: #01692C; border-spacing: 0px; border-collapse: collapse;
	margin-top: 20px; margin-bottom: 20px;
}


.foto {display: block; width: 165px; height: 119px; background: url("../obrazky/pozadi-foto.gif") no-repeat 0px 0px; margin: 0px 10px 14px 0px; float: left;}
.foto img {position: relative; top: 8px; left: 8px; z-index: 5;}
.foto a img {filter: alpha(opacity=70, style=0); -moz-opacity: 0.7; position: relative; top: 8px; left: 8px; z-index: 5;}
.foto a:hover img {filter: alpha(opacity=100, style=0); -moz-opacity: 1;}

.foto2 {float: left; display: block; width: 119px; height: 165px; background: url("../obrazky/pozadi-foto2.gif") no-repeat 0px 0px; margin: 0px 10px 14px 0px;}
.foto2 a img {filter: alpha(opacity=70, style=0); -moz-opacity: 0.7; position: relative; top: 8px; left: 8px;}
.foto2 a:hover img {filter: alpha(opacity=100, style=0); -moz-opacity: 1;}

.foto3 a img {margin: 5px 7px 5px 7px; padding: 6px; border: 1px solid #00912b; filter: alpha(opacity=70, style=0);-moz-opacity:0.7;}
.foto3 a:hover img {filter:alpha(opacity=100, style=0);-moz-opacity:1;}

/* ----------- 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: 570px; text-align: center;}
#velky-obrazek {border:6px solid #FFFFFF;}
/* --------------------------------------------------------------- */



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

#stredstranky {
	position: relative; top: 15px; z-index: 4;
	width: 980px; 
	text-align: left; 
	margin: auto;
	border: 0px;
}

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




/* ----------- definice tela ----------- */
#pozadi-telo {position: relative; top: 0px; left: 14px; width: 980px; height: 100%; z-index: 4; background-color: #DBDBDB;}

#telo-leve {width: 270px; height: 100%; z-index: 7; background-color: #DBDBDB; float: left;}

#horni-flash {position: absolute; top: 0px; left: 0px; z-index: 8;}
#horni-pozadi-menu-oblouk {position: absolute; top: 76px; left: 199px; width: 71px; height: 55px; z-index: 8; background-image: url("../obrazky/pozadi-menu-oblouk.gif");}

#menu {position: relative; top: 140px; left: 0px; width: 100%; height: 100%; z-index: 8;}
#menu ul {list-style: none; margin: 0px; padding: 0px; border: none;}
#menu li a {
	display: block; width: 230px; font-size: 15px; font-weight: bold; color: #888888; text-decoration: none; 
	padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 40px;
}
#menu li a:hover {color: #000000; background-image: url("../obrazky/leftmenu.gif") no-repeat 0px 50%;}


#telo-prave {width: 710px; height: 100%; z-index: 7; background-color: #FFFFFF; float: right;}

.pozadi-telo-horni {position: relative; top: 0px; left: 0px; width: 100%; height: 76px; z-index: 5; background-image: url("../obrazky/pozadi-horni.gif");}
#logo-horni {position: relative; top: 0px; left: 530px; width: 150px; height: 76px; z-index: 6; background-image: url("../obrazky/logo-horni.gif");}

#topmenu-celek {position: relative; top: 0px; left: 0px; width: 100%; height: 55px;}
#topmenu-oblouk {position: relative; top: 0px; left: 0px; width: 59px; height: 55px; background-image: url("../obrazky/pozadi-menu-oblouk-pravy.gif"); float: left;}
#topmenu {position: relative; top: 0px; left: 0px; width: 651px; height: 33px; background-image: url("../obrazky/pozadi-menu.gif"); float: right;}

#topmenu a {display: block; height: 20px; padding: 0.1em 8px 0px 8px; margin: 7px 15px 0px 0px; font-size: 14px; font-weight: bold; color: #FFFF00; float: right; text-decoration: none;}
#topmenu a:hover {color: #01692C; background: #FFFF00;}

#telo-prave-obsah {
	background-image: url("../obrazky/pozadi-obsah.gif"); background-repeat: no-repeat; background-position: 95% 100%;
	padding-top: 5px; padding-right: 25px; padding-bottom: 25px; padding-left: 30px;
	border-top: 0px; border-left: 0px; border-bottom: 0px; border-right: 25px; border-style: solid; border-color: #DBDBDB;
}

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



/* ----------- definice tabulek ----------- */
.table-formular {width: 300px;}
.td-formular-vlevo {text-align: left;}
.td-formular-vpravo {text-align: right; padding-right: 10px;}
.td-formular-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: #01692C;
	 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 paticky ----------- */

#pata {
	position: relative; top: 0px; left: 0px; width: 100%; height: 24px; background-image: url("../obrazky/pozadi-pata.gif"); background-repeat: repeat-x;
	clear: both;
}

#pata-menu {position: relative; top: 4px; left: 0px; width: 100%; height: 24px; font-size: 12px; color: #01692C; text-decoration: none; text-align: center;}

#pata-menu a {font-size: 12px; color: #01692C; text-decoration: none; text-align: center; margin: 0px 10px 0px 10px;}
#pata-menu a:hover {color: #FFFF00; text-decoration: none;}
/* ---------------------------------------- */


#copyright {position: relative; top: 0px; left: 0px; font-size: 11px; color: #888888; padding: 5px 0px 15px 0px; background-color: #F0F0F0;}
#copyright a {color: #888888; text-decoration: none;}
#copyright a:hover {color: #000000; 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: red;}

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