/**** zakladni ****/

body { font-family: Verdana, Arial, Helvetica, sans-serif !important; font-size: 11px !important; color: #190f86; background: #e2eaed url(../img/bg.jpg) repeat-x 0 0; padding: 0; margin:0}
h1 {font-size:15px; margin:0}
h2 {font-size:15px; margin:0}
h3 {font-size:14px; margin:0}
h4 {font-size:13px; margin:0}
h5 {font-size:12px; margin:0}
h6 {font-size:11px; margin:0}

ul, ol, p, li, span, address, a, img {margin:0; padding:0}

a {text-decoration: underline; color: #FF151F}
a:hover {text-decoration: none}

table, tr, td, th {border-color: #D6D6D6; border-style: solid; border-width: 1px; border-collapse: collapse; margin: 0; padding: 0}

fieldset, form {border: none; margin: 0; padding: 0}
.tip {}
div.p {float: right; width: 344px}

/**** layout ****/

#boxtop { width: 938px; left: 0; bottom: 0; height: 274px; position: relative; margin: 0 auto; top: -56px; background: url("../img/obrazek-main.gif") no-repeat 0 0}
#main {width: 982px; position: relative; margin: 0 auto; z-index: 2; background: transparent; font-family: Verdana, Arial, Helvetica, sans-serif !important;}
#objekt { background: #fff url("../img/boxtop.jpg") no-repeat 0 0; position: absolute; top: 104px; left: 0; width: 982px; height: 200px}

.hlavni {margin-top: -30px !important}

#top-menu {position: absolute; top: 42px; right: 160px; padding: 3px 0; display: inline; z-index: 105; width: 245px; color: #CCCCCC; height: 12px}
#top-menu a {color: #190f86; padding: 0}
#top-menu a:hover {color: #190f86; padding: 0 }

ul#rozpady {list-style-type: none; height: 267px; display: block; padding: 0; width: 194px; margin: 0; position: absolute; top: 0; right: 0; }
ul#rozpady li {float: right; list-style-type:none; position: relative; padding:0; margin:0; display: block; font-weight: bold; text-decoration: none; }

ul#rozpady li a {text-decoration: underline; color: #190f86;  padding: 10px 29px; display: block; height: 69px;}
ul#rozpady li a:hover {text-decoration: none; color: #190f86; display: block; height: 69px;}

ul#rozpady li a span.r-item01 {background: url("../img/rozp-r-a.jpg") no-repeat 0 -89px; width: 194px; height: 89px; display: block; z-index: 99; position: absolute; right: 0 !important; top: 0; visibility: visible}
ul#rozpady li a:hover span.r-item01 {background: url("../img/rozp-r-a.jpg") no-repeat 0 0; width: 194px; height: 89px; display: block; z-index: 99; position: absolute; right: 0 !important; top: 0; visibility: visible}
ul#rozpady li a span.r-item02 {background: url("../img/rozp-r-b.jpg") no-repeat 0 -89px; width: 194px; height: 89px; display: block; z-index: 99; position: absolute; right: 0 !important; top: 0; visibility: visible}
ul#rozpady li a:hover span.r-item02 {background: url("../img/rozp-r-b.jpg") no-repeat 0 0; width: 194px; height: 89px; display: block; z-index: 99; position: absolute; right: 0 !important; top: 0; visibility: visible}
ul#rozpady li a span.r-item03 {background: url("../img/rozp-r-c.jpg") no-repeat 0 -89px; width: 194px; height: 89px; display: block; z-index: 99; position: absolute; right: 0 !important; top: 0; visibility: visible}
ul#rozpady li a:hover span.r-item03 {background: url("../img/rozp-r-c.jpg") no-repeat 0 0; width: 194px; height: 89px; display: block; z-index: 99; position: absolute; right: 0 !important; top: 0; visibility: visible}
/* 2 UROVEN */

ul#rozpady ul {display: block; color: #190f86; position: relative; z-index: 100; position:absolute; top:43px; font-weight:normal; left: 0; text-align:left; display:none; _display:compact;visibility:hidden; margin:0; _margin-left:-4px; list-style-position:outside;white-space: nowrap; background: url("../img/png.jpg") no-repeat 0 0;}

ul#rozpady ul li {float:none; padding: 5px; font-size: 13px; border: 0 !important; font-weight: normal; left: -20px; top: -10px;  position:relative;  white-space: normal; display: block; height: 257px !important}


ul#rozpady .podmenu01 {position: absolute; left: -744px !important; top: 0; width: 744px; background: url("../img/png.jpg") no-repeat 0 0;  height: 257px !important}
ul#rozpady .podmenu01 p { padding: 4px 0; font-size: 13px !important; color: #000 !important; line-height: 1.7em; width: 360px; font-weight: normal !important}
ul#rozpady .podmenu01 h3 {width: 360px}
ul#rozpady .podmenu01 p span.right a { position: absolute; left: 570px !important; bottom: 5px !important; height: 20px; font-size: 15px !important; color: #dd0f1c !important}
ul#rozpady .podmenu01 .obraz {width: 360px; position: absolute; top: 0; right: -30px; height: 230px}

ul#rozpady .podmenu02 {position: absolute; left: -744px !important; top: -89px; width: 744px; background: url("../img/png.jpg") no-repeat 0 0;  height: 257px !important} 
ul#rozpady .podmenu02 p { padding: 4px 0; font-size: 13px !important; color: #000 !important; line-height: 1.7em; width: 360px; font-weight: normal !important}
ul#rozpady .podmenu02 h3 {width: 360px}
ul#rozpady .podmenu02 p span.right a { position: absolute; left: 570px !important; bottom: 5px !important; height: 20px; font-size: 15px !important; color: #dd0f1c !important}
ul#rozpady .podmenu02 .obraz {width: 360px; position: absolute; top: 0; right: -30px; height: 230px}

ul#rozpady .podmenu03 {position: absolute; left: -744px !important; top: -178px; width: 744px; background: url("../img/png.jpg") no-repeat 0 0;  height: 257px !important} 
ul#rozpady .podmenu03 p { padding: 4px 0; font-size: 13px !important; color: #000 !important; line-height: 1.7em; width: 360px; font-weight: normal !important}
ul#rozpady .podmenu03 h3 {width: 360px}
ul#rozpady .podmenu03 p span.right a { position: absolute; left: 570px !important; bottom: 5px !important; height: 20px; font-size: 15px !important; color: #dd0f1c !important}
ul#rozpady .podmenu03 .obraz {width: 360px; position: absolute; top: 0; right: -30px; height: 230px}

ul#rozpady h2 { font-size: 20px; padding: 5px 20px }

/* 3 UROVEN */

ul#rozpady ul ul {position:absolute;top:5px; font-weight:normal; width:142px; margin:0; _margin-left:122px; left:135px; padding:0 9px; text-align:left; border:solid 2px #CD6717; display:none;
    _display:compact; visibility:hidden}
ul#rozpady li:hover ul li ul li a,  #menu li.MenuItemHover ul li ul li a {font-weight:normal; z-index:15}
ul#rozpady a {text-decoration:none; padding:0; font-weight:bold}
ul#rozpady a:hover {text-decoration:none;}

ul#rozpady a {  text-decoration: none;  color: white;  padding:0;  font-weight:bold;}
ul#rozpady > li:hover ul {visibility: visible; display:block}
ul#rozpady li.MenuItemHover ul {visibility: visible; display:block}
ul#rozpady > li ul li:hover ul  {visibility: visible; display:block}
ul#rozpady ul li.MenuItemHover ul {visibility: visible; display:block}
ul#rozpady > li:hover ul ul {display: none}
ul#rozpady li.MenuItemHover ul ul {display: none}
ul#rozpady > li ul li:hover ul {display: block}
ul#rozpady li ul li.MenuItemHover ul {display: block}


#head-search {position: absolute; top: 38px; right: 424px; padding: 5px 0; display: inline; z-index: 105; width: 200px; color: #CCCCCC; height: 12px}

#head-search form { display: inline; position: absolute; top: 0; right: 0; height: 22px}
#head-search label {display: inline; color: #fff; margin:0; text-size: 10px !important;}
#head-search input {margin: 0; border: 1px solid #0B4A84; width: auto; padding: 0; text-size: 10px !important;}
#head-search input.text { background: #fff; text-size: 10px !important; border: #cac7e3 1px solid; width: 150px; position: absolute; top: 0px; padding: 6px 5px; height: 16px; letter-spacing: normal; }
#head-search input.button {background: transparent; margin-top: 1px !important; background: url(../img/odeslat-top.gif) no-repeat; padding:0; border: 0; width: 34px; height: 27px; border:none; cursor: pointer; margin: 0; position: absolute; top: 0; right: 0}

#head {background-repeat: no-repeat; height: 104px}
#head h1 { position: absolute; top: 28px; left: 28px; width: 208px; z-index: -1}
#head a span {margin: 0; float: left; position: absolute; top: 0px; left: 0px; padding: 0; width: 248px; height: 104px; background: url("../img/logo.jpg") no-repeat 0 0; text-align: center; z-index: 1}
#head a {width: 248px; height: 104px; display: block; margin: 0 auto; font-size: 0%; color: none !important; position: absolute; top: 0; left: 0; z-index: 2}
#head #soft-right {margin: 0; float: right; position: absolute; top: 30px; width: 164px; height: 74px; right: 0; padding: 0;  background: url("../img/soft-right.jpg") no-repeat 0 0; text-align: center; z-index: 3}



#menu {list-style-type: none; height:48px; padding: 0; width: 982px; margin: 0; position: absolute; top: 104px}
#menu li {float: left; list-style-type:none; position: relative; padding:0; margin:0; display: block; font-weight: bold; text-decoration: none; }

#menu li a {text-decoration: underline; color: #190f86;  padding: 10px 27px; display: block}
#menu li a:hover {text-decoration: none; color: #190f86; display: block}

#menu li a span.item01 {background: url("../img/menu/uvod-hov.gif") no-repeat 0 -43px; width: 80px; height: 43px; display: block; z-index: 99; position: absolute; left: 22px; top: 0; visibility: visible}
#menu li a:hover span.item01 {background: url("../img/menu/uvod-hov.gif") no-repeat 0 0; width: 80px; height: 43px; display: block; z-index: 99; position: absolute; left: 22px; top: 0; visibility: visible}

#menu li a span.item02 {background: url("../img/menu/novinky-hov.gif") no-repeat 0 -43px; width: 105px; height: 43px; display: block; z-index: 99; position: absolute; left: 12px; top: 0; visibility: visible}
#menu li a:hover span.item02 {background: url("../img/menu/novinky-hov.gif") no-repeat 0 0; width: 105px; height: 43px; display: block; z-index: 99; position: absolute; left: 12px; top: 0; visibility: visible}

#menu li a span.item03 {background: url("../img/menu/reseni-hov.gif") no-repeat 0 -43px; width: 91px; height: 43px; display: block; z-index: 99; position: absolute; left: 13px; top: 0; visibility: visible}
#menu li a:hover span.item03 {background: url("../img/menu/reseni-hov.gif") no-repeat 0 0; width: 91px; height: 43px; display: block; z-index: 99; position: absolute; left: 13px; top: 0; visibility: visible}

#menu li a span.item04 {background: url("../img/menu/reference-hov.gif") no-repeat 0 -43px; width: 117px; height: 43px; display: block; z-index: 99; position: absolute; left: 8px; top: 0; visibility: visible}
#menu li a:hover span.item04 {background: url("../img/menu/reference-hov.gif") no-repeat 0 0; width: 117px; height: 43px; display: block; z-index: 99; position: absolute; left: 8px; top: 0; visibility: visible}

#menu li a span.item05 {background: url("../img/menu/zakazkovy-software-hov.gif") no-repeat 0 -43px; width: 191px; height: 43px; display: block; z-index: 99; position: absolute; left: 5px; top: 0; visibility: visible}
#menu li a:hover span.item05 {background: url("../img/menu/zakazkovy-software-hov.gif") no-repeat 0 0; width: 191px; height: 43px; display: block; z-index: 99; position: absolute; left: 5px; top: 0; visibility: visible}

#menu li a span.item06 {background: url("../img/menu/dodavky-hw-hov.gif") no-repeat 0 -43px; width: 135px; height: 43px; display: block; z-index: 99; position: absolute; left: 10px; top: 0; visibility: visible}
#menu li a:hover span.item06 {background: url("../img/menu/dodavky-hw-hov.gif") no-repeat 0 0; width: 135px; height: 43px; display: block; z-index: 99; position: absolute; left: 10px; top: 0; visibility: visible}

#menu li a span.item07 {background: url("../img/menu/seminare-hov.gif") no-repeat 0 -43px; width: 112px; height: 43px; display: block; z-index: 99; position: absolute; left: 6px; top: 0; visibility: visible}
#menu li a:hover span.item07 {background: url("../img/menu/seminare-hov.gif") no-repeat 0 0; width: 112px; height: 43px; display: block; z-index: 99; position: absolute; left: 6px; top: 0; visibility: visible}

#menu li a span.item08 {background: url("../img/menu/kontakty-hov.gif") no-repeat 0 -43px; width: 105px; height: 43px; display: block; z-index: 99; position: absolute; left: 3px; top: 0; visibility: visible}
#menu li a:hover span.item08 {background: url("../img/menu/kontakty-hov.gif") no-repeat 0 0; width: 105px; height: 43px; display: block; z-index: 99; position: absolute; left: 3px; top: 0; visibility: visible}

/* 2 UROVEN */

#menu ul {display: block; color: #190f86; position: relative; z-index: 100; position:absolute; top:43px; font-weight:normal; left:0px; text-align:left; display:none; _display:compact;visibility:hidden; margin:0; _margin-left:-4px; list-style-position:outside;white-space: nowrap; background: #dce9f1}
#menu ul li {float:none; padding:8px 10px; margin:0; background: #e1e8ee; position:relative;min-height:17px; border-bottom: 1px #8da8bb dotted; white-space: normal; display: block}
#menu li ul li a, #menu li ul li a{padding:0; color: #190f86}
#menu li:hover ul li a , #menu li.MenuItemHover ul li a {position: relative; font-weight: normal; color: #190f86; z-index:10}

.podmenu01 {width: 190px} 
.podmenu02 {width: 205px} 
.podmenu03 {width: 205px; left: 20px !important} 
.podmenu04 {width: 140px; left: -30px !important} 


/* 3 UROVEN */

#menu ul ul {position:absolute;top:5px; font-weight:normal; width:142px; margin:0; _margin-left:122px; left:135px; padding:0 9px; text-align:left; border:solid 2px #CD6717; display:none;
    _display:compact; visibility:hidden}
#menu li:hover ul li ul li a,  #menu li.MenuItemHover ul li ul li a {font-weight:normal; z-index:15}
#menu a {text-decoration:none; padding:0; font-weight:bold}
#menu a:hover {text-decoration:none;}

#menu a {  text-decoration: none;  color: white;  padding:0;  font-weight:bold;}
#menu > li:hover ul {visibility: visible; display:block}
#menu li.MenuItemHover ul {visibility: visible; display:block}
#menu > li ul li:hover ul  {visibility: visible; display:block}
#menu ul li.MenuItemHover ul {visibility: visible; display:block}
#menu > li:hover ul ul {display: none}
#menu li.MenuItemHover ul ul {display: none}
#menu > li ul li:hover ul {display: block}
#menu li ul li.MenuItemHover ul {display: block}


#boxup {height:203px; background-image: url(../img/indexboxbig.jpg); background-repeat: no-repeat; padding:15px 0 0 0; display: none;}

#columns { width: 938px; margin: 43px auto 5px; padding: 0; position: relative; background: #fff url(../img/bg-obsah.jpg) no-repeat 0 0}

.indexColumnImage {width:239px; height:188px; float:left; display: inline}
.indexColumnImage.n1 {background: url(../img/indexbigimg1.jpg)  no-repeat; margin-left:15px}
.indexColumnImage.n2 {background: url(../img/indexbigimg2.jpg)  no-repeat; margin-left:10px; margin-right:10px}
.indexColumnImage.n3 {background: url(../img/indexbigimg3.jpg)  no-repeat}
.indexColumnImage a {display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; color:#fff; background:none; font-size:14px; text-decoration: none;}
.indexColumnImage span {position: relative; display: block; margin:0; margin: 150px 0 0 102px; padding:5px 0 7px 7px; background: url(../img/indexbuttonbg.gif) no-repeat}
.indexColumnImage a:hover {background-image: none; color: #fff; text-decoration: underline}
.indexColumnImage a:hover span {background-image: none; color: #fff}

.indexCol {white-space: normal; float: left; padding-bottom: 5px; position: relative}
.indexCol img {margin-top: 10px; margin-left:-1px}
.indexCol h2 {font-size: 17px !important; font-weight: normal; position: relative; color: #190f86; padding: 18px 0 12px 20px !important}
.indexCol h3, .indexCol-left h3 { color: #190f86; margin:12px 0 5px 20px;  background-image: url(../img/h3redbg.gif); background-repeat: no-repeat; background-position: left 4px; padding:0 0 0 16px; line-height: 18px}
.indexCol h3 a {color: #190f86  !important; font-weight: bold !important; font-size: 11px !important;}
.indexCol p {color: #000; line-height: 20px; margin: 0 20px 6px}
.indexCol img {border:1px solid #CEDAE5}

.long {height: 400px; background: #fff !important}
.short {margin-top: 7px !important}

.indexCol-left {width: 300px; background: #fff; margin-top: -44px !important}
.indexCol.mid {white-space: normal; float: left; width: 294px; background: #fff; margin: 0 21px; margin-top: -44px !important}
.indexCol.mid img {margin-top: 5px !important; margin-left: 0 !important}
.indexCol.mid h3 {margin: 5px 0 5px 20px; background-image: url(../img/li-red.png) !important; background-repeat: no-repeat; background-position: left 4px; padding:0 0 0 20px; line-height: 18px; z-index: 10}
.indexCol.mid h3 a {color: #190f86 !important; font-weight: bold !important; margin-top: 0 !important}

.indexCol.right {white-space: normal; float: right; width: 294px;  margin: 280px 0 0}
.indexCol.right h2 {color: #fff; margin: 0 !important}
.indexCol.right #prave-menu {margin-bottom: 10px !important}

.indexCol-left h2 span {background: url(../img/h2-left.gif) no-repeat 0 0; display: block; position: absolute; z-index: 170; left: 20px; top: 18px; width: 200px; height: 25px}
.indexCol.mid h2 span {background: url(../img/h2-mid.gif) no-repeat 0 0; display: block; position: absolute; z-index: 170; left: 20px; top: 18px; width: 200px; height: 25px}
.indexCol.right h2 span {background: url(../img/h2-right.gif) no-repeat 0 0; display: block; position: absolute; z-index: 170; left: 20px; top: 18px; width: 200px; height: 25px}

.indexCol .indexNewsItem {clear:both}
.indexCol .indexNewsItem h3 { background: url(../img/li-red.png) no-repeat 0 3px; padding-left: 20px; margin-top: 5px !important}

.pageCol.left {white-space: normal; float: left; padding-bottom: 5px; width: 640px;  position: relative}
.pageCol.right {white-space: normal; float: right; position: relative; right: 0 !important; clear: right; width: 294px; background: #190f86 url(../img/blue-dots.gif) repeat-y 0 0; margin: 0; padding: 15px 0 0}
.pageCol.right h2 {color: #fff}
.pageCol h2 {font-size: 2em; font-weight: normal; position: relative; color: #190f86; padding: 18px 0 0 20px}
h2.pageh2 {font-size: 2em; font-weight: normal; position: relative; width: 600px; clear: right; color: #190f86; padding: 18px 0 12px 20px}

.pageCol h3 {font-size: 15px; color: #190f86  !important;  clear: both; margin: 15px 0 5px 20px; padding: 0; background: url(../img/li-red.png) no-repeat 0 50%; padding-left: 20px; line-height: 18px;}
.pageCol h3 a {color: #190f86  !important; clear: both; padding: 0; line-height: 18px;}
.pageCol.right h2 {font-size: 17px; font-weight: normal; position: relative; color: #190f86; padding: 13px 0 0 20px}
.pageCol.right textarea {margin-top: 5px !important}

.pageCol p {color: #000; line-height: 20px; margin: 0 20px 6px; text-align: left}
.pageCol a img {border: none; padding: 10px; margin: 0 10px}

.pageCol ul, ol {padding: 10px 20px; margin: 0; color: #000}
.pageCol li {padding: 5px; margin: 0 0 0 30px; line-height: 17px}

.pageCol.right h2 span {background: url(../img/h2-right.gif) no-repeat 0 0; display: block; position: absolute; left: 20px; top: 5px; width: 200px; height: 30px}

.IndexForm {background-image: url(../img/indexformbg.gif); background-repeat: repeat-y; padding: 5px 20px 10px}
.IndexForm label {display: block; color: #fff !important; margin:0 0 3px 0 !important}
.IndexForm textarea {margin-top: 2px !important; margin-bottom: 5px !important}
.IndexForm img.reload {margin-top: -15px !important}

p#prave-menu {float: right; width: 294px; display: block; background: #e1e8ee; margin: -56px 0 20px; line-height: normal !important}
p#prave-menu a { color: #190f86; padding: 10px 20px !important; margin: 0 !important; border-bottom: 1px #8da8bb dotted; display: block; line-height: normal !important; float:left; clear: both; width: 254px;}
p#prave-menu a.menu2 {padding: 20px !important; background: url(http://www.synergit.cz/wp-content/uploads/Webcam.gif) no-repeat 95% 50% !important; font-size: 110%; background-color: #767AA9 !important; color: #fff !important;}
p#prave-menu a.menu3 {padding: 20px !important; background: url(http://www.synergit.cz/wp-content/uploads/pdficon_large.gif) no-repeat 95% 50% !important; font-size: 110%; background-color: #767AA9 !important; color: #fff !important;}
p#prave-menu a.menu4 {padding: 20px !important; background: url(http://www.synergit.cz/wp-content/uploads/calendar_32.gif) no-repeat 95% 50% !important; font-size: 110%; background-color: #767AA9 !important; color: #fff !important;}
p#prave-menu a.menu5 {padding: 20px !important; background: url(http://www.synergit.cz/wp-content/uploads/contact_edit.gif) no-repeat 95% 50% !important; font-size: 110%; background-color: #767AA9 !important; color: #fff !important;}

p#prave-menu a.active {color: #190f86 !important; font-weight: bold !important; text-decoration: none !important}
#prave-menu-2 {float: right; width: 294px; display: block; margin: 5px 0; line-height: 2em !important; height: 5px !important; display: block; clear: both}

p#loadBar {border: 0 !important; color: #fff !important}
p#emailSuccess strong {color: #fff !important}

#contactFormArea {margin-top: 10px !important; background: url(../img/blue-dots.gif) repeat-y 0 0; padding: 5px 0}

.IndexForm input {margin: 0 0 11px 0; border: 1px solid #0B4A84; width: 244px; padding: 2px; height: 16px}
.IndexForm input.button,#content #ContentLeft .form input.button {background: url(../img/odeslat-box.gif) no-repeat; padding:0;	border:0px; width:102px;height:30px; float: right; border:none; cursor: pointer; margin: 0 5px 0 0 }
#content #ContentLeft .form input.pageButton {background: url(../img/formbutton.gif) no-repeat}
.IndexForm input#selfCC {float: left !important; width: 10px; margin: 0 5px 0 0}
.IndexForm input.submit button#sendContactEmail {z-index: 10; color: none}



/*** OBSAH ***/

#HeadBox h1 {position:absolute;display:block;z-index:-1}

#content {background-color: #fff}
#content h1 {background-image: url(../img/h1bg.gif); background-repeat: repeat-x; color: #fff; padding:15px 0 14px 22px}
#content #ContentRight {width: 234px; height: 100px; background-position: center; background-repeat: no-repeat}
#content #ContentLeft {display: inline; float:left; width:485px; margin:15px 0 0 20px}
#content #ContentLeft #PathBox {font-size: 10px; color: #565656; margin:0 0 10px 0}
#content #ContentLeft #PathBox a {font-size: 10px; color: #565656}
#content #ContentLeft div.special {border:dotted 1px #91C0F2; padding:1px}
#content #ContentLeft div.special div {background-color: #E3ECF6; padding:10px}
#content #ContentLeft div.special div h2 {font-style: italic; padding:19px; color: #00488A; font-weight: normal; margin:0 0 9px 0; padding:0; background-image: none;}
#content #ContentLeft div.special div ul {list-style-type: none; margin:0 0 0 15px;}
#content #ContentLeft div.special div ul li {background-image: url(../img/bluli.gif) no-repeat 0 4px; padding:0 0 0 24px; font-size: 12px; font-style: italic; color: #00488A; margin:5px 0}
#content #ContentLeft div.special div span {font-size: 17px; color: #00488A; text-align:right; display: block;}
#content #ContentLeft div.special div span strong {color: #FF151F; font-weight: normal;}
#content #ContentLeft h2 {margin: 15px 0 9px 0; color: #00488A; font-size: 15px; background-image: url(../img/h3redbg.gif); background-repeat: no-repeat; background-position: 0 6px;    padding:0 0 0 19px}
#content #ContentLeft h3 {margin: 2px 0 9px 0; color: #565656; font-size: 13px;}
#content #ContentLeft p {line-height:20px; color:#565656; margin:9px 0 9px 10px; font-size: 11px; clear: both;}
#content #ContentLeft img.left {margin:0 10px 0 10px}
#content #ContentLeft img.right {margin:0 10px 0 10px}
#content #ContentLeft ul {list-style-type: none; margin:16px 0 16px 20px}
#content #ContentLeft ol {margin:16px 0 16px 43px}
#content #ContentLeft ol li {font-size: 11px; color: #565656; margin:5px 0;}
#content #ContentLeft ul li {background-image: url(../img/bluli.gif) no-repeat 0 4px; padding:0 0 0 23px; font-size: 11px; color: #565656; margin:5px 0;}
#content #ContentLeft table {border:1px solid #91C0F2; background-color: #F3F7FB; color: #00488A; font-size: 11px; margin:10px 0; width:100%}
#content #ContentLeft table th {border:1px solid #91C0F2; background-color: #F3F7FB; padding:11px; text-align: left; width:16%; vertical-align: top}
#content #ContentLeft table td {border:1px solid #91C0F2; background-color: #F3F7FB; padding:11px}

/*** Obsah - novinky ***/
#content #ContentLeft .newsItem h2 {font-size: 15px; color: #00488A}
#content #ContentLeft .newsItem h2 a {font-size: 15px; color: #00488A}
#content #ContentLeft .newsItem span.more {float: right; color: #FF151F; margin:0 20px 0 0;}
#content #ContentLeft .newsItem img {float: left; margin:0 10px 0 0;}

/*** Obsah - reference ***/
#content #ContentLeft .refItem h2 {font-size: 11px; color: #00488A;}
#content #ContentLeft .refItem h2 a {font-size:15px; color: #00488A;}
#content #ContentLeft .refItem p {margin:0}
#content #ContentLeft .refItem a.Logo {width:130px;height:100px;text-align:center;float:left}
#content #ContentLeft .refItem span.more {clear:both; float: right; color: #FF151F; margin: 0 0 10px 0; display: block; width:100px}

/* Formular */
.needStr {float:left;  color: #fff; margin-bottom: 15px}
#content #ContentRight {list-style-type: none; margin: 37px 0 0 16px; .margin: 37px 10px 0 0; float: left; display: inline}
#content #ContentRight li {margin:0 0 6px 0}


#MainBottom {width: 902px; position: relative; margin: 0 auto 0; padding: 5px 20px; }
#MainBottom p {color: #190f86}
#MainBottom p a {color: #190f86}
#MainBottom p.f-left {left: 0; position: absolute}
#MainBottom p.f-right {right: 0; position: absolute}

#footer {width: 938px; margin: 5px auto 0; padding: 30px 0; color: #190f86; position: relative; background: #e2eaed;}
#footer a {color: #190f86}
#footer p {color: #190f86; line-height: 18px; padding: 10px 20px }
#footer p.f-left {left: 0; top: 0; position: absolute}
#footer p.f-right {right: 0; top: 0; position: absolute; text-align: right !important}


/* Print only */
#Logo {display: none}
#PrintBox {display: none}

/*******************************************************************************************************/

.mezera {display: block; height: 1px; margin-top: -2px}
.none {display: none}

.correct {clear: both; width: 1px; height: 1px; visibility: hidden; _display: inline}
.left {float: left}
.right {float: right}
/*form*/
#content #ContentLeft .form table td,#content #ContentLeft .form table th,#content #ContentLeft .form table tr {border: 0}
#content #ContentLeft table input,#content #ContentLeft table textarea {width:100%; border:1px solid #91C0F2}