body {background: url(img/pozadi.jpg) repeat-x #474747; margin: 0; padding: 0; font: 13px Arial; color: #555555; line-height: 1.5em;}

table {border: 0; margin: 0; padding: 0;}
br {line-height: 17px;}  /* mozilla */
ul {line-height: 20px; margin-top: 6px; margin-bottom: 6px;}
ol {line-height: 20px; margin-top: 6px; margin-bottom: 6px; margin-left: 22px; padding-left: 24px;}
td {padding: 0; margin: 0; border: 0;}
img {border: 0;}
p {margin: 10px 0 10px 0;}
ol li {margin-bottom: 10px;}


/* tělo */
#main {margin: 0 auto 0 auto; width: 831px; background-color: #ffffff;}
#top {width: 831px; height: 429px; background: url(img/pozadi-top.jpg) no-repeat;}
#top-left {width: 189px; height: 429px; float: left;}
a#logo-akta {background: url(img/logo-akta.gif) no-repeat; width: 189px; height: 75px; float: left; border: none;}
#top-right {width: 642px; height: 429px; float: right; background: url(img/motiv.png) no-repeat bottom right; _background: url(img/motiv.jpg) no-repeat bottom right;}
#middle {width: 831px; xbackground: url(img/pozadi-middle.gif) repeat-x #d9d9d9; margin-top: 1px; display: table; padding-bottom: 40px;}
#middle-top {width: 831px; height: 28px; background: url(img/pozadi-middle-top.gif) repeat-x;}
#topmenu {position: absolute; margin: 110px 0 0 30px; z-index: 999;}
#bottom {width: 831; height: 75px; background: url(img/pozadi-bottom.gif) no-repeat top #474747;}
#nadpis-1 {width: 305px; height: 19px; position: absolute; background: url(img/nadpis-1.jpg) no-repeat; margin: 28px 0 0 510px;}
#nadpis_rychla-nabidka-produktu {width: 207px; height: 16px; position: relative; background: url(img/nadpis_rychla-nabidka-produktu.gif) no-repeat; margin: 0 0 10px 19px;}
#nadpis_posledni-projekty {width: 156px; height: 21px; position: relative; background: url(img/nadpis_posledni-projekty.gif) no-repeat; margin: 0 0 10px 19px;}
#akta {width: 320px; position: absolute; margin: 12px 0 0 510px;}
#main #akta a {color: #7d7d7d; border: 0; margin: 0 0px; text-decoration: none;}
#main #akta a:hover {text-decoration: underline;}
#main #mapa-stranek a {border: 0; display: block; margin: 0; color: #b30000; text-decoration: none;}
#main #mapa-stranek a:hover {text-decoration: underline;}
#pocitadlo {display: none;}
/* tělo - konec */

/* hlavni strana */
#middle-top-nadpis-1 {float: left; position: relative; top: 5px; _top: 6px; left: 4px; color: #d8d8d8; font-size: 12px; word-spacing: -1px; font-weight: bold;}
#middle-top-nadpis-1 img {margin: 0 6px 2px 6px;}
#middle-top-nadpis-2 {float: left; position: relative; top: 5px; _top: 6px; left: 70px; color: #d8d8d8; font-size: 12px; word-spacing: -1px; font-weight: bold;}
#middle-top-nadpis-2 img {margin: 0 6px 2px 6px;}
#middle-top-nadpis-3 {float: right; position: relative; top: 5px; _top: 6px; right: 4px; color: #d8d8d8; font-size: 12px; word-spacing: -1px; font-weight: bold;}
#middle-top-nadpis-3 img {margin: 0 6px 2px 6px;}
#middle-left {width: 170px; padding: 20px 0 0 15px; float: left; position: relative;}
#middle-left a {color: #717171; font-size: 11px; display: block; padding: 0 0 0 10px; background: url(img/tecka_p.gif) left center no-repeat; border: none; text-decoration: none;}
#middle-left a:hover {color: #020202; font-size: 11px; text-decoration: none; background: url(img/tecka_a.gif) left center no-repeat; border: none;}
#middle-middle {width: 428px; background: url(img/2linky.gif) top left repeat-y; position: relative; float: left; top: 20px; left: 3px;}
#middle-middle2 {width: 388px; position: relative; float: left; top: 20px; left: 3px; padding: 10px 20px 20px 20px;}
#middle-middle2 p {text-align: justify;  line-height: 1.4em;}
#middle-middle3 {width: 570px; position: relative; float: left; top: 20px; left: 3px; padding: 10px 20px 20px 20px;}
#middle-middle3 p {text-align: justify;  line-height: 1.4em;}
#middle-middle4 {width: 388px; position: relative; float: left; top: 0px; left: 3px; padding: 10px 20px 20px 20px;}
#middle-middle4 p {text-align: justify;  line-height: 1.4em;}

#middle-middle2 a, #middle-middle3 a, #middle-middle4 a  {font: Arial; font-size: 12px; color: #b30000; text-decoration: none; border-bottom: 1px solid #b30000;}
#middle-middle2 a:hover, #middle-middle3 a:hover, #middle-middle4 a:hover {border-bottom: 2px solid #b30000;}
#novinky a {color: #b30000; text-decoration: none; border-bottom: 1px solid #b30000;}
#novinky a:hover {text-decoration: none; border-bottom: 2px solid #b30000;}

#middle-right {width: 212px; float: right; position: relative; top: 20px; font-size: 11px;}
#middle-right a {font-size: 11px;}
#middle-right2 {width: 212px; float: right; position: relative; top: 20px; background: url(img/linka.gif) top left repeat-y;}
#butony {width: 392px; height: 56px; margin: 0 0 20px 18px;}
#butony a {border: 0;}
a#buton-1 {width: 98px; height: 56px; position: relative; float: left; margin: 0; border: 0; background: url(img/buton-1.jpg) no-repeat;}
a:hover#buton-1  {background-position: -98px 0;}
a#buton-2 {width: 98px; height: 56px; position: relative; float: left; margin: 0; border: 0; background: url(img/buton-2.jpg) no-repeat;}
a:hover#buton-2  {background-position: -98px 0;}
a#buton-3 {width: 98px; height: 56px; position: relative; float: left; margin: 0; border: 0; background: url(img/buton-3.jpg) no-repeat;}
a:hover#buton-3  {background-position: -98px 0;}
a#buton-4 {width: 98px; height: 56px; position: relative; float: left; margin: 0; border: 0; background: url(img/buton-4.jpg) no-repeat;}
a:hover#buton-4  {background-position: -98px 0;}

.dph {float: right; margin: 0px 0 10px 0;}
/* hlavni strana - konec */

/* ostatni */
.designy {width: 380px; background: url(img/pozadi-designy.gif) repeat-y; margin: 0 0 25px 19px; padding: 5px; color: #f0f0f0; font-size: 11px;}
.designy img {vertical-align: top; margin: 0 4px 0 4px; border: 1px solid #464646;}
.designy a  {border: 0;}
.designy-text {width: 370px; color: #ffffff; margin: 5px 0 0 4px; display: table;}
.designy-text-1 {width: 116px; float: left; text-align: center; line-height: 1.1em;}
.designy-text-2 {width: 112px; float: left; margin: 0 0 0 12px; text-align: center; line-height: 1.1em;}
.designy-text-3 {width: 112px; float: left; margin: 0 0 0 16px; text-align: center; line-height: 1.1em;}
#novinky {text-align: left;}
#novinky p {margin: 0; padding: 0 15px 0 15px; text-align: left; word-spacing: 0.2em; line-height: 1.4em; color: #717171;}
#novinky img {margin: 0; padding: 0 15px 0 15px;}
#novinky td {height: 50px;}
.cervena {color: #b60101;}
.bold {font-weight: bold;}
.clear {clear: both;}
.mezera-top {margin-top: 30px;}
.mezera-left {padding-left: 14px;}
#kontakt-1 {width: 220px; position: relative; float: left;}
#kontakt-2 {width: 230px; margin: 0 0 0 220px;}
a.noborder {border: 0;}
#middle-middle4 .float-left {float: left; margin: 0 10px 2px 0; padding: 0;}
#middle-middle4 a.float-left {border: 1px solid #666666;}
#middle-middle4 img.float-left {padding: 0; margin: 0;}
/* ostatni - konec */



/* strankovani */
.strankovani {width: 190px; position: relative; display: table; margin: 0 0 0 143px; display: none;}
.strankovani a  {float: left; color: #757575; margin: 0 2px; border: none;}
.strankovani a:hover {float: left; color: #000000; text-decoration: underline; border: none;}
a.strankovani-maxleft {width: 13px; height: 13px; background: url(img/strankovani-maxleft.gif) no-repeat; float: left; position: relative; top: 2px;}
a:hover.strankovani-maxleft {background-position: -13px 0;}
a.strankovani-left {width: 13px; height: 13px; background: url(img/strankovani-left.gif) no-repeat; float: left; position: relative; top: 2px;}
a:hover.strankovani-left {background-position: -13px 0;}
a.strankovani-right {width: 13px; height: 13px; background: url(img/strankovani-right.gif) no-repeat; float: right; position: relative; top: 2px;}
a:hover.strankovani-right {background-position: -13px 0;}
a.strankovani-maxright {width: 13px; height: 13px; background: url(img/strankovani-maxright.gif) no-repeat; float: right; margin-left: 4px; position: relative; top: 2px;}
a:hover.strankovani-maxright {background-position: -13px 0;}
.strankovani-tecky {float: left;}
.mezera-10 {width: 10px; height: 1px; position: relative; float: left;}
/* strankovani - konec */

/* RS */
a#krabice-rs {width: 189px; height: 281px; background: url(img/krabice-RS.jpg) no-repeat; position: relative; float: left; top: 73px; z-index: 1; border: none;}
a:hover#krabice-rs {background-position: -189px;}
/* RS - konec */

/* ikony */
#ikony {width: 171px; position: relative; top: -20px;}
#dira {width: 96px; height: 96px; background: url(img/dira.gif) no-repeat; margin: 80px 0 0 60px; display: none;}
#ok {width: 22px; height: 21px; background: url(img/ok.png) no-repeat;}
/* ikony */


/* cenik */
.cenik td {padding: 3px 7px; color: #000000; font-size: 12px;}
.cenik .linka {background: #e9e9e9;}
.cenik .center { text-align: center;}
.cenik .sirka {width: 300px;}
.cenik h3 {font-size: 14px; font-weight: bold; color: #d10600; margin: 0; padding: 0;}
/* cenik - konec */

/* ostatni */
.font-10 {font-size: 10px;}
.cerna {color: #000;}
/* ostatni */

h1 {font-size: 18px; color: #a90000;}
h2 {font-size: 14px; color: #b30000; margin-bottom: 4px;}
#middle h2 a {font-size: 14px; color: #b30000; text-decoration: none; border: 0;}
h3 {margin: 12px 15px 4px 15px; color: #c30101; font-size: 12px; font-weight: bold; text-align: left; line-height: 1.2em;}
#novinky h3 a {color: #c30101; font-size: 12px; font-weight: bold; text-align: left; line-height: 1.2em;}
h4 {margin: 8px 15px 2px 15px; color: #c30101; font-size: 12px; font-weight: bold; text-align: left;}
.h1 {font-size: 15px; font-weight: normal;}

/* menu */
/* menu - konec */
