﻿/* CSS style document */

@media all {

#LeftColumn { width: 546px; display: block; float: left; }
#RightColumn { width: 300px; display: block; float: left; margin-left: 40px; }

#Article { width: 546px; position: relative; float: left; }
#Article .skcName,
#Articles .skcName { text-transform: uppercase; color: #b00; font-size: 14px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; padding: 0 0 5px 0; }
#ArticleTop .articleImage,
#Article .articleImage,
#Articles .articleImage { display: block; margin: 0px 0px 10px 0px; position: relative; }
#ArticleTop p,
#Article p,
#Articles p { line-height: 20px; color: #222; font-size: 14px; }
#Article p { text-align: justify; }
#ArticleTop p.clkPerex,
#Article p.clkPerex,
#Articles p.clkPerex { font-weight: bold; color: #000; font-size: 18px; line-height: 22px; text-align: left; }
#Article .clkAutor,
#Articles .clkAutor { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; text-transform: uppercase; color: #b00; font-size: 11px; }
#Article .clkAutor span,
#Articles .clkAutor span { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; color: #b00; }
#Article p.bq,
#Articles p.bq { margin: 20px 0px 20px 20px; padding: 5px 10px 5px 20px; border-left: 1px solid #b00; font-style: italic; color: #888; }
#ArticleTop p a,
#Article p a,
#Articles p a { text-decoration: none; color: #b00; }
#ArticleTop p a:hover,
#Article p a:hover,
#Articles p a:hover { text-decoration: underline; }
#ArticleTop .articleImage .imgInfo,
#Article .articleImage .imgInfo,
#Articles .articleImage .imgInfo { position: absolute; bottom: 0; right: 0; line-height: 20px; padding: 0 10px; font-size: 11px; font-style: italic; color: #666; background: rgba(255,255,255,.7); -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
#ArticleTop .articleImage .imgInfo span,
#Article .articleImage .imgInfo span,
#Articles .articleImage .imgInfo span { color: #111; }
#ArticleTop .articleImage .imgInfo span.sep,
#Article .articleImage .imgInfo span.sep,
#Articles .articleImage .imgInfo span.sep { display: inline-block; padding: 0 5px; color: #666; }

#Articles,
#Articles .article { position: relative; }
#Articles .clkT12 { width: 400px; margin-left: 40px; float: left; }
#Article .clkT13,
#Articles .clkT13 { width: 252px; margin-left: 42px; float: left; }
#Articles .section { /*border-top: 1px solid #ccc;*/ overflow: hidden; margin-top: 10px; padding-top: 10px; }
#Articles .sectionGroup23 { width: 546px; float: left; }
#Article .first,
#Articles .first { margin-left: 0; }
#Articles .clkDtm { font-style: italic; }
#Articles p.clkDtm { padding: 0; margin: 0; }
#Articles p.clkTxt { padding: 0; margin: 0; padding: 5px 0; }
#Articles h1 { font-size: 20px; line-height: 20px; color: #b00; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; text-transform: uppercase; margin: 0; padding: 0 0 0px 0; }

/*======  HLAVNI CLANEK - komentar dne  ======*/

#Articles .clkT11 h2,
#Articles .clkT11 h2 a { font-size: 40px; line-height: 46px; text-decoration: none; color: #000; padding-bottom: 10px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; }
#Articles .clkT11 p.clkPerex { padding: 0; margin: 0; padding: 5px 0; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; line-height: 30px; font-size: 20px; }
#Articles .clkT11 { padding-bottom: 15px; }
#Articles .clkT11 .skcName { font-size: 18px; }
#Articles .clkT11 .clkAutor { font-size: 17px; padding: 0; margin: 0; }
#Articles .clkT11 p.clkTxt { font-size: 17px; line-height: 23px; }

/*======  2/3 stranky CLANEK  ======*/

#Articles .clkT23 h2,
#Articles .clkT23 h2 a { font-size: 28px; line-height: 34px; text-decoration: none; color: #000; padding-bottom: 10px; font-weight: bold; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: 900; }
#Articles .clkT23 p { padding: 0; margin: 0; padding: 3px 0; }
#Articles .clkT23 .clkAutor { font-size: 14px; }
#Articles .clkT23 p.clkDtm { padding: 0; margin: 0; padding-bottom: 2px; }
#Articles h1 + .clkT23 { margin-top: 7px; }
#Articles .clkT23 p.clkPerex { font-weight: bold; font-weight: 900; }

/*======  1/2 stranky CLANEK  ======*/

#Articles .clkT12 h2,
#Articles .clkT12 h2 a { font-size: 18px; line-height: 22px; text-decoration: none; color: #000; padding-bottom: 5px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; }
#Articles .clkT12 p { padding: 0; margin: 0; padding: 3px 0; }

/*======  1/3 stranky CLANEK  ======*/

#Article .clkT13 h2,
#Article .clkT13 h2 a,
#Articles .clkT13 h2,
#Articles .clkT13 h2 a { font-size: 16px; line-height: 20px; text-decoration: none; color: #000; padding-bottom: 5px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; }
#Article .clkT13 p,
#Articles .clkT13 p { padding: 0; margin: 0; font-size: 13px; text-align: left; }
#Article .clkT13 .clkAutor,
#Articles .clkT13 .clkAutor { font-size: 13px; }
#Article .clkT13 .skcName,
#Articles .clkT13 .skcName { font-size: 12px; }
#Article h1 { font-size: 30px; line-height: 36px; text-decoration: none; color: #000; padding-bottom: 10px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; }
#ArticleTop h1 { font-size: 40px; line-height: 46px; text-decoration: none; color: #000; padding-bottom: 10px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; }
#Article h2,
#Article h3,
#Article h4,
#Article h5,
#Article h6 { font-size: 16px; color: #000; padding-top: 15px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; }
#Article h2 + p,
#Article h3 + p,
#Article h4 + p,
#Article h5 + p,
#Article h6 + p { padding-top: 0; margin-top: 0; padding-top: 3px; }
#Article p.clkAutor { font-size: 12px; padding: 0; margin: 0; }
#Article p.clkDtm { padding: 0; margin: 0; padding: 5px 0 0 0; }
#Article p.clkDtm + p { padding-top: 0; margin-top: 0; padding-top: 5px; }
#Article p.clkPerex { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; font-size: 16px; line-height: 24px; padding: 0; margin: 0; padding: 5px 0; }
#Articles ul,
#Article ul { list-style-image: url('../images/odrazka-rs.png'); }
#Article ol li,
#Articles ol li,
#Article ul li,
#Articles ul li { padding-top: 5px; padding-bottom: 5px; line-height: 20px; color: #222; font-size: 14px; }
#Article h2.sekceTitle { margin-top: 20px; padding-bottom: 5px; }
#Article p + h2.sekceTitle { margin-top: 40px; }
#Articles p a.more { font-size: 12px; font-style: italic; font-weight: bold; font-weight: 900; }
#Articles .clkT23 p a.more { font-size: 14px; }
#Articles .clkT11 p a.more { font-size: 17px; }
.clkLink { cursor: pointer; }
#Article a.more,
#Articles a.more { color: #b00; text-decoration: none; }
#RightColumn a.more,
.rightPanel a.more { font-style: italic; font-weight: bold; font-weight: 900; }
#RightColumn a.more:hover,
#RightColumn .clkLink:hover a.more,
.rightPanel a.more:hover,
.rightPanel .clkLink:hover a.more,
#ArticleTop a.more:hover,
#ArticleTop .clkLink:hover a.more,
#Article a.more:hover,
#Articles a.more:hover,
#Article .clkLink:hover a.more,
#Articles .clkLink:hover a.more { color: #000; text-decoration: none; }
#Articles h2 a:hover { color: #b00; text-decoration: underline; }
#autorInfoPlace { overflow: hidden; border-bottom: 1px solid #000; padding-bottom: 15px; margin-bottom: 15px; }
#autorInfoPlace img { float: left; margin: 15px 30px 10px 0; }
#Article p .imgInClk { display: block; position: relative; }
#Article .imgInClk .info { position: absolute; bottom: 0; right: 0; line-height: 20px; padding: 0 10px; font-size: 11px; font-style: italic; /*font-weight: bold;*/ color: #444; background: rgba(255,255,255,.7); -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; }
#Article .imgInClk .info span { color: #111; }
#Article iframe { border: 0; overflow: hidden; }

#ArticleTop .skcName { text-transform: uppercase; color: #b00; font-size: 18px; line-height: 22px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; padding: 0 0 5px 0; }
#ArticleTop p.clkPerex { font-family: Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: normal;  color: #000; font-size: 17px; /* 20px */ line-height: 23px; /* 30 */ text-align: left; padding: 0; margin: 0; padding: 5px 0; }
#ArticleTop .clkAutor { font-size: 17px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; text-transform: uppercase; color: #b00; }
#ArticleTop .clkAutor span { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; color: #b00; }
#ArticleTop .clkAutor { padding: 0; margin: 0; }
#ArticleTop p.clkDtm { padding: 0; margin: 0; padding: 5px 0 0 0; font-style: italic; }
#ArticleTop p.clkDtm + p { padding-top: 0; margin-top: 0; padding-top: 5px; }

#Article p a { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; color: #b00; text-decoration: none; }
#Article p a:hover { text-decoration: underline; }

/*======  1/3 stranky CLANEK - RIGHT SIDE  ======*/

#RightColumn .clkT13,
.rightPanel .clkT13 { margin-left: 0; width: 300px; }
#RightColumn .clkT13 h2,
#RightColumn .clkT13 h2 a,
.rightPanel .clkT13 h2,
.rightPanel .clkT13 h2 a { font-size: 16px; line-height: 20px; text-decoration: none; color: #000; padding-bottom: 5px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; }
#RightColumn .clkT13 h2 a:hover,
.rightPanel .clkT13 h2 a:hover { color: #b00; text-decoration: underline; }
#RightColumn .clkT13 p,
.rightPanel .clkT13 p { padding: 0; margin: 0; font-size: 13px; text-align: left; }
#RightColumn .clkT13 .clkAutor,
.rightPanel .clkT13 .clkAutor { font-size: 13px; }
#RightColumn .clkT13 .skcName,
.rightPanel .clkT13 .skcName { font-size: 12px; }
#RightColumn .skcName,
.rightPanel .skcName { text-transform: uppercase; color: #b00; font-size: 14px; font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; padding: 0 0 5px 0; }
#RightColumn .articleImage,
.rightPanel .articleImage { display: block; margin: 0px 0px 10px 0px; position: relative; }
#RightColumn .articleImage img,
.rightPanel .articleImage img { width: 100%; height: auto; }
#RightColumn p,
.rightPanel p { line-height: 20px; color: #222; font-size: 14px; }
#RightColumn p.clkPerex,
.rightPanel p.clkPerex { font-weight: bold; color: #000; font-size: 18px; line-height: 22px; text-align: left; }
#RightColumn .clkAutor,
.rightPanel .clkAutor { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; text-transform: uppercase; color: #b00; font-size: 13px; /* 11 */ }
#RightColumn p.clkAutor span,
.rightPanel p.clkAutor span { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; color: #b00; }
#RightColumn .article a,
.rightPanel .article a { color: #b00; text-decoration: none; }
#RightColumn .article a:hover,
.rightPanel .article a:hover { text-decoration: underline; }

#btnHP a { float: left; height: 20px; padding: 0 15px; display: inline-block; line-height: 20px; font-size: 12px; letter-spacing: 0.05em; color: #fff; text-shadow: -1px -1px 1px rgba(102, 0, 0, 0.9); font-family: 'Arial Black',Arial,'Helvetica CE-Black',Helvetica !important; font-weight: bold; font-weight: 900; text-decoration: none; text-align: center; vertical-align: middle; background-color: #b00; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b00), to(#800)); background: -webkit-linear-gradient(top, #b00, #800); background: -moz-linear-gradient(top, #b00, #800); background: -ms-linear-gradient(top,#b00, #800); background: -o-linear-gradient(top, #b00, #800); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0000', endColorstr='#880000',GradientType=0 ); filter: progid:dximagetransform.microsoft.gradient(enabled=false); border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #b3b3b3; border: 1px solid #cccccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; border-color: #95ae38 #95ae38 #6b7c26; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#btnEnterDiskuse a { float: left; height: 20px; padding: 0 15px; margin-left: 10px; display: inline-block; line-height: 20px; font-size: 12px; letter-spacing: 0.05em; color: #fff; text-shadow: -1px -1px 1px rgba(102, 0, 0, 0.9); font-family: 'Arial Black',Arial,'Helvetica CE-Black',Helvetica !important; font-weight: bold; font-weight: 900; text-decoration: none; text-align: center; vertical-align: middle; background-color: #b00; background-repeat: repeat-x; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b00), to(#800)); background: -webkit-linear-gradient(top, #b00, #800); background: -moz-linear-gradient(top, #b00, #800); background: -ms-linear-gradient(top,#b00, #800); background: -o-linear-gradient(top, #b00, #800); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb0000', endColorstr='#880000',GradientType=0 ); filter: progid:dximagetransform.microsoft.gradient(enabled=false); border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #b3b3b3; border: 1px solid #cccccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #b3b3b3; border-color: #95ae38 #95ae38 #6b7c26; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* =======================================================================  TAGS  ======================================================================= */

#kwsTags { border-top: 1px solid #ddd; padding: 15px 5px 0px 5px; position: relative; }
#kwsTags .kwsTag { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; font-size: 12px; display: inline-block; padding: 4px 8px 4px 8px; margin: 5px; }
#kwsTags .tagStyle1 { font-size: 10px; }
#kwsTags .tagStyle2 { font-size: 14px; }
#kwsTags .tagStyle3 { font-size: 17px; }
#kwsTags .tagStyle4 { font-size: 19px; }
#kwsTags .tagStyle5 { font-size: 22px; }
#kwsTags .kwsTagg:first-child { margin-left: 0; }
#kwsTags .kwsTag a { text-decoration: none; color: #b00; }
#kwsTags .clkTag { font-family: 'Arial Black', Arial, 'Helvetica CE-Black', Helvetica !important; font-weight: bold; font-weight: 900; }
#kwsTags .clkTag a { text-decoration: none; color: #b00; }
#kwsTags .clkTag a:hover { text-decoration: underline; }
#kwsTags a span { display: none; }

/* =====================================================================  DNLD FILEZ  ===================================================================== */

.filez { padding: 10px 0 0 6px; border-top: 1px solid #ddd; position: relative; overflow: auto; }
.filez .filePlace { margin: 5px 5px 10px 5px; position: relative; border: 1px solid #eee; padding: 5px 10px 5px 5px; background: #fafafa; cursor: pointer; overflow: hidden; }
#Article .filez p { margin: 0; padding: 0; line-height: 20px; font-size: 13px; }
.filez p span { color: #888; }
.filez .file-ico { width: 64px; height: 64px; display: block; margin: 0 15px 0 0; float: left; background-position: left top; background-repeat: no-repeat; }
.file-ico.ext { background-image: url('../images/icons/filez/ext.png'); }
.file-ico.zip { background-image: url('../images/icons/filez/zip.png'); }
.file-ico.xlsx { background-image: url('../images/icons/filez/xlsx.png'); }
.file-ico.xls { background-image: url('../images/icons/filez/xls.png'); }
.file-ico.wmv { background-image: url('../images/icons/filez/wmv.png'); }
.file-ico.wma { background-image: url('../images/icons/filez/wma.png'); }
.file-ico.wav { background-image: url('../images/icons/filez/wav.png'); }
.file-ico.txt { background-image: url('../images/icons/filez/txt.png'); }
.file-ico.tiff { background-image: url('../images/icons/filez/tiff.png'); }
.file-ico.rar { background-image: url('../images/icons/filez/rar.png'); }
.file-ico.psd { background-image: url('../images/icons/filez/psd.png'); }
.file-ico.pptx { background-image: url('../images/icons/filez/pptx.png'); }
.file-ico.ppt { background-image: url('../images/icons/filez/ppt.png'); }
.file-ico.png { background-image: url('../images/icons/filez/png.png'); }
.file-ico.pdf { background-image: url('../images/icons/filez/pdf.png'); }
.file-ico.mpg { background-image: url('../images/icons/filez/mpg.png'); }
.file-ico.mpeg { background-image: url('../images/icons/filez/mpeg.png'); }
.file-ico.mp3 { background-image: url('../images/icons/filez/mp3.png'); }
.file-ico.mov { background-image: url('../images/icons/filez/mov.png'); }
.file-ico.midi { background-image: url('../images/icons/filez/midi.png'); }
.file-ico.jpg { background-image: url('../images/icons/filez/jpg.png'); }
.file-ico.jpeg { background-image: url('../images/icons/filez/jpeg.png'); }
.file-ico.ind { background-image: url('../images/icons/filez/ind.png'); }
.file-ico.indd { background-image: url('../images/icons/filez/indd.png'); }
.file-ico.gif { background-image: url('../images/icons/filez/gif.png'); }
.file-ico.fla { background-image: url('../images/icons/filez/fla.png'); }
.file-ico.eps { background-image: url('../images/icons/filez/eps.png'); }
.file-ico.docx { background-image: url('../images/icons/filez/docx.png'); }
.file-ico.doc { background-image: url('../images/icons/filez/doc.png'); }
.file-ico.bmp { background-image: url('../images/icons/filez/bmp.png'); }
.file-ico.avi { background-image: url('../images/icons/filez/avi.png'); }
.file-ico.ai { background-image: url('../images/icons/filez/ai.png'); }

/* =======================================================================  GALLERY  ======================================================================= */

#Article .galerie { padding: 10px 0 0 6px; border-top: 1px solid #ddd; position: relative; overflow: auto; }
#Article .galerie .galImg { float: left; margin: 5px 5px 10px 5px; position: relative; float: left;  }

/* ====================================================================  DOPORUCUJEME  ==================================================================== */

#Article .doporucujeme { margin-top: 40px; padding: 0 0 20px 0; border-top: 1px solid #ddd; position: relative; overflow: auto; }
#Article .doporucujeme h2 { padding: 12px 0; font-size: 15px; text-transform: uppercase; color: #b00; }
#Article .doporucujeme .clkT13 h2 { padding-top: 0; text-transform: none; }

/* =====================================================================  VYHLEDAVANI  ===================================================================== */

#srchResultCount { padding: 5px 3px 10px 0px; font-size: 8pt; color: #666; position: relative; text-align: right; }

/* ====================================================================  RIGHT SIDE  ==================================================================== */

.rsPol h2 { font-size: 14px; color: #b00; padding-bottom: 5px; }
.rsPol h2 + .clkT13 { margin-top: 7px; }
.rsPol ul { margin: 0; padding: 0 0 0 20px; }
.rsPol ul li { margin-top: 0px; margin-bottom: 0px; padding: 5px 0; list-style-image: url('../images/odrazka-rs.png'); line-height: 20px; }
.rsPol ul li a { color: #000; text-decoration: none; font-size: 14px; font-weight: bold; display: block; }
.rsPol ul li a:hover { color: #b00; text-decoration: underline; }

.no-brdr { border: 0 none; }

#RightColumn .rsPol { margin-left: 0; }
}
/* media all */

@media print {
.WideBanner, .SkyScraper, .SquareBanner, .WallPaper, .FullBannerPlace, .FullBanner { display: none; }
html, body, form { width: 900px; background-color: #fff; background-image: none; padding: 0 !important; margin: 0 !important; }
#MainPage { width: 900px; padding: 0 !important; margin: 0 !important; background-color: #fff; }
#ArticleTop { width: 100%; }
.articleImage { width: 100% !important; }
#Article { width: 100%; }
#LeftColumn { width: 100%; display: block; float: none; }
#RightColumn, .rightPanel, #Footer, #Copyright,
#nav, #TopMenu, #srchForm, #mainDtm, #usrTools,
.clkSocIcons, .cisBottom, #kwsTags, .sekceTitle, .doporucujeme { display: none; }
}
