/* auto-UTF-8: ščřžýŠČŘŽÝ */
/* CSS Stylesheet Document; Author (c) Cyber Fox 2011 */

/**
 * FoxFrame CSS - BluePrint CSS plugin. Screen stylesheet.
 *
 * @project FoxFrame CMS
 * @requires BluePrint CSS 1.0.1+
 * @version 1.3
 * @date 2011-06-17 17:20:05
 * @author janrenn <renner@cyberfox.cz>
 */

/**
 * ---------------
 * @section Global
 * -----------------
 */




/*
Definování paddingů pro buttony ve všech prohlížečích včetně IE

 Do definice stylu pro tlačítko je nutné dopsat následující řádky:
*/
.button {
  width: auto;
  overflow: visible;
}











/* prepisuje centrovani pro IE<6 z IE blueprintu, dnes je ten centrovaci
workaround neaktualni, dela jen problemy u elementu vkladanych primo do
body, napr. lightboxu */
body {text-align:left;} 

html, body {
    width: 100%;
    height: 100%;
}
body.mceContentBody {
    height: auto !important;
}
html.vert-scroll {
    overflow-y: scroll;
}
html.no-horiz-scroll {
    overflow-x: hidden;
}
hr {
    display: none;
}
a {
    padding: 1px;
}
.image a, .images-thumbs a, .thumbnail a, a.image {
    padding: 0;
}
br + a {
    padding-left: 0;
}
a:hover, a:focus {
    text-decoration: none;
}
ul, ol {
    padding-left: 3em;
}
i , em { /* oprava bugu MS IE 6 *//*TODO: toto snad nic neresi, viz Grada.cz*/
  _text-indent: 2px;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/**
 *
 * @subsection Common classes
 * ----------------------------
 */

.bf {
    /*position: absolute;
    left: -4000px;
    width: 1px;
    overflow: hidden;*/
	width: 900px;
	margin: 0 auto;
}
.js .hide-if-js, .no-js .hide-if-no-js, .js .fade-in-onload, .js .fade-in-onload-mouse {
    display: none;
}
.float-clear, .f-clear, .f-c, .clear {
    clear: both;
}
.float-none, .f-none, .f-n, div.f-n {
    float: none;
}
.float-left, .f-left, .f-l, div.f-l {
    float: left;
}
.float-right, .f-right, .f-r, div.f-r {
    float: right;
}
.float-auto, .f-auto, .f-a {
    margin: auto;
}
.text-left, .t-left, .t-l {
    text-align: left;
}
.text-center, .t-center, .t-c {
    text-align: center;
}
.text-right, .t-right, .t-r {
    text-align: right;
}
.text-justify, .t-justify, .t-j {
    text-align: justify;
}
.text-top, .t-top, .t-t, .v-t {
    vertical-align: top;
}
.text-middle, .t-middle, .t-m, .v-m {
    vertical-align: middle;
}
.text-bottom, .t-bottom, .t-b, .v-b {
    vertical-align: bottom;
}
.lc, .l-c {
    text-transform: lowercase;
}
.uc, .u-c {
    text-transform: uppercase;
}
.block {
    display: block;
}
.inline {
    display: inline;
}
.list-item {
    display: list-item;
}
.run-in {
    display: run-in;
}
.noselection {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.nowrap, .nobr, nobr {
    white-space: nowrap;
}
.no-decoration {
    text-decoration: none !important;
}
.nobmargin, .no-b-margin, .no-b-m {
    margin-bottom: 0 !important;
}
.nomargin, .no-margin {
    margin: 0 !important;
}


/**
 * --------------
 * @section Forms
 * ----------------
 */

label {
    float: left;
    font-weight: bold;
    margin-right: 10px;
    padding-top: 3px;
    text-align: right;
    width: 160px;
    cursor: pointer;
}
input.text, textarea {
    padding: 2px;
    margin-top: 0;
    color: #;
    font-family: Arial, sans-serif;
    font-size: 1.1667em;
}
input.text:focus, textarea:focus {
    background: #FFD;
}
legend {
    font-size: 12px;
}
textarea {
    resize: vertical;
    min-height: 80px;
}

/**
 *
 * @subsection Forms classes
 * ---------------------------
 */

.submit {
    cursor: pointer;
}
b.required {
    padding-left: 4px;
    color: #D00;
}
.invalid, .invalid * {
    color: #D00;
}
.invalid input.text, .invalid input.password, .invalid textarea, .invalid input.file {
    border-color: #D00;
    color: #D00;
}

/**
 *
 * @subsection Messages
 * ----------------------
 */

.left-icon {
    padding-left: 32px;
    background-image: url('/images/common/icons/icons.png');
    background-position: 10px 11px;
    background-repeat: no-repeat;
    *height: 1%;
}
.info {
    background-position: 10px -85px;
}
.error {
    background-position: 10px -181px;
}
.alert {
    background-position: 10px -277px;
}
.success {
    background-position: 10px -373px;
}
.notice, .notice a, .notice a:hover, .notice a:focus {
    color: #553;
}
.info, .info a, .info a:hover, .info a:focus {
    color: #20599C;
}
.info {
    background-color: #D9EAF9;
}
.error, .error a, .error a:hover, .error a:focus {
    color: #C00;
}
.alert, .alert a, .alert a:hover, .alert a:focus {
    color: #830;
}
.alert {
    background-color: #FFF6BF;
    border-color: #FFD324;
}
.success, .success a, .success a:hover, .success a:focus {
    color: #227011;
}


/* --- Skype toolbar fix ---*/
span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}




a:hover, area:hover, area:focus, a:hover img, a img:hover {
    outline: none;
    border: none;
}










/* end of file */.thin-space,.thin-space-3,.hair-space,.thick-space,.en-space,.em-space{line-height:0;display:inline-block;width:2px;overflow:hidden}
.thin-space-3{width:3px;}
.hair-space{width:1px;}
.thick-space{width:.5em;}
.en-space{width:.75em;}
.em-space{width:1em;}
blockquote:before,q:before{content:'“';}
blockquote:after,q:after{content:'”';}
html[lang|="cs"] blockquote:before,html[lang|="cs"] q:before, html[lang|="sk"] blockquote:before,html[lang|="sk"] q:before, html[lang|="de"] blockquote:before,html[lang|="de"] q:before{content:'„';}
html[lang|="cs"] blockquote:after,html[lang|="cs"] q:after, html[lang|="sk"] blockquote:after,html[lang|="sk"] q:after, html[lang|="de"] blockquote:after,html[lang|="de"] q:after{content:'“';}
html[lang|="ru"] blockquote:before,html[lang|="ru"] q:before{content:'«';}
html[lang|="ru"] blockquote:after,html[lang|="ru"] q:after{content:'»';}
html[lang|="pl"] blockquote:before,html[lang|="pl"] q:before{content:'„';}
html[lang|="pl"] blockquote:after,html[lang|="pl"] q:after{content:'”';}
html[lang|="fr"] blockquote:before,html[lang|="fr"] q:before{content:'«';}
html[lang|="fr"] blockquote:after,html[lang|="fr"] q:after{content:'»';}/* auto-UTF-8: ščřžýŠČŘŽÝ */
/**
 * Project main screen CSS Stylesheet
 *
 * @project Chabica
 * @version 1.4
 * @date 30.11.2011 20:49:16
 * @author janrenn <renner@cyberfox.cz>
 * @copyright Cyber Fox, s.r.o. 2011
 */

/**
 * ---------------
 * @section Global
 * -----------------
 */

body {
    background: #FFF;
    color: #777;
    line-height: 17px;
	font-family: 'Sanchez', serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #555;
    font-weight: bold;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6,
.content .h1, .content .h2, .content .h3, .content .h4, .content .h5, .content .h6 {
    clear: both;
}
h1, .left-column h2, .left-column h3, .hp-news h2, .content-teaser h2,
.h1, .left-column .h2, .left-column .h3, .hp-news .h2, .content-teaser h2 {
    font-size: 15px;
    line-height: 20px;
}
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;
    border: none;
    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: #09F;
}
a:hover, a:focus {
    text-decoration: none;
}
a:active {
    color: #09F;
}
.content-raw a[target="_blank"], .news-snippet a[target="_blank"] {
    padding-right: 12px;
    background: transparent url('/images/common/icons/link_out.png') right center no-repeat;
}
.lte7 .content-raw a[target="_blank"], .lte7 .news-snippet a[target="_blank"],
.content-raw .f-l a[target="_blank"], .news-snippet .f-l a[target="_blank"],
.content-raw .f-r a[target="_blank"], .news-snippet .f-r a[target="_blank"] {
    padding-right: 2px;
    background: transparent;
}
.content-raw .f-l a, .content-raw .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,
.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 {
    margin-bottom: 0;
}
::selection {
    background: #09F;
    color: #FFF;
}
.green {
    color: #063;
}
.dark-gray {
    color: #666;
}
.middle-gray {
    color: #777;
}
.gray {
    color: #999;
}
.light-gray {
    color: #CCC;
}
.append-bottom-20 {
    margin-bottom: 20px;
}
div.error, div.success, div.info, div.notice, div.success {
    margin: 16px 0;
}
.error {
  color: #C01100;
}
.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 p, .content-raw h1, .content-raw h2, .content-raw h3, .content-raw h4, .content-raw h5, .content-raw h6 {
    padding-left: 50px;
    padding-right: 90px;
    font-weight: normal;
}
.content-raw h1, .content-raw h2, .content-raw h3, .content-raw h4, .content-raw h5, .content-raw h6 {
    letter-spacing: -0.025em;
    word-spacing: 0.05em;
}
.content-raw h1, .content-raw h2 {
    font-size: 19px !important;
}
.content-raw ul, .content-raw ol {
    padding-left: 100px;
    padding-right: 110px;
    clear: left;
    margin-bottom: 1.125em;
}
p {
    margin-bottom: 1.125em;
}
.m-a {
    margin: 0 auto;
}


/**
 * ----------------
 * @section Content
 * ------------------
 */

html, body, .main-wrapper {
    min-height: 100%;
}
@media screen and (min-height: 570px) {
    .js .main-wrapper {
        /*box-shadow: inset 0 0 17px rgba(0,0,0,.1);*/
        min-height: 100% !important;
        height: 100%;
    }
}

/**
 *
 * @subsection header
 * --------------------
 */
.logo {
    font-size: 28px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    letter-spacing: -1px;
    margin: 30px 0 0;
    text-transform: uppercase;
}
.logo a {
    text-decoration: none !important;
    background: transparent !important;
    color: #999 !important;
}
.logo a span {
    color: #333 !important;
}
.logo {
    
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;    
}
.logo:hover{
    opacity:0.5;
}

.navi, .navi li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.navi, .gall-desc {
    margin-left: 76px;
}
.navi li {
    float: left;
    text-transform: lowercase;
}
.navi li a {
    text-decoration: none !important;
    background: transparent !important;
    color: #777 !important;
    display: block;
    margin: 0;
    padding: 0;
    letter-spacing: -0.5px;
    word-spacing: 1px;
    border-bottom: 2px solid #FFF;
}
.navi li a:before, .navi li a .before {
    content: '/';
    padding: 0 4px;
}
.navi li:first-child a:before {
    content: '';
    padding: 0;
}
.navi li a:hover, .navi li a.current, .navi li a.active {
    border-bottom: 2px solid #333;
}
.main-column {
    width: 900px;
    margin: 0 auto;
}

/**
 *
 * @subsection layout, strip
 * ---------------------------
 */
body, .web-all, .container {
    width: 100%;
    min-width: 950px;
    margin: 0;
    padding: 0;
}
.container {
    padding-top: 20px;
}
.header {
    margin: 0 auto 4px;
    padding-top: 10px;
}
.js .header {
    padding-top: 0;
}
.strip-wrapper {
    width: auto;
    min-height: 440px;
    position: relative;
}
.js .strip-wrapper {
    width: 999999px;
}
body.js, .js .web-all, .js .container {
    overflow: hidden;
}
ul.strip, .strip li, .strip a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none !important;
    text-decoration: none !important;
    background: transparent !important;
    list-style: none;
    display: block;
}
.strip a {
    padding: 7px;
    border: 3px solid #FFF;
    border-radius: 2px;
   /* opacity: 0.9;*/
   position: relative;
}
.no-js .strip a:hover, .strip a.stripActive, .strip a.stripPassive {
    border-color: #FFF;
   /* opacity: 1;*/
}
.strip li {
    float: left;
    margin-bottom: 20px;
}
.strip li img {
    display: block;
    border-radius: 1px;
    background: transparent url('/images/loading.gif') center center no-repeat;
}
ul.strip {
    margin: 0 10px;
    position: absolute;
    left: 0;
    top: 0;
    padding-bottom: 20px;
}
.strip h4 {
    font-weight: normal;
    color: #777;
    font-size: 12px;
    margin: 0;
    line-height: 1.5;
    padding: 0 0 0 10px;
    letter-spacing: -0.5px;
    word-spacing: 1px;
}
.strip h4:before, .strip h4 .before {
    content: '/';
    padding-right: .5em;
}
.strip-wrapper .arrow {
    position: absolute;
    left: 20px;
    top: 396px;
    font-size: 30px;
    color: #333;
}


/**
 *
 * @subsection lightbox
 * ----------------------
 */
#blowup {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 300;
    background: #FFF;
    border: 4px solid #FFF;
    border-radius: 3px;
    visibility: hidden;
    box-shadow: 0 0 120px rgba(0,0,0,0.06);
}
#blowup img {
    display: block;
    border-radius: 2px;
}
#blowup .inner {
    position: relative;
}

/* max-height management */
@media screen and (max-height: 800px) {
    #blowup img {
        max-height: 776px;
        width: auto;
    }
}
@media screen and (max-height: 790px) {
    #blowup img {
        max-height: 754px;
        width: auto;
    }
}
@media screen and (max-height: 770px) {
    #blowup img {
        max-height: 726px;
        width: auto;
    }
}
@media screen and (max-height: 740px) {
    #blowup img {
        max-height: 690px;
        width: auto;
    }
}
@media screen and (max-height: 700px) {
    #blowup img {
        max-height: 640px;
        width: auto;
    }
}
@media screen and (max-height: 650px) {
    #blowup img {
        max-height: 580px;
        width: auto;
    }
}
@media screen and (max-height: 590px) {
    #blowup img {
        max-height: 510px;
        width: auto;
    }
}
@media screen and (max-height: 520px) {
    #blowup img {
        max-height: 430px;
        width: auto;
    }
}
@media screen and (max-height: 440px) {
    #blowup img {
        max-height: 300px;
        width: auto;
    }
}
@media screen and (max-height: 310px) {

}
.disableMaxHeight {
    max-height: 2000px !important;
}


#olay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    background: #FFF;
    opacity: 0;
}
.prevnext {
    position: absolute;
    top: 18%;
    left: -660px;
    width: 50px;
    padding: 90px 20px 90px 600px;
    height: 180px;
    background: transparent;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-size: 44px;
    line-height: 70px;
    color: #C0C0C0;
}
.prevnext:hover {
    color: #222;
}
.next {
    left: auto;
    right: -660px;
    padding: 90px 600px 90px 20px;
    text-align: right;
}
.closer, .magnifier {
    position: absolute;
    top: 10px;
    right: 10px;
    font-family: Verdana, sans-serif;
    font-size: 28px;
    line-height: 1;
    background: #FFF;
    color: #000;
    padding: 8px;
    text-align: center;
    width: 17px;
    height: 16px;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40) !important;
    box-shadow: 0 0 16px rgba(0,0,0,0.07);
    visibility: hidden;
}
.magnifier {
    left: 10px;
    right: auto;
}
.magHide { /* schovani pres vlastnost, kterou nepouziva ke schovavani jQuery */
    left: -9999px;
}
.closer:hover, .magnifier:hover {
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
}
.closer:active, .closer:focus, .closer.down,
.magnifier:active, .magnifier:focus, .magnifier.down {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.closer span, .magnifier span {
    position: relative;
    top: -8px;
    left: -3px;
}
.imageText {
    width: 100%;
    height: auto;
    min-height: 20px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #F9F9F9;
    visibility: hidden;
    border-radius: 2px;
    box-shadow: 0 -6px 12px -7px rgba(0,0,0,0.5);  /* http://css3generator.com/ */
}
.imageText .in {
    padding: 16px 18px 20px;
    display: block;
}
.imageText .tt {
    font-size: 18px;
    padding-right: 8px;
    letter-spacing: -0.5px;
    word-spacing: 1px;
}
.imageText .dash {
    padding-left: 1px;
}

/**
 *
 * @subsection detail
 * --------------------
 */
.detail-blowup {
    margin: 30px 0 60px;
}
.detail-blowup a {
    margin: 0;
    padding: 0;
}
.detail-blowup a img {
    display: block;
    margin: 0 auto;
}
.back-button > span {
    position: relative;
    top: -2px;
}
.back-button > a {
    font-size: 12px;
    color: #999;
}

/**
 *
 * @subsection RAW-content
 * -------------------------
 */

/* no align=justify! */
.content-raw, .content-raw div, .content-raw p, .content-raw li, .about-content p, .about-content li {
    text-align: left;
}
.content-raw h1, .content-raw h2, .content-raw h3, .content-raw h4, .content-raw h5, .content-raw h6 {
    clear: both;
    margin: 1.5em 0 1em;
    font-size: 14px;
}
.content-raw h3, .content-raw h4, .content-raw h5, .content-raw h6 {
    margin: 1.5em 0 4px;
}
.content-raw img[align="right"],
.content-raw .f-r > img,
.content-raw .f-r > a > img,
.content-raw img.f-r {
    margin: 2px 0 6px 12px;
}
.content-raw img[align="left"],
.content-raw .f-l > img,
.content-raw .f-l > a > img,
.content-raw img.f-l {
    margin: 2px 12px 6px 0;
}

.cyber-fox {
    position: absolute;
    margin: 0 !important;
    padding: 0 !important;
    right: 13px;
    bottom: 7px;
    display: none;
}
.cyber-fox a {
    display: block;
    padding: 2px;
    font-size: 11px;
    background: transparent !important;
    text-decoration: none !important;
    color: #808080 !important;
    white-space: nowrap;
    opacity: .37;
    filter: alpha(opacity=37);
}
.cyber-fox a img {
    padding: 0 1px 0 2px;
    position: relative;
    top: 3px;
}
.cyber-fox a:hover {
    opacity: .7;
    filter: alpha(opacity=7);
}
@media screen and (min-height: 630px) {
    .js .cyber-fox {
        display: block;
    }
}

/**
 *
 * special for chabica
 *
 */
ul.submenu {
	float: left;
	position: absolute;
}


/**
 * ---------------
 * @section EDITOR
 * -----------------
 *
 * Remember to set the same maximal width as in app_web.class.php
 * ($maxContentWidth); color has to be same as main text (.content-raw) color.
 */

body.mceContentBody {
    background: #FFF;
    text-align: left;
    width: 900px !important;
    min-width: 0 !important;
    padding: 18px 0 0 !important;
    color: #777;
}
body.mceContentBody a {
    color: #09F !important;
}



/* ie9 */
.ie9 * {
    filter: none !important;
}



/* end of document */