@import url("inicializace.css");

/* ----------------------------------------------- */
/* ----- Obecné definice pro všechny stránky ----- */
/* ----------------------------------------------- */

/* ----- Definice písma ----- */
body, div, table,
form, fieldset, input, select, textarea,
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	font-size: 1em;
	font-family: Verdana;
	color: #222222
}

/* ----- Definice odstavců ----- */
h1 {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	margin: 20px 0px 7px 0px
}

h2 {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	margin: 20px 0px 7px 0px
}

h3 {
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	margin: 15px 0px 7px 0px
}

p {
	text-align: left;
	margin: 7px 0px 7px 0px
}

ol, ul {
	text-align: left;
	margin: 4px 20px 7px 20px;
	padding: 0px
}

li {
	margin: 3px 0px 0px 0px;
	padding: 0px
}

/* ----- Definice odkazů ----- */
a {
	color: #00AEEF
}

a:hover {
	color: #990000
}


/* ----- Definice tabulek ----- */
table {
    font-size: 0.95em;
}
table tr.pozadi {
	background-color: #FBF1B4
}


/* ------------------------------------ */
/* ----- Definice hlavních oddílů ----- */
/* -------------------------------------*/


body {
	background: #FFFFFF;
}

div.stranka {
	position: relative;
	width: 950px;
	font-size: 0.75em;
	margin-bottom: 10px;
	padding: 0px 0px 25px 0px;
	background: #FFFFFF;
	border-bottom: 1px solid #666363;
}

/* ----- Definice záhlaví ----- */
div.zahlavi {
	position: relative;
	width: 950px;
	height: 228px;
	text-align: left;
	padding: 0px;
	background: #78B7D5 url('../design/poz_zahlavi.jpg') no-repeat
}

div.zahlavi img.logo {
	position: absolute;
	top: 51px;
	left: 35px;
}

div.zahlavi div.ikony {
	position: absolute;
	top: 212px;
	right: 40px;
}

div.zahlavi div.ikony img {
	margin: 0px 5px 0px 5px;
}

/* ----- Definice hlavního menu ----- */
div.hlmenu {
	position: relative;
	float: left;
	width: 200px;
	padding: 20px 10px 30px 10px;
	z-index: 5
}

div.hlmenu ul {
	padding: 0px;
	margin: 0px 0px 0px 16px;
}

div.hlmenu ul li {
	list-style-image: url('../design/odrazka_hlmenu.gif');
	color: #000000;
	text-align: left;
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 12px;
}

div.hlmenu ul li ul {
	margin: 5px 0px 5px 10px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}

div.hlmenu ul li ul li {
	list-style-type: none;
	list-style-image: none;
	color: #000000;
	text-align: left;
	margin: 0px 0px 3px 0px;
	padding: 0px;
}

div.hlmenu ul li a {
	color: #000000;
	text-decoration: none;
}

div.hlmenu ul li a:hover,
div.hlmenu ul li a.vybrano {
	color: #00AEEF;
}


div.adresa {
	padding: 35px 0px 35px 10px;
	font-size: 11px;
	color: #333333;
}



/* ----- Definice hlavního okna ----- */
div.hlokno {
	position: relative;
	float: left;
	width: 454px;
	text-align: left;
	min-height: 250px;
	_height: 250px;
	padding: 20px 35px 20px 37px;
	background: #FFFFFF;
}

div.hlokno table, div.hlokno div {
	margin: 0px;
}

div.hlokno h1 {

	margin: 0px 0px 20px 0px;
}

/* ----- Definice levého sloupce ----- */
div.pravySloupec {
    position: relative;
    float: right;
	width: 204px;
	min-height: 200px;
	_height: 200px;
	background: #000000 url('../design/poz_pravySloupec.gif') left bottom no-repeat;
}

div.pravySloupec p.reference {
	font-weight: bold;
	font-size: 13px;
    color: #FFFFFF;
    text-align: center;
    margin: 10px 0px 20px 0px;
}

div.pravySloupec p.reference a {
    color: #FFFFFF;
    text-decoration: none;
}

div.pravySloupec img {
	border: 1px solid #FFFFFF;
}

/* ----- Definice banerů dole ----- */
div.baneryDole {
    position: relative;
    float: right;
	width: 691px;
	height: 193px;
	background: url('../design/poz_banery_dole.jpg') no-repeat;
}

div.baneryDole ul.sluzby {
    position: absolute;
    top: 20px;
    left: 0px;
    width: 220px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div.baneryDole ul.sluzby li {
	font-weight: bold;
    text-align: right;
    color: #FFFFFF;
    margin: 0px 0px 14px 0px;
    padding: 0px;
}

div.baneryDole p.prodejna {
    position: absolute;
    top: 35px;
    left: 460px;
    width: 230px;
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
}

div.baneryDole p.vice {
    top: 150px;
    right: 20px;
    width: auto;
    text-align: right;
}


p.zapati {
	font-size: 11px;
    text-align: center;
    color: #333333;
    margin: 0px;
    padding: 0px;
}

p.zapati a {
    color: #333333;
    text-decoration: none;
}

p.zapati a:hover {
    color: #00AEEF;
}



/* ------------------------------ */
/* ----- Speciální definice ----- */
/* ------------------------------ */

div.zobrazitRok {
	margin-bottom: 20px;
	padding: 5px 0px 10px 0px;
	border-bottom: 2px solid #162E53
}

/* ----- Vyhledávání ----- */

p.vyhledavaniPrazdny {
	text-align: center;
	margin: 100px 0px 0px 0px;
}

div.zpetVyhledavani {
	margin-top: 20px;
	padding: 10px 0px 5px 0px;
	border-top: 2px solid #162E53
}

div.vysledkyHledani {
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #162E53
}

div.vysledkyHledani p.nalezeno span {
	font-size: 0.9em;
	color: #162E53;
}

div.vysledkyHledani span.hledane {
	font-weight: bold;
	color: #162E53;
	background: #FFFF99
}

div.zpetVyhledavani p {
	text-align: right;
	margin: 0px;
	padding: 0px;
}



table.form {
	margin: 0px auto;
}

table.form td {
	padding: 3px;
}

table.form td.label {
	text-align: right;
	font-weight: bold;
}

table.form td.label span.povinne {
	color: #0773BA;
}

table.form td.submit {
	text-align: center;
	border-top: 1px solid #0773BA;
}

table.form td input,
table.form td textarea {
	width: 300px;
}

table.form td textarea {
	height: 120px;
}

table.form td.submit input {
	width: auto;
}