p, h1, h2, h3, h4, h5, ul, ol, form, fieldset {margin: 0; padding: 0;}

.clr {clear: both; display: block; font-size: 1px; height: -1px;}
.fl {float: left;}
.fr {float: right;}
.imgl {float: left; margin-right: 10px; border: 1px dotted #9f9f9f; padding: 1px;}
.imgr {float: right; margin-left: 10px; border: 1px dotted #9f9f9f; padding: 1px;}
.nobrd {border: none !important;}
.nomarg {margin: 0 !important;}
.nopadd {padding: 0 !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}
.tac {text-align: center !important;}
.taj {text-align: justify !important;}

body {margin: 0; padding: 0; text-align: center; color: #323232; font-size: 0.8em; font-family: arial, sans-serif;}
hr {border: 0; margin: 8px 0 8px 0; =margin: 1px 0 1px 0; height: 1px; border-bottom: dotted 1px #9f9f9f;}
a {color: #00a4e8;}            
img {border: none;}
#site {margin: auto; width: 992px; text-align: left;}

#top {position: relative; height: 31px; padding-top:56px; text-align: right;}
#top h1 {position: absolute; top: 20px; left: 0; width: 138px; height: 51px; line-height: 26px; overflow: hidden; font-size: 1.4em; text-align: left;}
#top h1 span {position: absolute; top: 0; left: 0; width: 138px; height: 51px; background: url(../images/layout/headings/seal.gif) 0 0 no-repeat;}
#top h2 {position: absolute; top: 58px; left: 176px; width: 202px; height: 13px; overflow: hidden; font-size: 1.2em; color: #1b557e; line-height: 10px;}
#top h2 span {position: absolute; top: 0; left: 0; width: 202px; height: 13px; background: url(../images/layout/headings/seal_headline.gif) 0 0 no-repeat;}
#top li {display: inline; padding-right: 22px; font-size: 0.85em;}
#top li.ti{padding-right: 15px;}
#top li.end{padding-right: 0;}
#top li a {color: #000; padding-left: 13px;}
#top li a.home {background: url(../images/layout/crumbs/ico_home.gif) 0 3px no-repeat;}
#top li a.sitemap {background: url(../images/layout/crumbs/ico_tree.gif) 0 0 no-repeat;}
#top li a.contact {background: url(../images/layout/crumbs/ico_contact.gif) 0 5px no-repeat;}
#top li a.czech {background: url(../images/layout/crumbs/ico_cze.gif) 0 0 no-repeat; padding-left: 24px;}
#top li a.english {background: url(../images/layout/crumbs/ico_eng.gif) 0 0 no-repeat; padding-left: 24px;}

#menu {position: relative; height: 37px; background: #00a4e8 url(../images/layout/backgrounds/menu_bg.gif) 0 0 no-repeat; margin-bottom: 10px;}
#menu li {text-align: center; float:left; display: inline; position: relative;}
#menu li a {line-height: 37px; display: block; color: #fff; text-decoration: none; cursor: pointer; cursor: hand;}
#menu li a:hover {background: #cd635d; color: #fff;}
#menu li a:hover span, #menu li a.act span {background-position: 0 -37px;}
#menu li span {position: absolute; top: 0; left: 0; height: 37px; background-position: 0 0; background-repeat: no-repeat;}
#menu li.m1 {width: 82px;}
#menu li.m2 {width: 156px;}
#menu li.m3 {width: 141px;}
#menu li.m4 {width: 123px;}
#menu li.m5 {width: 117px;}
#menu li.m1 span {width: 82px; background-image: url(../images/layout/nav/m1.gif);}
#menu li.m2 span {width: 156px; background-image: url(../images/layout/nav/m2.gif);}
#menu li.m3 span {width: 141px; background-image: url(../images/layout/nav/m3.gif);}
#menu li.m4 span {width: 123px; background-image: url(../images/layout/nav/m4.gif);}
#menu li.m5 span {width: 117px; background-image: url(../images/layout/nav/m5.gif);}
#menu li.m1-en {width: 82px;}
#menu li.m2-en {width: 190px;}
#menu li.m3-en {width: 148px;}
#menu li.m4-en {width: 123px;}
#menu li.m5-en {width: 116px;}
#menu li.m1-en span {width: 82px; background-image: url(../images/layout/nav/m1-en.gif);}
#menu li.m2-en span {width: 190px; background-image: url(../images/layout/nav/m2-en.gif);}
#menu li.m3-en span {width: 148px; background-image: url(../images/layout/nav/m3-en.gif);}
#menu li.m4-en span {width: 123px; background-image: url(../images/layout/nav/m4-en.gif);}
#menu li.m5-en span {width: 116px; background-image: url(../images/layout/nav/m5-en.gif);}
#menu form {position: absolute; top:6px; left: 682px; margin-top: 2px;}
#menu form input.searchfield {width: 181px; height: 14px; vertical-align: center; }
#menu form input.searchbutt {color: #c9e5f0; font-size: 0.8em; padding-bottom: 3px; vertical-align: top; letter-spacing: 0.1em; width: 109px; height: 22px; cursor: pointer; background: #1b557e url(../images/layout/backgrounds/search_butt.gif); border: 0;}
#menu form input.searchbutt {padding:0\9}
                             
#leftcol {margin-top: 15px; float: left; width: 248px;}

#submenu {position: relative; padding: 15px 30px; _padding-bottom: 0; width: 188px; min-height: 54px; _height:84px; /*z-index: 2;*/ background: #def6ff url(../images/layout/backgrounds/submenu_bg_top.gif) 0 0 repeat-y; margin-bottom: 20px;}
#submenu span.subm_bott {position: absolute; bottom: 0; _bottom: -6px; left: 0; height: 11px; width: 248px; background: url(../images/layout/backgrounds/submenu_bg_bottom.gif) 0 0 no-repeat;}
#submenu li {list-style: none; border-bottom: dotted 1px #9f9f9f;}
#submenu li a {font-size: 1.2em; color: #000; text-decoration: none; display: block; padding: 7px 0;}
#submenu li a:hover, #submenu li a.act {color: #00a4e8;}
#submenu li.nobr {border: none;}
#submenu ul li ul { padding: 0px 0 0px 40px;}
#submenu ul li ul li {list-style: disc; font-size: 80%}


.newmessage {color: #2a7d9c; text-align: justify; font-size: 0.95em;}
.newmessage a {display: block;}
.newmessage h4 {font-size: 1em;}
.newmessage p {margin: 0.2em 0 1.5em 0;}

#content {float:left; width: 719px; margin: 15px 0 0 25px; min-height: 200px; _height: 200px;}
#content p {font-size: 0.9em; text-align:justify; margin: 0.2em 0 1.5em 0; line-height: 17px;}
#content p.sortlist {text-align: center;}
#content p.fulltext {padding: 10px; background: #f6f6f6;}
#content h1 {color: #00a4e8; font-size: 1.8em; line-height: 20px; font-weight: normal; margin-bottom: 15px; padding-bottom: 5px; border-bottom: dotted 1px #9f9f9f;}
#content h1 small {font-weight: normal; color: #b4b4b4;}
#content h2 {font-size: 1.5em; margin: 0; color: #4d4d4d; font-weight: normal; /*padding-bottom: 5px; border-bottom: dotted 1px #9f9f9f;*/}
#content h2 small {display: block; color: #00a4e8;}
#content h3 {font-size: 1em; margin: 0; color: #00a4e8;}
#content h4 {font-size: 1em; margin: 0;}
#content ul,ol {margin: 0 0 2em 10px;}
#content ul li {padding-left: 22px; line-height: 1.8em; list-style: none; background: url(../images/layout/crumbs/liststyle.gif) 0 6px no-repeat;}
#content ul ul li {background: url(../images/layout/crumbs/liststyle2.gif) 0 6px no-repeat;}
#content ol ul li {margin-left: 0; padding-left: 22px; line-height: 1.8em; list-style: none; background: url(../images/layout/crumbs/liststyle2.gif) 0 6px no-repeat;}
#content ol li {padding-left: 0; line-height: 1.8em; margin-left: 22px; list-style-type: decimal; background-image: none;}
#content ul ul {margin: 0 0 0 10px;}
#content ol ol {margin: 0 0 0 10px;}
#content ul ol {margin: 0 0 0 10px;}
#content ol ul {margin: 0 0 0 10px;}
#content ul#sitemap li li a {color: #000;}
#content ul#sitemap li li li a {color: #818181;}
#content img {padding: 1px; border: dotted 1px #9f9f9f;}
#content hr {clear: both; margin: 0 0 16px 0; padding: 8px 0 8px 0;}

#content table {width: 100%; margin-bottom: 15px; border: 0; border-collapse: collapse;}
#content th {background: #338bab; color: #fff; padding: 8px 5px; font-size: 0.9em; border: 1px solid #28718b; }
#content td {color: #2e2e2e ;background: #fafafa; padding: 5px; border: 1px solid #c8c8c8;}
#content tr.lg td {background: #e0e0e0;}

#content form {margin-bottom: 2em; padding: 15px; background: #f0f0f0;}
#content form fieldset {border: none;}
#content input.txt, #content textarea.txt, #content select.txt {border: 1px solid #dbdbdb;}
#content input.btn {cursor: pointer; padding: 5px 20px; _padding: 2px 10px; color: #fff; background: #338BAB; border: 0;}
#content form span.clr {margin: 2px 0; _margin: 0;}
#content form input.error {border: 1px solid #338BAB;}
#content form label.error {display: none; color: #338BAB;}

/*portfolio*/
.reftext {width: 340px; float: left;}
.refimg {width: 350px; float: right;}
#picgallery img {margin: 5px 3px 0 0;}

#homepage {position: relative; min-height: 255px; _height:255px;}
#homepage img.mainpic, #homepage object.mainpic {float: left; margin-right: 15px;}
#homepage p {font-size: 0.9em; text-align:justify; line-height: 17px;}
#homepage h2 {position: relative; height: 20px; width: 519px; overflow: hidden; color: #00a4e8; font-size: 1.8em; font-weight: normal;}
#homepage h2 span.seal {position: absolute; top:0; left:0; background-image: url(../images/layout/headings/h2seal.gif); height: 20px; width: 519px;}
#homepage h3 {font-size: 0.9em; font-weight: bold;}
#homepage h4 {margin-bottom: 4px; color: #2e2e2e;} 

#homepage .serv {width: 162px; padding: 11px 14px 11px 13px; min-height: 215px; _height: 215px; position: relative; float: left; margin-top: 10px; margin-left: 11.75px;  background: url(../images/layout/backgrounds/sluzby_bg.gif) 0 0 no-repeat;}
#homepage .serv p {padding-top: 14px; font-size: 0.9em; text-align:justify; line-height: 17px;}
#homepage .serv p a {display: block; padding: 5px 0 0 18px; color: #1b557e; background: url(../images/layout/crumbs/dotarrow.gif) 0 9px no-repeat;}
#homepage .serv span.s_bott {position: absolute; left: 0; bottom: 0; _bottom: -6px; display: block; width: 189px; height: 11px; background: url(../images/layout/backgrounds/sluzby_bg_bottom.gif) 0 0 no-repeat;}
#homepage .serv h2 {position: relative; width: 162px; height: 38px; overflow: hidden; font-size: 1em; font-weight: normal; text-transform: uppercase; font-size: 140%;}    
#homepage .serv h2 span {position: absolute; top: 0; left: 0; width: 162px; height: 38px; background-position: 0 0; background-repeat: no-repeat;}
#homepage .serv h2 a {color: #1b557e; text-decoration: none;}
#homepage .serv h2 a:hover {cursor: pointer; color: #cd635d;}
#homepage .serv h2 a:hover span {background-position: 0 -38px;}
#homepage .serv h2.s1 span {background-image: url(../images/layout/headings/h2a.gif);}
#homepage .serv h2.s2 span {background-image: url(../images/layout/headings/h2b.gif);}
#homepage .serv h2.s3 span {background-image: url(../images/layout/headings/h2c.gif);}
#homepage .serv h2.s4 span {background-image: url(../images/layout/headings/h2d.gif);}
#homepage .serv h2.s5 span {background-image: url(../images/layout/headings/h2e.gif);}
#homepage .serv h2.s4-en span {background-image: url(../images/layout/headings/h2d-en.gif);}
#homepage .serv h2.s5-en span {background-image: url(../images/layout/headings/h2e-en.gif);}

#references {position: relative; padding: 11px 0 32px 0; margin-top: 15px; width: 992px; min-height: 236px; background: #d6dadc url(../images/layout/backgrounds/reference_bg.gif) 0 0 repeat-y;}
#references h2, #references h2.en {position: relative; top: -3px; left: 340px; /*z-index: 2;*/ height: 25px; width: 311px; overflow:hidden; font-size: 2em; line-height: 25px; color: #1b557e; font-weight: normal;}
#references h2.en {width: 410px; left: 290px;}
#references h2 span {position: absolute; top: 0; left: 0; height: 25px; width: 311px; background-image: url(../images/layout/headings/h_coprokoho.gif);}
#references h2.en span {position: absolute; top: 0; left: 0; height: 25px; width: 410px; background-image: url(../images/layout/headings/h_coprokoho-en.gif);}
#references span.r_top {position: absolute; top: 0; left: 0; /*z-index: 1;*/ height: 11px; width: 992px; background: url(../images/layout/backgrounds/reference_bg_top.gif) 0 0 no-repeat;}
#references span.r_bott {position: absolute; bottom: 0; _bottom: -6px; left: 0; height: 11px; width: 992px; background: url(../images/layout/backgrounds/reference_bg_bottom.gif) 0 0 no-repeat;}
#references a#left {position: absolute; left: 10px; bottom: 100px; width: 20px; height: 65px; overflow: hidden; text-decoration: none; cursor: pointer; font-size: 1.6em;}
#references a#right {position: absolute; right: 10px; bottom: 100px; width: 20px; height: 65px; overflow: hidden; text-decoration: none; cursor: pointer; font-size: 1.6em;}
#references a#left span {position: absolute; top:0; left:0; width: 20px; height: 65px; background: url(../images/layout/nav/leftarrow.gif) 0 0 no-repeat;}
#references a#right span {position: absolute; top:0; left:0; width: 20px; height: 65px; background: url(../images/layout/nav/rightarrow.gif) 0 0 no-repeat;}
#partners {margin: auto; margin-top: 4px; padding-top: 30px; width: 965px; height: 79px; background: #fff url(../images/layout/backgrounds/partners_bg.gif) 0 0 no-repeat;}
#partners a {margin-left: 44px;}

/*slideshow*/
#refimgs {position: relative; margin: auto; width: 925px; height: 233px; top: 12px; text-align: center; overflow:hidden;}
#refimgs img {margin: 0 4px;}
#refimgs a {cursor: pointer; cursor: hand;}
#slideshow .jq-ss-crop{float:left;}
#images{width:2781px;}

#footer {position: relative; padding: 11px 0 0 15px; margin: 10px 0; width: 977px; height: 25px; background: #9c9c9c url(../images/layout/backgrounds/footer.gif) 0 0 no-repeat;}
#footer p {color: #2e2e2e; font-size: 0.85em;}


.w10 {width: 10px !important;}
.w20 {width: 20px !important;}
.w25 {width: 25px !important;}
.w30 {width: 30px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w50p {width: 50% !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w170 {width: 170px !important;}
.w180 {width: 180px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}