ul, li, a, img, div, span, input, body {border: 0; padding: 0; margin: 0;}

h1 {font: bold 18px arial; color: #a51616}
h2 {font: bold 15px arial; color: #a51616}

body {background: #ececec url("/public/grafika/background2.gif") repeat-x; _text-align: center; font: 11px arial; color: #57616b;}
p { margin-top: 10px;}
.zarazka {clear: both;}

/* content */
#content {width: 951px; margin: auto auto; _text-align: left; _margin-top: 0;}
#stin-l {background: url("/public/grafika/stin-l.jpg") no-repeat; width: 25px; height: 822px; float: left;}
#stin-p {background: url("/public/grafika/stin-p.jpg") no-repeat; width: 25px; height: 822px; float: left;}
#obsah {width: 901px; float: left; _text-align: left;}

/*drobeckova navigace*/
#drobecky {background: url("/public/grafika/drobecky-bg.gif") repeat-x; height: 18px; padding: 10px 0 0 10px; font-weight: bold; color: #bed7dc !important;}

#dr-produkty {float: left;}
#dr-produkty a {color: #ffffff; margin: 0 5px 0 5px;}
#dr-produkty a:hover {color: #bed7dc;}

#spolecnost {float: right;}
#spolecnost a {color: #ffffff; margin: 0 5px 0 5px;}
#spolecnost a:hover {color: #bed7dc;}

/*top*/
#bile-pozadi {background: #ffffff; clear: both;}

#logo {padding: 6px 6px 2px 5px; float: left; position: relative;}
#logomw {position: absolute; background: url("/public/grafika/logomw.gif") no-repeat; height: 43px; width: 139px; top: 10px; left: 10px;}
#text {position: absolute; top: 120px; left: 35px; width: 230px; text-align: center; font: normal 12px arial; color: #ababab;}
#logo a {clear: both;}
#logo img {border: 0;}

#banner {float: right; background: url("/public/grafika/banner.jpg") right no-repeat; height: 173px; width: 595px;}

/*topmenu*/
#horizontal-menu {background: url("/public/grafika/horiz-menu-bg.gif") repeat-x; clear: both; height: 32px;}
#horizontal-menu ul {padding: 8px 0 0 8px; _padding-top: 8px; list-style-type: none; _margin: 0;}
#horizontal-menu li {float: left; margin: 0 13px 0 13px; _margin: 0 12px 0 12px;}
#horizontal-menu a {font: bold 12px arial; color: #ffffff;}
#horizontal-menu .kontakt {float: right; margin-right: 25px;}

/*o m2g*/
#homepage {clear: both; float: left;}
#clanky {float: left; width: 601px;}
#o-m2g {}
#dotaz {float: left; background: url("/public/grafika/dotaz-bg.gif") repeat-y; width: 215px; height: 205px; &height: 205px; _height: 207px; border-top: 1px solid #d9e6ee; 
        border-left: 1px solid #d9e6ee; border-bottom: 1px solid #d9e6ee;}
#dotaz h2 {margin: 10px 0 0 15px; font: bold 21px arial; color: #57616b;}
#dotaz ul {list-style-type: none; margin: 25px 0 0 30px;}
#dotaz li {margin: 10px 0 10px 0;}
#dotaz a {font: bold 14px arial; color: #757e86; width: 167px; background: url("/public/grafika/dotaz-li.gif") right no-repeat;
 cursor: pointer; cursor: hand; display: block; text-decoration: underline;}
#dotaz a:hover {/*color: #bed7dc;*/ text-decoration: underline;}

.start {background: url("/public/grafika/start.jpg");}
.hover-image {background: url("/public/grafika/odpoved-bg.gif");}

#odpoved {float: left; width: 335px; height: 177px; _height: 179px; font: bold 15px arial; color: #000000; padding: 15px 20px 15px 30px; }

#odpoved li {margin-bottom: 5px !important; padding: 0; color: #a51616 !important;}

#stin-m2g {background: url("/public/grafika/stin-m2g.jpg") no-repeat; height: 8px; width: 601px; clear: both;}

#clanek-border {border-top: 1px solid #d9e6ee; border-left: 1px solid #d9e6ee; border-right: 1px solid #d9e6ee; margin-top: 5px; _margin-top: 0; color: #57616b;}
#main-clanek {border-bottom: 1px solid #d9e6ee; margin: 15px 20px 0 20px; color: #57616b; padding-bottom: 15px;}
#main-clanek img {display: block; float: left; margin-right: 20px;}
#hlavni-nadpis {font: bold 14px arial; display: block; margin-bottom: 10px; color: #57616b;}
#main-clanek a:hover {text-decoration: none;}
.text a {color: #a51616; text-decoration: underline; display: inline;}
.text a:hover {text-decoration: underline;}
#clanek-border table {margin: 10px 0 0 25px; color: #57616b; font: 11px arial;}
#clanek-border table a {color: #a51616; text-decoration: underline; display: inline;}
#clanek-border table a:hover {text-decoration: underline;}
.nazev-clanku {font: bold 14px arial; padding-top: 10px;}
.bunka-datum {vertical-align: top;}

.cerveny-odkaz {float: right; margin-right: 10px;}
.cerveny-odkaz a{color: #a51616; text-decoration: underline; display: inline;}
.cerveny-odkaz a:hover {text-decoration: underline;}

.cerveny-odkaz-l {float: left; margin-left: 10px;}
.cerveny-odkaz-l a{color: #a51616; text-decoration: underline; display: inline;}
.cerveny-odkaz-l a:hover {text-decoration: underline;}

#novinky {float: right; margin: 4px 8px 0 0; _margin: 4px 3px 0 0;}
.novinka-pozadi {background: url("/public/grafika/novinky-bg.gif") repeat-y; width: 271px; display: block; margin-bottom: 4px;}
.novinka-obsah {background: url("/public/grafika/novinka-zahlavi.jpg") no-repeat; width: 271px;}
.novinka-obsah h3 {font: normal 15px arial; color: #a51616;}

#newsletter {padding: 20px 7px 15px 25px; position: relative; _padding: 20px 7px 10px 25px; padding-bottom: 25px !important;}
#obalka {background: url("/public/grafika/obalka.jpg") no-repeat; position: absolute; height: 53px; width: 63px; top: 6px; right: 0;}
           
#newsletter input {background: none; border: 0; color: #a51616; display: inline; float: left; position: relative; top: -5px; text-decoration: underline;}

#newsletter .required input { text-decoration: none; background: #ffffff; border: 1px solid #7f9db9; font: normal 10px arial; display: inline; float: left; position: static;}


#aktualizace {padding: 20px 7px 15px 25px; position: relative; _text-align: left; padding-bottom: 25px !important;}
#novefunkce {background: url("/public/grafika/novefunkce2.gif") no-repeat; position: absolute; height: 92px; width: 114px; top: -12px; right: -22px;}


#vyhledavani {padding: 20px 7px 15px 25px; position: relative; _text-align: left; display: none;}
#lupa {background: url("/public/grafika/lupa.jpg") no-repeat; position: absolute; height: 42px; width: 68px; top: 7px; right: 5px;}
#vyhledavani .input-text {background: #ffffff; border: 1px solid #7f9db9; font: normal 10px arial;}
#vyhledavani .input-submit {background: none; border: 0; color: #a51616; text-decoration: underline; position: relative; left: 200px; top: -15px; &top: -20px;}

/*------------------------------- nastaveni jednotlivych stranek hlavniho menu ---------------------*/
#seznameni, #zaklady-prace, #zakladni-moduly, #rozsirene-moduly, #kontakt {padding: 10px 20px 0 15px;}
#reference h1 {&margin-top: 22px;}
#archiv-clanku h1 {margin: 28px 0 0 15px; paddin: 0;}

.Sluzby p 
{

text-align:left;
}

.Sluzby ul {list-style-position: inside;}

.mwramecek
{
margin: 0 10px 0 10px;
padding: 10px 5px 10px 10px;
background-color: #801010;
color:#E0E0E0;
width:200px;
text-align:center;
float:right;
}

.mwramecek h3,  .mwramecek h4
{color:#E0E0E0; font-size: larger; font-weight:bold;}

.mwramecek h4
{font-size: 14px; margin: 12px 0 10px 0; padding: 0;}


.mwramecek ol, .mwramecek ul
{margin: 0; padding: 0; text-align:left;}

.mwramecek ol li, .mwramecek ul li
{margin: 0; padding: 0;}

.mwramecek p
{text-align:center;}

.mwramecek a
{color:#E0E0E0; text-decoration: underline;}

.mwramecek a:hover
{text-decoration: none;}

/*------------------------------- nove styly pro stranku Reference ---------------------*/
#reference h1 { padding:10px 20px 0 15px; }
#reference img {float: right; margin: 0 0 5px 20px; border: 1px solid #ababab;}
#reference a {font-weight: bold; color: #a51616}

/*------------------------------- nove styly pro stranku Detail-reference ---------------------*/
#detail-reference img {float: right; padding: 0 0 5px 20px;}
#detail-reference a {font-weight: bold; color: #a51616}
#detail-reference a img {text-decoration: none !important; width: 550px; text-align: center;}


/*------------------------------- nove styly pro dynamicky generovaný obsah (clanky a novinky) ---------------------*/
.name {font: bold 11px arial; color: #a51616 !important; margin-top: 5px;}
.datum {font: italic 11px arial; color: #57616b; margin-right: 12px;}
.date {font: italic bold 11px arial; color: #57616b; margin-right: 12px; display: inline;}
.annotation {display: inline;}
#aktualizace .Paging {display: none;}
#aktualizace .name {padding-top: 5px;}
.type {display: none;}
#vypis-obsahu {float: left; padding: 5px 0px 15px 10px; width: 605px;}
#vypis-obsahu .Paging {display: block; margin-top: 15px; float: right;}
#vypis-obsahu .item {clear: both;}
.clanek {padding: 10px 15px 0 15px;}
.clanek-odkaz a {font: bold 15px arial; color: #a51616 !important;}
.clanek-anotace a {color: #a51616;}
.clanek-datum {font-style: italic;}
#detail-clanek h1 {font: bold 18px arial; padding: 0; margin: 0;}
#detail-clanek .cerveny-odkaz-l a {margin-right: 8px;}
#archiv-aktualit {padding: 10px 15px;}
#archiv-aktualit .name {padding-top: 10px;}
#archiv-aktualit .item {_margin-top: -28px;}
#archiv-aktualit #aktual-ke-dni .name, #archiv-aktualit #aktual-ke-dni .annotation, #archiv-aktualit #aktual-ke-dni .Paging {display: none;}
#archiv-aktualit #aktual-ke-dni .date {display: inline;}
#archiv-aktualit #aktual-ke-dni .item {_margin: 0;}
#archiv-clanku .clanek {padding-left: 15px;}

#news-odhlaseni input {border: 1px solid #ababab;}

#sys {text-align: center; margin-top: 15px;}


/*paticka*/
#paticka {background: url("/public/grafika/paticka2.gif") repeat-x; height: 78px; width: 901px; vertical-align: center;}
#certifikace {float: left; margin: 15px 0 0 15px;}
#certifikace a{margin: 0 5px 0 5px;}
#copyright {float: right; text-align: right; margin: 20px 15px 0 0;}
#copyright a{color: #c57575; margin: 0 3px 0 3px;}
#copyright a:hover {color: #bed7dc;}


.bold {font-weight: bold;}
/*.bold {font-weight: bold; color: #a51616;}*/