/* karf.cz content styles */


@font-face {
    font-family: 'OpenSansRegular';
    src: url('OpenSans-Regular-webfont.eot');
    src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Regular-webfont.woff') format('woff'),
         url('OpenSans-Regular-webfont.ttf') format('truetype'),
         url('OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('OpenSans-Italic-webfont.eot');
    src: url('OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Italic-webfont.woff') format('woff'),
         url('OpenSans-Italic-webfont.ttf') format('truetype'),
         url('OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('OpenSans-Semibold-webfont.eot');
    src: url('OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-Semibold-webfont.woff') format('woff'),
         url('OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('OpenSans-SemiboldItalic-webfont.eot');
    src: url('OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'OpenSansSemibold';
    src: url('opensans-semibold-webfont-h.eot');
    src: url('opensans-semibold-webfont-h.eot?#iefix') format('embedded-opentype'),
         url('opensans-semibold-webfont-h.woff') format('woff'),
         url('opensans-semibold-webfont-h.ttf') format('truetype'),
         url('opensans-semibold-webfont-h.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('opensans-bold-webfont-h.eot');
    src: url('opensans-bold-webfont-h.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont-h.woff') format('woff'),
         url('opensans-bold-webfont-h.ttf') format('truetype'),
         url('opensans-bold-webfont-h.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('opensans-italic-webfont-h.eot');
    src: url('opensans-italic-webfont-h.eot?#iefix') format('embedded-opentype'),
         url('opensans-italic-webfont-h.woff') format('woff'),
         url('opensans-italic-webfont-h.ttf') format('truetype'),
         url('opensans-italic-webfont-h.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('opensans-regular-webfont-h.eot');
    src: url('opensans-regular-webfont-h.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont-h.woff') format('woff'),
         url('opensans-regular-webfont-h.ttf') format('truetype'),
         url('opensans-regular-webfont-h.svg#OpenSansRegular') format('svg');
    src: url('opensans-regular-webfont-h.ttf');
    font-weight: normal;
    font-style: normal;

}


/* Basic */
body {font: 16px Georgia, serif; background: white; color: #333333; line-height: 1.64286; line-height: 28px; }

h1, h2, h3, h4, h5, h6, caption { font-family: OpenSansRegular, Arial, sans-serif; margin-top: 0; margin-bottom: 0.3em; color: #554c27; color: #333; }
h1 { font-size: 33px; font-weight: normal; margin: 30px 0 20px; line-height: 40px; letter-spacing: -0.5px; }
h2 {margin: 1.25em 0 0.3em 0; font-weight: normal; font-size: 23px; line-height: 1.35;}

h2.underline { border-bottom: 1px solid #D8D7CE; padding-bottom: 5px; margin-bottom: 10px; } 
h3, caption {font-size: 20px; font-weight: normal; }
h4, h5, h6 {font-size: 100%;}
p, li, table {margin-top: 0; }

strong { /* font-family: OpenSansSemibold, Arial, sans-serif; font-weight: normal; */ }

ul, ol { margin-left: 0; padding-left: 25px; margin-bottom: 1.667em;}
p { margin-bottom: 28px; }
p.no-margin { margin: 0; }

ul {margin: 0px 0 1.667em 3px; padding: 0; list-style: none; }
ul li { margin: 0 0 14px 0; padding: 0 0 0 16px; background: url("img/bullet-default.png") no-repeat 0 9px; zoom: 1;}
ol li { margin: 0 0 14px 0; padding: 0; background: none; }

blockquote { margin: 0 0 1.667em 0; background: #222; padding: 1.667em 1em 1px 1.5em; font-style: italic; zoom: 1; }
cite { font-style: normal; text-transform: uppercase; font-size: 92%;  }
code, pre { font-size: 13px; font-family: monospace; line-height: 1.4; }
hr { display: block; width: 100%; height: 1px; font-size: 1px; overflow: hidden; border: 0; color: #E9E8E5; background: #E9E8E5; margin: 10px 0; clear: both; }
 
a {color: #ff7800; }
a:visited {color: #ff7800;}
a:hover {color: #ff7800 ; }
.active a:hover { color: #ff7800; }
a.ext {background: url("img/ico-ext.png") no-repeat right top; padding-right: 11px; }

h2 a { text-decoration: none; }

/* Misc */
.no-border {border: none !important;}
.no-marg {margin: 0 !important;}

.fl { display: inline; float: left; }
.fr { display: inline; float: right; }
.cl { clear: left; }
.cr { clear: right; }
.out { position: absolute; left: -2000px; top: -2000px; }
.bold { font-weight: bold; }
.br { clear: both; }
.break { height: 1px; font-size: 1px; clear: both; overflow: hidden; visibility: hidden; }
.small { font-size: 84%;}
.suppress { color: #666666; font-weight: normal; }
.hidden { display: none; }

.center { text-align: center; }
.left { text-align: left !important; }
.right { text-align: right; }


/* Tables */
table { background: none; border: 0; border-collapse: collapse; margin: 0 0 1.667em 0; font-size: 13px; line-height: 1.6; clear: both; }
caption { text-align: left; padding-bottom: 3px; margin-bottom: 0; margin-top: 1em;}
th, td {vertical-align: top; padding: 4px 10px; background: none; border: 1px solid #555; border-width: 1px 0;}
th { text-align: left; }
th[align=right] { text-align: right; }
th[align=center] { text-align: center; }

table td p { margin: 0.1em 0; }

/* Plain table */
table.plain { background: none; border: none; margin: 0; }
table.plain tr td, table.plain tr { background: none; border: none; padding: 0; font-size: 100%;}
table.plain tr td { padding-right: 5px; }
table.plain h2 { margin-top: 10px; }

/* Half columns */
.col-h-l, .col-h-r {width: 49%; }
.col-h-l {float: left; display: inline;}
.col-h-r {float: right; display: inline;}

/* Images */
img.no-border {border: 0;}
img, .content img, .imgbox img  { border: 0; padding: 0; margin: 0; }
img.left, img.right {margin: 0 15px 15px 15px;}
img.left {margin-left: 0; float: left; clear: left;}
img.right {margin-right: 0; float: right; clear: right;}
img.plain {margin: 0; padding: 0; border: 0; display: inline;}

.kfbox { }

