body {margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.7em; text-align: center;}
h1           {position: absolute; top: -18px; left: 31px;
              margin: 0; width: 578px; height: 60px; line-height: 40px;
              text-indent: 80px; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1.3em;}
h1#vstup     {background:url(img/h1-home.gif) no-repeat top;}
h1#profil    {background:url(img/h1-profil.gif) no-repeat top;}
h1#kontakt   {background:url(img/h1-kontakt.gif) no-repeat top;}
h1#media     {background:url(img/h1-media.gif) no-repeat top;}
h1#reference {background:url(img/h1-reference.gif) no-repeat top;}
h1.novinky   {background:url(img/h1-novinky.gif) no-repeat top;}
h1#produkty  {background:url(img/h1-produkty.gif) no-repeat top;}
h1#systemy   {background:url(img/h1-systemy.gif) no-repeat top;}
h1#certifikat{background:url(img/h1-certifikat.gif) no-repeat top;}

h2 {color: #236396; margin: 15px 0 5px 0; font-size: 1.3em; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
h3 {color: #236396; margin: 20px 0 5px 0; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif;}
h4 {color: #236396; margin: 15px 0 5px 10px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif;}
h5 {font-size: 1em; margin: 0; font-weight: normal;}
h6 {height: 48px; line-height: 38px; margin: 10px 0 0 0; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0 0 0 55px;}
h2.novinky {background: url(img/novinky.jpg) no-repeat top; height: 48px; line-height: 38px; margin: 10px 0 0 0; font-size: 1.3em; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0 0 0 55px;}
p {text-align: justify; margin: 3px 0 15px 0;}
a {color: #AC0000;}
ol {font-weight: bold;}
ol p {font-weight: normal;}
table{font-size:1em;}
.text h3 {font-size: 1em; margin: 0; font-weight: normal;}
h2.h4 {color: #236396; margin: 15px 0 5px 10px; font-size: 1.1em; font-family: Arial, Helvetica, sans-serif;}
.obraz {
	margin: 10px 0;
	/*border: 1px solid #0E425D;*/
}
ul {
	margin: 10px 0px 10px 10px;
	width: 100%;
}
ul li {
	margin: 2px 0px;
	list-style: none;
	padding-left: 15px;
	background: url(img/bg_li2.gif) no-repeat 0px 5px;
}

#pruh1 {background: url(img/bg-pruh1.gif) repeat-x top;}
#pruh1 #container1 {position: relative; width: 884px; height: 255px; margin: 0 auto; text-align: left; background: url(img/bg-pruh1-container.gif) no-repeat top;}

#pruh2 {background: #AB0000;}
#pruh2 #container2 {position: relative; width: 884px; margin: 0 auto; text-align: left; background: url(img/bg-pruh2-container.gif) repeat-y left;}
#pruh2 #container2 #bgprofil {background: url(img/podklady/profil.jpg) no-repeat 31px bottom; padding-bottom: 20px;}
#pruh2 #container2 #bgkontakty {background: url(img/podklady/kontakty.jpg) no-repeat 31px bottom; padding-bottom: 20px;}
#pruh2 #container2 #bgreference {background: url(img/podklady/reference.jpg) no-repeat 31px bottom; padding-bottom: 20px;}
#pruh2 #container2 #bgnapsali {background: url(img/podklady/napsali.jpg) no-repeat 31px bottom; padding-bottom: 20px;}
#pruh2 #container2 #bgsystemy {background: url(img/podklady/systemy.jpg) no-repeat 31px bottom; padding-bottom: 20px;}
#pruh2 #container2 #bgnone {background: none; padding-bottom: 20px;}

#pruh3 {background: url(img/bg-pruh3.gif) repeat-x top; border-bottom: 10px solid #fff;}
#pruh3 #container3 {position: relative; width: 884px; height: 32px; margin: 0 auto; text-align: left; background: url(img/bg-pruh3-container.gif) no-repeat top;}

#popai {text-align: center; width: 884px; margin: 0 auto; border-bottom: 10px solid #fff; color: #666;}
#popai2 {width: 580px;}
#popai img {margin: 3px 0;}

/* 1. pruh */
#menu         {position: absolute; top: 17px; left: 31px; width: 578px; height: 30px;
               background:#A9A9A9 url(img/menu-backgr.gif) repeat-x top;}
#menu a       {display: block; float: left; height: 19px; _height: 26px; padding-top: 7px;
               color: #fff; text-transform: uppercase; text-align: center; text-decoration: none;
               background-repeat:no-repeat; background-position:left bottom;}
#menu a#menu1 {width: 72px; background-image: url(img/menu01.gif);}
#menu a#menu2 {width: 94px; background-image: url(img/menu05.gif);}  /*88 03*/
#menu a#menu3 {width: 88px; background-image: url(img/menu03.gif);}
#menu a#menu4 {width: 75px; background-image: url(img/menu04.gif);}
#menu a#menu5 {width: 94px; background-image: url(img/menu05.gif);}
#menu a#menu6 {width: 66px; background-image: url(img/menu06.gif);}
#menu a#menu7 {width: 88px; background-image: url(img/menu03.gif);}  /*94 05*/

#menu a#menu1:hover,
#menu a#menu2:hover,
#menu a#menu3:hover,
#menu a#menu4:hover,
#menu a#menu5:hover,
#menu a#menu6:hover,
#menu a#menu7:hover {padding-top: 10px; height: 16px; _height: 26px;}
#menu a#menu1:hover {background-image: url(img/menu01-over.gif);}
#menu a#menu2:hover {background-image: url(img/menu05-over.gif);}
#menu a#menu3:hover {background-image: url(img/menu03-over.gif);}
#menu a#menu4:hover {background-image: url(img/menu04-over.gif);}
#menu a#menu5:hover {background-image: url(img/menu05-over.gif);}
#menu a#menu6:hover {background-image: url(img/menu06-over.gif);}
#menu a#menu7:hover {background-image: url(img/menu03-over.gif);}

#menu a#menu1.active,
#menu a#menu2.active,
#menu a#menu3.active,
#menu a#menu4.active,
#menu a#menu5.active,
#menu a#menu6.active, 
#menu a#menu7.active {padding-top: 10px; height: 16px; _height: 26px;}
#menu a#menu1.active {background-image: url(img/menu01-active.gif);}
#menu a#menu2.active {background-image: url(img/menu05-active.gif);}
#menu a#menu3.active {background-image: url(img/menu03-active.gif);}
#menu a#menu4.active {background-image: url(img/menu04-active.gif);}
#menu a#menu5.active {background-image: url(img/menu05-active.gif);}
#menu a#menu6.active {background-image: url(img/menu06-active.gif);}
#menu a#menu7.active {background-image: url(img/menu03-active.gif);}

#menu a#menu1.active:hover {background-image: url(img/menu01-active.gif);}
#menu a#menu2.active:hover {background-image: url(img/menu05-active.gif);}
#menu a#menu3.active:hover {background-image: url(img/menu03-active.gif);}
#menu a#menu4.active:hover {background-image: url(img/menu04-active.gif);}
#menu a#menu5.active:hover {background-image: url(img/menu05-active.gif);}
#menu a#menu6.active:hover {background-image: url(img/menu06-active.gif);}
#menu a#menu7.active:hover {background-image: url(img/menu03-active.gif);}

#menu .cleaner {clear: both; height: 3px; background: url(img/menu-bottom.gif) repeat-x top;}

#motiv  {position: absolute; top: 47px; left: 31px;}
#motiv h1 {display: none;}
#prost  {position: absolute; top: 47px; left: 609px;}
#vlajky {position: absolute; top: 79px; left: 4px; width: 27px;}
#vlajky a {display: block; width: 27px; height: 20px; text-decoration: none; background-position: 6px 0px; background-repeat: no-repeat;}
#vlajky a.active   {background-position: 0px 0px;}
#vlajky a:hover    {background-position: 0px 0px;}
#vlajky a#cesky    {background-image: url(img/vlajka-cz.gif);}
#vlajky a#anglicky {background-image: url(img/vlajka-en.gif); margin-top: 3px;}
#vlajky a#nemecky  {background-image: url(img/vlajka-de.gif); margin-top: 3px;}


/* 2. pruh */
#sloupec1 {float: left; width: 519px; margin-left: 64px; margin-right: 18px; display: inline; padding: 50px 0px 0 0;}
#sloupec2 {float: left; width: 231px; margin-left: 13px; display: inline;}


/* 3. pruh */
#copy {color: #fff; padding: 10px 0 0 40px;}
#copy a {color: #fff; text-decoration: none;}
#copy a:hover {text-decoration: underline;}


/* TRIDY */
.cleaner {clear: both; font-size: 0px; line-height: 0px; height: 0px;}
.fLeft {float: left;}
.fRight {float: right;}
.center {text-align: center;}
.iLeft {float: left; margin-right: 10px;}
.iRight {float: right; margin-left: 10px;}
.tRight {text-align: right;}

/* novinky */
.novinka {margin: 10px 0px 25px 0px; background: url(img/hr.gif) repeat-x bottom; padding: 0 0 15px 0;}
.novinka .obr {float: left; border: 1px solid #9D989E; padding: 1px; background: #fff; margin-right: 10px;}
.novinka .text {float: left; width: 430px; color: #565656;}
.novinka .datum {font-weight: bold; color: #353535; margin: 0 0 3px 0; float: right;}
.novinka h2 {margin-top: 0;}
#sloupec2 .novinka {margin: 10px 10px 25px 10px; background: none; padding: 0;}
#sloupec2 .novinka .obr {float: left; border: 1px solid #9D989E; padding: 1px; background: #fff; margin-right: 10px;}
#sloupec2 .novinka .text {float: left; width: 132px; color: #565656;}
#sloupec2 .novinka .datum {float: none;}
#vicenovinek {text-align: right; margin: 10px 0;}
#vicenovinek a {background: url(img/odr-sipka.gif) no-repeat left 60%; padding-left: 10px;}

/* boxy napr. v profilu */
.boxtmavy {float: left; width: 234px; _width: 244px; padding: 10px; background: #236396; color: #fff; margin: 10px 10px 10px 0;}
.boxsvetly {float: left; width: 234px; _width: 244px; padding: 10px; background: #5EA0C4; color: #fff; margin: 10px 0;}
.boxtmavy h3, .boxsvetly h3, .boxtmavy a, .boxsvetly a {color: #fff;}
.boxtmavy ul, .boxsvetly ul {margin: 0; padding: 0; list-style: none; margin: 0 0 10px 10px;}
.boxtmavy ul li, .boxsvetly ul li {background: url(img/odr-bila.gif) no-repeat left 4px; padding: 0 0 5px 15px;}

/* reference */
a.reference {float: left; display: block; width: 240px; padding: 5px; text-decoration: none; margin-bottom: 10px;}
a.reference:hover {background: #eee;}
a.reference h2 {margin: 0; font-size: 1.1em;}
a.reference img {float: left; margin: 0 5px 0 0; border: 1px solid #aaa;}
a.reference .datum {color: #555;}
.mezera {float: left; width: 5px;}
a.galerie {float: left; width: 140px; _width: 160px; text-align: center; padding: 5px 10px; text-decoration: none; margin-bottom: 10px; color: #236396;}
a.galerie:hover {background: #eee;}
a.galerie img {border: 1px solid #aaa; padding: 1px; background: #fff; margin: 3px 0;}
.katalog      {display:block; margin:0 0 10px 10px;}

/* strankovani */
.strankovani {padding: 10px; text-align: right; background: url(img/hr.gif) repeat-x top; margin: 10px 0; color: #777;}
.strankovani a {color: #000; text-decoration: none; padding: 0px 4px; border: 1px solid #fff;}
.strankovani a:hover {border: 1px solid #aaa;}
.strankovani a.active {background-color: #999; border: 1px solid #999; color: #fff;}
.strankovani a.zpet {border: none; float: left; color: #AC0000; background: url(img/odr-sipka.gif) no-repeat left 60%; padding-left: 10px;}
.strankovani a.zpet:hover {border: none; text-decoration: underline;}

/* profily produktu */
.profily {margin: 20px 0 0 0;}
.profily h2 {margin: 0 0 3px 0; font-size: 1.1em;}


#tabulka-formular {
	border-collapse: collapse;
	background-color: #ECECEC;
	padding: 5px;
	margin-bottom: 10px;
}
#tabulka-formular tr td {
	padding: 3px 10px;
}
#tabulka-formular tr th {
	padding: 3px 10px;
	text-align: left;
}
.tlacitko {
	background-color: #AB0000;
	color: White;
	font-size: 0.8em;
	padding: 3px 6px;
	cursor: pointer;
	font-weight: bold;
	margin: 2px 0;
	border: 1px solid #A5ACB2;
}
#rozcestnik a {
	display: block;
	width: 180px;
	font-size: 1.2em;
	height: 24px;
	line-height: 24px;
	background-color: #0E425D;
	color: White;
	text-align: center;
	text-decoration: none;
	margin: 5px 0 5px 180px;
}
#rozcestnik a:hover {
	background: #AB0000;
}
#rozcestnik1   {top:24px;	left:80px; position:absolute;	width:500px;}         /*float:left;*/
#rozcestnik1 a {display:inline-block; vertical-align:top;                     /*float:left;*/
	             	margin:0 -1px; padding:5px 4px; border-bottom:1px solid white;       /*font-size:1.2em;*/
	              background-color:#0E425D;
                color:white; font-weight:bold; text-decoration:none;}
#rozcestnik1 a:hover,
#rozcestnik1 a.zaskrtle {background-color:#AB0000; padding:5px 4px 3px 4px; border-bottom:3px solid white;}
#rozcestnik1 .logo      {display:inline-block; top:5px; position:relative;
                         margin:-8px 0 0 0; padding:0; border:0;}

#rozcestnik2   {display:inline-block; margin-left:15px; padding:2px 3px; background-color:white;}
#rozcestnik2 a {display:inline-block;   
	             	margin:0 -1px; padding:2px 8px;
	              background-color:#cccccc; text-decoration:none;}
#rozcestnik2 a:hover,
#rozcestnik2 a.zaskrtle {color:white; background-color:#ab0000;}
#logoh1     {top:5px; position:relative;}
.strankuj a {margin:0 5px; padding:0 3px 2px 3px; }

#rozcestnik3   {top:-20px; left:0px; position:relative;	width:500px;}
#rozcestnik3 a {display:inline-block; margin-left:15px; padding:2px 3px; }
#rozcestnik3 a img {display:inline-block; border:none; background-color:white;
                    top:6px; position:relative;}
#rozcestnik3 a:hover{text-decoration:none;}

.dopisy {margin: 0px 8px 10px 8px;border: 1px solid #CCCCCC;}

ul.napsali    {margin:0px; padding:0px 5px;}
ul.napsali li {margin:3px 0 10px 0; height:20px; background:none; padding:0px;}
.napsali li a {display:block;}
.napsali a:hover {text-decoration:none;}
/*ol#firemni li {padding-right: 30px;}*/
ol#firemni    {margin: 0px 25px; padding: 0px;}
ul.insiz li   {width:200px;}
ul.insiz1 li  {width:246px;}
#profil-podklad {
	background: url(img/podkresy/profil.jpg) no-repeat left top;
}
.strankuj   {text-align:center; }
.strankuj a {margin:0 5px; padding:0 3px 2px 3px; background-color:#cccccc; text-decoration:none;}
#act        {color:white; background-color:#ab0000;}

a.mlogo     {text-decoration:none;}
h4.mlogo    {display:inline-block; vertical-align:1em; *display:inline; *vertical-align:50%;}
img.mlogo   {display:inline-block; margin:10px 0 6px 5px; border:none;}

#sp-link       {display:block; _width:100%; font-size:1.4em; font-weight:bold;}
#sp-link img   {border:none;}
#sp-link span  {display:inline-block; top:270px; position:relative;}
#sp-link:hover {text-decoration:none;}   
.loga img      {margin-bottom:6px;}

span.datum {display: block;}
.vymena {color: #808080; font-size: 10px;  margin: 0 auto;  margin: 0 0 15px 0; text-align: center; line-height: 1.5em;}
.vymena a {color: #808080;}