/** color constant **/
@cerna:        #222222;
@seda:         #aaaaaa;
@svetleSeda:   #E3E3E3;
@nasedla:      #F8F8F8;
@tmaveSeda:    #333333;
@bila:         #ffffff;

@zelena:       #007C31;


@mainColor:    @seda;     //Hlavni barva webu ( nejedna se o pozadi )
@secondColor:  @zelena;      //Druha barva webu ( nejedna se o pozadi ) predpoklad tmavsi barvy - pouzivana na border, buttony atd.


/** STARE BARVY
* @oranzova:     #CA6C38;
**/
// Barvy obsahove casti
@fontColor:    #222222;
@linkColor:    @secondColor;
@borderColor:  @bila;

@formBg:       @bila;                 // barva pozadi inputu
@iconColor:    @secondColor;          // barva icon
@tableBg:      @bila;                 // barva pozadi tabulky 
@tableBgTop1:  darken(@bila, 10%);    // barva hlavicky a buttonu tabulky 
@tableBgTop2:  lighten(@bila, 0%);    // barva  hlavicky a buttonu tabulky svetla


/** size constant **/
@sizeRow:         1060px;
@sizeRowPercent:  100%;
@lineHeight:      22px;
@fontSize:        12px;
@marginBottom:    10px;


/** general class **/
.flex { display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-evenly; align-items:center; align-content:space-around; }

.radius (@radius:0px) { border-radius:@radius; -webkit-border-radius:@radius; -moz-border-radius:@radius; } // obecny radius
.radiusTopLeft (@radius:0px) { -webkit-border-top-left-radius:@radius; -moz-border-radius-topleft:@radius; border-top-left-radius:@radius; } // obecny jednoho rohu radius
.radiusTopRight (@radius:0px) { -webkit-border-top-right-radius:@radius; -moz-border-radius-topright:@radius; border-top-right-radius:@radius; } // obecny jednoho rohu radius
.radiusBottomLeft (@radius:0px) { -webkit-border-bottom-left-radius:@radius; -moz-border-radius-bottomleft:@radius; border-bottom-left-radius:@radius; } // obecny jednoho rohu radius
.radiusBottomRight (@radius:0px) { -webkit-border-bottom-right-radius:@radius; -moz-border-radius-bottomright:@radius; border-bottom-right-radius:@radius; } // obecny jednoho rohu radius

.border (@border:1px) { border:solid @border @borderColor; }
.borderLeft (@border:1px) { border-left:solid @border @borderColor; }
.borderRight (@border:1px) { border-right:solid @border @borderColor; }
.borderTop (@border:1px) { border-top:solid @border @borderColor; }
.borderBottom (@border:1px) { border-bottom:solid @border @borderColor; }
.borderButton (@border:1px) { border-left:solid @border lighten(@borderColor, 10%); border-top:solid @border lighten(@borderColor, 10%); border-right:solid @border darken(@borderColor, 10%); border-bottom:solid @border darken(@borderColor, 10%); }
.borderButtonHover (@border:1px) { border:solid @border @borderColor; }

.verticalAlign() { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

.layoutRow { margin:0 auto; }
.genPadding { padding:5px; } // obecny padding
.genPaddingSide { padding:5px 10px; } // obecny padding bocni
.formRadius { .radius(0px) } // nastaveni radiusu pro button, input, textarea, select prvky formulare
.iconRadius { .radius(5px) } // nastaveni radiusu icony s pozadim
.iconShadow { text-shadow:1px 1px 1px darken(@iconColor, 30%); }
.boxShadow { -webkit-box-shadow:0 0 3px 1px @tmaveSeda; box-shadow:0 0 3px 1px @tmaveSeda; }
.textShadow { -webkit-text-shadow:0 0 5px @seda; text-shadow:0 0 5px @seda; }

/* form */
select,
textarea,
input { .formRadius }
input[type=submit],
button,
.button { background:@zelena; color:@bila; }
button:hover,
.button:hover { background:lighten(@secondColor, 10%); }
.ui-state-default,
.ui-widget-content
.ui-state-default,
.ui-widget-header
.ui-state-default {  }


/* icon */
.icon { color:@zelena; font-size:@fontSize * 1.3; line-height:@lineHeight; }
.button .icon,
.icon.icoBg { padding:0 4px; background:@zelena; color:@bila; .iconRadius; }
a .icon { }
a:hover .icon { color:lighten(@iconColor, 15%); }
a .icon.icoBg { }
button:hover .icon,
.button:hover .icon,
a:hover .icon.icoBg { background:lighten(@iconColor, 10%); color:@bila; }


/* table */
table { background:@tableBg; border:1px solid @secondColor; .radius(); }
table thead th { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, @tableBgTop1), color-stop(1, @tableBgTop2) ); background:-moz-linear-gradient( center top, @tableBgTop1 5%, @tableBgTop2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@tableBgTop1', endColorstr='@tableBgTop2'); background-color:@tableBgTop1; color:@fontColor; font-weight:bold; border-left:1px solid @secondColor; }
table tbody td { color:@fontColor; border-left:1px solid @secondColor;  }
table tbody tr:nth-child(odd) { background:darken(@tableBg, 10%); } 
table tfoot td { border-top:1px solid @secondColor; background:lighten(@tableBgTop1, 30%); }
table tfoot li a { color:@fontColor; border:1px solid @secondColor; .radius(); background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, @tableBgTop1), color-stop(1, @tableBgTop2) ); background:-moz-linear-gradient( center top, @tableBgTop1 5%, @tableBgTop2 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@tableBgTop1', endColorstr='@tableBgTop2'); background-color:@tableBgTop1; }
table tfoot ul a.active,
table tfoot ul a:hover { border-color:@secondColor; }


/* JS - popup */
.tooltip { border:1px solid @bila; color:@bila; font-size:@fontSize; /*background:@zelena; -webkit-box-shadow:1px 1px 2px 1px @zelena; box-shadow:1px 1px 2px 1px @zelena; .radius(5px);*/ }


/* typography */
//font-family: 'Open Sans Condensed', sans-serif;
//font-family: 'Open Sans', sans-serif;

html, body,
div, span, object, iframe, img, table, caption, thead, tbody, tfoot, tr, tr, td, article, aside, canvas, details, figure, hgroup, menu, nav, footer, header, section, summary, mark, audio, video,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cit, code, del, dfn, em, ins, q, samp, small, strong, sub, sup, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, legend, label, input, textarea, select, option, optgroup { border:0; line-height:22px; font-size:12px; color:@fontColor; vertical-align:baseline; font-family:'Open Sans', "Helvetica-Neue", "Helvetica", Arial, sans-serif; }
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { line-height:26px; font-family:'Open Sans', sans-serif; }
h1 { font-size:@fontSize * 2.5; line-height:@lineHeight * 2.5; margin-bottom:@marginBottom * 1.5; font-weight:normal; letter-spacing:1px; }
h2 { font-size:@fontSize * 2.0; line-height:@lineHeight * 2.0; margin-bottom:@marginBottom * 1.4; font-weight:normal; }
h3 { font-size:@fontSize * 1.8; line-height:@lineHeight * 1.8; margin-bottom:@marginBottom * 1.3; font-weight:normal; }
h4 { font-size:@fontSize * 1.6; line-height:@lineHeight * 1.6; margin-bottom:@marginBottom * 1.2; font-weight:normal; }
h5 { font-size:@fontSize * 1.4; line-height:@lineHeight * 1.4; margin-bottom:@marginBottom * 1.1; font-weight:normal; }
h6 { font-size:@fontSize * 1.2; line-height:@lineHeight * 1.2; margin-bottom:@marginBottom * 1.0; font-weight:normal; }
p { margin-bottom:@marginBottom; }
ul, ol { margin:0 0 @marginBottom 10px; padding-left:10px; }
dl { .genPadding; border:@secondColor dashed 1px; }
blockquote { border-left:10px solid darken(@secondColor, 20%); }
blockquote:before { color:darken(@secondColor, 20%); font-size:@fontSize * 4; line-height:@lineHeight; }
a,
a span,
a:hover,
a:visited,
a:focus,
a:active,
a:link,
a:hover .icon { color:#3d4fae; }


/* colors */
#menuBar li a,
.searchBoxNavig .searchIcon,
.searchBoxNavig .checkboxDiv label.selected,
.icon.subNavIcon { color:@cerna; } /* bila */

.info,
.category li .icon ,
.paginatiorBlock .pageIco .icon.nolink { color:@seda; } /* seda */

#menuBar li.menuItemActiv a { color:@cerna; } /* cerna */
#menuBar li.menuItemActiv a { background:white; } /* bila */

#footer table { border:none; }
#footer .border-left { border-left:#fff solid 1px; } /* bila */
#catNextMenu { border-top:@seda dotted 1px; } /* seda */
#menuBar li.menuItemActiv a { border-top:#CF1141 solid 3px; }
h1 a span.h1snb { border-bottom:@secondColor 1px solid; } /* zelena */

#header h1 { /*text-shadow: 1px 1px 1px @secondColor;*/ }

#searchAdvanced1 { padding:1px 0 0 0; }

#header #headerContent,
#menuBar,
#container,
#footer { width:100%; max-width:100%; margin:0 auto; }



/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/** body **/
#body {  }
#header,
#container,
#footer { .flex; width:auto; margin:0 auto; background:transparent; }

html,
body { margin:0; padding:0; height:100%; }
body { background:@nasedla; }
//body { background:@bila url(../images/greyzz.png) repeat center top; }
//body { background:@bila url(../images/paper_fibers.png) repeat center top; }
#wrapper { min-height:100%; position:relative; background:url(../images/hlaviccka1.jpg) no-repeat center -50px; }

.hlavica #wrapper { background:url(../images/hlavica-head3.jpg) no-repeat center -50px; }
.modrotisk #wrapper { background:url(../images/modrotisk-head.jpg) no-repeat center -50px; }
.textil #wrapper { background:url(../images/textil-head2.jpg) no-repeat center -50px; }
.rok1925 #wrapper { background:url(../images/rok1925.jpg) no-repeat center -170px; }


/** header **/
#header { position:relative; padding:10px 0 0 0; }
#header h1 { padding:0px 10px 10px 10px; float:left; margin-bottom:0; } 
#header h1 a { background:@bila; text-decoration:none; display:block; position:relative; font-size:35px; line-height:35px; font-weight:normal; color:@zelena; padding:10px 20px; width:305px; height:90px; text-align:center; }


/*search*/
#header #mainSearch { background:transparent; width:356px; float:right; padding:5px; margin:0px; position:relative; }
#header #mainSearch .searchInputBlock .inputForm.searchInput { /*-webkit-box-shadow:inset 0px 0px 5px 0 #707070; box-shadow:inset 0px 0px 5px 0 #707070;*/ border:@svetleSeda solid 1px; width:280px; height:40px; padding:0 10px; line-height:40px; opacity:0.7; letter-spacing:1px; }
#header #mainSearch .searchInputBlock .inputForm.searchInput:focus {  }
#header #mainSearch .searchInputBlock .button.searchButtonDiv { border:@tmaveSeda solid 5px; background:@tmaveSeda; width:50px; height:40px; opacity:0.9; }
#header #mainSearch .searchInputBlock .button.searchButtonDiv:hover {  }
#header #mainSearch .searchInputBlock .inputForm.searchInput:focus { opacity:1; }
#header #mainSearch #searchAdvancedBlock1 { display:none; position:absolute; top:70px; left:0; background:@bila; padding:0 5px; z-index:1000; .boxShadow; padding-bottom:5px; }
#header #mainSearch #searchAdvancedBlock1.show { display:block; }
#mainSearch { padding:5px; background:@nasedla; }
#mainSearch .titleRadio { font-size:12px; }
#searchAdvanced1,
#searchAdvanced1 .icon,
#searchAdvanced1:hover .icon { color:@nasedla; }
.button.searchButtonDiv { width:35px; background:@zelena; }
.button.searchButtonDiv:hover { background:@zelena; }
.button.searchButtonDiv .icon { left:5px; background:@tmaveSeda; }
.searchInputBlock input { width:~"calc(100% - 35px)"; }
.button.searchButtonDiv {  }
.button.searchButtonDiv .icon { }
.searchInputBlock input { line-height:20px; font-size:14px; }
#searchAdvanced1 {  }
.titleRadio { padding:5px 0 0 5px; }
.titleRadio .icon { top:7px; display:none; }


/* menuBar */
#menuBar { width:100%; background:none; max-width:100%; overflow:hidden; padding:10px; .flex; }
#menuBar #mainMenu { position:relative; padding-top:1px; }
#menuBar #mainMenu li { margin-left:10px; }
#menuBar #mainMenu li:first-child { margin-left:0px; }
#menuBar #mainMenu li a { padding:5px 20px; background:@bila; border:@svetleSeda solid 1px; font-weight:normal; font-size:14px; color:@cerna; text-decoration:none; }
#menuBar #mainMenu li a:hover { text-decoration:none; } 
#menuBar #mainMenu li { border:none; background:transparent; padding:0; margin-right:0; }
#menuBar #mainMenu li.menuItemActiv { border:none; background:transparent; }
#menuBar #mainMenu li.menuItemActiv a { background:@zelena; border:@zelena solid 1px; position:relative; color:@bila; text-decoration:none; }
#menuBar #mainMenu .closeX { display:none; }
#menuBar #mainMenu li:hover { background:transparent; } 


/** container **/
#container { background:transparent; min-height:100px; margin:0 auto; padding-bottom:60px; }
#print2pdf { display:none; }


/* crumb */
#content .searchNavig.row { background:transparent; padding:10px 0; }
#content .searchNavig.row .categoryBlock {  }
#content .searchNavig.row .crumbNailsCat .navigatorLine {}
#content .searchNavig.row .crumbNailsCat .navigatorLine a,
#content .searchNavig.row .crumbNailsCat .navigatorLine .infoCount { line-height:32px; font-size:12px; font-weight:600; }
#content .searchNavig.row .crumbNailsCat .navigatorLine .infoCount { color:@tmaveSeda; }

/** sidebar **/
#sidebar { background:@zelena; border-top:none; padding:0 2px 2px; width:30%; }


/** content **/
#content { width:100%; }
#content h1,
#content .contentArticle h1 { text-shadow:1px 1px 0px @cerna; line-height:40px; padding:0px 10px 0 10px; margin-bottom:5px; font-weight:bold; display:inline-block; background:@zelena; color:@bila; }

#content .searchNavig { background:@nasedla; border:none; width:100%; }
#content .searchNavig .categoryBlock { position:relative; padding:5px 0 5px; }
#content .searchNavig .categoryBlock .icon,
#content .searchNavig .categoryBlock .infoCount { color:@cerna; }
#content .searchNavig .categoryBlock .icon { color:@zelena; font-size:16px; }
#content .searchNavig .categoryBlock .treeComponent a { color:@cerna; }
#content .searchNavig .categoryBlock .icon { color:@zelena; font-size:10px; }

#content h1.navigatorLine.treeComponent { line-height:22px; font-size:14px; border:none; padding:5px 10px; margin:0px 0 0px 0 !important; }
#content h1.navigatorLine.treeComponent .icon { display:none; }
#content h1.navigatorLine.treeComponent a { line-height:28px; font-size:18px; text-decoration:none; }
.paginationBlock,
#viewControl,
#paginatiorBlock { background:@svetleSeda; }
#content .contentArticle { padding:0 10px 10px; }
#content .contentBlock .contentArticle { padding:0; position:relative; }
#content .crumbNailsCat { overflow:hidden; }
#content .crumbNailsCat .navigatorLine.treeComponent a { /*padding-right:10px;*/ }
#content .crumbNailsCat .navigatorLine.treeComponent { float:left; margin:0 0 0 0 !important; padding:0 5px; background:@bila; opacity:0.8; }
#content .crumbNailsCat .navigatorLine.treeComponent:hover { opacity:1; }
#content .crumbNailsCat .navigatorLine.treeComponent::after { content:"\203A"; font-size:16px; }
#content .crumbNailsCat .navigatorLine.treeComponent .icon { display:none; }
#content .crumbNailsCat .navigatorLine.treeComponent .info { padding-right:10px; }

#content .catList .navigatorLine.treeComponent { margin:0 0 0 20px !important; }
#content .category .navigatorLine { margin-left:10px !important; }
#content .category .navigatorLine .icon, 
#content .category .navigatorLine a,
#content .category .navigatorLine .infoCount { line-height:28px; }
#content .category .navigatorLine a { font-size:13px; }

#content .linksBlock { overflow:hidden; float:right; }
#content .linksBlock #permalinkUrlDetail,
#content .linksBlock .showAddToBasketLink,
#content .linksBlock #print22pdf { position:relative; float:left; width:30px; top:0; left:0; width:30px; height:30px; line-height:30px; text-align:center; }
#content .linksBlock #permalinkUrlDetail .icon,
#content .linksBlock .showAddToBasketLink .icon,
#content .linksBlock #print22pdf .icon { line-height:30px; }
#content .linksBlock #permalinkUrlDetail {}
#content .linksBlock .showAddToBasketLink {}
#content .linksBlock #print22pdf {}

#content .contentArticle { position:relative; }
#content .contentArticle .mosaicLine { background:@bila !important; border:@svetleSeda solid 1px; padding:0px; margin:15px 20px 0px 0; width:~"calc(33.3% - 20px)"; }
#content .contentArticle .mosaicLine { position:absolute; left:0; }
#content .contentArticle .mosaicLine a { height:100%; background:@bila; padding:0px; }
#content .contentArticle .mosaicLine a img { max-width:100%; max-height:100%; }
#content .contentArticle .mosaicLine .mosaicTitle { height:auto; padding:10px 10px 15px; /*border-top:@svetleSeda solid 1px;*/ font-weight:bold; }

#content .contentArticle .mosaicLine.mosaicCol1 { width:~"calc(33.3% - 8px)"; margin:15px 8px 0px 0; }
#content .contentArticle .mosaicLine.mosaicCol2 { width:~"calc(33.3% - 16px)"; margin:15px 8px 0px 8px; left:~"calc(33.3%)";  }
#content .contentArticle .mosaicLine.mosaicCol3 { width:~"calc(33.3% - 8px)"; margin:15px 0px 0px 8px; left:~"calc(66.6%)";  }

.oneThumbBloc.imageArea img { max-height:400px; max-width:400px; }

#content .linksBlock { padding:0px 2px 4px 2px; background:#fff; }

#textContentDesc { margin-bottom:20px; }
#textContentDesc p,
#textContentDesc p * { line-height:28px !important; font-family:'Open Sans', sans-serif  !important; font-size:13px !important; }

.contentBlock { padding:10px 10px; background:transparent; }
.oneThumbBloc.imageArea { margin-top:10px; }
.itemRowBasket { margin-right:-100px; float:right; }
.contentLine { overflow:hidden; }
.labelFloat { width:20%; float:left; }
.contentFloat { width:78%; float:left; }
.contentFloat.table { width:100%; }
#permalinkUrlDetail { position:absolute; top:10px; right:10px; cursor:pointer; }
#permalinkUrlDetail .linkPopup { display:none; }
.showAddToBasketLink { top:15px; right:38px; }
.filterCountLine { display:none; }

.tableBasket {}
.tableBasket .type .info { color:@cerna; }
button:hover,
input[type="submit"],
button,
.button,
.button:hover { background:@zelena; }
.emptyBasket.button { color:@bila; display:block; line-height:14px; padding:5px 7px; }
#print22pdf { float:right; }



/** footer **/
#footer { background:@tmaveSeda; padding:0; max-width:100%; color:@bila; width:100%; height:60px; position:absolute; bottom:0; left:0; }
#footer #EUIOP { max-width:1200px; margin:0 auto; overflow:hidden; }
#footer #EUIOP p,
#footer #EUIOP #IOP,
#footer #EUIOP #EU { color:@cerna; float:left; }
#footer #EUIOP p { font-size:10px; margin:30px 0 0 20px; }
#footer #EUIOP p a { color:@cerna; font-size:10px;  }
#footer .fLine { width:100%; max-width:100%; }

#footer #copyrightBlock { padding:0 15px 5px 15px; width:1200px; margin:0 auto; border:none; }
#footer #footerNewsBlock {  }
#footer .block p { padding:0; margin:0; }
#footer p,
#footer p .icon,
#footer p a,
#footer p strong { color:@bila; }
#footerEUBLock { background:#F8F8F8; margin-top:10px; /*padding-bottom:5px;*/ text-aling:center; }
#footerEUBLock p { padding:0 10px; font-size:11px; margin-top:0px; color:@cerna; }
#footerEUBLock img { display:block; max-width:1022px; width:100%; }
#footer .block { overflow:hidden; padding:15px 0 0 0; }
#footer .panel { width:50%; max-width:50%; float:left; }
#footer #copyrightBlock p,
#footer #copyrightBlock p a,
#footer .panel * { font-size:10px; line-height:18px; }
#footer .panel.right p { text-align:right; } 


/** Homepage **/
/*#homepage #wrapper { background:url(../images/hlaviccka1.jpg) no-repeat center -50px; }*/
#homepage #header { /*background:@bila url(../images/greyzz.png) repeat center top;*/ }
#homepage #content h1 { margin:10px; padding:5px 15px; background:@bila; opacity:0.9; font-size:30px; line-height:50px; width:100%; font-weight:bold; }
#homepage #content p { margin:0 10px; padding:10px 15px; background:@bila; font-size:14px; line-height:26px; width:~"calc(100% - 30px)"; }
#homepage #content .hpDescription { margin-bottom:15px; }
#homepage #content h1 { background:@zelena; }

#homepage #content #hpNews { float:left; width:50%; }
#homepage #content #crossroads { overflow:hidden; float:left; padding:20px 10px 0 10px; width:~"calc(50% - 20px)"; }
#homepage #content #crossroads .crossroadsli { float:right; width:~"calc(100% - 50px)"; margin:0 0 10px 0; background:#fff; text-transform:uppercase; }
/*#homepage #content #crossroads .crossroadsli.hlavica { background:url(../images/hlavica.jpg) no-repeat center center; }
#homepage #content #crossroads .crossroadsli.formy { background:url(../images/formy.jpg) no-repeat center center; }
#homepage #content #crossroads .crossroadsli.textil { background:url(../images/textil.jpg) no-repeat center center; }*/
#homepage #content #crossroads .crossroadsli .permaLabelLink { border:@svetleSeda solid 2px; border-bottom:@seda solid 2px; border-right:@seda solid 2px; text-decoration:none; display:block; padding:5px; width:100%; align-items:center; display:flex; text-align:center; }
#homepage #content #crossroads .crossroadsli .permaLabel { margin:0 auto; text-align:center; font-size:16px; line-height:30px; text-decoration:none; color:@zelena; /*text-shadow:1px 1px 5px @bila, 4px 3px 0 @cerna;*/ font-weight:bold; display:block; }
#homepage #content #crossroads .crossroadsli .permaLabelLink:hover { /*border:transparent solid 2px;*/ border:@seda solid 2px; border-bottom:@svetleSeda solid 2px; border-right:@svetleSeda solid 2px; }
#homepage #content #crossroads .fond { margin:20px 0; float:right; } 
#homepage #content #crossroads .fond img { } 

#homepage .homepageli { width:98%; }
#homepage .homepageli:hover { }
//#homepage #container { background:url(../images/dvere.jpg) no-repeat center center; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
#textContentDesc {}
#textContentDesc .pdf { /*background:url(../images/pdf.png) no-repeat top left;*/ line-height:32px; padding:0 0 0 40px; text-decoration:underline; }
#textContentDesc .pdf:hover { text-decoration:none; }

.rok1935 #wrapper { background:url(../images/valassky_rok_1935.jpg) no-repeat center -50px; }
#header #mainSearch .searchInputBlock .button.searchButtonDiv { width:46px; border:0; }
.button.searchButtonDiv .icon { top:10px; left:10px; }
#searchedListPosition .arrow { padding:1px; width:1px; margin:0 5px; height:16px; background:#888; }

#textContentDesc { padding:10px; }
#textContentDesc ol { margin:0 0 10px 20px; padding-left:20px; }
#textContentDesc ol li { list-style-type:decimal; }
#textContentDesc sup { background:#ccc; padding:2px 3px; font-size:9px!important; vertical-align:super; }


#content .contentArticle.mosaicNav { .flex; }
#content .contentArticle .mosaicLine { width:100%; max-width:31%; .flex; flex-direction:column; }
#content .contentArticle .mosaicLine a { display:block; .flex; }
#content .contentArticle .mosaicLine a img { }


/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
#header h1 { height:auto; width:auto; background:#fff; margin:5px; padding:0px; }
#header h1 a { height:auto; width:auto; background:#fff; padding:10px; }
.rok1947 #wrapper { background:url(../images/rok1947.jpg) no-repeat center -50px; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* > 1024px & < 1200px ----------- */
@media (min-width:1024px) and (max-width:1220px) {
  #header #headerContent,
  #container,
  #header #headerContent,
  #footer { width:99%; margin:0 0,5%; }
  #menuBar { width:99%; margin:0 0,5%; }
  .searchInputBlock input { width:90%; }
  .button.searchButtonDiv { float:left; width:10%; height:30px; }  
  #content .contentArticle .itemRow .tabularValue { max-width:76%; }
  #footer .fLine .block { width:100%; max-width:100%; }
}

/* > 960px & < 1024px ----------- */
@media (min-width:960px) and (max-width:1044px) {
  /*#sidebar { max-width:255px; width:255px; }*/
  #header #headerContent,
  #container,
  #header #headerContent,
  #footer #footerNewsBlock,
  #footer #copyrightBlock { width:99%; margin:0 0,5%; }
  #menuBar { width:99%; margin:0 0,5%; }
  .searchInputBlock input { width:90%; }
  .button.searchButtonDiv { float:left; width:10%; height:30px; }  
  .button.searchButtonDiv .icon { left:5%; }
  #content .contentArticle .itemRow .tabularValue { max-width:76%; }
  #footer .fLine .block { width:100%; max-width:100%; }
}

/* > 768px & < 960px ----------- */
@media (min-width:768px) and (max-width:960px) {
  /*#sidebar { max-width:255px; width:255px; }*/
  #header #headerContent,
  #container,
  #header #headerContent,
  #footer #footerNewsBlock,
#footer #copyrightBlock { width:99%; margin:0 0,5%; }
  #menuBar { width:99%; margin:0 0,5%; }
  .searchInputBlock input { width:87%; }
  .button.searchButtonDiv { width:13%; }
  .button.searchButtonDiv .icon { left:5%; }
  #content .contentArticle .itemRow .tabularValue { max-width:70%; }
  #footer .fLine .block { width:100%; max-width:100%; }
}

/* < 960px ----------- */
@media (max-width:960px) {
   #homepage #content p,
   #homepage #content h1 { width:~"calc(100% - 20px)"; }
   #header #mainSearch { width:300px; }
   #header #mainSearch .searchInputBlock .inputForm.searchInput { width:240px; }
   #footer { height:100px; }
   #container { padding-bottom:100px; }
}

/* < 786px ----------- */
@media (max-width:786px) {
  #header #headerContent,
  #container,
  #header #headerContent,
  #footer #footerNewsBlock,
#footer #copyrightBlock { width:99%; margin:0 0,5%; }
  #menuBar { width:99%; margin:0 0,5%; }
  .searchInputBlock input { width:85%; }
  .button.searchButtonDiv { width:15%; }
  .button.searchButtonDiv .icon { left:5%; }
  #logoNBS,
  #logoNBS img { width:150px; }
  #header h1 { width:300px; }
  #header h1 a span { line-height:22px; font-size:18px; }
  #menuBar {  }
  #footer .fLine .block { width:100%; max-width:100%; }
  #header #mainSearch { width:100%; }
   #header #mainSearch .searchInputBlock .inputForm.searchInput { width:~"calc(100% - 60px)"; }
   
  #homepage #content #hpNews,
  #homepage #content #crossroads { width:100%; }
  #homepage #content #crossroads .crossroadsli { float:left; width:100%; }
  
  #content .contentBlock .contentArticle { height:auto !important; }
  #content .contentArticle .mosaicLine.mosaicCol1,
  #content .contentArticle .mosaicLine.mosaicCol2,
  #content .contentArticle .mosaicLine.mosaicCol3 { width:100%; position:relative !important; top:0 !important; left:0 !important }
}

/* < 600px ----------- */
@media (max-width:600px) {
  #content,
  #sidebar { width:100%; float:none; }
  .searchNavig { .radiusTopRight(10px) }
  .searchInputBlock input { width:93%; }
  .button.searchButtonDiv { width:7%; }
  #container * { font-size:13px; line-height:26px; }
  #container #content .contentBlock .icon,
  #container #sidebar .icon { font-size:20px; line-height:22px; }
  #logoNBS,
  #logoNBS img { width:100px; }
  #header h1 { width:250px; }
  #header h1 a span { line-height:20px; font-size:16px; }
  #homepage .homepageli { width:100%; }  
  .menuBorder { display:none; }
  #paginatiorBlock,
  .contentArticle .oneThumbBloc.imageArea,
  .contentArticle .itemRow { width:100%; }
  .oneThumbBloc.imageArea a { text-align:center; margin:0 auto; }
  .oneThumbBloc.imageArea a { display:block; }
  .oneThumbBloc.imageArea img { width:auto; height:auto; max-width:100%; max-height:100%; float:none; } 
  
  #footer { height:170px; }
  #footer .panel { width:100%; max-width:100%; padding-bottom:15px; float:none; clear:both; }
  #footer .panel.left p,
  #footer .panel.right p,
  #footer .panel.right p.copyrightSupport { text-align:left; float:none; clear:both; }
  #container { padding-bottom:170px; }
}

/* < 480px ----------- */
@media (max-width:480px) {
  .searchInputBlock input { width:90%; }
  .button.searchButtonDiv { width:10%; }  
}

/* < 480px ----------- */
@media (max-width:400px) {
  #logoNBS,
  #logoNBS img { width:60px; }
  #header h1 { width:200px; }
  #header h1 a span { line-height:20px; font-size:14px; }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width:321px) {
} 

/* Smartphones (portrait) ----------- */
@media only screen and (max-width:320px) {
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
}

/* Desktops and laptops ----------- */
@media only screen and (min-width:1224px) {
}

/* Large screens ----------- */
@media only screen and (min-width:1824px) {
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {
}