/* General settings */
 body{ font-size:11px; color:#444; margin:100px 0px 10px 0px; font-weight:normal; font-family: Tahoma, Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; text-align:left; }
 table{ text-align:left; } 
 table th{ text-align:left; }
 p{ text-align:justify; margin:0px; padding-top:2px; line-height:15px; margin-bottom:1px; } 
 a{ color:#0462a2; text-decoration: none; }
 a:hover{ color:#111; text-decoration:none; } 
 img{ border:0px; }
 form{ margin:0px; }
 li{ text-align:justify; margin-top:4px; margin-bottom:4px; }
 h1{ padding-left:0px; color:#808080; font-size:17px; font-weight:700; text-align:left; margin:15px 0px 8px 0px; }
 h5{ min-width:50px; margin:0px; font-size:13px; color:#C17D00; border-bottom:1px dotted #C17D00; padding-left:2px; padding-right:2px; padding-bottom:2px; }
 sup{ font-size:10px; }
 input[type=text]{ border:1px solid #aaa; padding:2px 4px; font-size:11px; }
 input[type=radio]{ width:12px; padding-right:5px; }
 input[type=submit]{ border:1px solid #aaa; font-weight:700; font-size:11px; background-color:#f8f8f8; filter: alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }
 select{ border:1px solid #aaa; font-size:11px; height:19px; }
 textarea{ border:1px solid #aaa; font-family: Tahoma, Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:11px; padding:2px; }

/* SIGN POST */
 .mainSign{ width:800px; height:500px; background-image:url('images/intro-bck.jpg'); background-position:top center; background-repeat:no-repeat; }
 .mainSign .sign{ float:left; position:relative; display:block; width:445px; height:257px; margin:40px 0 0 197px; }
 .mainSign .sign .btn{ position:absolute; width:115px; height:35px; background-image:url('images/button_intro.png'); background-position:top center; background-repeat:no-repeat; }
 .mainSign .sign .btn a{ display:block; width:103px; height:17px; margin:6px; padding:4px 0 2px 0; font-weight:700; color:#fff; }
 .mainSign .sign .btn a:hover{ background-color:#54B7E7; }
 .mainSign .sign .hl{ position:absolute; width:58px; height:1px; background-image:url('images/linka_h.png'); background-position:top center; background-repeat:no-repeat; }
 .mainSign .sign .vl{ position:absolute; width:1px; height:10px; background-image:url('images/linka_v.png'); background-position:top center; background-repeat:no-repeat; }
 .mainSign .sign .btn_firma{ top:0px; left:0px; }
 .mainSign .sign .vl_firma{ top:31px; left:57px; }
 .mainSign .sign .btn_novinky{ top:37px; left:0px; }
 .mainSign .sign .vl_novinky{ top:68px; left:57px; }
 .mainSign .sign .btn_sluzby{ top:74px; left:0px; }
 .mainSign .sign .vl_sluzby{ top:105px; left:57px; }
 .mainSign .sign .btn_ceniky{ top:111px; left:0px; }
 .mainSign .sign .vl_ceniky{ top:142px; left:57px; }
 .mainSign .sign .btn_komponenty{ top:148px; left:0px; }
 .mainSign .sign .vl_komponenty{ top:179px; left:57px; }
 .mainSign .sign .btn_registr{ top:185px; left:0px; }
 .mainSign .sign .vl_registr{ top:216px; left:57px; }
 .mainSign .sign .btn_kontakty{ top:222px; left:0px; } 
 
 .mainSign .sign .btn_isp{ top:111px; left:165px; }
 .mainSign .sign .vl_isp{ top:142px; left:222px; }
 .mainSign .sign .btn_webmail{ top:148px; left:165px; }
 .mainSign .sign .vl_webmail{ top:179px; left:222px; }
 .mainSign .sign .btn_komunikace{ top:185px; left:165px; } 
 
 .mainSign .sign .btn_sit{ top:37px; left:330px; }
 .mainSign .sign .vl_sit{ top:68px; left:387px; }
 .mainSign .sign .btn_body{ top:74px; left:330px; }
 .mainSign .sign .vl_body{ top:105px; left:387px; }
 .mainSign .sign .btn_pravidla{ top:111px; left:330px; }
 .mainSign .sign .vl_pravidla{ top:142px; left:387px; }
 .mainSign .sign .btn_nastaveni{ top:148px; left:330px; }
 .mainSign .sign .vl_nastaveni{ top:179px; left:387px; }
 .mainSign .sign .btn_stazeni{ top:185px; left:330px; } 
 .mainSign .sign .hl_ceniky{ top:129px; left:111px; }
 .mainSign .sign .hl_komponenty{ top:166px; left:111px; }
 .mainSign .sign .hl_registr{ top:203px; left:111px; }
 .mainSign .sign .hl_isp{ top:129px; left:276px; }
 .mainSign .sign .hl_webmail{ top:166px; left:276px; }
 .mainSign .sign .hl_komunikace{ top:203px; left:276px; } 
 .mainSign .sign .btn_webkamera{ top:222px; left:330px; } 
 .mainSign .sign .vl_webkamera{ top:216px; left:387px; } 
 .mainSign .logo{ float:left; display:block; width:800px; height:72px; margin-top:20px; }
 .mainSign .logo .ms{ float:left; display:block; width:387px; height:72px; }
 .mainSign .logo .mn{ float:right; display:block; width:324px; height:72px; margin-right:25px; }
 .mainSign .warnmsg{ float:left; display:block; width:423px; height:18px; margin:30px 0 0 208px; font-weight:700; color:#039fec; }
 .mainSign .warnmsg span.l{ float:left; width:67px; }
 .mainSign .warnmsg span.r{ float:right; width:65px; color:#888; font-size:10px; text-align:right; margin-right:2px; }
 .mainSign .warning{ float:left; display:block; width:443px; height:53px; margin:0px 0 0 198px; background-image:url('images/intro_news.png'); background-position:top center; background-repeat:no-repeat; }
 .mainSign .warning a{ display:block; width:431px; height:16px; margin:6px 7px 7px 6px; padding:5px 0 2px 0; font-weight:700; color:#555; font-size:10px; background-color:#f2f2f2; }
 .mainSign .warning a:hover{ background-color:#f8f8f8; }
 .mainSign .footer{ float:left; display:block; width:443px; height:18px; margin:30px 0 0 198px; text-align:center; font-size:8px; color:#888; }
 .mainSign .footer a{ color:#888; }
 
 .comform{ float:left; position:relative; display:block; width:632px; height:250px; margin:25px 0 0 59px; border:1px solid #aaa; padding:10px; text-align:left; background-color:#fff; filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; }
 .comform table{  }
 .comform table th{ width:100px; text-align:right; vertical-align:top;padding-top:9px; }
 .comform table td{ vertical-align:top; }
 .comform table td.msg{ text-align:center; color:#f22; padding-top:10px; font-size:10px; font-weight:700; }
 .comform table td.msg span.default{ color:#888; }
 .comform table td.msg span.ok{ color:#282; }
 .comform table td span.code{ padding-left:10px; }
 .comform table td.controls a{ color:#333; float:left; display:block; padding:1px 10px 2px 10px; border:1px solid #aaa; font-size:11px; font-weight:700; background-color:#f8f8f8; }
 .comform table td.controls input[type=submit]{ float:right; background-color:#ddd; filter: alpha(opacity=100); -moz-opacity: 0.00; opacity: 1.00; cursor:pointer; }
 .comform table td input[type=text]{ width:140px; }
 .comform table td textarea{ width:290px; height:175px; }
 
/* WEB */ 
 .mainWeb{ float:left; width:100%; background-color:#fff; background-image:url('images/bck_grad1.jpg'); background-position:top center; background-repeat:repeat-x; } 
 .mainWebMs{ width:966px; min-height:200px; background-image:url('images/top_kolaz_ms.jpg'); background-position:top center; background-repeat:no-repeat; }
 .mainWebMn{ width:966px; min-height:200px; background-image:url('images/top_kolaz_mn.jpg'); background-position:top center; background-repeat:no-repeat; }
 .mainHeader{ float:left; width:808px; margin-left:79px; text-align:left; }
 .mainHeader .date{ float:left; width:780px; text-align:right; color:#b7d8f7; margin-top:5px; padding:8px 0 2px 0;  }
 .mainHeader .email{ float:left; width:780px; text-align:right; margin-bottom:8px; padding:8px 0 8px 0; }
 .mainHeader .email a{ float:right; width:125px; color:#b7d8f7; background-image:url('images/kolaz_mail_obalka.png'); background-position:1px left; background-repeat:no-repeat; }
 .mainHeader .email a:hover{ color:#eef; }
 .mainHeader .banner{ float:left; width:808px; height:139px; background-image:url('images/uvodnik.png'); }
 .mainHeader .banner img{ float:right; height:72px; margin:35px 20px 0 0; }
 .mainHeader .banner .welcome{ float:left; width:340px; font-size:25px; color:#049cf0; margin:20px 0 0 30px; padding:0 0 5px 5px; border-bottom:1px solid #ddd; }
 .mainHeader .banner .perex{ float:left; width:330px; margin:0 0 0 30px; padding:8px 0 0 8px; text-align:justify; line-height:15px; color:#444; }
 .mainHeader .menu{ float:left; width:783px; height:47px; padding:12px 0 0 25px; margin-top:5px; background-image:url('images/menu_bck.png'); background-position:top center; background-repeat:no-repeat; font-size:13px; }
 .mainHeader .menu a{ float:left; color:#effaff; font-weight:700; }
 .mainHeader .menu a:hover{ color:#fff; text-decoration:underline; }
 .mainHeader .menu span{ float:left; color:#66caf3; margin:0 10px; }

 .mainContent{ float:left; width:748px; min-height:450px; margin-left:109px; text-align:justify; padding-bottom:20px; }
 .mainContent h1{ float:left; width:730px; margin:0 0 10px 0; color:#037abc; font-weight:500;  padding-left:14px; background-image:url('images/zarazka_news.gif'); background-position:left 1px; background-repeat:no-repeat; }
 .mainContent .cntDiv{ float:left; padding:10px; text-align:left; }

 .mainFooter{ float:left; width:100%; height:74px; background-image:url('images/bck_grad2.jpg'); background-position:top center; background-repeat:repeat-x; }
 .mainFooter .footer{ position:relative; width:758px; padding:10px 104px 0 104px; }
 .mainFooter .footer img{ float:right; cursor:pointer; }
 .mainFooter .footer .links{ float:left; width:600px; text-align:left; margin-bottom:10px; }
 .mainFooter .footer .links a{ float:left; color:#048cf0; }
 .mainFooter .footer .links a:hover{ color:#444; }
 .mainFooter .footer .links span{ float:left; color:#999; margin:0 8px; }
 .mainFooter .footer .copyright{ float:left; width:600px; text-align:left; font-size:9px; line-height:14px; color:#888; }
 .mainFooter .footer .copyright a{ color:#888; } 

 .mainFooter .footer .pannelMs{ position:absolute; left:740px; top:0px; width:115px; height:0px; background-color:#dcdcdc; }
 .mainFooter .footer .pannelMn{ position:absolute; left:730px; top:0px; width:115px; height:0px; background-color:#dcdcdc; }
 .mainFooter .footer #slidePannel{ display:none; float:left; position:absolute; left:0px; bottom:0px; width:115px; padding:5px; background-color:#fff;  }
 .mainFooter .footer #slidePannel a{ display:block; float:left; width:100px; margin-bottom:5px; padding:5px; border:1px solid #e2e2e2; background-color:#f8f8f8; }
 .mainFooter .footer #slidePannel a:hover{ border:1px solid #c8c8c8; background-color:#f5f5f5; }

 .contacts{ float:left; width:730px; } 
 .contacts .col1{ float:left; width:330px; margin-right:10px; }
 .contacts .col1 br{ font-size:5px; }
 .contacts .col1 h2{ float:left; width:305px; margin:0px; margin-bottom:5px; font-size:13px; color:#C17D00; border-bottom:1px dotted #C17D00; padding-bottom:2px; }
 .contacts .col1 .item{ float:left; margin-bottom:15px; padding-left:5px; }
 .contacts .col1 .open p span{ float:left; width:60px; font-weight:700; }
 .contacts .col1 .cons p span{ float:left; width:120px; font-weight:700; }
 .contacts .col1 .item a{ color:#256Dd9; }
 .contacts .col1 .item a:hover{ color:#444; }
 .contacts .col2{ float:left; width:220px; margin-right:15px; }
 .contacts .col2 br{ font-size:5px; }
 .contacts .col2 h2{ float:left; width:205px; margin:0px; margin-bottom:5px; font-size:13px; color:#C17D00; border-bottom:1px dotted #C17D00; padding-bottom:2px; }
 .contacts .col2 .item{ float:left; margin-bottom:15px; padding-left:5px; }
 .contacts .col2 .item .name{ font-weight:700; }
 .contacts .col2 .item .sub{ font-size:10px; font-style:italic; }
 .contacts .col2 .item a{ color:#256Dd9; }
 .contacts .col2 .item a:hover{ color:#444; }
 .contacts .colMap{ float:left; width:150px; }
 .contacts .colMap p{ padding:10px 4px; font-size:9px; color:#888; } /*#76b261*/
 
 .debtors{ float:left; width:730px; }
 .debtors h2{ float:left; width:355px; margin:0px; margin-bottom:5px; font-size:13px; color:#C17D00; border-bottom:1px dotted #C17D00; padding-bottom:2px; }
 .debtors .dcoll{ float:left; width:532px; margin-right:15px; }
 .debtors .dcolr{ float:left; width:180px; }
  
 .debtors table.review{ float:left; font-size:10px; border:1px solid #fff; border-bottom:1px dotted #e2e2e2; border-collapse:collapse; width:530px; }
 .debtors table.review th{ font-size:10px; border:1px solid #fff; border-bottom-color:#f0f0f0; padding-top:5px; padding-bottom:5px; background-color:#f0f0f0; }
 .debtors table.review td{ font-size:11px; border:1px dotted #e2e2e2; padding-top:4px; padding-bottom:4px; border-bottom:1px dotted #e2e2e2; }
 .debtors table.review td a{ font-size:10px; }
 
 .h1PIN{ float:right; margin-top:6px; margin-right:15px; }
 .h1PIN span{ float:left; color:#666; }
 .h1PIN span.msg{ color:#f22; font-size:10px; margin:1px 5px 0 0; }
 .h1PIN input[type=password]{ float:left; text-align:center; width:40px; border:1px solid #999; font-size:10px; margin-left:5px; }
 .h1PIN input[type=submit]{ float:left; width:30px; height:16px; font-size:9px; margin-left:5px; }
 .h1PINLogged{ float:right; margin-top:5px; margin-right:12px; color:#292; }
 .h1PINLogged span{ color:#aaa; font-size:10px; }
 
 .newsHeader{ font-size:12px; height:18px; margin-bottom:4px; padding:0px; padding-right:9px;}
 .newsHeader a{ float:left; display:block; font-weight:700; /*color:#C17D00;*/ color:#111; padding:0 2px 0px 2px; /*border-bottom:1px dotted #C17D00;*/ }
 .newsHeader a:hover{ color:#333; }
 .newsHeader span.right{ float:right; text-align:center; font-size:11px;/* background-image:url('images/datum_news_bck.gif'); background-position:left 1px; background-repeat:no-repeat; */}
 .newsPerex{  text-align:justify; padding:0px 5px; }
 .newsFooter{  font-size:10px; text-align:right; margin-bottom:25px; margin-top:4px; }
 .newsFooter a{ padding-right:18px; background-image:url('images/ico_vice.gif'); background-position:right 2px; background-repeat:no-repeat; margin-right:6px; }
 
 .imgContainer{ width:730px; padding:10px 0px 0px 4px; margin-top:25px; }
 .imgItem{ width:78px; height:78px; float:left; padding:1px; margin:4px; border:1px solid #ccc; }
 
 .condocs{ float:left; width:450px; color:#111; }
 .condocs a{ color:#111; }
 .condocs a:hover{ color:#888; }
 .condocs span.d1{ float:left; width:280px; font-weight:700; }
 .condocs span.d2{ float:left; width:110px; }
 .condocs span.d3{ float:left; text-align:right; }
  
 .mapContent{ display:block; width:725px; height:460px; border:1px solid #888;}
 .mapNote{ font-size:10px; color:#888; padding:5px 10px 0 5px; line-height:12px; }
 .mapHeader{ padding-left:5px; padding-bottom:3px; font-weight:700; }
 .apLDiv{ width:717px; margin-left:5px; }
 .apLDiv .apLCol{ float:left; width:143px; }
 .apLDiv .apLCol p{ font-size:10px; line-height:10px; }
 
 .modH2{ width:265px; margin:0px; margin-bottom:5px; font-size:13px; color:#C17D00; border-bottom:1px dotted #C17D00; padding-left:2px; padding-bottom:2px; }
 .modBlock{ padding-left:5px; }

 div.modUl{ display:block; margin:15px 0; }
 div.modUl div{ float:left; display:block; width:480px; margin-bottom:5px; }
 div.modUl div a{ color:#333; }
 div.modUl div a:hover{ color:#888; }
 div.modUl span.d0{ float:left; width:30px; text-align:right; font-size:14px; }
 div.modUl span.d1{ float:left; width:200px; font-weight:700; margin-left:8px; text-align:left; }
 div.modUl span.d2{ float:left; width:120px; text-align:left; }
 div.modUl span.d3{ float:left; width:90px; text-align:right; }
 
 .components{ float:left; width:450px; color:#111; }
 .components a{ color:#111; font-weight:700; }
 .components a:hover{ color:#888; }
 .components a.blink{ color:#0462a2; text-decoration:none; }
 .components a.blink:hover{ color:#111; text-decoration:none; }
 .components span.d1{ float:left; width:340px;  }
 .components span.d2{ float:left; width:110px; font-weight:700; text-align:right; }
 .components span.d2 span{ width:30px; padding-right:20px; text-align:right; }
 
 .componentIPG{ float:right; width:250px; }
 .componentIPG img{ margin-bottom:3px; }
 
 .pricelists{ float:left; width:450px; }
 
 .bigSpacer{ float:left; width:650px; height:20px; }
 .smallSpacer{ float:left; width:450px; height:10px; }
 .smallLongSpacer{ float:left; width:670px; height:10px; }

 .webcam{ float:left; width:694px; padding-left:0; vertical-align:top; }
 .webcam .view{ float:left; width:603px; }
 .webcam .view img{ max-width:599px; padding:1px; border:1px solid #ccc; }
 .webcam .navi{ float:left; padding:1px; margin-left:5px; width:84px; min-height:400px; }
 .webcam .navi img{ float:left; width:80px; height:63px; margin-bottom:5px; padding:1px; border:1px solid #ccc; }
 .webcam .navi img:hover{ padding:0; border:2px solid #009fec; }
 .webcam .navi img.active{ float:left; width:80px; height:63px; margin-bottom:5px; padding:0; border:2px solid #009fec; }
 .webcam .camnote{ margin-top:5px; font-size:9px; color:#888; width:100%; }
 .webcam .camnote span.left{ float:left; margin-left:5px; }
 .webcam .camnote span.right{ float:right; margin-right:5px; }
 
 h4{ padding-left:2px; margin-top:10px; margin-bottom:14px; font-size:15px; color:#037abc; }
 p.pravidlaSub{ text-align:right; width:725px; }
 p.pravidlaSub a{ color:#d22; }
 p.pravidlaSub a:hover{ color:#000; }
 
/* Predefined constants */
 .orange{ color:#ff6100; }
 .orange:hover{ color:#bf2100; }

 span.left{ float:left; }
 span.right{ float:right; }
 span.impast{ color:#f22; padding-right:2px; font-size:10px; }

 .j{ text-align:justify; }
 .c{ text-align:center; }
 .r{ text-align:right; }
 .l{ text-align:left; }
 .u{ text-decoration:underline; }
 .nu{ text-decoration:none; }
 .b{ font-weight:700; }
 .nb{ font-weight:500; }
 .i{ font-style:italic; }
 .t{ vertical-align:top; }
 .pt1{ padding-top:2px; }
 .pl5{ padding-left:5px; text-align:left; }
 .pl7{ padding-left:7px; text-align:left; }
 .pr5{ padding-right:5px; text-align:right; }
 .pl10{ padding-left:15px; }
 .pr10{ padding-right:10px; text-align:right; }