/*
 * Zakladni Styl B4life
 * Autor: Jan Rezac
 *
 */

@import url("initial.css");

a, a:link
{
    text-decoration: underline;
    cursor: pointer;
    color: #e87817;
}

a:visited
{
    color: #cb6f20;
}

a:hover, a:focus, a:active
{
    color: #8ebc08;
}

/*========== [layout] ========================================================*/
body
{
    text-align: center;
    font-family: Verdana, 'Geneva CE' , lucida, sans-serif;
    color: #fff;
    font-size: 1em;
    line-height: 1.7;
}

table
{
    line-height: 1.7;
}

div#mainWrap
{
    width: 100%;
    font-size: 0.8em;
    color: #444;
}

.spesl
{
    position: relative;
    margin: 0 auto;
    width: 860px;
    padding-bottom: 40px;
    text-align: left;
}

div#main, div#footer div.clr
{
    position: relative;
    margin: 0 auto;
    width: 860px;
    padding-bottom: 40px;
    text-align: left;
}

/*========== [header] ========================================================*/
div#header
{
    width: 100%;
    position: relative;
    padding-top: 400px;
    margin-bottom: 30px;
}

div#main div.hSub
{
    margin-bottom: 20px;
}

div#logo
{
    position: absolute;
    top: 27px;
    width: 121px;
    height: 58px;
}

div#logo span
{
    background: url(../images/b4life.gif);
}

div#slogan
{
    position: absolute;
    top: 48px;
    left: auto;
    right: 0;
    width: 249px;
    height: 26px;
}

div#slogan span
{
    background: url(../images/slogan.gif);
}

div#menu
{
    font-size: 0.86em;
    background: url(../images/menu.gif) 0 0 repeat-x;
}

div#menu ul
{
    width: 100%;
    overflow: hidden;
    background: url(../images/menu2.gif) 0 0 no-repeat;
    padding-bottom: 5px;
    margin: 0;
}

div#menu li
{
    float: left;
    position: relative;
}

div#menu a, div#menu a:link, div#menu a:visited
{
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    background: url(../images/menu2.gif) 100% 0 no-repeat;
    padding: 9px 16px 11px 14px;
}

div#menu a:hover
{
    background: url(../images/menu4.gif) 0 0 repeat-x;
    text-decoration: underline;
}

div#menu a.active, div#menu a.active:link, div#menu a.active:visited, div#menu a.active:hover
{
    background: #f4ac6c url(../images/menu3.gif) 0 0 repeat-x;
    color: #000;
    text-decoration: none;
}

div#menu i
{
    width: 10px;
    height: 5px;
    display: block;
    position: absolute;
    top: 39px;
    left: 48%;
    z-index: 100;
    background: url(../images/dot.gif);
    overflow: hidden;
}

div#menu div.sub
{
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    position: relative;
    top: -5px;
    z-index: 10;
    border-bottom: 1px solid #e4e4e4;
}

div#menu div.sub ul
{
    background: #f7f7f7 url(../images/menu5.gif) 0 0 repeat-x;
    padding-bottom: 0;
}

div#menu div.sub a, div#menu div.sub a:link, div#menu div.sub a:visited
{
    background: transparent;
    border-right: 1px solid #ddd;
    color: #777;
}

div#menu div.sub a:hover
{
    color: #444;
    text-decoration: underline;
}

div#menu div.sub a.active, div#menu div.sub a.active:link, div#menu div.sub a.active:visited, div#menu div.sub a.active:hover
{
    color: #000;
    text-decoration: none;
    background: transparent;
}

/*========== [text] ==========================================================*/
div.hl
{
    margin-bottom: 20px;
}

div.hlx
{
    padding-top: 30px;
}

div.hl div
{
    width: 200px;
    margin-right: 20px;
    float: left;
}

.l
{
    margin-right: 0 !important;
}

div.hl a
{
    font-size: 0.89em;
    display: block;
    text-decoration: none;
    font-weight: bold;
}

div.hl em
{
    font-style: normal;
    display: block;
    padding-right: 36px;
    background: url(../images/dot2.gif) 162px 7px no-repeat;
}

div.hl span
{
    display: block;
    padding: 5px 0 25px 16px;
    color: #f6cc30;
    background: #e87817 url(../images/hl.gif) 0 0 repeat-x;
}

div.hl b
{
    color: #fff;
}

div.hl a:hover span
{
    color: #fff;
    background: #edc73c url(../images/hl.gif) 0 -61px repeat-x;
}

div.hl a:hover b
{
    color: #000;
}

div.hl a:hover em
{
    background: url(../images/dot2.gif) 162px -993px no-repeat;
}

h1
{
    color: #e87817;
    font-size: 1.4em;
    margin-bottom: 0.9em;
}

h2
{
    color: #e87817;
    font-size: 1.1em;
    margin-bottom: 1.1em;
}

h3
{
    color: #e87817;
    margin-bottom: 1.2em;
}

h4
{
    font-size: 0.89em;
    color: #e87817;
    margin-bottom: 1.3em;
}

dt
{
    color: #e87817;
}

dd
{
    margin: 0 0 0.6em 0;
}

ol li
{
    margin-left: 20px;
}

th
{
    color: #fff;
    background: #e07213 url(../images/menu4.gif) 0 100% repeat-x;
    padding: 4px 8px 6px;
    font-size: 0.89em;
    text-transform: uppercase;
    border-top: 1px solid #b75f13;
}

td
{
    border: 0px solid #e6e6e6;
    color: #444;
    padding: 4px 8px 6px;
}

.articleView td
{
    border: 0px solid #e6e6e6;
    color: #444;
    padding: 4px 8px 6px;
}

table
{
    border: 0px solid #e6e6e6;
    margin-left: 1px;
    vertical-align: top;
}

tr.sc td
{
    background: #f5f5f5;
}

div.photos
{
    margin-bottom: 20px;
}

div.photos div
{
    float: left;
    width: 200px;
    margin-right: 20px;
}

p, ul, ol, dl, table
{
    margin-bottom: 1.2em;
}

div.news, div.col
{
    padding-top: 5px;
}

div.mtext
{
    width: 640px;
    float: left;
}

div.news
{
    width: 200px;
    float: right;
}

div.text
{
    width: 400px;
    float: left;
}

div#wrapper2 div.text
{
    width: 620px;
}

div.col
{
    width: 200px;
    float: right;
}

div#wrapper
{
    background: url(../images/body.gif) 420px 0 repeat-y;
}

div#wrapper2
{
    background: url(../images/line.gif) 640px 0 repeat-y;
}

div.col ul
{
    margin-bottom: 2.4em;
}

div.content div.col ul.services li
{
    background: transparent;
    padding: 0;
}

div.col ul a, div.col ul a:link, div.col ul a:visited
{
    color: #444;
}

div.col ul a:hover
{
    color: #e87817;
}

div.news h3
{
    font-weight: normal;
}

div.date
{
    font-size: 0.89em;
    color: #777;
    margin: 0.7em 0;
}

div.date a, div.date a:link, div.date a:visited
{
    color: #777;
}

div.date a:hover
{
    color: #8ebc08;
}

div.intro
{
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 14px;
    margin-bottom: 15px;
    position: relative;
}

div.intro h1
{
    margin-bottom: 0;
}

div.intro div.date
{
    position: absolute;
    right: 0;
    top: 0;
}

div.news div.post
{
    margin-bottom: 1.2em;
    border-bottom: 1px solid #e6e6e6;
}

div.cont a
{
    padding-left: 18px;
    background: url(../images/dot3.gif) 0 6px no-repeat;
}

div.cont a:hover
{
    background-position: 0 -74px;
}

p.vize
{
    font-size: 1.2em;
    color: #e87817;
    font-style: italic;
}

div.content ul li
{
    padding-left: 18px;
    background: url(../images/dot3.gif) 0 8px no-repeat;
}

div.ctext
{
    width: 640px;
    float: left;
}

div.img
{
    width: 200px;
    float: right;
    padding-top: 5px;
}

div.img2
{
    float: right;
    margin: 7px 0 20px 20px;
}

div.c1
{
    padding-top: 1.2em;
    border-top: 1px solid #e6e6e6;
}

div.clanek
{
    margin-bottom: 1.2em;
    padding-bottom: 1.4em;
    border-bottom: 1px solid #e6e6e6;
}

div.clanek h2
{
    margin-bottom: 0.4em;
}

div.clanek h2 a
{
    padding-left: 22px;
    background: url(../images/dot4.gif) 0 4px no-repeat;
}

div.clanek p
{
    margin-bottom: 0.9em;
}

p.pager span
{
    margin-right: 2px;
}

p.pager a, p.pager b
{
    margin: 0 2px;
}

div.partners h2, div.faq h2
{
    color: #fff;
    background: #e07213 url(../images/menu4.gif) 0 100% repeat-x;
    padding: 4px 10px 6px;
    font-size: 0.89em;
    text-transform: uppercase;
    border-top: 1px solid #b75f13;
    margin-bottom: 20px;
}

div.partners div.clr div
{
    float: left;
    width: 200px;
    margin-right: 20px;
    font-size: 0.89em;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
}

div.partners div.lpart div
{
    border: 0;
    padding: 0;
}

div.partners div.clr
{
    margin-bottom: 20px;
}

div.partners h3
{
    padding: 12px 0 7px;
    color: #444;
    margin: 0;
}

div.partners p
{
    color: #777;
    margin: 0;
}

dl.faq dt
{
    font-weight: bold;
}

div.faq dl
{
    margin-bottom: 25px;
}

div.faq div.img2
{
    margin-top: 11px;
}

ul.sluzby
{
    color: #777;
}

ul.sluzby em
{
    font-style: normal;
    color: #444;
}

.error, .error2
{
    color: #e40000;
    font-weight: bold;
}

input.highlight
{
    border: 1px solid #e40000 !important;
}

ul#mapa
{
    width: 540px;
    height: 311px;
    overflow: hidden;
    margin-bottom: 25px;
    position: relative;
    background: url(../images/mapa.gif) 0 0 no-repeat;
}

div.content ul#mapa li, ul#mapa span
{
    position: absolute;
    padding: 0;
    margin: 0;
    background: url(../images/mapa.gif);
}

ul#mapa a
{
    display: block;
    overflow: hidden;
}

ul#mapa li span
{
    left: 0 !important;
    top: 0 !important;
}

ul#mapa li.mp5, ul#mapa li.mp5 span
{
    width: 61px;
    height: 34px;
    left: 112px;
    top: 112px;
    background-position: -112px -112px;
}
ul#mapa li.mp5 a:hover span, ul#mapa li.mp5 a:focus span, ul#mapa li.mp5 a:active span
{
    background-position: -112px -424px;
}

ul#mapa li.mp19, ul#mapa li.mp19 span
{
    width: 67px;
    height: 57px;
    left: 338px;
    top: 214px;
    background-position: -338px -214px;
}
ul#mapa li.mp19 a:hover span, ul#mapa li.mp19 a:focus span, ul#mapa li.mp19 a:active span
{
    background-position: -338px -526px;
}

ul#mapa li.mp21, ul#mapa li.mp21 span
{
    width: 84px;
    height: 60px;
    left: 147px;
    top: 214px;
    background-position: -147px -214px;
}
ul#mapa li.mp21 a:hover span, ul#mapa li.mp21 a:focus span, ul#mapa li.mp21 a:active span
{
    background-position: -147px -526px;
}

ul#mapa li.mp15, ul#mapa li.mp15 span
{
    width: 92px;
    height: 35px;
    left: 246px;
    top: 77px;
    background-position: -246px -77px;
}
ul#mapa li.mp15 a:hover span, ul#mapa li.mp15 a:focus span, ul#mapa li.mp15 a:active span
{
    background-position: -246px -389px;
}

ul#mapa li.mp13, ul#mapa li.mp13 span
{
    width: 66px;
    height: 28px;
    left: 200px;
    top: 127px;
    background-position: -200px -127px;
}
ul#mapa li.mp13 a:hover span, ul#mapa li.mp13 a:focus span, ul#mapa li.mp13 a:active span
{
    background-position: -200px -439px;
}

ul#mapa li.mp11, ul#mapa li.mp11 span
{
    width: 60px;
    height: 32px;
    left: 222px;
    top: 30px;
    background-position: -222px -30px;
}
ul#mapa li.mp11 a:hover span, ul#mapa li.mp11 a:focus span, ul#mapa li.mp11 a:active span
{
    background-position: -222px -342px;
}

ul#mapa li.mp9, ul#mapa li.mp9 span
{
    width: 75px;
    height: 47px;
    left: 147px;
    top: 30px;
    background-position: -147px -30px;
}
ul#mapa li.mp9 a:hover span, ul#mapa li.mp9 a:focus span, ul#mapa li.mp9 a:active span
{
    background-position: -147px -342px;
}

ul#mapa li.mp17, ul#mapa li.mp17 span
{
    width: 66px;
    height: 50px;
    left: 372px;
    top: 146px;
    background-position: -372px -146px;
}
ul#mapa li.mp17 a:hover span, ul#mapa li.mp17 a:focus span, ul#mapa li.mp17 a:active span
{
    background-position: -372px -458px;
}

ul#mapa li.mp7, ul#mapa li.mp7 span
{
    width: 60px;
    height: 40px;
    left: 62px;
    top: 146px;
    background-position: -62px -146px;
}
ul#mapa li.mp7 a:hover span, ul#mapa li.mp7 a:focus span, ul#mapa li.mp7 a:active span
{
    background-position: -62px -458px;
}

ul#mapa li.mp3, ul#mapa li.mp3 span
{
    width: 59px;
    height: 23px;
    left: 173px;
    top: 104px;
    background-position: -173px -104px;
}
ul#mapa li.mp3 a:hover span, ul#mapa li.mp3 a:focus span, ul#mapa li.mp3 a:active span
{
    background-position: -173px -416px;
}

ul#mapa li.mp25, ul#mapa li.mp25 span
{
    width: 66px;
    height: 21px;
    left: 144px;
    top: 157px;
    background-position: -144px -157px;
}
ul#mapa li.mp25 a:hover span, ul#mapa li.mp25 a:focus span, ul#mapa li.mp25 a:active span
{
    background-position: -144px -469px;
}

ul#mapa li.mp23, ul#mapa li.mp23 span
{
    width: 63px;
    height: 22px;
    left: 166px;
    top: 186px;
    background-position: -166px -186px;
}
ul#mapa li.mp23 a:hover span, ul#mapa li.mp23 a:focus span, ul#mapa li.mp23 a:active span
{
    background-position: -166px -498px;
}

ul#mapa li.mp27, ul#mapa li.mp27 span
{
    width: 120px;
    height: 16px;
    left: 102px;
    top: 74px;
    background-position: -102px -74px;
}
ul#mapa li.mp27 a:hover span, ul#mapa li.mp27 a:focus span, ul#mapa li.mp27 a:active span
{
    background-position: -102px -386px;
}

div.kontakt2
{
    width: 540px;
    float: right;
    vertical-align: top;
}

div.kontakt1
{
    float: left;
    width: 300px;
}

div.region ul li
{
    padding: 0;
    margin: 0;
    background: transparent;
}

div.region ul
{
    float: left;
    margin-right: 50px;
}

div.region ul.l
{
    margin-right: 0;
}

h2.region
{
    border-bottom: 1px solid #e4e4e4;
}

div.form label
{
    display: block;
}

div.form div
{
    margin-bottom: 0.6em;
}

input.text, textarea
{
    border: 1px solid #ccc;
    padding: 2px;
    width: 200px;
}

textarea
{
    height: 150px;
}

input.sub
{
    padding: 4px 5px;
    cursor: pointer;
}

/*========== [header] ========================================================*/

div#footer
{
    width: 100%;
    font-size: 0.8em;
    color: #fff;
    padding-bottom: 20px;
    background: #e87817 url(../images/bot.gif) 0 0 repeat-x;
}

div#footer div.cite
{
    width: 460px;
    float: left;
    background: url(../images/cite.gif) 0 36px no-repeat;
}

div#footer blockquote
{
    font-style: italic;
    padding: 40px 0 0 10px;
}

div.kontakt
{
    width: 250px;
    float: right;
    padding-top: 40px;
    background: url(../images/bot2.gif) 0 0 no-repeat;
}

div#footer a, div#footer a:link, div#footer a:visited
{
    color: #fff;
}

div#footer a:hover
{
    color: #f6cc31;
}

div#footer i
{
    margin: 0 2px;
    color: #fae6d5;
}


.btnlogin
{
    background: #E03500; /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#F98901), to(#E03500)); /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #F98901, #E03500); /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F98901, endColorstr=#E03500); /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F98901, endColorstr=#E03500)";
    color: white;
    font-family: Arial;
    font-size: 12px;
    cursor: pointer;
    border: 1px solid gray;
    padding: 5px;
    margin-right: 10px;
}


.btncms1
{
    background: #E03500; /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#F98901), to(#E03500)); /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #F98901, #E03500); /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F98901, endColorstr=#E03500); /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F98901, endColorstr=#E03500)";
    color: white;
    font-family: Arial;
    font-size: 10px;
    cursor: pointer;
    border: 1px solid gray;
    padding: 2px;
    margin-right: 7px;
}


.watermark
{
    background: #FFAAFF;
}

.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 5px;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: White;
    border-width: 3px;
    border-style: solid;
    border-color: #3C87C4;
    padding: 3px;
    width: auto;
}
.hronidil
{
    width: 100%;
    height: 30px;
    background-color: Aqua;
    text-align: center;
    font-weight: bold;
    cursor: move;
}
.btnRemoveUOG
{
    background-color: #66FF99;
    border: solid 2px #A0A099;
    padding: 1px 1px 1px 1px;
    cursor: default;
}

.btnRemoveUOG:hover
{
    background-color: #009933;
    border: solid 2px #66FF99;
    color: #66FF99;
    padding: 1px 1px 1px 1px;
    cursor: default;
}

.btnRemove
{
    background-image: url(Images/deleteItem20.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    margin: 1px 1px 1px 1px;
}

.radekAkce:hover
{
    background-color: #FFFFCC;
}

.radekUserOrGroup:hover
{
    background-color: #FFFFCC;
}

.tabulkaUserRights
{
    border: solid 2px #484848;
    background-color: #F8F8F8;
}
.tabulkaUserRights td
{
    padding: 2px 2px 2px 2px;
}

.skupinyAuzivatele
{
    font-weight: bold;
}
.tabulkaUsersOrGroup
{
    border: none;
}
.tabulkaUsersOrGroup td
{
    border: solid 1px black;
    border-spacing: 0;
}

.fsetRights
{
    border: solid 1px black;
    padding: 2px 2px 3px 3px;
}

.legendRights
{
    font-weight: bold;
    font-size: larger;
}

.radekAkce
{
    border: solid 1px black;
    text-align: center;
}

.tabulkaAkce td
{
    padding: 1px 2px 1px 2px;
    border: solid 1px black;
}

.levyTDAkce
{
    text-align: left !important;
}

.rcLayoutItem
{
    border: solid 2px blue;
}

.buttonBase1
{
    margin: 2px 2px 3px 3px;
    background: #E03500; /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#F98901), to(#E03500)); /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #F98901, #E03500); /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F98901, endColorstr=#E03500); /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F98901, endColorstr=#E03500)";
    color: white;
    font-family: Verdana;
    font-weight:bold;
    font-size: 10px;
    cursor: pointer;
    border: 1px solid gray;
    padding: 2px;
}

.buttonBase2
{
    background-image: url(Images/Edit.gif);
    border: 0px solid #3C87C4;
    padding: 2px;
    background-position: center;
    background-repeat: no-repeat;
    margin: 1px;
    color: #3C87C4;
    text-decoration: none;
    width: 22px;
    height: 22px;
}

.buttonBase3
{
    background-image: url(Images/delete.gif);
    border: 0px solid #3C87C4;
    padding: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #EFF5FB;
    margin: 1px;
    color: #3C87C4;
    text-decoration: none;
    width: 22px;
    height: 22px;
}

.buttonBase5
{
    background-image: url(Images/Locker20.png);
    border: 0px solid #3C87C4;
    padding: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #EFF5FB;
    margin: 1px;
    color: #3C87C4;
    text-decoration: none;
    width: 22px;
    height: 22px;
}

.buttonBase10
{
    margin: 2px 2px 3px 3px;
    background: #E03500; /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#F98901), to(#E03500)); /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #F98901, #E03500); /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F98901, endColorstr=#E03500); /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F98901, endColorstr=#E03500)";
    color: white;
    font-family: Arial;
    font-size: 10px;
    cursor: pointer;
    border: 1px solid gray;
    padding: 2px;
}

.buttonBase4
{
    background-image: url(Images/newItem2.png);
    border: 0px solid #3C87C4;
    padding: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #EFF5FB;
    margin: 2px 2px 3px 3px;
    color: #3C87C4;
    text-decoration: none;
    width: 22px;
    height: 22px;
}

.buttonBase2:hover
{
    cursor: pointer;
}

.buttonBase3:hover
{
    cursor: pointer;
}

.buttonBase4:hover
{
    cursor: pointer;
}

.buttonBase5:hover
{
    cursor: pointer;
}




#box-table-b
{
    font-family: "Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
    font-size: 12px;
    margin: 15px;
    text-align: left;
    border-collapse: collapse;
   
    border-bottom: 4px solid #E87817;
}
#box-table-b th
{
    
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    background: #E87817;
    border-right: 1px solid #E87817;
    border-left: 1px solid #E87817;
    color: white;
}

#box-table-b th a
{
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    background: #E87817;
    color: white;
}
#box-table-b td
{    
    padding: 2px 4px 2px 4px;
    background: white;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #E87817;
    border-left: 1px solid #E87817;
    color: #E87817;
}
#box-table-b .odd
{
    background-color: #FEFCD6;
}


.cmsSwitch
{
    font-size: 12px;
    float:left;
    margin:4px;
}