/* neviditelne */
.hidden                     { display:none; }
#goTo                       { display:none; }
.cleaner                    { display:hidden; clear:both; height:1px; font-size:1px; line-height:1px; margin:0; padding:0; }
.cleaner hr                 { display:none; }

/* LINKY */
a, a:visited                { color:#97170b; font-weight:normal; text-decoration:underline; }
a:hover, a:focus, a:active  { color:#000000; font-weight:normal; }
a img                       { border:none; }

/* BLOCKS */
html, body                  { height:100%; }
body                        { margin:0; padding:0; text-align:center; overflow:-moz-scrollbars-vertical;
                              background:#ebebeb url("../images/backgr_body.gif") top center repeat-x; }
body>#page                  { height:auto; }
#page                       { position:relative; top:0; left:0; width:100%; margin:0; padding:0; min-height:100%; height:100%;
                              background: url("../images/backgr_page.gifx") bottom center repeat-x; }
#content                    { width:1035px; margin:0 auto; padding:40px 0 50px 0 ; text-align:left; min-height:300px;
                              background: url("../images/backgr_content.png") repeat-y; }
#footer                     { width:100%; min-height:300px; margin:0; padding:0; background:#768888 url("../images/backgr_footer.gif") repeat-x; }
#footerContent              { width:1035px; min-height:200px; margin:0 auto; padding:0; color:#58595a; font-size:11px; font-weight:normal;
                              background: url("../images/backgr_footer-content.png") repeat-y; }
#footerEnd                  { width:1035px; height:170px; margin:0 auto; padding:0 0 20px 0; color:#58595a; font-size:11px; font-weight:normal;
                              background:url("../images/backgr_footer_end2.png") top left no-repeat; }


/* TEXT columns */
#content #leftColumn        { position:relative; top:0; left:8px; width:680px; height:auto; margin:0; padding:0 5px 0 25px; float:left; }
#content #rightColumn       { position:relative; top:0; left:13px; width:290px; height:auto; margin:0; padding:0; float:left; }

/* TEXTY vlevo */ 
#leftColumn h1              { font-size:18px; line-height:20px; font-weight:bold; color:#3a4c4c; margin:0; padding:15px 0 15px 10px; }
#leftColumn h2              { font-size:18px; line-height:20px; font-weight:bold; color:#292929; margin:0; padding:15px 0 20px 10px; }
#leftColumn h2 span         { color:#3a4c4c; }
#leftColumn h3              { font-size:16px; line-height:20px; font-weight:bold; color:#292929; margin:0; padding:10px 0 10px 10px; }
#leftColumn h4              { font-size:12px; line-height:15px; font-weight:bold; color:#292929; margin:0; padding:10px 0 10px 10px; }
#leftColumn h3 a            { color:#3a4c4c; font-weight:bold; }
#leftColumn h3 a:hover      { color:#97170b; }
#leftColumn h3 img          { float:left; margin:0 15px 0 0; padding:0; clear:left; }
#leftColumn p               { font-size:12px; line-height:20px; color:#292929;  margin:0; padding:0 8px 10px 10px; }
#leftColumn p span          { color:#97170b; font-weight:bold; }

#leftColumn dl.table dt     { width:150px; height:20px; padding:2px; margin:0 0 0 10px; float:left; font-size:12px; font-weight:bold;}
#leftColumn dl.table dd     { width:500px; height:20px; padding:2px; margin-left:170px; font-size:12px; }

#leftColumn ul              { font-size:13px; font-weight:normal; margin:5px 0px 10px 0; padding:0; }
#leftColumn ul li           { color:#000000; margin:0px 15px 0px 10px; padding:2px 0px 2px 15px; line-height:14px; list-style-type:none; text-indent:0px;
                              background:url("../images/image_odrazka.gif") 0 4px no-repeat; }

#leftColumn ol              { font-size:13px; font-weight:normal; margin:5px 0px 10px 30px; padding:0; }
#leftColumn ol li           { color:#97170b; margin:0px 15px 0px 10px; padding:2px 0px 2px 0px; line-height:14px; text-indent:0px; font-weight: bold; }
#leftColumn ol li p         { color:#292929; margin:0; padding:0; font-weight:normal; }

/* TEXT columns - katalog */
#leftColumn .katalog p      { margin:0; padding:0 10px 5px 90px; }


/* TEXT columns - reference */
#reference #content #leftColumn h3          { margin:0; padding:20px 20px 10px 230px; }
#reference #content #leftColumn h4          { margin:0; padding:0 10px 0 230px; }
#reference #content #leftColumn p           { margin:0; padding:10px 10px 0 230px; }
#reference #content #leftColumn img         { float:left; width:180px; height:180px; margin:5px 15px 0 0; padding:17px; clear:left;  background:url("../images/backgr_reference.png") 0 0 no-repeat; }
#reference #content #leftColumn .cleaner    { display:hidden; clear:both; height:1px; font-size:1px; line-height:1px; margin:0 0 15px 0; padding:0; }

/* TEXT columns - kontakt */
#kontakt #content #leftColumn img           { margin:0 0 0 -2px; }
#index #content #leftColumn img             { margin:0 5px 0 -2px; padding:0; }

/* formular */
.forms                      { display:block; margin:0; padding:0; font-size:10px; font-weight:normal; width:480px; text-align:left; float:left; }
.forms p                    { margin:0; padding:0; }
.forms label                { width:230px; margin:0; padding:4px 0 0 20px; display:block; float:right; text-align:left; font-weight:bold; background:url("../images/form_label.png") 3px 4px no-repeat;}

textarea#dotaz                 { width:460px; height:95px; font-size:12px; color:#000000; background:url("../images/form_textarea.png") no-repeat; margin:10px 0 5px 0; padding:5px 0 0 10px;
                              vertical-align:middle; border:0px; }
textarea.admin                 { width:300px; height:95px; font-size:12px; color:#000000; background:url("../images/form_textarea.png") no-repeat; margin:10px 0 5px 0; padding:5px 0 0 10px;
                              border:0px; }
input.name                  { width:200px; height:23px; font-size:13px; color:#000000; background:url("../images/form_text.png") no-repeat; margin:0; padding:7px 0 0 10px; vertical-align:middle; border:0px; }
input.admin                  { width:300px; height:23px; font-size:13px; color:#000000; background:url("../images/form_text.png") no-repeat; margin:0; padding:7px 0 0 10px; vertical-align:middle; border:0px; }
input#submit                { width:215px; height:35px; margin:5px 0 0 0; padding:0 0 2px 0; vertical-align:middle; font-weight:bold; border:0px; float:left;
                              background:url("../images/form_submit.png") 0 0 no-repeat; }
input#submit:hover          { background:url("../images/form_submit.png") 0 0 no-repeat; cursor:pointer; color:#97170b; }

/* tabulky */
table                       { margin:5px 20px 20px 0; padding:0; width:97%;  }
caption                     { font-size:14px; font-weight:bold; color:#3a4c4c; margin:0; padding:10px; line-height:18px; }
table th                    { font-size:12px; font-weight:bold; color:#ffffff; margin:0; padding:10px 5px 10px 8px; line-height:13px;
                              background:#8a9292; border-bottom:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}
table td                    { font-size:12px; font-weight:normal; color:#000000; margin:0; padding:5px 5px 5px 8px; line-height:13px;
                              background:#dbdbdb; border-bottom:1px solid #8a9292; border-right:1px solid #8a9292; }

/* NOVINKY */
.news_header,
.reference_header           { width:290px; height:15px; margin:0; padding:0; float:left; background:url("../images/news_header.png") no-repeat; }
.news_body                  { width:290px; height:auto; margin:0; padding:0; float:left; background: url("../images/news_body.png") repeat-y; }
.news_end,
.reference_end              { width:290px; height:15px; margin:0 0 15px 0; padding:0; float:left; background:url("../images/news_end.png") no-repeat; }
.news_body h2               { font-size:18px; line-height:20px; font-weight:bold; color:#292929; margin:0; padding:3px 0 0 25px; }
.news_body h3               { font-size:16px; line-height:18px; font-weight:normal; color:#3a4c4c; margin:3px 0 0 10px; padding:10px 0 3px 0;
                              background:url("../images/backgr_h3.gif") top left no-repeat; }
.news_body p                { font-size:12px; line-height:15px; color:#292929;  margin:0; padding:0 10px 5px 10px; }
.news_body span             { font-size:12px; color:#3a4c4c; font-weight:normal; margin:0; padding:0 10px 0 10px; line-height:12px; }
.news_body ul               { margin:0; padding:5px 15px 0 15px; list-style-type:none; }
.news_body ul li            { text-align:left; padding:0 0 5px 0 }
.news_body ul li a          { color:#3a4c4c; text-decoration:underline; overflow:hidden; }
.news_body ul li a:hover    { color:#97170b; }
.news_body .all,
.reference_body .all        { font-size:17px; line-height:17px; text-align:right; margin:0 0 0 25px; padding:10px 25px 3px 0;
                              background:url("../images/backgr_h3.gif") top left no-repeat; }
.news_body .all a,
.reference_body .all a      { font-size:11px; line-height:17px; text-align:right; text-decoration:underline; }

/* REFERENCE */
.reference_body             { width:270px; height:auto; margin:0; padding:0 0 0 17px; float:left; background: url("../images/news_body.png") repeat-y; }
.reference_body h2          { font-size:18px; line-height:20px; font-weight:bold; color:#292929; margin:0 0 5px 8px; padding:3px 0 10px 0;
                              background:url("../images/backgr_h3.gif") bottom left no-repeat; }
#content .reference                  { display:block; width:116px; min-height:116px; margin:0; padding:6px; text-align:center; float:left; }
#content .reference:hover            { background:#cbcbcb; }
#content .reference p                { font-size:12px; color:#292929; margin:0; padding:0; text-align:center; }
#content .reference img              { padding:0; margin:0 0 3px 0; border:1px solid #a9a9a9; }
#content .reference img:hover        { border:1px solid #3a4c4c; }
#content .reference a                { color:#116fa9; text-decoration:underline; }
#content .reference a:hover          { color:#3a4c4c; }
/* HEAD */
#head                       { position:relative; top:20px; width:1035px; height:300px; margin:0 auto; padding:0; background:#96aba9 url("../images/backgr_header.jpg") no-repeat; }
#head div#logo                    { position:absolute; top:0; left:0; margin:0; padding:0; }
#head div#logo a                  { position:relative; width:320px; height:70px; margin:0; padding:30px 0 0 30px; display:block; overflow:hidden; cursor:pointer; }
#head div#logo a span             { position:absolute; top:0; left:8px; z-index:2; width:350px; height:100px; margin:0; padding:0; background: url("../images/logo_stakohome.jpg") 0 -1px no-repeat; }
#pagePerex                  { position:relative; top:100px; left:8px; width:350px; height:150px; margin:0; padding:0 0 0 0px; background:#96aba9; }
#pagePerex div#sublogo               { font-size:20px; padding:0; margin:0; color:#292929; }
#pagePerex div#sublogo span          { width:350px; height:150px; background: url("../images/motto_slogan.jpg") no-repeat 0 0; display: block; position:absolute; top:0; left:0; }

/* MAIN MENU */
#navigation                 { position:absolute; top:270px; left:0; width:100%; height:50px; margin:0; padding:0; }
.mainMenu                   { position:relative; top:0; left:0; width:1035px; margin:0 auto; height:50px; padding:0; font-weight:bold; /* background:#a4282c url("../images/backgr_menu.jpg") no-repeat; */}
#breadCrumbs                { position:relative; top:10px; right:0; width:970px; margin:0 auto; height:25px; line-height:25px; padding:0; font-size:12px; text-align:left; font-weight:normal; }

/* TOP MENU */
#navigation .mainMenu { padding-left: 14px; height: 50px}

/* SUBMENU */
#navigation #subMenu ul                 { margin:0; padding:0; list-style-type:none; }
#navigation #subMenu ul li              { display:inline; text-align:left; }
#navigation #subMenu ul li a,
#navigation #subMenu ul li a:visited    { display:block; height:25px; margin:0px 1px 0 0; padding:0 16px 0 16px; color:#ffffff; text-decoration:none; text-align:center; float:right; overflow:hidden;
                                          background:#bbbbbb; line-height:25px; font-size:13px; font-weight:normal; }
#navigation #subMenu ul li a:hover      { background:#ff2800; color:#000000; }

#footer .mainMenu                       { position:relative; top:0; left:0; width:1020px; margin:0 auto; height:auto; padding:0;
                                          background:url("../images/backgr_footer_menu.gif") top center no-repeat; }
#footer .mainMenu ul                    { margin:0; padding:0; list-style-type:none; }
#footer .mainMenu ul li                 { padding:0; text-align:left; float:left; width:170px;  }
#footer .mainMenu ul li a               { display:block; height:40px; margin:0; padding:0 0 0 20px; color:#000000; text-decoration:none; text-align:left;
                                          line-height:40px; font-size:12px; font-weight:bold;
                                          background:transparent; border-bottom:0px solid #ffffff; }
#footer .mainMenu ul li a:hover         { background:transparent; color:#3a4c4c; text-decoration:underline;  }

#footer .mainMenu ul li ul              { margin:5px 0 0 0; padding:0; }
#footer .mainMenu ul li ul li a         { display:block; height:25px; margin:0; padding:0 0 0 20px; line-height:25px; text-align:left; font-size:12px;  font-weight:normal;
                                          background:transparent; border-bottom:0px solid #cccccc; } 
#footer .mainMenu ul li ul li a:hover   { background:transparent; color:#3a4c4c; text-decoration:underline;  }

/* FOOTER */
#footer p                       { margin:0; padding:0; line-height:20px; }
#footer #copyright              { display:block; position:relative; top:80px; left:30px; margin:0; margin-top: 10px; padding:0; width:480px; height:30px; text-align:left; float:left; }
#footer #webdesign              { display:block; position:relative; top:80px; right:30px; margin:0;margin-top: 10px; padding:0; width:480px; height:30px; text-align:right; float:right; }
#footer #linksfoot              { display:block; position:relative; top:30px; right:30px; margin:0; padding:0; width:970px; height:30px; text-align: justify; float:right; }
#footer a                       { color:#3a4c4c; text-decoration:underline; font-weight:normal; }
#footer a:hover                 { color:#000000; }


div.center-img, div.center-img-duo { margin: auto; text-align: center; margin: 5px 0 10px 0 }
div.center-img img { margin: auto; border: 1px solid #808080 }
div.center-img-duo img { width: 200px; margin: auto; border: 1px solid #808080 }


div#mapa { width: 675px; height: 330px; background: url("../repository/image/img_mapa.png") no-repeat; text-align: center; padding-top: 15px; overflow: hidden}