/* ---------------- Barvy ---------------- */
/*
pozadi: 80% černá = #323232
zakladni texty: světle šedá = #f0f0f0
Odkazy: rudá = #cc0000
*/

/* ---------------- System ---------------- */
body
{
	font-size: 10pt; font-family: sans-serif;
	vertical-align: top; text-align: center;
	margin: 0px; padding: 0px; background-color: #323232; color: #f0f0f0;
	background-position: left top;
	background-image: url(http://www.isa.f.cz/images/pozadi.png);
	background-repeat: repeat;
}
p { margin: 0px; padding: 0px; font-size: 10pt; font-family: sans-serif; }
div { margin: 0px; padding: 0px; color: #f0f0f0; font-size: 10pt; font-family: sans-serif; }
span { margin: 0px; padding: 0px; color: #fff; font-size: 10pt; font-family: sans-serif; }
h1 { margin: 0px; padding: 5px 2px 2px 0px; color: #fff; font-family: sans-serif; }
h2 { margin: 0px; padding: 5px 2px 2px 0px; color: #fff; font-family: sans-serif; }
h3 { margin: 0px; padding: 5px 2px 2px 0px; color: #fff; font-family: sans-serif; }
h4 { margin: 0px; padding: 5px 2px 2px 0px; color: #fff; font-family: sans-serif; }
h5 { margin: 0px; padding: 5px 2px 2px 0px; color: #fff; font-family: sans-serif; font-size: 11pt; }
ul { margin: 0px; padding: 0px; color: #f0f0f0; font-size: 10pt; font-family: sans-serif; }
li { margin: 0px; padding: 0px; color: #f0f0f0; font-size: 10pt; font-family: sans-serif; }
/* Odkazy stndart */
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:active { color: #cc0000; text-decoration: underline; }
a:hover { color: #cc0000; text-decoration: underline; }
/* Ukonceni float */
.floatKonec { clear: both; }

/* ---------------- Zakladni obsah ---------------- */
#zakladObal
{
	position: relative; width: 800px; height: auto;
	text-align: left; margin-left: auto; margin-right: auto; margin-top: 10px; z-index: 1;
}
#levejSloupec
{
     width: 170px; float: left;
}
#pravejSloupec
{
     width: 630px; float: left;
}

/* ---------------- Levej sloupec ---------------- */
#logoObal
{
	width: 170px; height: 100px; text-align: center; z-index: 2;
}
#logoObal img { border: solid 0px #323232; margin: 30px 10px 10px 10px; }

/* ---------------- Pravej sloupec ---------------- */
#hlavaObal
{
	width: 630px; height: 60px; margin-top: 20px;
	text-align: left; z-index: 2;
	background-position: left top;
	background-image: url(http://www.isa.f.cz/images/hlava_pozadi.png);
	background-repeat: no-repeat;
}
#hlavaObal h3 { margin: 15px 0px 15px 60px; }

/* Menu pod hlavickou */
#menuObal
{
	width: 630px; height: 30px; text-align: left; z-index: 2; background-color: #000; color: #fff;
}
#menuObal p { padding: 6px 2px 2px 10px; font-weight: bold; }
#menuObal p a:link { color: #fff; text-decoration: none; font-weight: bold; }
#menuObal p a:visited { color: #fff; text-decoration: none; font-weight: bold; }
#menuObal p a:active { color: #cc0000; text-decoration: underline; font-weight: bold; }
#menuObal p a:hover { color: #cc0000; text-decoration: underline; font-weight: bold; }
#menuObal span { padding: 0px 10px 0px 10px; font-weight: bold; color: #fff; }

/* Leve menu pod logem */
#menuLObal
{
	text-align: left; z-index: 2; color: #fff; margin: 20px 2px 0px 15px;
}
#menuLObal p { padding: 10px 2px 2px 5px; font-weight: bold; }
#menuLObal p a:link { color: #fff; text-decoration: none; font-weight: bold; }
#menuLObal p a:visited { color: #fff; text-decoration: none; font-weight: bold; }
#menuLObal p a:active { color: #cc0000; text-decoration: underline; font-weight: bold; }
#menuLObal p a:hover { color: #cc0000; text-decoration: underline; font-weight: bold; }

/* Data */
#dataObal
{
	width: 610px; min-height: 300px; text-align: left; z-index: 2; color: #fff; padding: 10px;
}

/* Sluzby */
#img1 { z-index: 5; padding: 10px; float: left; }
#img2 { z-index: 5; padding: 10px; float: right; }

/* Reference */
#refernceObal { width: 590px; text-align: center; z-index: 4; margin-top: 25px; }
#refernceObal div { width: 500px; text-align: center; z-index: 5; }
#refernceObal img { margin: -3px 0px 0px 0px; padding: 0px; border: solid 0px #323232; }
#refernceObal p { color: #f0f0f0; font-weight: bold; font-style: italic; padding: 50px 0px 20px 0px; }

/* ---------------- Hlavni podstrana ---------------- */
.HPS_polzkaObal { width: 590px; z-index: 3; margin-bottom: 10px; }
.HPS_polzkaImg { width: 135px; z-index: 4; float: left; text-align: left; }
.HPS_polzkaImg img { border: solid 0px #323232; }
.HPS_polzkaImgC { width: 135px; z-index: 4; float: left; text-align: center; }
.HPS_polzkaImgC img { border: solid 0px #323232; }
.HPS_polzkaText { width: 455px; z-index: 4; float: right; text-align: left; }
.HPS_polzkaText p { padding: 5px; color: #fff; }

/* ---------------- Paticka ---------------- */
#pataObal
{
    width: 620px; height: 30px; text-align: left; background-color: #000; color: #fff; margin-top: 30px;
}
#pataObal p { color: #fff; font-weight: bold; padding: 6px 2px 2px 10px; }
#pataObal span { color: #cc0000; font-weight: bold; padding: 5px; }

/* ---------------- zpetne Odkazy ---------------- */
#STRzpetneOdkazy
{
    position: relative; width: 700px; margin-top: 0px; padding-top: 50px; color: #d3d3d3;
	text-align: center; margin-left: auto; margin-right: auto; z-index: 2;
}
#STRzpetneOdkazy a { color: #d3d3d3; }
#STRzpetneOdkazy span { padding: 0px 10px 0px 10px; color: #d3d3d3; font-size: 10pt; }