/* resetovaci */

  html,body,
applet,object,iframe,
 h1, h2, h3, h4, h5, h6 ,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
dd,dl,dt,ol,form,label,hr,
table,caption,tbody,tfoot,thead,tr,th,td  {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
	color: #5d5c5a;

}
 li {

}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

.reset {
clear: both;
line-height: 0px;
 width:1px;
visibility: hidden;
}

/* konec reset */

body {
font-family:  Tahoma, Verdana, Helvetica, Geneva, Arial;
font-size: 11px;
color: #053351;
background:  url(img/back-body.jpg) #fff repeat-x; 
text-align: center;
margin: 0;
padding: 1px 0 20px 0;
}
h1 {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 1px;
	left: 1px;
	z-index: 10;
}
h1 a {
	text-decoration: none;
}
h1 a img {
	border: 0;
}
h1 span {
	display: none;
}
h2, h2 a {
	margin: 0 10px;
	font-weight: bold;
	font-size: 12px;
	 
}
h2 a {
color: #053351;
	font-size: 11px;
}
h2 a:hover {
	color: #5d5c5a;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin: 11px 0 0 5px;
	padding: 0;
}
h3 span.a {
	font-size: 18px;
	color: #8a4349;
	line-height: 170%;
}
h3 span.b {
	font-size: 18px;
	color: #a56d81;
	line-height: 170%;
}
h3 span.c {
	font-size: 18px;
	color: #a17fa1;
	line-height: 170%;
}
h3 span.d {
	font-size: 18px;
	color: #90849f;
	line-height: 170%;
}
h3 span.e {
	font-size: 18px;
	color: #8a92b9;
	line-height: 170%;
}
h4 {
padding: 0;
	margin: 15px 7px;
	font-size: 14px;
	font-weight: bold;
	color: #940000;
	line-height: 19px;
}
h4 img {
   position: relative;
	vertical-align: middle;
	margin: -8px 10px 0 0;
}
h4 em {
	color: #cbccce;
	font-size: 19px;
}
h5, h5 a  {
	font-size: 11px;
	font-weight: bold;
	margin: 14px 0 0 15px;
	padding: 0;
	color: #940000;
}
h5.blue, h5.blue a  {
	font-size: 11px;
	font-weight: bold;
	margin: 14px 0 0 15px;
	padding: 0;
	color: #155fb6;
}
h5 img {
	vertical-align: middle;
}
 a {
 	color: #053351;
 }
 a:hover {
 	color: #000;
 }
.container {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 827px;
}
.head {
	display: block;
	background: url(img/back-head.jpg) no-repeat;
	width: 827px;
	height: 158px;
 
}

ul.menu-horizont {
  float: left;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin: 109px 0 0 0;
	padding: 0;
}

li.menu-horizont-1 a, li.menu-horizont-1, 
li.menu-horizont-2 a, li.menu-horizont-2, 
li.menu-horizont-3 a, li.menu-horizont-3,
li.menu-horizont-4 a, li.menu-horizont-4,
li.menu-horizont-5 a, li.menu-horizont-5 {
	display: block;
	float: left;
	width: 137px;
	height: 49px;
}

li.menu-horizont-6 a, li.menu-horizont-6 {
	display: block;
	float: left;
	width: 135px;
	height: 49px;
}

li.menu-horizont-1 {
	background: url(img/back-button-1.png) 0 0 no-repeat;
	 
}
li.menu-horizont-1 a {
	background: url(img/back-button-1.png) 0 0 no-repeat;
	background-position: -137px;
}
li.menu-horizont-2 {
	background: url(img/back-button-2.png) 0 0 no-repeat;
	border-left: solid 1px #fff; 
 
}
li.menu-horizont-2 a {
	background: url(img/back-button-2.png) 0 0 no-repeat;
	background-position: -137px;
}
li.menu-horizont-3 {
	background: url(img/back-button-3.png) 0 0 no-repeat;
	border-left: solid 1px #fff; 
 
}
li.menu-horizont-3 a {
	background: url(img/back-button-3.png) 0 0 no-repeat;
	background-position: -137px;
}
li.menu-horizont-4 {
	background: url(img/back-button-4.png) 0 0 no-repeat;
	border-left: solid 1px #fff; 
 
}
li.menu-horizont-4 a {
	background: url(img/back-button-4.png) 0 0 no-repeat;
	background-position: -137px;
}
li.menu-horizont-5 {
	background: url(img/back-button-5.png) 0 0 no-repeat;
	border-left: solid 1px #fff; 
 
}
li.menu-horizont-5 a {
	background: url(img/back-button-5.png) 0 0 no-repeat;
	background-position: -137px;
}
li.menu-horizont-6 {
	background: url(img/back-button-6.png) left no-repeat;
	border-left: solid 1px #fff; 
 
}
li.menu-horizont-6 a {
	background: url(img/back-button-6.png) left no-repeat;
	background-position: -135px;
}
li.menu-horizont-1 a:hover, 
li.menu-horizont-2 a:hover, 
li.menu-horizont-3 a:hover, 
li.menu-horizont-4 a:hover,
li.menu-horizont-5 a:hover,
li.menu-horizont-6 a:hover    {
	background-image: none;
}

ul.menu-horizont li span {
	display: block;
	width: 135px;
	text-align: center;
	line-height: 49px;
}
ul.menu-horizont  li a {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
ul.menu-horizont  li a:hover {
	color: #053351;
}
ul.menu-horizont li.aktivni a {
	background-position: 0;
	color: #053351;
}
.aktuality {
	position: relative;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: url(img/back-sipky.jpg) no-repeat;
	width: 825px;
	height: 225px;
}
.sluzba-1 {
   position: relative;
	float: left;
	background: url(img/back-cervena.png) repeat-x;
	width: 161px;
	height: 216px;
	margin: 2px 0 0 7px;
}
.sluzba-1-vypis {
   position: relative;
	float: left;
	background: url(img/back-cervena.png) bottom repeat-x;
	width: 813px;
   height: 40px;
	margin: 2px 0 0 7px;
}
.sluzba-1 p, .sluzba-1-vypis p {
	margin:  10px;
	color: #b38489;
}
.sluzba-2 {
   position: relative;
	float: left;
	background: url(img/back-ruz.png) repeat-x;
	width: 161px;
	height: 216px;
	margin: 2px 0 0 2px;
}
.sluzba-2-vypis {
   position: relative;
	float: left;
	background: url(img/back-ruz.png) bottom repeat-x;
	width: 813px;
   height: 40px;
	margin: 2px 0 0 7px;
}
.sluzba-2 p, .sluzba-2-vypis p {
	margin:  10px;
	color: #b98c9c;
}
.sluzba-3 {
   position: relative;
	float: left;
	background: url(img/back-fialova.png) repeat-x;
	width: 161px;
	height: 216px;
	margin: 2px 0 0 2px;
}
.sluzba-3-vypis {
	  position: relative;
	float: left;
	background: url(img/back-fialova.png) bottom repeat-x;
	width: 813px;
   height: 40px;
	margin: 2px 0 0 7px;
}
.sluzba-3 p, .sluzba-3-vypis p {
	margin:  8px;
	color: #b69ab7;
}
.sluzba-4 {
   position: relative;
	float: left;
	background: url(img/back-lila.png) repeat-x;
	width: 161px;
	height: 216px;
	margin: 2px 0 0 2px;
}
.sluzba-4-vypis {
	 position: relative;
	float: left;
	background: url(img/back-lila.png) bottom repeat-x;
		width: 813px;
   height: 40px;
	margin: 2px 0 0 7px;
}
.sluzba-4 p, .sluzba-4-vypis p {
	margin:  10px;
	color: #a89fb4;
}
.sluzba-5 {
   position: relative;
	float: left;
	background: url(img/back-modra.png) repeat-x;
	width: 161px;
	height: 216px;
	margin: 2px 0 0 2px;
}
.sluzba-5-vypis {
	   position: relative;
	float: left;
	background: url(img/back-modra.png) bottom repeat-x;
			width: 813px;
   height: 40px;
	margin: 2px 0 0 7px;
}
.sluzba-5 p, .sluzba-5-vypis p {
	margin:  10px;
	color: #a2a8c7;
}
 .ruzky {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 33px;
	height: 33px;
}
.cervena {
		background: url(img/ruzek-cervena.png) no-repeat;
}
.ruz {
		background: url(img/ruzek-ruz.png) no-repeat;
}
.fialova {
		background: url(img/ruzek-fialova.png) no-repeat;
}
.lila {
		background: url(img/ruzek-lila.png) no-repeat;
}
.modra {
		background: url(img/ruzek-modra.png) no-repeat;
}
p.dalsi {
	text-align: right;
}
p.dalsi img {
	vertical-align: middle;
	margin: 0 0 0 5px;
}
p.dalsi a {
	color: #fff;
	font-size: 10px;
}
p.dalsi a:hover {
	color: #eee;
}
p.sluzba-prodej {
	position: relative;
	text-align: center;
	height: 67px;
	background: url(img/back-vozik.png) center no-repeat;
	margin-top: 17px;
}
 
p.sluzba-it {
	position: relative;
	text-align: center;
	height: 67px;
	background: url(img/back-monitor.png) center no-repeat;
	margin-top: 17px;
}
p.sluzba-www {
	position: relative;
	text-align: center;
	height: 67px;
	background: url(img/back-www.png) center no-repeat;
	margin-top: 17px;
}
p.sluzba-soft {
	position: relative;
	text-align: center;
	height: 67px;
	background: url(img/back-soft.png) center no-repeat;
	margin-top: 17px;
}
p.sluzba-doprava {
	position: relative;
	text-align: center;
	height: 67px;
	background: url(img/back-auto.png) center no-repeat;
	margin-top: 17px;
}
p.bottom {
	color: #fff;
	text-align: right;
	line-height: 49px;
	background: url(img/back-bottom.jpg) repeat-x;
	padding: 0 5px;
	margin: 3px 7px;
}
p.bottom a {
	color: #cbccce;
	text-decoration: none;
	letter-spacing: 1px;
}
p.bottom a:hover {
	color: #fff;
}
p.copy {
	text-align: right;
	color: #2b416b;
	font-size: 10px;
	margin: 5px 7px;
}
p.copy img {
	vertical-align: middle;
	margin: 0 15px 0 0;
}
p.copy a {
	color: #2b416b;
	font-size: 10px;
}
p.copy a:hover {
	color: #000
}
.aktualne {
   float: right;
	width: 326px;
	height: 192px;
	margin: 20px 0 0 0;
	padding: 0 0  0 5px;
	border-left: 1px solid #a0a0a0;
	color: #fff;
}
.aktualne p {
	margin: 5px 10px;
}
p.akt-nadp {
	padding: 0;
	margin: 0;
	background: url(img/aktualne.png) left top no-repeat;
	height: 39px;
}
p.napistenam-nadp {
	padding: 0;
	margin: 0;
	background: url(img/napistenam.png) left top no-repeat;
	height: 39px;
}
 ul#prvky {
	position: absolute;
	right: 20px;
	top: 15px;
}
ul#prvky li {
 
	margin: 8px 0 0 0 ;
	padding: 0;
	width: 22px;
	 
}
ul#prvky li a img{
	border: none;
}
ul#prvky ul 
{ 
 position: absolute;
 padding: 5px;
 z-index: 2;
} 
ul#prvky ul li {
 font-weight: bold;
 padding: 2px;
 margin:-25px 0 0 -132px;
 border: 1px solid #053351;
 background: #8a92b9;
 width: 120px;
 letter-spacing: 1px;
 text-align: center;
 color: #fff;
 font-size: 10px;
}
ul#prvky ul 
{ 
 position:absolute; 
 visibility:hidden;  
} 
ul#prvky  li:hover ul, ul#prvky  li.hover ul 
{ 
visibility:visible; 
} 
ul#prvky  li li 
{ 
float:none; 
} 
ul#prvky  li 
{ 
behavior: url(hover.htc); 
} 
.obsah {
	border-top: solid 7px #fff;
	border-bottom: solid 7px #fff;
	background: #fff;
	color: #2b416b;
}
.obsah p {
margin: 20px;
}
p.sluzba-prodej-vypis {
float: right;
margin: 0 50px 0 0;
padding: 0;
	height: 67px;
	width: 67px;
	background: url(img/back-vozik.png) center no-repeat;
	 
}
p.sluzba-it-vypis {
float: right;
margin: 0 50px 0 0;
padding: 0;
	height: 67px;
	width: 67px;
	background: url(img/back-monitor.png) center no-repeat;
 
}
.obsah-r {
	float: right;
	width: 650px;
}

ul.submenu-vertical  {
   float: left;
	margin: 0;
	padding: 0;
	width: 140px;
}
ul.submenu-vertical li {
   display: block;
	margin: 1px 0 0 7px;
	padding: 0;
}
ul.submenu-vertical li a {
	display: block;
	width: 140px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	line-height: 36px;
	padding: 0 0 0 5px;
}
ul.submenu-vertical li a.vertical1 {
background: url(img/back-cervena.png) top repeat-x;
}
ul.submenu-vertical li a.vertical2 {
background: url(img/back-ruz.png) top repeat-x;
}
ul.submenu-vertical li a.vertical3 {
background: url(img/back-fialova.png) top repeat-x;
}
ul.submenu-vertical li a.vertical4 {
background: url(img/back-lila.png) top repeat-x;
}
ul.submenu-vertical li a.vertical5 {
background: url(img/back-modra.png) top repeat-x;
}
ul.submenu-vertical li a:hover {
	color: #cbccce;
}
form.mailform input, form.mailform textarea {
border: solid 1px #878686;
padding: 3px;
font-size: 10px;
background: #676767;
width: 130px;
color: #d2d2d2;
}
form.mailform textarea {
width: 270px;
height: 80px;
margin: 3px 0;
}
p.but {
	text-align: right;
	width: 285px;
	padding: 0;
	margin: 0;
}
.obsah-leva {
	float: left;
	width: 490px;
}
.obsah-leva-2 {
	float: left;
	width: 350px;
}
.obsah-prava {
	float: right;
	width: 300px;
	border-left: solid 1px #a2a8c7;
	margin: 10px 7px 0 0;
	 padding: 0 10px;
}
.obsah-prava p {
	margin: 6px 15px
}
ul.sluzby {
	margin-bottom: 25px;
}
ul.sluzby li {
	list-style-image: url(img/fajfka.png);
	color: #000;
	margin:  15px 0 0 35px;
}
p.popis-firma {
	font-size: 10px;
	color: #5d5c5a;
	border-bottom: solid 1px #a2a8c7;
	padding-bottom: 5px;
}
p.popis-cinnost {
	font-size: 10px;
	color: #8a92b9;
}
table.zakazky {
	table-layout: fixed;
	margin: 25px 0 25px 25px;
}
table.zakazky td {
	border-bottom: solid 1px #d2d2d2;
	padding-bottom: 2px;
}
td.spolecnost {
	color: #5d5c5a;
	width: 380px;
	font-size: 10px;
}
td.suma {
	color: #8a92b9;
	font-size: 10px;
}
ul.mapa-webu {
	margin: 20px;
}
ul.mapa-webu li {
	list-style-type: circle;
	margin: 5px 0;
}
ul.mapa-webu li a {
	font-size: 11px;
	color: #053351;
}
ul.mapa-webu li a:hover {
	color: #940000;
}
p.jumper {
	float: right;
	width: 250px;
	padding: 0;	
	margin: 40px 0 0 0;
}
table.kontakty {
   
	margin: 20px 0 0 35px;
}
table.kontakty td {
	padding: 3px;
	font-size: 11px;
}
table.kontakty td.vyraz {
	color: #5d5c5a;
	font-weight: bold;
}
p.aktualita {
	margin: 0 0 0 60px;
	color: #676767;
	border-bottom: solid 1px #cbcbcb;
	padding: 0 0 10px 0;
}
p.strankovani {
	text-align: center;
	padding: 10px 0;
}
p.strankovani a {
	font-size: 11px;
	color: #940000;
	margin: 0 2px;
		font-weight: bold;
}
p.strankovani a:hover {
	color: #053351;
}
p.strankovani span {
	font-weight: bold;
	color: #676767;
	margin: 0 3px;
}
p.sponzoring {
	margin: 0 0 0 60px;
	color: #155fb6;
	border-bottom: solid 1px #2b416b;
	padding: 0 0 10px 0;
}
ul.modli li {
	color: #155fb6;
}