/* 
    Document   : general.css
    Created on : 08.01.2013
    Author     : PDV
    Description: moodlemoot
*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility:hidden;
}
.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

* {
    margin: 0px;
    padding: 0px;
}

html {
    position: relative;
    min-height: 100%;
    background: #fff;
    color: #454545;
}

body {
    height: 100%;
    font-family: "Arial";
    /*font-size: 12px;*/
    font-size: 14px;
    margin-bottom: 165px;
}

body.contentpane {
    background: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
}

h1 {
    font-size: 34px;
    color: #000;
    font-weight: bold;
    border-bottom: 1px solid #d7182a;

    margin-bottom: 25px;
}

h2 {
    font-size: 24px;
    color: #d7182a;
    font-weight: bold;

    margin: 20px 0px 10px 0px;
}

h3 {
    font-size: 20px;
    color: #024a97;
    font-weight: bold;
    margin: 30px 0px 15px 0px;
}

h4 {
    font-size: 18px;
    margin: 30px 0px 15px 0px;
    color: #363636;
}

h5 {
    font-size: 16px;
    margin: 30px 0px 15px 0px;
    color: #363636;
}

h6 {
    font-size: 14px;
    margin: 30px 0px 15px 0px;
    color: #363636;
}

p {
    margin-bottom: 8px;
    /*font-size: 12px;*/
    font-size: 14px;
}

#content_main p {
    line-height: 150%;
}

img {
    border: none;
}

a {
    color: #009ade;
    text-decoration: underline;
}

a:hover {
    color: #454545;
}

ul {
    list-style: none outside none;
    /*list-style-image: url(../images/li_image.png);*/
    padding-left: 10px;
}

ul.form_list {
    padding: 0px;
}

ol {

}

#content_main ul,
#content_main ol {
    margin-bottom: 25px;
}

ul li {
    padding-left: 20px;
    background: transparent 0px 12px no-repeat url(../images/li_image.png);
}

ul li, ol li {
    line-height: 200%;
}

#content_main ul li, 
#content_main ol li {
    line-height: 250%;
}

ul li p,
ol li p {

}

ul.actions {

}

.width-250 { width: 250px; }
.width-500 { width: 500px; }
.width-750 { width: 750px; }
.width-1000 { width: 1000px; }

#content_main.width-750 { width: 720px; padding-left: 30px; }

#content_main.width-500 { width: 440px; padding-left: 30px; padding-right: 30px; }

#all {
}

#container {
    width: 100%;
    margin: 0px auto;
}

/* ---------- Hlavicka ---------- */

#hlavicka_fixed {
    width: 100%;
    position: relative;
    background-color: #363636;
}

#hlavicka_fixed #topline {
    width: 100%;
    height: 10px;
    background-color: #1b1b1b;
}

#hlavicka_wrap,
#hlavicka_logo {
    /*height: 154px;*/
}

#hlavicka_wrap {
    width: 1000px;
    /*height: 154px;*/
    height: 164px;
    margin: 0px auto;
    position: relative;

    /*background: transparent left top no-repeat url('../images/head.png');*/
    background: transparent left top repeat-y url('../images/head.png');
}

#quick_contact {
    width: 200px;
    height: 64px;
    position: absolute;
    top: -10px;
    right: 0px;

    background: #d7182a left top repeat-x url(../images/quick_contact_bg.png);
    z-index: 1;
}

#quick_contact_inner {
    width: 150px;
    height: 54px;
    padding-left: 50px;
    padding-top: 10px;
    text-align: right;
    background: transparent 12px 13px no-repeat url(../images/quick_contact_phone.png);
}

#quick_contact_inner span,
#quick_contact_inner a {
    padding-right: 13px;
}

#quick_contact_inner .qci_phone,
#quick_contact_inner .qci_mail {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    color: #fff;
}

#quick_contact_inner .qci_phone {
    font-size: 18px;
    font-weight: bold;
}

#quick_contact_inner .qci_mail {
    font-size: 16px;
    text-decoration: none;
}

#hlavicka_wrap h1 {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    float: right;
    margin: 0px;
    color: #fff;

    position: relative;
    top: 45px;
    right: 15px;
}

#hlavicka_logo {
    width: 1000px;
    /*height: 112px;*/
    height: 122px;
    position: relative;
    text-align: center;
}

#hlavicka_logo a {
    display: inline-block;
    position: relative;
    top: 13px;
    margin: 0px auto;
}

#hlavicka_logo a img {
}

/* ---------- Menicko ---------- */

#custommenuwrap {
    position: relative;
}

#custommenu {
    width: 100%;
    height: 40px;
    border-top: 1px solid #363636;
    text-align: center;
}

#custommenu ul {
    display: inline-block;
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

#custommenu ul li {
    display: block;
    float: left;
    position: relative;

    padding: 0px 10px 0px 12px;
    height: 39px;

    background: transparent left center no-repeat url(../images/li_border.png);
}

#custommenu ul li:first-child {
    background: none;
}

#custommenu ul li a,
#custommenu ul li span {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 39px;
    padding: 0px;
    display: inline-block;

    border-top: 1px solid transparent;
    margin-top: 0px;

    transition: 300ms;
    -moz-transition: 300ms;
    -webkit-transition: 300ms;
}

#custommenu ul li:hover,
#custommenu ul li.active {

}

#custommenu ul li:hover a,
#custommenu ul li.active a {
    border-top: 1px solid #ff1329;
    margin-top: 0px;
    color: #ff1329;
}

#custommenu ul li ul {
    display: none;
}

#custommenu ul li.dropdown:hover ul {
    display: block;
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    min-width: 150px;
    padding-top: 6px;

    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;

    background: transparent 10px 0px no-repeat url('../images/white_hover_arrow.png');
}

#custommenu ul li.dropdown:hover ul li {
    width: 100%;
    background-color: #fff;
}

#custommenu ul li.dropdown:hover ul li a {
    font-size: 14px;
    color: #df134c;
}

#custommenu ul li.dropdown:hover ul li:hover a {
    color: #fff;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
}

#custommenu .caret {
    border-top-color: white !important;
    border-bottom-color: white !important;
    margin-left: 10px;
    line-height: 40px;
    vertical-align: middle;
}

#hlavicka_lines {
    width: 100%;
    height: 25px;

    background: #f6f6f6 left top repeat-x url(../images/head_lines.png);
}

/* ---------- Menicko - paticka ---------- */
#f_custommenuwrap {
    position: relative;
    top: 15px;
}

#f_custommenu {
    width: 100%;
    height: 40px;
    text-align: right;
}

#f_custommenu ul {
    display: inline-block;
    list-style: none outside none;
    margin: 0px;
    padding: 0px;
}

#f_custommenu ul li {
    display: block;
    float: left;
    position: relative;

    padding: 0px 10px 0px 12px;
    height: 39px;

    background: transparent left center no-repeat url(../images/li_border.png);
}

#f_custommenu ul li:first-child {
    background: none;
}

#f_custommenu ul li a,
#f_custommenu ul li span {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none !important;
    text-transform: uppercase;
    line-height: 39px;
    padding: 0px;
    display: inline-block;
}

#f_custommenu ul li:hover,
#f_custommenu ul li.active {

}

#f_custommenu ul li:hover a,
#f_custommenu ul li.active a {
    color: #aaaaaa !important;
}

/* ---------- Drobeckovka ---------- */

#navbar_wrap {
    width: 100%;
    height: 25px;
    position: relative;
    margin: 0px;
    margin-bottom: 30px;
}

#navbar_inner {
    height: 25px;
    position: relative;
}

#breadcrumb {
    height: 25px;
    margin: 0px;
}

#breadcrumb .breadcrumbs span {
    font-size: 11px;
    color: #585858;
}

#breadcrumb .breadcrumbs .showHere {
    margin-right: 5px;
    font-size: 11px;
    color: #585858;
}

#breadcrumb .breadcrumbs .pathway {
    color: #009ade;
    font-size: 11px;
}

#breadcrumb .breadcrumbs img {
    margin: 0px 3px;
    position: relative;
    top: -1px;
}

/* ---------- Slideshow ---------- */

#slideshow_wrap {
    width: 100%;
    height: 248px;

    background: transparent left top repeat-x url(../images/slideshow_wrap_bg.png);
}

#slideshow_inner {
    width: 1004px;
    height: 232px;
    position: relative;
    top: 1px;
    margin: 0px auto;
    overflow: hidden;
}

.slideshow_slide {
    display: block;
    width: 247px;
    height: 232px;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 4px;
}

.slideshow_slide .slide_image img {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0%);
}

.slideshow_slide .slide_image img {
    position: absolute;
}

.slideshow_slide:hover .slide_image img {
    filter: url(filters.svg#grayscale);
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
}

.slide_title {
    width: 247px;
    position: absolute;
    left: 0px;
    bottom: 1px;
}

.slide_image .slide_image_a {
    display: block;
}

.slide_title .slide_title_a {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;

    position: absolute;
    bottom: 5px;
    left: 10px;
    right: 10px;
}

.slide_bg01 .slide_title { height: 80px; background: transparent left top no-repeat url(../images/slideshow/sst_01.png); }
.slide_bg02 .slide_title { height: 92px; background: transparent left top no-repeat url(../images/slideshow/sst_02.png); }
.slide_bg03 .slide_title { height: 78px; background: transparent left top no-repeat url(../images/slideshow/sst_03.png); }
.slide_bg04 .slide_title { height: 84px; background: transparent left top no-repeat url(../images/slideshow/sst_04.png); }

.slide_price {
    width: 247px;
    height: 49px;
    position: absolute;
    /*top: 0px;*/
    top: -49px;
    left: 0px;
    transition: 300ms;
}

.slideshow_slide:hover .slide_price {
    top: 0px;
}

.slide_price span {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 8px;
}

.slide_bg01 .slide_price { text-align: left; background: transparent left top no-repeat url(../images/slideshow/ssp_01.png); }
.slide_bg02 .slide_price { text-align: right; background: transparent left top no-repeat url(../images/slideshow/ssp_02.png); }
.slide_bg03 .slide_price { text-align: left; background: transparent left top no-repeat url(../images/slideshow/ssp_03.png); }
.slide_bg04 .slide_price { text-align: right; background: transparent left top no-repeat url(../images/slideshow/ssp_04.png); }

/* ---------- Vyhledavaci filtr ---------- */
#vyhledavani_wrap {
    width: 100%;
    height: 40px;
    background-color: #d9d9d9;
    margin-bottom: 15px;
    position: relative;
}

.hp #vyhledavani_wrap {
    margin-bottom: 30px;
}

#vyhledavani_titulek,
#vyhledavani_tlacitko {
    height: 40px;
    display: inline-block;
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

#vyhledavani_filtry {
    height: 40px;
    float: left;
}

#vyhledavani_filtry form {
    height: 40px;
}

#vyhledavani_filtry form select {
    width: 200px;
    float: left;
    padding: 3px;
    font-size: 11px;
    color: #000;
    position: relative;
    top: 8px;
    margin-left: 20px;
    border: 1px solid #acabab;
    background-color: #f0f0f0;
}

#vyhledavani_filtry form input[type="submit"] {
    position: absolute;
    right: 0px;
    top: 0px;

    height: 40px;
    display: inline-block;
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 19px;
    font-weight: normal;
    color: #fff;
    text-decoration: none;

    padding: 0px 15px 0px 65px;
    margin: 0px;

    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;

    cursor: pointer;

    background: #555555 left center no-repeat url(../images/vyhledavani/search_button_bg.png);
}

#vyhledavani_titulek {
    float: left;
    padding-right: 50px;
    background: #024a97 right center no-repeat url(../images/vyhledavani/search_title_bg.png);
}

#vyhledavani_tlacitko {
    float: right;
    padding-left: 50px;
    background: #555555 left center no-repeat url(../images/vyhledavani/search_button_bg.png);
}

#vyhledavani_titulek span,
#vyhledavani_tlacitko span {
    display: block;
    line-height: 40px;
}

#vyhledavani_titulek span {
    padding-left: 35px;
    margin-left: 8px;
    margin-right: 8px;
}

#vyhledavani_tlacitko span {
    margin-left: 15px;
    margin-right: 15px;
}

#vyhledavani_titulek span.lupa {
    background: transparent left center no-repeat url(../images/vyhledavani/ico_lupa.png);
}

/* ---------- Obal - Content ---------- */

#wrap_content {
    width: 100%;
    min-height: 250px;
    min-width: 960px;
    background: transparent left top repeat-x url(../images/page_bg.png);
}

#wrap_content_inner {
    width: 1000px;
    margin: 0px auto;
    padding: 0px 0px 20px 0px;
}

#wrap_content_inner.hp {
    padding: 15px 0px 20px 0px;
}

#wrap_content_inner #content_left,
#wrap_content_inner #content_main,
#wrap_content_inner #content_right {
    float: left;
}

/* ---------- Bocni moduly ---------- */

#content_left .side_filter,
#content_left .side_filter .side_filter_top,
#content_left .side_filter .side_filter_body,
#content_left .side_filter .side_filter_bott,
#content_left .side_button,
#content_left .side_button .side_button_top,
#content_left .side_button .side_button_body,
#content_left .side_button .side_button_bott,
#content_left .side_block,
.side_block .side_block_top,
.side_block .side_block_bott {
    width: 247px;
}

.side_block .side_block_body {
    width: 217px;
    padding: 15px;
}

#content_left .side_filter,
.side_block {
    margin-bottom: 40px;
}

#content_left .side_button {
    margin-bottom: 30px;
    position: relative;
}

#content_left .side_filter .side_filter_top{
    height: 40px;
    background: transparent left top no-repeat url(../images/side_filter_top.png);
}

#content_left .side_button .side_button_top {
    height: 41px;
    background: transparent left top no-repeat url(../images/side_button_top.png);
}

.side_block .side_block_top {
    height: 42px;
    background: transparent left top no-repeat url(../images/side_block_top.png);
}

#content_right .side_block .side_block_top {
    height: 42px;
    background: transparent left top no-repeat url(../images/side_block_top_r.png);
}

#content_left .side_filter .side_filter_body {
    background: transparent left top repeat-y url(../images/side_filter_body.png);
}

#content_left .side_button .side_button_body {
    background: transparent left top repeat-y url(../images/side_button_body.png);
}

.side_block .side_block_body {
    background: transparent left top repeat-y url(../images/side_block_body.png);
}

#content_right .side_block .side_block_body {
    background: transparent left top repeat-y url(../images/side_block_body_r.png);
}

#content_left .side_filter .side_filter_bott {
    height: 18px;
    background: transparent right top no-repeat url(../images/side_filter_bott.png);
}

#content_left .side_button .side_button_bott {
    height: 19px;
    background: transparent right top no-repeat url(../images/side_button_bott.png);
}

.side_block .side_block_bott {
    height: 19px;
    background: transparent right top no-repeat url(../images/side_block_bott.png);
}

#content_right .side_block .side_block_bott {
    height: 19px;
    background: transparent right top no-repeat url(../images/side_block_bott_r.png);
}

#content_left .side_button a {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 26px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 10px 55px 10px 19px;
}

#content_left .side_button .button_letter {
    position: absolute;
    bottom: -4px;
    right: 0px;
}

#content_left .side_button .button_letter.letter_a { width: 50px; height: 60px; background: transparent right bottom no-repeat url(../images/letters/letter_a.png); }

#content_left .side_filter .side_filter_body ul.side_filter_filter {
    list-style: none outside none;
    padding: 5px 19px;
}

.side_block {
    color: #fff;
}

.side_block h2 {
    margin: 0px;
    margin-bottom: 15px;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 21px;
}

.side_block form {
    position: relative;
}

.side_block label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
}

.side_block input {
    max-width: 209px;
    padding: 3px;
    margin-bottom: 10px;
}

.side_block input[type="text"] {
    min-width: 209px;
}

.side_block textarea {
    min-width: 100px;
    margin-bottom: 10px;
}

.side_block .povinna_pole_notice {
    color: red;
    margin-top: 20px;
}

.side_block .abinput {
    height: 0px;
    margin: 0px;
    padding: 0px;
}

.side_block #submit {
    cursor: pointer;
}

.side_block #oznameni {
    padding: 10px 5px;
    text-align: center;
    margin-bottom: 10px;
    
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.side_block #oznameni.success {
    background-color: #a0bd00;
}

.side_block #oznameni.error {
    background-color: #e21500;
}

.side_block .pretext,
.side_block .posttext {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px;
}

.side_block .pretext {
    margin-bottom: 25px;
}

ul.side_filter_filter li,
ul.side_filter_filter li a {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 21px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    display: block;
}

ul.side_filter_filter li {
    padding-left: 0px;
    background: transparent left top repeat-x url(../images/li_filter_bg.png);
}

ul.side_filter_filter li:first-child {
    background: none;
}

ul.side_filter_filter li a,
ul.side_filter_filter li a.expanded {
    padding-right: 27px;
    transition: 300ms;
}

ul.side_filter_filter li a {
    background: transparent 190px 19px no-repeat url(../images/li_filter_drop.png);
}

ul.side_filter_filter li a.expanded {
    background: transparent 190px 19px no-repeat url(../images/li_filter_collapse.png);
}

ul.side_filter_filter li a:hover {
    color: #6c000b;
    background: transparent 190px 19px no-repeat url(../images/li_filter_drop_hover.png);
}

ul.side_filter_filter li a.expanded:hover {
    color: #6c000b;
    background: transparent 190px 19px no-repeat url(../images/li_filter_collapse_hover.png);
}


/* Druha uroven */
ul.side_filter_filter li ul {
    margin-bottom: 15px;
    padding-left: 0px;
    /*display: block;*/
    display: none;
}

ul.side_filter_filter li.expanded ul {
    display: block;
}

/*ul.side_filter_filter li.collapsed ul {
    display: none;
}*/

ul.side_filter_filter li ul li,
ul.side_filter_filter li ul li a,
ul.side_filter_filter li ul li a:hover {
    font-family: "Arial", sans-serif;
    font-size: 12px;
    line-height: normal;
    background: none;
    padding-right: 0px;
    padding-left: 15px;
}

ul.side_filter_filter li ul li a.active {
    font-weight: bold;
    color: #6c000b;
}

ul.side_filter_filter li ul li a {
    background: transparent left 3px no-repeat url(../images/li_filter_subcategory.png);
}

ul.side_filter_filter li ul li a.active,
ul.side_filter_filter li ul li a:hover {
    background: transparent left 3px no-repeat url(../images/li_filter_subcategory_hover.png);
}

ul.side_filter_filter li ul li {
    padding: 3px 0px;
}

ul.side_filter_filter li ul.active_list {
    display: block;
}


/* ---------- Spodni slideshow ---------- */

#bottsl_wrap {
    width: 100%;
    position: relative;
    clear: both;
}

#bottsl_nadpis {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 21px;
    color: #18bad7;
    padding: 0px 15px;
    padding-top: 15px;
    border-bottom: 6px solid #18bad7;
}

#bottsl_panel {
    /*padding: 5px;*/
    position: relative;
    /*background-color: #f5f3f3;*/
}

.bottsl_slide {
    width: 324px;
    display: inline-block;
    margin-right: 5px;
    float: left;
    overflow: hidden;
    position: relative;
}

.bottsl_slide .bottsl_slide_img img {
    filter: grayscale(0%);
    filter: none;
    -webkit-filter: grayscale(0%);
}

.bottsl_slide:hover .bottsl_slide_img img {
    filter: url(filters.svg#grayscale);
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%);
    
    transition: all .6s ease;
    -moz-transition: all .6s ease;
    -webkit-transition: all .6s ease;
}

.bottsl_slide_price {
    width: 156px;
    background-color: #18bad7;
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 16px;
    color: #fff;
    position: absolute;
    top: -32px;
    left: 0px;
    z-index: 2;

    transition: 300ms;
}

.bottsl_slide_price span {
    display: inline-block;
    padding: 5px;
}

.bottsl_slide:hover .bottsl_slide_price {
    top: 0px;
}

.bottsl_slide_img {
    width: 156px;
    height: 117px;
    float: left;
    overflow: hidden;
}

.bottsl_slide_img a {
    display: block;
}

.bottsl_slide_det {
    width: 157px;
    height: 109px;
    padding-top: 8px;
    padding-left: 10px;
    float: right;
    position: relative;
}

.bottsl_slide_det a.bsd_nadpis {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #2b2b2b;
    display: block;
    margin-bottom: 5px;
}

.bottsl_slide_det p {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    color: #555;
}

.bottsl_slide_det a.bsd_readmore {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #18bad7;
    line-height: 17px;
    display: inline-block;
    padding-left: 22px;

    position: absolute;
    bottom: 5px;

    background: transparent left center no-repeat url(../images/slideshow_bottom/ico_readmore.png);
}

/* ---------- Ostatni ---------- */

#wrap_content table {

}

#wrap_content table caption {
    font-size: 12px;
    font-weight: bold;
}

#wrap_content table tr,
#wrap_content table th,
#wrap_content table td {
    border: 1px dotted #c8c8c8;
    padding: 3px 5px;
    font-size: 13px;
}

#wrap_content table p {
    margin-top: 7px;
    margin-bottom: 7px;
}

#wrap_content table th {
    background-color: #e8e8e8;
    /*background-color: #ccc;*/
    text-align: left;
    font-weight: normal;
    font-size: 11px;
}

#wrap_content table th .prihl_en {
    font-size: 11px;
}

#wrap_content table td {
    /*background-color: #fff;*/
    padding: 5px;
    background: transparent left top repeat url(../images/block_content.png);

}

#wrap_content form {
    display: inline-block;
}

#wrap_content .fieldset,
#wrap_content fieldset {
    border: none;
    margin-bottom: 35px;
    width: 560px;
    /*    display: inline-block;
        clear: both;*/
}

#wrap_content legend {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 28px;
    color: #df134c;
    margin-bottom: 15px;
}

#wrap_content .fieldset .form_legend_trans,
#wrap_content fieldset .form_legend_trans,
.prihl_en {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 16px;
    color: #888;
    font-style: italic;
}

#wrap_content .fieldset .form_label_trans,
#wrap_content fieldset .form_label_trans {
    font-weight: normal;
    font-style: italic;
    color: #999;
}

#wrap_content ul.form_list {
    list-style: none outside none;
}

#wrap_content ul.form_list li.form_list_node {
    padding: 10px 5px;
    border-top: 1px dashed #ccc;
    min-height: 30px;
}

#wrap_content ul.form_list li.form_list_node:first-child {
    border-top: none;
}

#wrap_content ul.form_list li.form_list_node label {
    font-size: 12px;
    font-weight: bold;
    float: left;
    width: 300px;
}

#wrap_content ul.form_list li.form_list_node input,
#wrap_content ul.form_list li.form_list_node select,
#wrap_content ul.form_list li.form_list_node textarea,
#wrap_content ul.form_list li.form_list_node button {
    padding: 5px;
    border: 1px solid #ccc;
    width: 250px;

    box-sizing: border-box;
    -moz-box-sizing: border-box; /* For all Gecko based browsers */
    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
}

#wrap_content ul.form_list li.form_list_node input[type="checkbox"] {
    width: 15px;
    border: none !important;
    padding: 0px;
}

input[type="checkbox"] {
    margin-right: 5px;
    position: relative;
    top: 2px;
}

textarea {
    min-height: 200px;
    min-width: 250px;
}

a.button.add,
input[type="submit"] {
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    background-color: #df134c;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    position: relative;
    margin-top: 10px;
}

span.legend_h {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 28px;
    color: #df134c;
    margin-bottom: 15px;
}

input[type="submit"] {
    border: none !important;
}

input[type="submit"]:disabled {
    background-color: #ccc;
}

a.button.cross {
    color: red;
    padding-left: 15px;
    background: transparent left center no-repeat url(../images/ico_delete.png);
}

/* ---------- Zarovnani do bloku ---------- */
.item-page p, 
.items-leading p {
    text-align: justify;
}

/* ---------- Footer ---------- */

#wrap_footer {
    width: 100%;
    height: 165px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

#wrap_footer .footer_inner {
    width: 100%;
    position: absolute;
    height: 165px;
}

#wrap_footer .footer_line {
    width: 100%;
    height: 15px;
    padding-bottom: 5px;
    margin: 0px auto;

    background: transparent left top repeat-x url(../images/foot_lines.png);
}

#wrap_footer .footer_foot,
#wrap_footer .footer_foot .footer_foot_inner,
#wrap_footer .footer_foot .footer_foot_inner .contact,
#wrap_footer .footer_foot .footer_foot_inner .navigate {
    height: 145px;
}

#wrap_footer .footer_foot {
    width: 100%;
    background-color: #555555;
}

#wrap_footer .footer_foot_inner {
    width: 1000px;
    margin: 0px auto;
}

#wrap_footer .footer_foot .footer_foot_inner a {
    text-decoration: underline;
}

#wrap_footer .footer_foot .footer_foot_inner a:hover {
    color: #c0c0c0;
}

#wrap_footer .footer_foot .contact,
#wrap_footer .footer_foot .navigate {
    width: 500px;
    float: left;
}

#wrap_footer .footer_foot .footer_foot_inner .contact .contact_left {
    width: 230px;
    height: 100%;
    float: left;

    background: transparent left center no-repeat url(../images/foot_map.png);
}

#wrap_footer .footer_foot .footer_foot_inner .contact .contact_right {
    width: 270px;
    height: 100%;
    float: left;
}

#wrap_footer .footer_foot .footer_foot_inner .contact h3 {
    font-size: 16px;
    color: #fff;
    margin: 25px 0px 0px 0px;
}

#wrap_footer .footer_foot .footer_foot_inner .contact p {
    font-size: 11px;
    color: #c0c0c0;
}

#wrap_footer .footer_foot .footer_foot_inner .contact p.foot_adress {
    margin-bottom: 12px;
}

#wrap_footer .footer_foot .footer_foot_inner .contact p.foot_contact {
    margin-bottom: 0px;
}

#wrap_footer .footer_foot .footer_foot_inner .navigate .footer_menu {
    height: 95px;
}

#wrap_footer .footer_foot .footer_foot_inner .navigate .footer_copyright p {
    height: 50px;
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    line-height: 50px;
    vertical-align: middle;
    color: #c0c0c0;
    text-align: right;
}

/* ---------- Modul prihlaseni ---------- */

.logform {
    position: relative;
    top: 15px;
}

.logform fieldset.userdata {
    border: none;
}

.login_inputs label {
    float: left;
    width: 90px;
    line-height: 20px;
    vertical-align: middle;
    font-size: 10px;
    text-align: right;
    margin: 0px 5px;
    color: #67757e;
}

.login_inputs input {
    width: 115px;
    font-size: 10px;
    padding: 1px 2px;
    position: relative;
    top: 2px;
    border: 1px solid #ccc;
}

.login_inputs p {
    margin: 0px;
}

.log_input_username,
.log_input_password {
    width: 235px;
    float: left;
}

.login-button input[type="submit"] {
    float: right;
    margin-right: 15px;
    margin-top: 5px;
    border: none;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    background-color: transparent;
    color: #e26c02;
}

.login-button input[type="submit"]:hover {
    color: #4f4f4f;
}

.lgdinform {
    position: relative;
    top: 15px;
    padding: 0px 25px;
}

.lgdinform .logged_as {
    color: #4f4f4f;
}

.logged_as {
    font-size: 10px;
}

.user_info {
    font-size: 18px;
    font-weight: bold;
    color: #e26c02;
}

.logout-button input[type="submit"] {
    font-size: 11px;
    font-weight: bold;
    color: #898989;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.logout-button input[type="submit"]:hover {
    color: #4f4f4f;
}

/* ---------- System Messages ---------- */

#system-message ul {
    margin-left: 0px;
}

.error {
    padding:0px;
    margin-bottom: 20px;
}

.error h2 {
    color:#000 !important;
    font-size:1.4em !important;
    text-transform:uppercase;
    padding:0 0 0 0px !important
}

#system-message {
    margin:10px 0 20px 0;
    border-left:0;
    border-right:0;
}

#system-message dt {
    font-weight: bold;
}
#system-message dd {
    margin: 0 0 15px 0;
    font-weight: bold;
    text-indent: 0px;
    padding:0
}
#system-message dd ul {
    color: #000;
    list-style: none;
    padding: 0px;
}
#system-message dd ul li {
    line-height:1.5em
}

/* ---------- System Standard Messages ---------- */
#system-message dt.message {
    position:absolute;
    top:-2000px;
    left:-3000px;
}

#system-message dd.message  ul {
    background-color: #b6dd00;
    padding-left:40px;
    padding: 10px 10px 10px 40px;
}

#system-message dd.message ul li {background:none !important}

/* ---------- System Error Messages ---------- */
#system-message dt.error {
    position:absolute;
    top:-2000px;
    left:-3000px;
}

#system-message dd.error ul {
    background-color: #ff2342;
    padding-left:40px;
    padding: 10px 10px 10px 40px;
    color: #fff;
}

/* ---------- System Notice Messages ---------- */
#system-message dt.notice {
    position:absolute;
    top:-2000px;
    left:-3000px;
}

#system-message dd.notice ul {
    background-color: #ff8c26;
    padding-left:40px;
    padding: 10px 10px 10px 40px;
}
#system-message dd.notice ul { color: #000;margin:10px 0 }

#system-message {
    margin-bottom: 0px;
    padding: 0;
}

#system-message dt {
    font-weight: bold;
}

#system-message dd {
    font-weight: bold;
    padding: 0;
}

h1 a, h1 a:hover {
    color: #e26c02;
}

h2 a, h2 a:hover {
    color: #e26c02;
}

h3 a, h3 a:hover {
    color: #000;
}

h4 a, h4 a:hover {
    color: #696969;
}


table.table_participants {
    border-collapse: collapse;
    border: none;
    border-spacing: 0px;
}

table.table_participants th.subakce {
    max-width: 120px;
}

table.table_participants tr.table_header th {
    /*    background: #ef9f2d left top repeat-x url(../images/breadcrumb_bg.png) !important;
        color: #fff;*/
    /*background-color: #E3DFD4 !important;*/
    color: #5e5e5e;
    padding: 5px !important;
    /*    font-size: 11px !important;*/
}

table.table_participants tr th,
table.table_participants tr td {
    border: 1px dotted #ccc !important;
}

table.table_participants tr td input[type="text"] {
    width: 180px;
    padding: 5px;
    border: 1px solid #ccc;
    font-size: 11px;
}

.show_hide_student_price {
    width: 100%;
    margin-right: 0px;
    top: 1px !important;
}

div#popis,
div#podminky {
    width: 555px;
    margin: 20px 0px;
}

span.starRequired {
    color: red;
    margin-left: 5px;
}



/* ---------- Komponenta Element ---------- */
.elements_heading {
    margin-bottom: 15px;
}

h1.no-margin {
    margin-bottom: 5px;
}

img.catsep {
    margin: 0px 3px;
    position: relative;
    top: -1px;
}

.element_wrap {
    width: 700px;
    float: left;
    padding: 10px 10px;
    border-top: 1px dashed #ccc;
    position: relative;
}

.element_wrap:first-child {
    border-top: none;
}

.element_wrap:hover {
    background-color: #f4f4f4;
}

.ew_image {
    width: 160px;
    float: left;
}

.ew_detail {
    margin-left: 160px;
    padding: 0px 15px;
}

.element_wrap #ew_druh {
    width: 89px;
    height: 88px;
    position: absolute;
    right: 0px;
    top: 0px;
}

.element_wrap #ew_druh.novinka {
    background: transparent right top no-repeat url(../images/table_corner_novinka.png);
}

.element_wrap #ew_druh.akce {
    background: transparent right top no-repeat url(../images/table_corner_akce.png);
}

.element_wrap #ew_druh.top {
    background: transparent right top no-repeat url(../images/table_corner_top.png);
}

.ew_detail h2 {
    margin: 0px;
    padding-right: 50px;
}

.ew_detail h2 a {
    color: #009ade;
    text-decoration: none;
}

.ew_detail span.elem_place {
    width: 100%;
    display: block;
    text-align: left;
    margin-bottom: 15px;
}

.ew_detail span.elem_price {
    font-size: 18px;
    font-weight: bold;
    color: #d7182a;
}

.ew_detail span.elem_price_jednotka {
    color: #aaa;
}

.ew_detail span.elem_price,
.ew_detail span.elem_price_jednotka {
    width: 100%;
    display: block;
    text-align: right;
}


#element_wrap {
    width: 720px;
}

#element_detail.img_left #element_images_map,
#element_detail.img_right #element_description {
    float: left;
}

#element_detail.img_right #element_images_map,
#element_detail.img_left #element_description {
    float: right;
}

#element_detail #element_images_map,
#element_detail #element_images_map #element_gallery,
#element_detail #element_images_map #element_image_top,
#element_detail #element_images_map #element_image_bott {
    width: 325px;
}

#element_detail #element_description {
    width: 385px;
    padding-left: 10px;
    padding-top: 10px;
}

#element_detail #element_images_map #element_image_top {
    height: 13px;
    background: transparent left top no-repeat url(../images/elem_detail_image_top.png);
}

#element_detail #element_images_map #element_image_bott {
    height: 15px;
    background: transparent left top no-repeat url(../images/elem_detail_image_bott.png);
}

#element_detail #element_images_map #element_image {
    border: 5px solid #888;
    position: relative;
}

#element_detail #element_images_map #element_image a {
    display: block;
}

#element_detail #element_images_map #element_image #elem_detail_druh {
    width: 88px;
    height: 89px;
    position: absolute;
    left: -5px;
    top: -5px;
}

#element_detail #element_images_map #element_image #elem_detail_druh.novinka {
    background: transparent left top no-repeat url(../images/elemdetail_corner_novinka.png);
}

#element_detail #element_images_map #element_image #elem_detail_druh.akce {
    background: transparent left top no-repeat url(../images/elemdetail_corner_akce.png);
}

#element_detail #element_images_map #element_gallery {
    display: inline-block;
    margin-top: 25px;
}

#element_detail #element_images_map #element_gallery a {
    display: inline-block;
    /*margin-left: 15px;*/
    margin-bottom: 15px;
    float: left;
}

#element_detail #element_images_map #element_gallery .gallery_img_sep {
    display: inline-block;
    width: 15px;
    height: 1px;
    float: left;
}

#element_detail #element_images_map #element_gallery .gallery_row_sep {
    clear: both;
    display: block;
}

#element_detail #element_images_map #element_gallery a:first-child {
    /*margin-left: 0px;*/
}

#element_detail #element_contact_button {
    position: relative;
    margin-top: 10px;
}

#element_detail #element_contact_button a {
    display: block;
    font-family: "PT Sans Narrow", "Arial", sans-serif;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    text-align: right;
    padding: 10px 20px 10px 80px;
}

#element_detail #element_contact_button_top,
#element_detail #element_contact_button_body,
#element_detail #element_contact_button_bott {
    width: 325px;
}

#element_detail #element_contact_button_top {
    height: 12px;
    background: transparent left top no-repeat url(../images/btn_contact_top.png);
}

#element_detail #element_contact_button_body {
    background: transparent left top repeat-y url(../images/btn_contact_grad.png);
}

#element_detail #element_contact_button_bott {
    height: 12px;
    background: transparent right top no-repeat url(../images/btn_contact_bott.png);
}

#element_detail .element_contact_button_ico {
    width: 75px;
    height: 62px;
    position: absolute;
    bottom: 9px;
    left: 0px;
    z-index: 0;
    display: block;
    transition: 100ms;
    background: transparent left bottom no-repeat url(../images/btn_contact_ico.png);
}

#element_detail #element_contact_button_body:hover .element_contact_button_ico {
    background: transparent left bottom no-repeat url(../images/btn_contact_ico_n.png);
}

#element_detail #element_images_map #element_map {
    margin-top: 25px;
}

#element_detail #element_description .element_detail_h {
    font-size: 32px;
    color: #009ade;
    padding-left: 5px;
    text-transform: uppercase;
    border-bottom: 4px solid #009ade;
    margin-bottom: 0px;
}

#element_detail #element_description .element_detail_price {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    font-size: 32px;
    color: #023b77;
    padding-left: 5px;
    margin-top: 5px;
    /*display: block;*/
    display: inline-block;
}

#element_detail #element_description .element_detail_price_discount {
    display: inline-block;
    color: #d70000;
    font-weight: bold;
    margin-top: 5px;
    padding-left: 30px;
    line-height: 42px;
    float: right;
    background: transparent left center no-repeat url(../images/ico_zlevneno.png);
}

#element_detail #element_description .element_detail_state {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 5px 5px 20px;
    margin-left: 7px;
    clear: both;
    float: left;
}

#element_detail #element_description .element_detail_state.state_rezervovano {
    background: #009ade 5px center no-repeat url(../images/ico_rezervovano.png);
}

#element_detail #element_description .element_detail_state.state_prodano {
    background: #009ade 5px center no-repeat url(../images/ico_prodano.png);
}

#element_detail #element_description #element_properties {
    /*padding-left: 5px;*/
    margin-top: 45px;
}

#element_detail #element_description h2 {
    font-weight: normal;
    border-bottom: 3px solid #d7182a;
    padding-left: 5px;
}

#element_detail #element_description h2.property_group {
    cursor: pointer;
    margin-bottom: 0px;
    background: transparent 365px center no-repeat url('../images/block_collapsed.png');
}

#element_detail #element_description h2.property_group.expanded {
    background: transparent 365px center no-repeat url('../images/block_expanded.png');
}

#element_detail #element_description .elem_property_expandable {
    width: 100%;
}

#element_detail #element_description .elem-expandable-content.cont_white {
    background-color: transparent;
    padding: 10px 0px;
}    
    
#element_detail #element_description .elem-expandable-content {
    padding: 10px;
    background-color: #f4f4f4;
}

#element_detail #element_description .element_description_field {
    padding: 0px 5px;
}

#element_detail #element_description .elem_property_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}

#element_detail #element_description .elem_property_table tr {
    border: none;
}

#element_detail #element_description .elem_property_table tr td {
    font-family: "PT Sans Narrow", 'Arial', sans-serif;
    /*font-size: 20px;*/
    font-size: 16px;
    border: none;
    border-top: 1px dashed #c8c8c8;
    background: none;
}

#element_detail #element_description .elem_property_table tr td a {
    text-decoration: none;
}

#element_detail #element_description .elem_property_table tr:first-child td {
    border: none;
}

#element_detail #element_description .elem_property_table .prop_name {
    width: 145px;
    font-weight: bold;
    text-align: left;
}




/* bxSlider */

#slideshow_wrap .bx-wrapper {
    margin: 0px auto !important;
    max-width: 1000px !important;
}

#bottsl_wrap .bx-wrapper {
    margin: 0px auto !important;
    max-width: 982px !important;
    padding: 9px !important;
    background-color: #f5f3f3;
}


/* Kontaktni formular v detailu nemovitosti */


#element_contact_button #contactform_wrap {
    padding: 15px;
}

#element_contact_button #form {
    width: 100%;
}

#element_contact_button #contactform label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 12px;
    color: #fff;
}

#element_contact_button #contactform input {
    padding: 3px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#element_contact_button #contactform input[type="checkbox"] {
    margin-top: 15px;
}

#element_contact_button #contactform .povinna_pole_notice {
    color: red;
    margin-top: 20px;
    text-shadow: 0px 0px 10px #fff;
    font-weight: bold;
}

#element_contact_button #contactform .abinput {
    height: 0px;
    margin: 0px;
    padding: 0px;
}

#element_contact_button #contactform #submit {
    float: right;
    color: #0198da;
    background-color: #fff !important;
    padding: 5px 10px;
    font-weight: bold;
    margin-top: 35px;
    cursor: pointer;
}

#element_contact_button #contactform #submit:disabled {
    background-color: #ccc !important;
    cursor: default;
}

#element_contact_button #contactform_wrap p {
    color: #fff;
}

#element_contact_button #contactform_wrap p.pretext {
    margin-bottom: 35px;
}

#element_detail .expansible .element_contact_button_ico.ico-expanded {
    height: 63px;
    bottom: auto;
    top: 18px;
}

#element_detail .expansible .element_contact_button_ico.ico-expanded,
#element_detail .expansible #element_contact_button_body:hover .element_contact_button_ico.ico-expanded {
    /*background: transparent left top no-repeat url(../images/btn_contact_ico_exp.png);*/
    background: none;
}

#element_detail #element_contact_button.expansible a.all_contacts {
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    padding: 0px;
    display: inline-block;
}

/* Antispam input */

input.abinput {
    position: absolute;
    left: -99999px;
}

.s_wrap {
    padding: 0px 15px;
}

#slider {
    width: 100%;
    height: 4px;
    background-color: #fff;
    position: relative;
    float: left;
    z-index: 10;
    margin: 0px !important;
}

.ui-slider-handle {
    width: 20px;
    height: 20px;
    background-color: red;

    position: absolute;
    top: -8px;
    margin-left: -10px;

    cursor: pointer;
    
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    
    box-shadow: 0px 0px 10px #fff;
    -moz-box-shadow: 0px 0px 10px #fff;
    -webkit-box-shadow: 0px 0px 10px #fff;
}