/* --------------------------------------------------------------------------------------------    Autor:Jan Dousek (prace@jandousek.cz)    Struktura:rozmery,pozice,vrstvy,pozadi,ramecky,pisma,barvy,kurzory-------------------------------------------------------------------------------------------- */
body{padding:85px 0 30px 0;  background:#f9f9f9 url('../img/body.png');font:75% Arial,Helvetica,sans-serif;color:#707070;}
a{color:#4788ee;}
a:hover, a:focus{color:#000;}
/*  Nadpisy  --------------------------------- */
h1, h2, h3, h4, h5, h6{font-family:'Myriad Pro', Calibri;font-weight:normal;}
/*  Tlacitka  --------------------------------- */
.btn{display:inline-block;margin-right:7px;text-decoration:none;color:#4b4b4b;}
.btn span{display:inline-block;padding:8px 10px 8px 30px;background:#fff 7px 6px no-repeat;border:1px solid #e2e2e2;border-radius:3px;text-decoration:underline;}
.btn.contrast{padding:3px 10px 3px 10px !important;background-position:left top;background-repeat:repeat-x;border:1px solid #000;border-radius:3px;text-shadow:1px 1px 0 rgba(0,0,0,0.3);color:#fff !important;}
.btn.contrast span{padding:5px 0;background:transparent;background-position:right center;background-repeat:no-repeat;border:none;}
.btn.contrast.icon{margin-right:30px;}
.btn.contrast.icon span{margin-right:-35px;padding-right:35px;}
/*  Ikonove  ----------------- */
.btn.delete span{background-image:url('../img/icons/delete.png');}
.btn.edit span{background-image:url('../img/icons/edit.png');}
.btn.download span{background-image:url('../img/icons/download.png');}
.btn.upload span{background-image:url('../img/icons/upload.png');}
.btn.add span{background-image:url('../img/icons/add.png');}
.btn.up span{background-image:url('../img/icons/up.png');}
.btn.right span{background-image:url('../img/icons/right.png');}
.btn.down span{background-image:url('../img/icons/down.png');}
.btn.left span{background-image:url('../img/icons/left.png');}
.btn.save span{background-image:url('../img/icons/save.png');}
.btn.cancel span{background-image:url('../img/icons/cancel.png');}
.btn.favourite span{background-image:url('../img/icons/favourite.png');}
.btn.print span{background-image:url('../img/icons/print.png');}
.btn.send span{background-image:url('../img/icons/send.png');}
.btn.reload span{background-image:url('../img/icons/reload.png');}
.btn.color span{background-image:url('../img/icons/color.png');}
.btn.lock span{background-image:url('../img/icons/lock.png');}
.btn.unlock span{background-image:url('../img/icons/unlock.png');}
.btn.graph span{background-image:url('../img/icons/graph.png');}
.btn.tag span{background-image:url('../img/icons/tag.png');}
.btn.download span{background-image:url('../img/icons/download.png');}
/*  Kontrastni ----------------- */
.btn.contrast.red{background-color:#e63535;background-image:url('../img/btn-contrast-red.png');border-color:#da0a0a;}
.btn.contrast.blue{background-color:#2f5a9b;background-image:url('../img/btn-contrast-blue.png');border-color:#1a4784;}
.btn.contrast.green{background-color:#6a9b2f;background-image:url('../img/btn-contrast-green.png');border-color:#718329;}
.btn.contrast.orange{background-color:#cc5207;background-image:url('../img/btn-contrast-orange.png');border-color:#bd4b04;}
.btn.contrast.black{background-color:#252525;background-image:url('../img/btn-contrast-black.png');border-color:#181818;}
/*  Stavy  */
.btn:hover{box-shadow:0 0 3px #e9e9e9;}
.btn.contrast:focus, .btn.contrast:active{background-position:left 100px;}
/*  Odlisnosti  -------- */
.buttons .btn{margin-bottom:10px;}
/*  Hlasky  --------------------------------- */
.message{margin-bottom:13px;padding:10px 15px;background:#fff url('../img/message_close.png') right 8px no-repeat;box-shadow:0 10px 2px -9px #eee;border:1px solid #e7e7e7;border-radius:3px;line-height:100% !important;cursor:pointer;}
.message.ok{border-color:#bec915;}
.message.ng{border-color:#e52a2a;}
.message.info{border-color:#efba18;}
/*  Tlacitka informacni  --------------------------------- */
.btn-info{display:inline-block;padding:7px 10px 7px 10px;background-color:#f3f3f3;box-shadow:inset 1px 1px 0 rgba(255,255,255,0.1), inset -1px -1px 0 rgba(255,255,255,0.1);border:1px solid #e0e0e0;border-radius:3px;text-shadow:1px 1px 0 rgba(0,0,0,0.2);color:#fff;}
/*  BArvy ----------------- */
.btn-info.red{background-color:#e63535;border-color:#da0a0a;}
.btn-info.blue{background-color:#2f5a9b;border-color:#1a4784;}
.btn-info.green{background-color:#6a9b2f;border-color:#718329;}
.btn-info.orange{background-color:#f5ac2e;border-color:#f69e05;}
.btn-info.black{background-color:#252525;border-color:#181818;}
/* --------------------------------------------------------------------------------------------    Hlavicka-------------------------------------------------------------------------------------------- */
.head{width:100%;min-width:1000px;min-height:58px;position:fixed;top:0;left:0;z-index:100;background-color:#fff;box-shadow:0 10px 2px -9px #eee;border-bottom:1px solid #e5e5e5;}
/*  Nadpis  --------------------------------- */
.head h1{width:235px;float:left;margin:18px 0 0 25px;font-size:1.7em;font-weight:bold;color:#7d7d7d;}
/*  Navigace  --------------------------------- */
.head .nav{float:right;margin-right:20px;margin-bottom:-7px;}
.head .nav li{float:left;position:relative;}
.head .nav li a{min-height:42px;display:block;padding:23px 20px 0 20px;background:url('../img/head-nav-li-a.png') center -100px no-repeat;}
/*  Stavy  */
.head .nav li a:hover, .head .nav li a.ac{background-position:center bottom;color:#000;}
/*  Druha uroven  ----------------- */
.head .nav li div{width:200px;position:absolute;left:0;top:50px;z-index:1;display:none;padding:6px 0 7px 0;background-color:#fff;box-shadow:0 10px 2px -9px #eee;border:1px solid #e7e7e7;border-radius:3px;}
.head .nav li.last div{left:auto;right:0;}
.head .nav li div ul li{float:none;position:static;}
.head .nav li div ul li{float:none;clear:both;margin:0;}
.head .nav li div ul li a{min-height:1px;display:block;padding:10px 20px 11px 20px;background:transparent;}
.head .nav li div ul li a:hover{min-height:1px;display:block;padding:10px 20px 11px 20px;background:transparent;}
/*  Ikony  ----------------- */
.head .nav li div ul li.icon a{padding-left:43px;background-position:20px 8px;background-repeat:no-repeat;}
/*  Jednotlive ikony  -------- */
.head .nav li div ul li.icon.add a{background-image:url('../img/icons/add.png');}
.head .nav li div ul li.icon.delete a{background-image:url('../img/icons/delete.png');}
.head .nav li div ul li.icon.cancel a{background-image:url('../img/icons/cancel.png');}
/*  Stavy  */
.head .nav li div ul li a.ac, .head .nav li div ul li a:hover{background-color:#fafafa;}
.head .nav li div ul li a.ac{color:#5f5f5f;}
.head .nav li:hover div{display:block;}
/*  Separator  -------- */
.head .nav li div .separator{width:100%;height:1px;display:block;margin:10px 0;background-color:#f3f3f3;}
/*  Drobeckova navigace  --------------------------------- */
.head .breads{margin:22px 10px 0 0;float:left;font:0.9em Tahoma;}
.head .breads li{float:left;margin-right:10px;padding-right:16px;background:url('../img/head-breads-li.png') right 3px no-repeat;}
.head .breads li.last{float:left;margin-top:1px;margin-right:0;padding-right:0;background:transparent;}
/* --------------------------------------------------------------------------------------------    Hlavicka-------------------------------------------------------------------------------------------- */
.side{width:240px;float:left;margin-left:25px;}
/*  Boxy  --------------------------------- */
.side .box{margin-bottom:10px;padding:10px 0;background-color:#fff;box-shadow:0 10px 2px -9px #eee;border:1px solid #e7e7e7;border-radius:3px;}
/*  Oddelovac  ----------------- */
.side .box .separator{width:100%;height:1px;display:block;margin:10px 0;background-color:#f3f3f3;}
/*  Text  ----------------- */
.side h3{margin:0 0 7px 12px;font-size:1.5em;}
.side p{line-height:160%;}
/*  Navigace  ----------------- */
.side .submenu{margin:0;}
.side .submenu li{float:none;clear:both;margin:0;}
.side .submenu li a{display:block;padding:10px 30px 11px 15px;background-position:12px 8px;background-repeat:no-repeat;border:none;}
.side .submenu li.icon a{padding-left:35px;}
/*  Druha uroven  -------- */
.side .submenu li ul{margin:5px 0 5px 5px;}
.side .submenu li ul li a{padding:7px 10px 7px 25px;background-color:transparent !important;}
/*  Ikony  -------- */
.side .submenu li.icon.add a{background-image:url('../img/icons/add.png');}
.side .submenu li.icon.delete a{background-image:url('../img/icons/delete.png');}
.side .submenu li.icon.cancel a{background-image:url('../img/icons/cancel.png');}
/*  Stavy  */
.side .submenu a.ac, .side .box .submenu a:hover{background-color:#fafafa;}
.side .submenu li ul li a.ac{color:#5f5f5f;}
/*  Uprava slideru  ----------------- */
.side .acordions .content{width:200px;overflow:hidden;}
/*  Skryvani  ----------------- */
.side-hide, .side-hide span{width:16px;height:16px;}
.side-hide{position:absolute;left:7px;top:68px;z-index:1;text-indent:-200px;opacity:0.5;}
.side-hide span{background-image:url('../img/icons/add-remove-bw_sprite.png');}
/*  Stavy  */
.side-hide.ac span{background-position:left bottom;}
.side-hide:hover{opacity:1;}
/* --------------------------------------------------------------------------------------------    Obsah-------------------------------------------------------------------------------------------- */
.wrapper{width:100%;height:100%;float:right;margin-left:-270px;padding-bottom:35px;}
.content{height:100%;margin:0 25px 0 290px;}
/*  Sikoky obsah  --------------------------------- */
.wide .wrapper{width:auto;float:none;margin:0 25px 30px 25px;}
.wide .content{margin:0;}
/*  Vypisy  --------------------------------- */
.content .list{width:100%;margin-bottom:25px;border-collapse:collapse;}
.content .list th, .content .list td{padding:12px 20px;background:url('../img/list-tbody_line.gif') left bottom repeat-x;white-space:nowrap;}
.content .list tfoot th, .content .list tfoot td{padding:15px 11px 18px 20px !important;font-style:italic;}
/*  Prvni polozka,posledni polozka a sude radky  ----------------- */
.content .list .first, .content .list .first{padding-left:10px;padding-right:0;}
.content .list tbody tr.odd th, .content .list tbody tr.odd td{background-color:rgba(255,255,255,0.5);}
/*  Ikony  ----------------- */
.content .list img{vertical-align:middle;display:inline-block;margin-right:5px;}
.content .list a img{opacity:0.6;}
.content .list a:hover img{opacity:1;}
/*  Rozbalovani  ----------------- */
.content .list .show{text-decoration:underline;cursor:pointer;}
.content .list .hide{margin-top:2px;line-height:150%;}
/*  Sort table  ----------------- */
.content .list.sort thead tr{background:url('../img/list-tbody_line.gif') left bottom repeat-x;}
.content .list.sort thead th{background:url('../img/list-sort-thead-th.png') right center no-repeat;cursor:pointer;}
.content .list.sort thead th.tablesorter-headerSortUp{background-image:url('../img/list-sort-thead-th_up.png');}
.content .list.sort thead th.tablesorter-headerSortDown{background-image:url('../img/list-sort-thead-th_down.png');}
/*  Vypnuti  -------- */
.content .list.sort thead th.sorter-false{background:transparent !important;}
/*  Strankovani  --------------------------------- */
.content .paging{width:100%;margin-bottom:20px;}
.content .paging ul{float:left;}
.content .paging ul li{float:left;margin-right:5px;}
.content .paging ul li.separator{margin:7px 10px 0 0;font-weight:bold;}
.content .paging ul li a{display:inline-block;margin-right:7px;padding:8px 11px 8px 11px;background-color:#f1f1f1;border:1px solid #d7d7d7;border-radius:2px;text-decoration:none;color:#5a5a5a;}
.content .paging ul li.simple a{background-color:#fff;}
/*  Stavy  */
.content .paging ul li a:hover{background-color:#4787ed;border-color:#3079ed;color:#fff;}
.content .paging ul li.ac{display:inline-block;margin-right:7px;padding:8px 11px 8px 11px;background-color:#4787ed;border:1px solid #d7d7d7;border-color:#3079ed;border-radius:2px;text-decoration:none;color:#fff;}
/* --------------------------------------------------------------------------------------------    Taby,slidery,kalendare a casove osy-------------------------------------------------------------------------------------------- */
/* -----------------------------------------------    Taby------------------------------------------------*/
.tabs{height:34px;margin-bottom:10px;padding:5px 0 0 5px;background-color:#fff;background-color:rgba(255,255,255,0.7);line-height:100% !important;font:normal 1em 'Arial', Helvetica, sans-serif !important;border:1px solid #e2e2e2;border-radius:4px;}
.tabs li{float:left;margin:0 5px 0 0;}
.tabs li a{position:relative;z-index:1;display:block;margin-bottom:5px;padding:7px 12px 8px 12px;background:#fff url('../img/tabs-li-a.png') left -1000px no-repeat;border:1px solid #e2e2e2;border-radius:3px;text-decoration:none;color:#777;}
/*  Stavy  */
.tabs li.ac a{margin-bottom:-1px;padding-bottom:15px;background-position:left top;background-repeat:repeat;border-bottom:none;border-radius:3px 3px 0 0;}
/*  Obsah  --------------------------------- */
.tab-content{margin-bottom:15px;}
.tab-content p{line-height:170%;}
/* -----------------------------------------------    Slidery------------------------------------------------*/
.acordions{margin:0 0 20px 0 !important;}
/*  Titulek  --------------------------------- */
.acordions .title{margin-bottom:5px;padding:10px 10px 11px 35px;background:#fff url('../img/icons/add.png') 8px 9px no-repeat;background-color:rgba(255,255,255,0.7) !important;box-shadow:inset 0 1px 0 #fff, 0 1px 0 #fff;line-height:100% !important;font:normal 1em 'Arial',Helvetica,sans-serif !important;#fff;border:1px solid #e2e2e2;border-radius:3px;color:#777;cursor:pointer;}
/*  Stavy  */
.acordions .title.ac{background-image:url('../img/icons/delete.png');}
/*  Obsah  --------------------------------- */
.acordions .content{width:auto;height:auto;clear:both;margin:0 0 15px 0;}
.acordions .content p{line-height:170%;}
/* -----------------------------------------------    Kalendare------------------------------------------------*/
.calendar{width:240px;margin-bottom:20px;}
.calendar .inner{padding:2px 2px 0 2px;background-color:#fff;box-shadow:0 10px 2px -9px #eee;border:1px solid #e7e7e7;border-radius:0 0 3px 3px;border-top:none;}
.content .calendar.small{margin-bottom:60px;}
/*  Titulek (pohyb)  --------------------------------- */
.calendar .title{min-height:42px;position:relative;margin-bottom:-1px;background-color:#fff;border:1px solid #e7e7e7;border-radius:3px 3px 0 0;}
/*  Nadpis  ----------------- */
.calendar .title h3{width:100%;position:absolute;left:0;top:13px;z-index:1;margin:0;text-align:center;font:bold 1.15em Arial;}
/*  Pohyb  ----------------- */
.calendar .title .move{width:100%;position:absolute;left:0;top:12px;z-index:1;}
.calendar .title .move li.f-left{margin-left:12px;}
.calendar .title .move li.f-right{margin-right:12px;}
.calendar .title .move li a img{opacity:0.7;}
/*  Stavy  */
.calendar .title .move li a:hover img{opacity:1;}
/*  Kalendar  --------------------------------- */
.calendar table{width:100%;border-collapse:separate;border-spacing:1px;}
/*  Hlavicka  ----------------- */
.calendar table thead th{padding:9px 0;background:#f3f3f3 url('../img/calendar-small-table-thead-th.png') left 1px repeat-x;border:1px solid #f3f3f3;text-align:center;text-transform:uppercase;font-size:0.9em;font-weight:normal;}
/*  Telo  ----------------- */
.calendar table tbody td{background-color:#fefefe;border:1px solid #f3f3f3;}
.calendar table tbody tr.last td.first{border-radius:0 0 0 3px;}
.calendar table tbody tr.last td.last{border-radius:0 0 3px 0;}
/*  Prazdny den  -------- */
.calendar table tbody td.empty{background-color:#fbfbfb;}
/*  Mala verze kalendare  --------------------------------- */
.calendar.small table tbody td span, .calendar.small table tbody td a{padding:9px 0;}
.calendar.small table tbody td span, .calendar.small table tbody td a{display:block;text-align:center;}
/*  Odkazy do ukolu (hotove i nehotove)  ----------------- */
.calendar.small table tbody td a{background:url('../img/calendar-small-tbody-td-a.gif') right top no-repeat;text-decoration:none;color:#707070;}
.calendar.small table tbody td.finished a{background-image:url('../img/calendar-small-tbody-td-a_finished.gif');}
/*  Velka verze kalendare  --------------------------------- */
.calendar.big{margin-bottom:30px;}
.calendar.big table thead th{padding-left:15px;text-align:left;font-weight:bold;}
.calendar.big table tbody td{width:14%;padding:10px;}
.calendar.big table tbody h4{margin-bottom:15px;display:inline-block;padding:8px 12px;background-color:#f6f6f6;border:1px solid #e8e8e8;border-radius:100px;font-size:1.1em;color:#616161;}
/*  Ikonky  ----------------- */
.calendar.big .add img{float:right;clear:both;margin:5px 0 0 7px;opacity:0.5;}
/*  Stavy  */
.calendar.small table tbody td a:hover{position:relative;box-shadow:0 0 6px -2px #e1e1e1;border-color:#b4b4b4;text-decoration:underline;}
.calendar.big table tbody td:hover h4{background-color:#fff;border-color:#ccc;}
.calendar.big table tbody td a:hover img{opacity:1;}
/*  Uprava ukolu  --------------------------------- */
.calendar .tasks li{min-width:140px;}
.calendar .tasks li a.name{min-width:80px;}
/* -----------------------------------------------    Casove osy------------------------------------------------*/
.time-wrap{position:relative;height:40px;margin:40px 0 80px 0;padding:0 15px;background-color:#fff;background-color:rgba(255,255,255,0.8);box-shadow:0 10px 2px -9px #eee, inset 0 1px 0 #fff;border:1px solid #dedede;border-radius:3px;}
.timeline{width:100%;position:relative;}
/*  Linka (osa)  --------------------------------- */
.timeline .line{width:100%;height:4px;position:absolute;left:0;top:16px;z-index:1;background-color:#fafafa;box-shadow:inset 0 1px 0 #fff;border:1px solid #dedede;border-radius:5px;}
/*  Hlavni nadpis  --------------------------------- */
.timeline h2{width:100%;position:absolute;left:0;top:-33px;z-index:1;text-align:center;font-size:1.6em;}
/*  Pohyb  --------------------------------- */
.timeline .move{width:100%;position:absolute;left:0;top:-41px;z-index:3;}
.timeline .move li.f-left{margin-left:-15px;}
.timeline .move li.f-right{margin-right:-23px;}
/*  Struktura (vypis)  --------------------------------- */
.timeline .wrapper{position:relative;z-index:2;margin-top:13px;}
.timeline .wrapper .item{position:relative;float:left;}
/*  Oznaceni  ----------------- */
.timeline .wrapper .item h3{width:12px;height:12px;position:relative;margin:0 auto;background-color:#fff;border:1px solid #dedede;border-radius:50px;cursor:pointer;}
.timeline .wrapper .item h3 span{width:26px;position:absolute;left:-8px;bottom:-33px;padding:6px 0;background-color:#fff;box-shadow:0 10px 2px -9px #eee;border:1px solid #dedede;border-radius:3px;text-align:center;font-weight:bold;}
/*  Uprava ukolu  ----------------- */
.timeline .wrapper .item .tasks{width:196px;position:absolute;left:50%;top:40px;z-index:4;margin-left:-98px;padding:5px 5px 2px 5px;background-color:#fff;box-shadow:0 10px 2px -9px #eee;border:1px solid #eaeaea;border-radius:3px;}
.timeline .wrapper .item .tasks li{width:190px;min-width:1px;}
.timeline .wrapper .item .tasks li a.name{width:133px;min-width:1px;overflow:hidden;}
/*  Sirky  ----------------- */
.timeline.day-hours .wrapper .item{width:4.15%;}
.timeline.week-days .wrapper .item{width:14.25%;}
.timeline.month-days .wrapper .item{width:3.22%;}
.timeline.month-weeks .wrapper .item{width:25%;}
.timeline.year-months .wrapper .item{width:8.32%;}
.timeline.year-weeks .wrapper .item{width:1.91%;}
.timeline.year-weeks .wrapper .item.first{margin-left:0.6%;}
/*  Barveni  ----------------- */
.timeline .wrapper .item h3.red{border-color:#e63535;color:#e63535;}
.timeline .wrapper .item h3.green{border-color:#6a9b2f;color:#6a9b2f;}
.timeline .wrapper .item h3.blue{border-color:#4072be;color:#4072be}
.timeline .wrapper .item h3.black{border-color:#3f3f3f;color:#3f3f3f;}
.timeline .wrapper .item h3.orange{border-color:#f5ac2e;color:#f5ac2e;}
/*  Uprava pro siroky obsah  --------------------------------- */
.wide .timeline .line{top:3px;}
.wide .timeline h2{top:-45px;}
.wide .timeline .move{top:-53px;}
/* -----------------------------------------------    Ukoly (osy,kalendare)------------------------------------------------*/
.tasks{clear:both;overflow:hidden;}
.tasks li{float:left;clear:both;overflow:hidden;margin-bottom:4px;padding-right:7px;border-radius:2px;}
/*  Nazev ukolu  --------------------------------- */
.tasks li a.name{display:block;float:left;padding:9px 10px;border-radius:3px 0 0 3px;text-shadow:1px 1px 0 rgba(0,0,0,0.2);text-decoration:none;color:#fff;white-space:nowrap;}
/*  Ovladaci ikonky  --------------------------------- */
.tasks li a img{float:right;margin:10px 0 0 7px;}
/*  Stavy  */
.tasks li a:hover{text-decoration:underline;}
/*  Barveni  ----------------- */
.tasks li.red{background-color:#e63535;}
.tasks li.blue{background-color:#2f5a9b;}
.tasks li.green{background-color:#6a9b2f;}
.tasks li.orange{background-color:#f69e05;}
.tasks li.black{background-color:#252525;}
.tasks li.red a.name{background-color:#f44141;}
.tasks li.blue a.name{background-color:#4072be;}
.tasks li.green a.name{background-color:#81ba3d;}
.tasks li.orange a.name{background-color:#f5ac2e;}
.tasks li.black a.name{background-color:#3f3f3f;}
/* --------------------------------------------------------------------------------------------    Prihlaseni-------------------------------------------------------------------------------------------- */
.login{width:250px;height:350px;position:absolute;left:50%;top:50%;z-index:2;margin:-175px 0 0 -125px;}
/*  Logo  --------------------------------- */
.login img{margin:0 auto 15px auto;}
/* --------------------------------------------------------------------------------------------    Jednoduchá modální okna-------------------------------------------------------------------------------------------- */
.modal{width:450px;height:300px;}
textarea{resize:none;}
/*  Barva (overlay)  --------------------------------- */
.modal.white{background-color:#fff;background-color:rgba(255,255,255,0.6);}
/*  Okno  --------------------------------- */
/*.modal .inner{width:400px;height:140px;position:absolute;left:50%;top:50%;z-index:1;margin:-70px 0 0 -200px;background-color:#fff;border:1px solid #e7e7e7;box-shadow:0 10px 2px -9px #eee;border-radius:4px;}
*/
/*  Nadpis  ----------------- */
/*.modal .inner h2{margin-bottom:20px;padding:13px 15px;background:#fcfcfc;box-shadow:inset 0 1px 0 #fff;border-bottom:1px solid #e7e7e7;border-radius:3px 3px 0 0;font-size:1.2em;color:#686868;}
*/
/*.modal .m_close, .modal .m_close span{width:12px;height:12px;}
.modal .m_close{position:absolute;right:14px;top:14px;z-index:1;overflow:hidden;text-indent:-100px;}
.modal .m_close span{background:url('../img/modal-close.png') no-repeat;}
*/
/*  Stavy  */
/*.modal .m_close:hover span{background-position:right top;}
*/
/* --------------------------------------------------------------------------------------------    Progress bary-------------------------------------------------------------------------------------------- */
.progress-bar{width:360px;margin:0 0 20px 20px;color:#4f585c;}
/*  Nadpis  --------------------------------- */
.progress-bar h2{float:left;margin-top:5px;font:normal 1em Arial, Helvetica, sans-serif;}
/*  Seznam (vicevrstve bary)  --------------------------------- */
.progress-bar ul{width:360px;float:right;}
.progress-bar ul li{margin-bottom:10px;}
/*  Procentualni zobrazeni  ----------------- */
.progress-bar ul li h3{float:left;font:normal 0.9em Tahoma, Verdana, sans-serif;}
/*  Graficke zobrazeni  ----------------- */
.progress-bar ul li .bg{width:300px;height:6px;float:right;margin-top:4px;background-color:#f2f2f2;border-right:1px solid #cbcbcb;}
.progress-bar ul li .color{height:6px;display:block;}
/*  Barveni  -------- */
.progress-bar ul li .color.blue{background-color:#4788ee;}
.progress-bar ul li .color.green{background-color:#9db724;}
.progress-bar ul li .color.red{background-color:#e03a3a;}
/*  Uprava progress baru pro paticku  --------------------------------- */
.foot .progress-bar{width:330px;float:right;margin:0 18px 0 0;}
/*  Seznam  ----------------- */
.foot .progress-bar ul{width:250px;padding:5px 10px 0 8px;background-color:#fff;border:1px solid #e7e7e7;border-radius:3px;}
.foot .progress-bar ul li{margin-bottom:5px;}
.foot .progress-bar ul li .bg{width:210px;float:right;}
/* --------------------------------------------------------------------------------------------    Paticka-------------------------------------------------------------------------------------------- */
.foot{width:100%;min-width:700px;position:fixed;bottom:0;left:0;z-index:100;padding:15px 0 15px 0;background:#f6f6f6 url('../img/foot.png');box-shadow:inset 0 1px 0 #fff;border-top:1px solid #e4e4e4;color:#a9a9a9;}
/*  O sablonach  --------------------------------- */
.foot p{float:left;margin:7px 0 0 18px;}
/*  Navigace  --------------------------------- */
.foot .nav{float:right;margin-right:30px;}
.foot .nav li{float:left;}
.foot .nav li a{display:block;padding:5px 20px 5px 20px;}
/* --------------------------------------------------------------------------------------------    1. UROVEN KOMENTARE-------------------------------------------------------------------------------------------- */
/*  2. UROVEN KOMENTARE  --------------------------------- */
/*  3. UROVEN KOMENTARE  ----------------- */
/*  4. UROVEN KOMENTARE  -------- */
/*  DOVETKY  */



/*  Hledani  --------------------------------- */
.content .search{width:100%;margin-top:15px;}
.content .search form {float:right;}
.content .search h2{float:left; margin-top: 10px;}
.content .search label {float:left; margin-right: 20px; margin-top: 10px;}
.red {color:#ff0000;}
hr.separator{width:100%;height:1px;display:block;margin:10px 0;background-color:#f3f3f3;}