/* auto-UTF-8: ščřžýŠČŘŽÝ */
/**
 * Project main screen CSS Stylesheet
 *
 * @project TC2011
 * @version 2.1
 * @date 13.11.2013 15:31:59
 * @author janrenn <renner@cyberfox.cz>
 * @author pavekrej <krejci@cyberfox.cz>
 * @copyright Cyber Fox, s.r.o. 2011
 */

/**
 * ----------------------------
 * @section Default common styles
 * --------------------------------
 */
.f-l {
    float: left;
}
.f-r {
    float: right;
}

/**
 * ---------------
 * @section Global
 * -----------------
 */
body {
    background: #EEE url('../images/body_bg.png') left top repeat-x fixed;
    color: #444;
}
body.admin {
    background: #FFF !important;
}
h1, h2, h3, h4, h5, h6 {

}
.content-raw h1, .content-raw h2, .content-raw h3,
body.admin h1, body.admin h2, body.admin h3 {
    clear: both;
}
h2, .h2 {
    font-size: 14px;
    line-height: 18px;
}
h3, .h3 {
    font-size: 13px;
    line-height: 16px;
}
h4, .h4 {
    font-size: 12px;
    line-height: 16px;
}
h5, h6, .h5, .h6 {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 4px;
}
h6, .h6 {
    margin-bottom: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    padding-left: 0;
    padding-right: 0;
}
table {
    border-collapse: collapse;
    table-layout: fixed;
}
tbody tr:nth-child(2n) td, thead th {
    background: transparent;
}
th, td {
    padding: 0;
}
a {
    color: #009BDC !important;
    outline: 0;
}
a:hover, a:focus {
    text-decoration: none;
}
.content-raw a[target="_blank"], .content-raw a.out, .side-menu a.out,
body.admin a[target="_blank"], body.admin a.out {
    padding-right: 12px;
    background: transparent url('http://www.tc.cz/images/common/icons/link_out.png') right center no-repeat;
}
.side-menu a.out {
    background-position: 7.5em center;
}
.lang-en .side-menu a.out {
    background-position: 7em center;
}
.lte7 .content-raw a[target="_blank"],
.content-raw .f-l a[target="_blank"],
.content-raw .f-r a[target="_blank"],
.lte7 body.admin a[target="_blank"],
body.admin .f-l a[target="_blank"],
body.admin .f-r a[target="_blank"] {
    padding-right: 2px;
    background: transparent;
}
.content-raw .f-l a, .content-raw .f-r a,
body.admin .f-l a, body.admin .f-r a {
    padding: 0;
    background: transparent;
}
.content .f-l img, .content-raw .f-l img,
.content .f-r img, .content-raw .f-r img,
body.admin .f-l img, body.admin .f-r img,
.content a[rel="lightbox"], .content a[rel="lb"],
.content a.lightbox, .content a.lb {
    display: block;
}
.content-raw p.f-l, .content-raw p.f-r,
body.admin p.f-l, body.admin p.f-r {
    margin-bottom: 0;
}
::selection {
    background: #37D;
    color: #FFF;
}
div.error, div.success, div.info, div.notice, div.success,
div.flash-message.flash-error {
    border-width: 0 0 0 4px;
}

div.flash-message.flash-error {
    border-left: 4px solid #fbc2c4;
}

.error,
.flash-message.flash-error {
  color: #C01100;
}
.flash-message.flash-success {
    background: none repeat scroll 0 0 #e6efc2;
    border-color: #c6d880;
    padding: 0.8em;
    margin: 1em 0 0 0;
    border-left: 4px solid #c6d880;
}
.flash-message.flash-error  {
    background: none repeat scroll 0 0 #FBE3E4;
    border-color: #FBC2C4;
    padding: 0.8em;
    margin: 1em 0 0 0;
}

.js .content-raw .image-caption {
    font-size: 11px;
    color: #777;
    display: block;
    margin-bottom: 6px;
}
.js .content-raw .f-r .image-caption {
    margin-left: 12px;
}
.content-raw, .news-snippet, body.admin {
    color: #505050;
}
.content-raw ul, .content-raw ol,
body.admin ul, body.admin ol {
    clear: left;
    margin-bottom: 1.25em;
}
.content-raw p,
body.admin p {
    margin-bottom: 1em;
}
.clear {
    height: 0 !important;
    overflow: hidden !important;
    display: block;
}
.bf {
    width: 1px;
    height: 1px;
    font-size: 1px;
    position: absolute;
    left: -4000px;
}


/**
 * ---------------
 * @section Layout
 * -----------------
 */
.main-wrapper {
    padding-bottom: 60px;
}
.container {
    background: #FFF;
}
.header {

}
.content {

}
.footer {

}


/**
 *
 * @subsection header
 * -------------------------
 */
.header-left {
    height: 104px;
    background: #FFF;
}
.header-right {
    height: 104px;
    position: relative;
    background: #ECEDED url('../images/head_bg.png') left top repeat-y;
}

/**
 *
 * @subsection content
 * -------------------------
 */

/**
 *
 * @subsection footer
 * -------------------------
 */
.footer-left {
}
.footer-middle {
}
.footer-right {
}



/**
 * ----------------
 * @section Header
 * ------------------
 */
.header-left h3, .header-left h2 {
    padding: 9px 0 0 18px;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 1em;
}
.header-menu {
    font-size: 11px;
    position: absolute;
    top: 20px;
    right: 234px;
}
@font-face {
    font-family: 'TC Univers';
    src: url('../css/fonts/webfont1.eot');
    src: url('../css/fonts/webfont1.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/webfont1.woff') format('woff'),
         url('../css/fonts/webfont1.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'TC Univers';
    src: url('../css/fonts/webfont2.eot');
    src: url('../css/fonts/webfont2.eot?#iefix') format('embedded-opentype'),
         url('../css/fonts/webfont2.woff') format('woff'),
         url('../css/fonts/webfont2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.slogan {
    position: absolute;
    left: 20px;
    bottom: 9px;
    color: #00415F;
    font-family: 'TC Univers', sans-serif;
    font-style: italic;
    font-size: 20px;
    margin: 0;
}
.slogan span {
    padding-right: 3px;
}


/**
 *
 * @subsection Menu
 * -------------------------
 */
.main-menu {
    background: #009BDC url('../images/menu_bg.png') left top repeat-y;
    font-family: 'TC Univers', sans-serif;
    font-size: 15px;
    line-height: 18px;
    position: relative;
}
.main-menu-border {
    background: #00415F url('../images/menu_border_bg.png') left top repeat-y;
    height: 5px;
}
ul.menu, ul.menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-menu ul.menu {
    text-transform: uppercase;
    padding: 6px 11px 4px;
    float: left;
}
.main-menu ul.menu li {
    float: left;
}
.main-menu ul.menu a {
    color: #FFF !important;
    text-decoration: none !important;
    display: block;
    float: left;
    padding: 4px 9px 3px;
}
.main-menu ul.menu a:hover, .main-menu ul.menu a:focus, .main-menu ul.menu .current a {
    background: #33AFE3;
}
.main-menu ul.menu .separator {
    font-weight: bold;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 16px;
    padding: 0 4px;
    position: relative;
    top: 4px;
}
.main-menu ul.languages {
    text-transform: lowercase;
    padding: 6px 15px 4px;
    float: right;
}
.main-menu ul.languages .separator {
    color: #FFF;
    padding: 0 1px;
}
.main-menu ul.languages a {
    padding: 4px 4px 3px;
}



/**
 * ----------------
 * @section Footer
 * ------------------
 */
.footer {
    color: #00415F;
    border-top: 1px solid #71A1B8;
    margin: 0 20px;
    padding-bottom: 17px;
    font-size: 11px;
}
.footer-left, .footer-middle {
    margin-right: 0;
}
.footer p {
    margin-top: 1em;
}
.footer .separator {
    padding: 0 2px;
}


/**
 * ----------------
 * @section Content
 * ------------------
 */
.main-left {
    margin-top: 30px;
    padding: 0 20px;
}
.main-left-content {
    padding: 0 20px;
    border-left: 1px solid #00415F;
}
.main-left-content .main-heading {
    margin-bottom: 14px;
}
.main-left-content .main-heading h1 {
    background: #00415F;
    color: #FFF;
    font-family: 'TC Univers', sans-serif;
    font-size: 15px;
    line-height: 18px;
    text-transform: uppercase;
    padding: 2px 35px 2px 20px;
    position: relative;
    margin: 0 0 10px -20px;
    float: left;
}
.opera .main-left-content .main-heading h1,
.webkit .main-left-content .main-heading h1 {
    padding: 3px 35px 1px 20px;
}
.main-left-content .main-heading h1 .pointer {
    border-bottom: 11px solid transparent;
    border-left: 11px solid #00415f;
    border-top: 11px solid transparent;
    display: block;
    height: 0;
    position: absolute;
    right: -11px;
    top: 0;
    width: 0;
}
.main-content .main-left.no-sidebar .main-left-content {
    padding-right: 22px;
}


/* --- Table - statistic --- */
.main-content table.def-table {
    width: 100%;
    table-layout: fixed;
    border-bottom: 11px solid #FFF;
    margin-top: 15px;
    border: 1px solid #F3F8FA;
}
.main-content table.def-table th,
.main-content table.def-table td:first-child,
.main-content tr.def-table-head td {
    font-size: 11px;
    font-weight: bold;
    background: #F3F8FA !important;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 4px solid #FFF;
    color: #00415F;
    text-transform: uppercase;
}
.main-content table.def-table th {
    border-bottom: none;
}
.main-content table.def-table tr td:first-child {
    text-align: left !important;
    padding: 0px;
    border-bottom: 0px;
    padding: 10px 12px;
}
.main-content table.def-table tr:last-child td {
    font-weight: 700;
    color: black;
}

.main-content table.def-table tr th:first-child {
    text-align: left;
    padding-left: 12px;
    background: #d5ebf3 !important;
}

.main-content table.def-table tr:hover td {
    background: #f3f8fa !important;
}

.main-content table.def-table td {
   text-align: center;
    border-bottom: 1px solid #F3F8FA;
    border-left: 1px solid #F3F8FA;
}

.main-content select.selection {
    padding: 5px 5px;
    font-size: 13px;
}

.main-content select.selection option {
    font-size: 13px;
}

.main-content div.text {
    margin: 12px 8px 0 0;
    font-weight: 700;
}

.main-content table.def-table tr td:last-child {
    font-weight: 700;
    color: #000000;
}


/**
 * ---------------
 * @section FIXES
 * -----------------
 */
.header, .header * {
    _zoom: 1;
}
.header, .header-left, .header-right {
    _position: relative;
}
.main-left-content .main-heading h1 {
    _margin-left: -10px;
}

/*
  #444      text
  #009BDC   light blue
  #00415F   dark blue
  #71A1B8   borders
  #59B1DC   lighter borders
  #E5EEF2   image borders
*/

/* end of document */
