body
{
background: #97bdd8 url(image/pozadi.png) repeat-y top center;
font-size: 11px;
font-family: "verdana", "trebuchet ms", "helvetica", "sans-serif";
color: #6e6e6e;
margin: 30px auto;
}

a
{
color: #930207;
}

a:hover
{
text-decoration: none;
}

strong
{
font-weight: bold;
}

strong span
{
font-weight: normal;
}

.hr
{
clear: both;
margin: 0 0 0 15px;
padding: 5px 0;
width: 450px;
}

hr
{
width: 450px;
height: 1px;
color: #dddddd;
background-color: #eeeeee; 
border: 0px solid #eeeeee;
margin: 0;
padding: 0;
}

h1
{
display: none;
}

h2
{
background: url(image/h1.png) no-repeat 15px;
font-size: 18px;
padding: 20px 0px 10px 45px;
color: #bbbbbb;
text-align: left;
}

h3
{
font-size: 15px;
font-weight: bold;
margin: 20px 0px 0px 15px;
color: #ff6600;
}

h3 a
{
text-decoration: none;
color: #ff6600;
}

h3 a:hover
{
text-decoration: underline;
}

#celek
{
position: relative;
width: 750px;
margin: 0px auto 0px;
}

#stranka
{
position: relative;
width: 788px;
margin: 0px auto 0px;
padding: 0px;
background: url(image/pozadi-obsah.png) repeat-y top;
}

#zahlavi
{
position: relative;
background: url(image/zahlavi.png) no-repeat top;
margin: 0 auto;
width: 788px;
height: 215px;
}

/*  Hlavní menu
*/

#hlavnimenucelek
{
position:relative;
background: url(image/pozadi-obsah.png) repeat-y top center;
padding: 0;
margin: 0 auto;
height:45px;
color: #5fa0bb;
width:820px;
font-family:Arial,Helvetica,Verdana,sans-serif;
}

#hlavnimenu
{
position:relative;
background: url(image/menu-pozadi.png) repeat-x top;
margin: 0 auto 0 20px;
height:45px;
width:779px;
font-size:14px;
font-weight:bold;
padding: 0 0 0 1px;
}

#hlavnimenu ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
float:left;
}

#hlavnimenu ul li
{
display:block;
float:left;
margin:0 1px 0 0;
}

#hlavnimenu ul li a
{
background: url(image/menu-pozadi.png) repeat-x top;
display:block;
float:left;
color: #5fa0bb;
text-decoration:none;
padding:0px;
width: 110px;
height:45px;
}

#hlavnimenu ul li a span
{
padding: 15px 0 0 0;
text-align: center;
height:30px;
width: 110px;
float:left;
}

#hlavnimenu ul li a:hover
{
color: #8da354;
background: url(image/menu-akt.png) repeat-x top;
}

#hlavnimenu ul li a:hover span
{
display:block;
width: 110px;
cursor:pointer;
}

#hlavnimenu ul li a.aktivni span,
#hlavnimenu ul li a.aktivni:hover
{
color: #8da354;
background: url(image/menu-akt.png) repeat-x top;
}
/*  KONEC: hlavní menu
*/

#hlavnilogo
{
position: absolute;
left: 40px;
top: 40px;
width: 200px;
height: 130px;
z-index: 10;
border: none;
}

#sedelogo
{
position: absolute;
left: 600px;
top: 12px;
z-index: 10;
border: none;
}

#titulky
{
position: absolute;
color: #5fa0bb;
left: 35px;
top: 28px;
}

#titulky a, #titulky a:hover
{
color: #5fa0bb;
text-decoration: none;
}

#nadpis
{
position: relative;
background: #f9f9f9 url(image/nadpis_modr.png) no-repeat;
width: 510px;
height: 25px;
color: #6e6e6e;
border: 1px solid #d6d6d6;
}

#hlavni
{
position: relative;
width: 750px;
margin: 0px;
height: auto;
}

#obsah
{
position: relative;
float: left;
width: 465px;
font-size: 13px;
color: #9e9e9e;
padding: 0px 25px 15px 16px;
text-align: justify;
}

#obsah p
{
line-height: 18px;
padding-left: 15px;
margin-bottom: 20px;
}

#obsah p a
{
color: #2A92D9;
}

#obsah p a:hover
{
text-decoration: none;
}

#sloupecmenu
{
position: relative;
float: left;
width: 250px;
margin: 0 0 20px 0;
padding-top: 15px;
}

.box{
background: url(image/box-stred.png) repeat-y top;
margin: 0;
padding: 0;
width: 250px;
}

.box-zeleny{
background: url(image/box-stred-zeleny.png) repeat-y top;
margin: 0;
padding: 0;
width: 250px;
}

.box-vrch{
background: url(image/box-vrch.png) no-repeat;
margin: 0;
padding: 0;
width: 250px;
height: 12px;
}

.box-vrch-zeleny{
background: url(image/box-vrch-zeleny.png) no-repeat;
margin: 0;
padding: 0;
width: 250px;
height: 12px;
}

.box-spodek{
background: url(image/box-spodek.png) no-repeat;
margin: 0;
padding: 0;
width: 250px;
height: 15px;
}

.box-spodek-zeleny{
background: url(image/box-spodek-zeleny.png) no-repeat;
margin: 0;
padding: 0;
width: 250px;
height: 15px;
}

.box-levy{
position: relative;
float:left;
line-height: 18px;
margin: 0;
padding: 0 0 0 25px;
color: #2A92D9;
}

.box-pravy{
position: relative;
float:left;
line-height: 18px;
margin: 0;
padding: 0 0 0 5px;
}

#moje-osoba{
background: url(image/moje-osoba.png) no-repeat;
margin: 20px 0 0 130px;
padding: 0;
height: 25px;
}

#dalsi-sluzby{
background: url(image/dalsi-sluzby.png) no-repeat;
margin: 20px 0 0 130px;
padding: 0;
height: 25px;
}

#dobre-cteni{
background: url(image/dobre-cteni.png) no-repeat;
margin: 20px 0 0 130px;
padding: 0;
height: 25px;
}

#doporucuji{
background: url(image/doporucuji.png) no-repeat;
margin: 20px 0 0 130px;
padding: 0;
height: 25px;
}

#reference{
background: url(image/reference.png) no-repeat;
margin: 20px 0 0 130px;
padding: 0;
height: 25px;
}

#web-slovnicek{
background: url(image/web-slovnicek.png) no-repeat;
margin: 20px 0 0 130px;
padding: 0;
height: 25px;
}

#nejhledanejsi{
background: url(image/nejhledanejsi.png) no-repeat;
margin: 20px 0 0 130px;
padding: 0;
height: 25px;
}

.boxseznam{
list-style-type: none;
margin: 3px 0 0 0px;
padding: 0px;
border-bottom-width: 0;
margin-top: 10px;
margin-bottom: 5px;
}

.boxseznam li{
background: url(image/odrazka-dotaz.png) no-repeat 25px;
font: normal 12px;
color: #666666;
padding: 0px 0 5px 60px;
line-height: 25px;
height: 20px;
}

.boxseznam li a{
color: #666666;
text-decoration: underline;
}

.boxseznam li a:hover{
text-decoration: none;
}

.seznam-osoba{
list-style-type: none;
margin: 3px 0 0 0px;
padding: 0px;
border-bottom-width: 0;
margin-top: 10px;
margin-bottom: 5px;
}

.seznam-osoba li{
background: url(image/odrazka-sipka.png) no-repeat 25px;
font: normal 12px;
color: #666666;
padding: 0px 0 5px 60px;
line-height: 25px;
height: 20px;
}

.seznam-osoba li a{
color: #666666;
text-decoration: underline;
}

.seznam-osoba li a:hover{
text-decoration: none;
}

.menu{
list-style-type: none;
margin: 3px 0;
padding: 0;
width: 200px;
border-bottom-width: 0;
margin-top: 15px;
}

.menu li a{
background: url(image/menu_vert_pas.png) no-repeat;
font: normal 11px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
display: block;
width: auto;
padding: 3px 0;
padding-left: 37px;
text-decoration: none;
line-height: 14px;
height: 14px;
}

.kategorie{
background: url(image/menu_nadpis.png) no-repeat;
font: bold 12px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 3px 0;
padding-left: 9px;
text-decoration: none;
line-height: 20px;
height: 20px;
}

.refnahled
{
position: relative;
float: left;
margin: 10px 0px 10px 10px;
text-align: left;
width: 170px;
font-weight: bold;
}

.refpopis
{
position: relative;
margin: 10px 10px 10px 0px;
float: right;
width: 315px;
}

.mezera
{
padding-left: 15px;
}

* html .menu li a
{
width: 170px;
}

.menu li a:active{
color: #930207;
}

.menu li a:hover{
background: url(image/menu_vert_akt.png) no-repeat;
}

#posledni
{
background: #f0efef;
width: 193px;
margin: 0px;
text-align: center;
padding: 10px 0px;
}

.imgposledni
{
border: 5px #a3a3a3 solid;
}

#nic
{
position: relative;
clear: both;
}

.nic
{
position: relative;
clear: both;
}

#zapati
{
position: relative;
margin: 0px auto 0px;
background: url(image/zapati.png) no-repeat;
width: 788px;
height: 74px;
font-size: 13px;
color: #d0d0d0;
font-family: "helvetica", "trebuchet ms", "sans-serif", "verdana";
font-weight: bold;
}

#login
{
position: relative;
margin: 150px auto 0px;
width: 450px;
height: 250px;
background: url(image/admin.png) no-repeat;
}

#logo_login
{
position: absolute;
left: 15px;
top: 12px;
z-index: 10;
border: none;
}

.noramecek
{
border: none;
}

.galerie
{
position: relative;
width: 480px;
margin: 20px 0 0 10px;
}

.galeriediv a
{
position: relative;
float: left;
background: #eeeeee;
padding: 5px;
margin: 0 0 13px 0;
border: 1px #e0e0e0 solid;
}

.galeriediv a:hover
{
position: relative;
background: #84bee6;
padding: 5px;
margin: 0 0 13px 0;
border: 1px #e0e0e0 solid;
}

.galerienahled
{
position: relative;
float: left;
border: none;
}

#obsah ul
{
list-style-type: none;
margin: 10px 0 0 5px;
padding: 0;
border-bottom-width: 0;
}

#obsah li
{
background: url(image/odrazka-ok.png) no-repeat 15px;
font: normal 12px Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
color: #767676;
padding: 0px 0 5px 45px;
line-height: 25px;
height: 20px;
}

#obsah span li
{
background: url(image/odrazka-dotaz.png) no-repeat 25px;
font: normal 12px Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
color: #767676;
padding: 0px 0 5px 55px;
line-height: 25px;
height: 20px;
}

#obsah span li a
{
font: normal 12px Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
color: #767676;
}

#obsah .chyba li
{
background: url(image/odrazka-chyba.png) no-repeat 15px;
font: normal 12px Verdana, Helvetica, Arial, "Trebuchet MS", sans-serif;
color: #767676;
padding: 0px 0 5px 45px;
line-height: 25px;
height: 20px;
}

#kontaktni-formular form {
  position: relative;
	background: url(image/form.png) no-repeat left top;
  width: 455px;
  height: 285px;
	margin: 0 0 20px 10px;
	padding: 20px 0 0 0;
}

#kontaktni-formular label {
  position: relative;
  left: 20px;
	width: 122px;
	float: left;
	color: #666666;
	text-align: right;
	display:block;
	font-weight: bold;
	padding: 7px 0 0 0;
}

#kontaktni-formular input {
  position: relative;
  left: 35px;
  background: url(image/input.png) no-repeat top;
	width: 238px;
	height: 23px;
	margin: 0 0 8px 0;
	padding: 7px 10px 0 10px;
	color: #666666;
	border: none;
}

#kontaktni-formular textarea {
  position: relative;
  overflow: auto;
  left: 45px;
  background: none;
	width: 238px;
	height: 142px;
	margin: 10px 0 5px 0;
	padding: 0;
	color: #666666;
	border: none;
}

#kontaktni-formular .tlacitko_odeslat {
  position: absolute;
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
	left: 332px;
	top: 270px;
	padding: 0;
	width: 83px;
	height: 29px;
	border: none;
	background: url(image/tl_odeslat.png) right top;
	text-align: center;
}

#kontaktni-formular .tlacitko_odeslat:hover {
	cursor: pointer;
	background: url(image/tl_odeslat.png) left top;
}

.box-zeleny form {
  position: relative;
	width: 233px;
	margin: 5px 0 10px 0;
	left: 13px;
	border: none;
}

.box-zeleny input {
  position: relative;
	width: 150px;
	left: 10px;
	height: 20px;
	padding: 7px 10px 3px 10px;
	color: #5e5e5e;
	background: url(image/input-hledat.png);
	border: none;
}

.box-zeleny .tlacitko_hledat {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0 0 0;
	padding: 0;
	width: 32px;
	height: 32px;
	border: none;
	background: url(image/tl_hledat.png);
	text-align: center;
	cursor: pointer;
}

.oranzove
{
color: #ff6600;
}

.reference
{
margin: 0;
padding: 0;
width: 465px;
font-size: 12px;
color: #6e6e6e;
}

.reference-index
{
background: url(image/nuzky-vert.png) no-repeat 230px 5px;
margin: 0;
padding: 0;
width: 465px;
height: 120px;
font-size: 12px;
color: #6e6e6e;
}

.reference-text
{
position: relative;
float: left;
width: 250px;
}

.reference-text p
{
margin: 0;
padding: 0;
}

.reference-text h3
{
color: #ff6600;
font-size: 14px;
margin: 2px 0 12px 15px;
padding: 0;
}

.ramecek, .ramecek a
{
position: relative;
float: right;
background: url(image/ramecek.png) no-repeat top;
width: 206px;
height: 126px;
}

.ramecek a:hover
{
position: relative;
float: right;
background: url(image/ramecek-hover.png) no-repeat top;
width: 206px;
height: 126px;
}

.ramecek-levy a
{
position: relative;
float: left;
margin-left: 13px;
background: url(image/ramecek.png) no-repeat top;
width: 206px;
height: 126px;
}

.ramecek-levy a:hover
{
position: relative;
float: left;
background: url(image/ramecek-hover.png) no-repeat top;
width: 206px;
height: 126px;
}

.ramecek-pravy a
{
position: relative;
float: right;
background: url(image/ramecek.png) no-repeat top;
width: 206px;
height: 126px;
}

.ramecek-pravy a:hover
{
position: relative;
float: right;
background: url(image/ramecek-hover.png) no-repeat top;
width: 206px;
height: 126px;
}

.nahled-ramecek
{
margin: 10px 9px;
border: none;
}

.nuzky
{
clear: both;
margin: 0 0 10px 15px;
background: url(image/nuzky.png) no-repeat top;
height: 25px;
width: 448px;
}

.spojeni
{
position: relative;
clear: both;
height: 20px;
}

span.otoc_text
{ 
unicode-bidi:bidi-override;
direction: rtl;
}

.cotojatka-anchor { border: 2px solid #ECA999; }
.cotojatka { border: 2px solid #AFC691; }

.cotojatka, .cotojatka-anchor { padding: 3px 5px; background: white; }
body > .cotojatka, body > .cotojatka-anchor { font-size: 110%; }
* html .cotojatka, * html .cotojatka-anchor { font-size: 85%; }

.velky-nahled
{
margin: 10px 0 0 10px;
}

.cenik-sluzba
{
background: url(image/odrazka-cenik.png) no-repeat 15px 3px;
padding: 0 0 0 40px;
display:block;
float:left;
line-height: 20px;
}

.cenik-cena
{
display:block;
float:right;
line-height: 20px;
}