/* ------------------------------------------------------------- */
/*  WWW.SEVERSKELISTY.CZ                                         */
/*  Copyright by Michael Stanovsky                               */
/* ------------------------------------------------------------- */

/*  ve FrontPage se načte ještě soubor stylefp.css, který některé parametry upraví pro vývoj */
/*  místo textu REKLAMA používám v elementech text SAJRAJT kvůli zmatení AD-blockerů         */

/*   F  O  N  T  Y    G  O  O  G  L  E          */ 

/* poznámky: http://css.chobits.ch/google-fonts */
/* další zajímavé možnosti Ubuntu, Roboto Condensed - Google jich má asi tisíc a nedá se rozumně vybrat */
/* viz též poznámky v STANOVSKY.EU */

/* MERRI WEATHER: */
/* import písmen z Google - mají korektní češtinu a jsou udržovaná */
/* řezy 400,400i,700,700i je dobré zapsat, jinak se budou zbytečně počítat a budou rozmazané */
/* subset subset=latin,latin-ext,cyrillic,cyrillic-ext je dobré napsat, aby se netahalo vše, zvláště pak latin-ext - kvůli CZ+RU */

@import url('https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i&display=swap&subset=latin,latin-ext,cyrillic,cyrillic-ext');

/* není-li připojení k internetu nebo písma na Googlu už nebudou k dispozici, mám tu náhradu        */
/* není tam korektní čeština, místo chybějících písmenek se vezmou náhradní z dalšího fontu Verdana */
@font-face    { font-family: 'merriweather-webfont';
                src: url('fonty/merriweather-regular-webfont.woff2') format('woff2');
                font-weight: normal;
                font-style: normal;
              }

/* bezpatkové písmo */
input, .input, select, button, .input-mensi, textarea, #servisniudaje, .verdana
              { font-family: 'Verdana','LucidaGrande CE',lucida,sans-serif;
              }

/* serifové písmo */
body, input[type=submit], input[type=button], input[type=select]
              { font-family: Merriweather, 
                             merriweather-webfont,
                             Verdana,Georgia CE,New York CE,Times CE,georgia,serif;
              }

/*    H L A V N Í   B L O K Y    */ 

body          { font-size: 15px;
                padding: 0px;
                margin: 3px 0px 0px 0px;        
                background: url('imagesp/oblacky1.jpg') no-repeat fixed #6E87A0;
                border-left: 0px solid #6E87A0;
              }

#papir        { /* tahle definice se nedostane do FrontPage, protože div id="papir" je ve scriptu 1111.php */
                width: 1000px;                     /* šířka 1030px vč. rámečku */
                border: 15px solid #FF6600;        /* oranžový rámeček  */
                background: #FFFFFF;
                padding: 0px;                
                border-radius: 15px;
                position: static;
                margin: auto; overflow: hidden;    /* třísloupcový layout */
                box-shadow: 0px 0px 20px #000000;  /* jen jakési obsvícení černou */
                line-height: 1.2;
              }  
#hlavicka     { 
              }
#titulek      { height: 100px; 
                background-repeat: no-repeat;
                background-color: gray;
                margin-bottom: 20px;
              }

#sloupec-sloupec-r                                   /* chci zadávat HTML v pořadí SLOUPEC, SLOUPEC-R, SLOUPEC-L */                                  
              { width: 850px;                        /* blok: sloupec + sloupec-r ..... odplave vpravo */
                float: right;                        /* za ním následuje. sloupec l ... odplave vlevo */
              }

#sloupec      { width: 657px;                        /* plovoucí prvky musí mít zadanou šířku - zadává se bez paddingu a rámečku */
                border: 2px solid #CCCCCC;
                border-radius: 10px; 
                box-shadow: 1px 1px 4px #CCCCCC;
                background: #FFFFFF; 
                margin: 5px 0px 15px 10px;
                padding: 0px 10px 10px 10px; 
                float: left;
              }

#sloupec-r    { width: 126px;                        /* plovoucí prvky musí mít zadanou šířku - zadává se bez paddingu a rámečku */ 
                background: transparent;             /* vlastní obsah je definovaný bločky SLOUPEC-L-BLOK */
                margin: 5px 0px 15px 10px;
                padding: 0px 0px 0px 0px;
                float: left; 
              }

#sloupec-l    { width: 140px;                        /* plovoucí prvky musí mít zadanou šířku */
                background: transparent;             /* vlastní obsah je definovaný bločky SLOUPEC-L-BLOK */
                margin: 5px 0px 15px 10px;
                padding: 0px 0px 0px 0px;
                float: left; 
              }

#paticka      { margin: 0px 40px 0px 0px;                  
              }

/*   T A B U L K Y    */
table         { width: 100%;
              }

/*   F O R M U L A R E    */
   
.formular1    { width: 500px;                /* přihlašovací FORM */
                margin: 15px 0px 15px 20px; 
                padding: 10px; 
                border: 2px solid #CCCCCC; 
                background: #EEEEEE;  
                border-radius: 10px;
              }
.formular2    { margin: 10px 0px 20px 0px;   /* velká editace */ 
                padding: 10px; 
                border: 5px solid #CCCCCC; 
                background: #EEEEEE; 
                border-radius: 15px;
              }
.formular3    { margin: 0px;   /* jednořaádkové parametry */ 
                padding: 2px 10px 2px 10px; 
                border: 2px solid #CCCCCC; 
                background: #EEEEEE; 
                border-radius: 10px;
              }
form          { margin: 0px;
                padding: 0px; 
              }
input, .input, select, button, .input-mensi
              { color: #000000; 
                font-size: 16px;
                border: 1px solid #777777;
                padding-left: 4px;
                padding-right: 4px;
                margin-top: 1px;
                margin-bottom: 1px;
                border-radius: 3px;
                box-shadow: 1px 1px 2px #BBBBBB;
              }        
.input-mensi  { font-size: 13px;              /* v tabulkách */
                padding: 0px 1px 0px 1px;
                margin:  0px 0px 0px 0px;
              }        
select, input[type=select]
              { padding-right: 0px;
              }
textarea      { color: #000000; 
                font-size: 16px;
                border: 1px solid #777777;
                padding: 3px 4px 3px 4px;
                margin-top: 1px;
                margin-bottom: 1px;
                border-radius: 3px;
                box-shadow: 1px 1px 2px #BBBBBB;
              }

input[type=checkbox]
              { height: 20px;
                width: 20px;
                margin-right: 8px;
              }
input[type=submit], input[type=button]
              { background-color: #EEEEEE;
                color: #003E5B;
                box-shadow: 1px 1px 2px #BBBBBB;
                padding-left: 10px;  
                padding-right: 10px;  
              }
input[type=submit]:hover, input[type=button]:hover
              { background-color: #FFFFEE; 
                box-shadow: 1px 1px 2px #333333;
              }
input[type=submit].submityellow, input[type=button].submityellow
              { background-color: #EEEE99;
              }
input[type=submit].submityellowlight, input[type=button].submityellowlight
              { background-color: #FFFFDD;
              }
input[type=submit].submityellow:hover, input[type=button].submityellow:hover,     
input[type=submit].submityellowlight:hover, input[type=button].submityellowlight:hover
              { background-color: #eeee00; 
                box-shadow: 1px 1px 2px #333333;
              }
input[type=submit].inputstin, input[type=button].inputstin
              { box-shadow: 1px 1px 4px #777777;      /* výraznější stín srovnatelný s obrázkem */
                border-radius: 5px; 
              }
input[type=submit].inputstin:hover, input[type=button].inputstin:hover
              { box-shadow: 1px 1px 4px #777777;
                border-radius: 5px;
              }
input[type=submit].nohover:hover, input[type=button].nohover:hover
              { background-color: #EEEEEE;
              }

input.bezokraje
              { border: 0px solid; 
                padding-top:0px;
                padding-bottom:0px;
                vertical-align:-25%;
                box-shadow: 0px 0px 0px;
              }
input.neviditelny 
              { height: 1px; 
                width: 1px; 
                font-size: 1px; 
                border:  0px solid #FFFFFF;
                margin:  0px 0px 0px 0px;
                padding: 0px 0px 0px 0px;
                box-shadow: 0px 0px 0px;
                background: transparent;
              }
input.yellow  { background: #EEEE99; }              

/*   Č Á R Y   */   

hr            { height: 1px;                      /* linka ... tmavě modrá */ 
                color: #208BAF;
                background-color: #208BAF; 
                border: 0px solid #208BAF; 
              }
.cara         { margin: 10px 0px 0px 0px;         /* nejlepší použití:<p class="cara">&nbsp;</p> */
                border-top: 2px solid #CCCCCC;
                line-height: 1.0;
              }

/*   O B R Á Z K Y   */   

img.reklamaikona, img.banner
              { border: 1px solid #333333;
                border-radius: 4px; 
                box-shadow: 1px 1px 4px #777777;
                margin: 0px 0px 0px 0px;
              }

#sloupec-l img
              { border: 1px solid #405070;
                border-radius: 6px; 
                margin: 1px -6px 0px -5px;
                box-shadow: 1px 3px 4px #444444;
              }

#sloupec img  { border: 1px solid #333333;        /* ohraničení */
                border-radius: 10px; 
                margin: 5px 0px 10px 0px;         /* kvůli popiskům */
                box-shadow: 2px 2px 4px #777777;
              }
              
#sloupec img.ikonastatu
              { vertical-align: middle;           /* možná nefunguje, ale je to asi jedno */
                height: 53px;
                width: 47px;
                border: 1px solid #CCCCCC;
                border-radius: 5px;
                margin: 0px 5px 0px 0px;
                padding: 2px;
                box-shadow: 1px 1px 4px #CCCCCC;
              }

.imagenoefect, img.imagenoefect, #sloupec-l img.imagenoefect, #sloupec img.imagenoefect 
              { border: 0px solid #000000;
                border-radius: 0px;
                box-shadow: 0px 0px 0px #FFFFFF;
              }
              
#sloupec-l img.imagenoefect a:hover, img a:hover   
              { color: transparent;
              }
              
/*  N A D P I S Y  */

h1            { font-size: 27px;
                text-align: left;
                margin: 10px 0px 25px 0px;
                font-weight: normal;
              }
h1, h1 a      { color: #FF6600;
                text-decoration-skip: ink;      /* 2017 neumí FireFox */ 
              }
h1.tab        { margin: 15px 5px 5px 5px;
                text-align: left;
              }

h2            { font-size: 19px;
                text-align: left;
                margin: 8px 0px 5px 0px;
                font-weight: normal;
              }
h2, h2 a      { color: #0070C0;
                text-decoration-skip: ink;      /* 2017 neumí FireFox */
              }   
h2.tab        { margin: 8px 5px 5px 5px;
                text-align: left;
              }

h3            { font-size: 17px;
                text-align: left;
                margin: 10px 0px 0px -10px;
                padding-left: 10px;
                font-weight: normal;
              }
              
h3, h3 a      { color: #0099FF;
                text-decoration-skip: ink;      /* 2017 neumí FireFox */
              }   
h3.tab        { margin: 10px 0px 0px -5px;
                text-align: left;
              }
     
h4            { font-size: 17px;
                text-align: left;
                margin: 8px 0px 5px 0px;
                padding: 1px 10px 1px 10px;
                background: #EEEEEE; 
                font-weight: normal;
              }
h4, h4 a      { color: #0070C0;
                text-decoration-skip: ink;      /* 2017 neumí FireFox */
              }   

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
              { background: #E0E0E0;
              }

/*   P I S M O   */

p, td, li     { margin: 5px 0px 5px 0px;
                font-size: 15px;             /* netřeba, zdědí se z BODY, ale dokumentačně to tu mám */
                text-align: left;
                color: #000000; 
              }
p a, td a, li a
              { color: #003E5B;
                text-decoration-skip: ink;       /* přerušované podtržení - neumí FireFox v roce 2017 */
              }
.tab-mensi-l, .tab-mensi-r, .tab-mensi-c, 
.mensi-l, .mensi-r, .mensi-c, 
.diskuse-publik, .sl-publik,
.banner-odstavec
              { font-size: 13px;
              }

p, .l, .r, .c { line-height: 1.5;
                padding-top: 5px;
                padding-bottom: 5px;
              }
.mensi-l, .mensi-r, .mensi-c, 
.diskuse-publik, .sl-publik,
.banner-odstavec
              { line-height: 1.4;
                padding: 0px 10px 0px 0px;
              }
.tab-l, .tab-r, .tab-c, 
.tab-mensi-l, .tab-mensi-r, .tab-mensi-c
              { line-height: 1.3;
                margin: 0px 5px 0px 5px;
              }

.l, .mensi-l, 
.tab-l, .tab-mensi-l
              { text-align: left;
              }
.r, .mensi-r, 
.tab-r, .tab-mensi-r, 
.diskuse-publik, .sl-publik
              { text-align: right;
              }
.c, .mensi-c, 
.tab-c, .tab-mensi-c
              { text-align: center;
              }

.red, .red a  { color: #CC0000;
              }
.blue, .blue a { color: #003E5B;
              }
.yellow, .yellow a { color: yellow;
              }
.green, .green a { color: darkgreen; 
              }
.white, .white a { color: #FFFFFF;
              }
.nobold       { font-weight: 400;
              }
.yellowbackground
              { background: yellow;
              }
.graybackground
              { background: #EEEEEE;
              }
.gray, .gray a, 
.diskuse-publik, .diskuse-publik a, 
.sl-publik, .sl-publik a,
.banner-odstavec, .banner-odstavec a
              { color: #777777;
              }
.gray a:hover, 
.diskuse-publik a:hover, 
.sl-publik a:hover, 
.banner-odstavec a:hover
              { color: #222222;
                background: #555555;
              }

.odsazeni     { margin: 0px 0px 0px 15px;
              }
.indent       { text-indent:-20px;
                padding-left:20px;
              }
.vlevo        { float: left;
                margin: 0px 0px 10px -20px;
                padding: 10px;
              }
.vpravo       { float: right;
                margin: 0px -20px 10px 0px;
                padding: 10px;
              }

/*  P Í S M O   –   O B R Á Z K Y    N A    O K R A J I   */

.pop-left, .pop-right, .pop-normal            /* popis písma */                     
              { font-size: 13px;  
                color: #777777;
                background: #FFFFFF;
                border: 0px solid #CCCCCC;
                padding: 0px 7px 5px 7px;
                line-height: 1.2;
              }
.pop-left     { float: left;
                margin: 0px 12px 4px 0px;     /* odsazení bloku */
                text-align: center;
              }      
.pop-right    { float: right;
                margin: 0px 0px 4px 12px;     /* odsazení bloku */
                text-align: center;
              }     
.pop-normal   { width: 625px;                 /* šířka obrázku + 2px rámeček obrázku + 6px rámeček bloku = předefinovat v textu */
                text-align: left;
              }     
.pop-left a, .pop-right a, .pop-normal a
              { color: #777777;
              }

/*  M E N U   V   T E X T U                     */
/*  týdeník, seznam čánků a ještě semtam někde  */

.menupage     { font-size: 15px;
                font-weight: bold;
                text-align: right;        
                text-decoration: none;
                margin: 10px 0px 10px 0px;
                padding: 3px 10px 3px 10px;
                background: #EEEEEE; 
                border-width: 1px 0px 1px 0px;
                border-style: solid;
                border-color: #777777; 
              }
.menupage a   { text-decoration: none; 
              }
.menupage a:hover
              { text-decoration: underline;
                background: #DDDDDD; 
              }

/*  H 4  -  O D K A Z Y  */

.odkazy       { padding: 10px 16px 10px 13px;
                margin: 5px 0px 5px 0px;
                border: 3px solid #E25B07; 
                box-shadow: 2px 2px 4px #BBBBBB;
                background: #FFECBC;
                border-radius: 8px;
                clear: both;
              }
.odkazy h4    { color: #FFFFFF;
                margin: -9px -15px 5px -12px;
                background: #E25B07; 
                border-radius: 5px;
              }
.odkazy h4 a  { color: #FFFFFF;
              }  

/*  H 4  -  P O Z N A M K Y  */

.note         { padding: 10px 10px 3px 10px; 
                margin: 5px 0px 5px 0px;
                border: 3px solid #777777; 
                box-shadow: 2px 2px 4px #BBBBBB;
                background: #EEEEEE;
                border-radius: 8px;
                clear: both;
              }
.note h4      { color: #FFFFFF;
                margin: -9px -9px 5px -9px;
                background: #777777; 
                border-radius: 5px;
              }
.note h4 a    { color: #FFFFFF;
              }  

/*  H 4  -  H O D N O C E N I  */

.hodnoceni    { padding: 10px 10px 3px 10px; 
                margin: 5px 0px 5px 0px;
                box-shadow: 2px 2px 4px #BBBBBB;
                border: 3px solid #004477; 
                background: #F2F4FF;
                border-radius: 8px;
                clear: both;
              } 
.hodnoceni h4 { color: #FFFFFF;
                margin: -9px -9px 5px -9px;
                background: #004477; 
                border-radius: 5px;
              } 
.hodnoceni h4 a
              { color: #FFFFFF;
              } 
input.hodnoceni 
              { border: 0px solid;
                color: #004477; 
                font-weight: bold;
                font-size: 20px;
                margin: -10px 0px 0px 0px;
                padding: 0px; 
              }
input.znamka0 {background: #F2F4FF;}
input.znamka1 {background: #E0E6EB; width: 35px;}
input.znamka2 {background: #D0D8DF; width: 35px;}
input.znamka3 {background: #C0CBD6; width: 35px;}
input.znamka4 {background: #AFBBC9; width: 35px;}
input.znamka5 {background: #A0AFBF; width: 35px;}
input.over    {background: #E0E070; width: 35px;}

/*  H 4  -  A N K E T A  */

div.anketa    { padding: 10px 10px 3px 10px; 
                margin: 5px 0px 5px 0px;
                border: 3px solid #003E5B; 
                box-shadow: 2px 2px 4px #BBBBBB;
                background: #F2F4FF;
                border-radius: 8px;
                clear: both;
              } 
anketa h4     { color: #FFFFFF;
                margin: -9px -9px 5px -9px;
                background: #003E5B; 
                border-radius: 5px;
              }
anketa h4 a   { color: #FFFFFF;
              }  

/*  H 4  -  D I S K U S E   */

.diskuse      { margin: 0px; 
                padding: 10px 16px 10px 13px;
                border: 3px solid #005C53; 
                box-shadow: 2px 2px 4px #BBBBBB;
                background: #CDE9DA;
                border-radius: 8px;
              }
.diskusewhite { padding: 0px 6px 0px 3px; 
              }
              
.diskuse h3, .diskusewhite h3
              { margin-top: 0px;
              }
.diskuse h4   { color: #FFFFFF;
                margin: -9px -15px 5px -12px;
                background: #005C53; 
                border-radius: 5px;
              }
.diskuse h4 a { color: #FFFFFF;
              }  
.diskuse p, .diskusewhite p
              { margin: 3px 0px 3px 0px;
                line-height: 1.2;
              }
                            
/*  P Í S M O   –   T Ý D E N Í K  */

#tydenik h1   { font-size: 27px;
                margin: 20px 0px 10px 5px;
                color: #FF6600; 
              }

#tydenik h2   { font-size: 22px;
                margin: 10px 0px 0px 0px; 
                padding: 15px 10px 0px 10px;
                border-top: #CCCCCC dotted 3px;
              }

#tydenik h3   { font-size: 18px;
                margin: 0px 0px 0px 0px; 
                padding: 10px 10px 0px 10px;
              }
#tydenik h3, #tydenik h3 a 
              { color: #FF6600; 
              }

#tydenik p    { line-height: 1.4; 
                padding: 0px 10px 0px 10px;
              }

#tydenik .tydenik-publik
              { font-size: 14px;
                margin: 0px;
                padding: 0px 0px 0px 10px;
              }
#tydenik .tydenik-publik,
#tydenik .tydenik-publik a
              {  color: #777777;
              }
#tydenik .tydenik-publik a:hover
              { color: #CCCCCC;
                background: #555555;
              }

#tydenik .pop-left, #tydenik .pop-right, #tydenik .pop-normal
              { font-size: 13px;
                line-height: 1.2;
              }
#tydenik img  { margin-top: 15px;         /* kvůli popiskům */
                margin-bottom: 5px;
              }

     
/*  P Í S M O   –   Č L Á N E K  */

#clanek p.l   { line-height: 1.6; 
              }

/*  H L A V I Č K A   */

/*  horní hover-menu a meníčka pod ním s šedým, bílým či modrým podkladem a zarovnané vlevo/vpravo */

#menuhorni    { padding: 1px 10px 0px 4px;
              } 

/*  menu v hlavičce - hlav1=řádek menu RSS, hlav2=řádek s vlajkama, hlav3=řádek menu prsa */

.menuhlav1, .menuhlav2, .menuhlav3
              { font-size: 15px;
                text-decoration: none;
                margin:  10px 10px 3px 5px;
                padding: 2px  0px 2px  0px;
                line-height: 1.5;
              }
.menuhlav1    { text-align: right;
                background: #EEEEEE;
              }
.menuhlav2    { text-align: left;  
              }
.menuhlav3    { text-align: right;
                background: #EEEEEE;
              }
.menuhlav1 a, .menuhlav2 a, .menuhlav3 a
              { text-decoration: none;
              }
.menuhlav1 a:hover, .menuhlav2 a:hover, .menuhlav3 a:hover 
              { text-decoration: underline;
              }
.menuhlav1 a:hover
              { background: #DDDDDD; 
              }

/*  menu hover - inspirace: http://css.interval.cz/clanky/hover-menu */

#menuhover    { margin: 0px;
                margin-right:-50px;
                padding: 0px 10px 20px 4px;
              }

#menuhover ul {
              }
#menuhover div { text-align: right;
              }

#menuhover li { margin: 0px;
                float: left;                   /* popis jen základního menu */
                width: 153px;                  /* šířka musí korespondovat s #menuhover - padding a celkovou šířkou okna */
                                               /*                                         ale stačí to změnit tady */
                border: 1px solid #222747;
                border-right: 0px;             /* zařídí, aby dělící čáry nebyly dvojité */
                list-style-type: none;
              }      

#menuhover li.rightpolozka                     /* pravé ohraničení u poslední položky menu */
              { border: 1px solid #222747;
              }   

#menuhover li ul                               /* popis kompletního rozbalovaného submenu */
              { background-color: #FFFFFF;     /* barva buňky může být jakákoliv; nesmí však chybět kvůli historickým prohlížečům */
                position: absolute;
                visibility: hidden;            /* defaultně zhasnuté */
                width: 50px;                   /* jakákoliv hodnota <= šířka základního menu */
                margin: 1px 0px 0px -1px;      /* "1px" a "-1px" musí korespondovat se šířkou border */
                padding: 0px;
                float: none;
                list-style-type: none;      
              }      

#menuhover li ul li                            /* popis položek rozbalovaného submenu */
              { border: 1px solid #222747;     /* obnoví ohraničení vpravo, které bylo vymazáno v "#menuhover li"  */
                border-top: 0px;
              }    

#menuhover li:hover ul,                        /* rozbaluje submenu */
#menuhover li.hover ul                         /* je to u 2x, Firefox se na to kouká jinak nez MSIE */
              { visibility: visible;
              }

#menuhover a  { font-size: 15px;               /* popis písma a buňky */
                line-height: 1.4;
                background-color: #7C8EA5;     /* barva buňky */
                padding: 1px 1px 3px 1px;      /* odsazení od okrajů v buňce */
                color: #FFFFFF;
                text-decoration: none;
                display: block;
              }
                 
#menuhover ul a                                /* dtto – změna pro rozbalené menu */
              { padding: 1px 5px 3px 8px;      /* odsazení od okrajů v buňce */
                text-align: left;
              }   

#menuhover a:hover                             /* popis písma – vybrane (dědí se z "#menuhover a") */
              { background-color: #405070;
                color: #FFFF77;
              }

/*  T I R Á Ž  */

#tiraz        { margin: 20px 0px 10px 0px;
              }
.tiraz-odstav a:hover, .tiraz-menu a:hover
              { text-decoration: underline;
                background: #DDDDDD;
              }
.tiraz-blok   { padding: 1px 0px 1px 0px;
                margin:  2px 0px 2px 0px;
                border:  1px solid #E3E3E3;
              }      
.tiraz-odstav, .tiraz-menu
              { padding: 0px 20px 0px 20px;
              }      
.tiraz-odstav a { text-decoration: none;
              }

/*  F O O T E R  */

#servisniudaje p, #servisniudaje p a
              { font-size: 12px;
                text-align: center;
                margin-top: 10px;
                line-height: 1.1;
                padding: 0px;
                color: #6E87A0;              /* barva obláčků */
              }
#servisniudaje p a:hover               
              { background: none;
              }

/*  L E V Ý   S L O U P E C   */

.sloupec-l-blok { 
                width: 140px;
                border: 1px solid #405070; 
                border-radius: 10px; 
                box-shadow: 1px 1px 4px #777777;     /* mělo by tu být #CCCCCC, ale není to skoro vidět u tmavého pozadí */
                background: #7C8EA5;
                margin: 0px 0px 6px 0px;
                padding: 0px 0px 3px 0px;
              }

.sloupec-l-blok h2 
              { color: #FFFFFF;
                font-size: 12px;
                padding: 4px 1px 4px 10px; 
                margin: -1px -1px 4px 0px;
                background: #405070;   
                border-radius: 10px 10px 0px 0px; 
              }
.sloupec-l-blok a,
.sloupec-l-blok p 
              { margin: 2px 0px 2px 0px;
                padding: 0px 6px 0px 8px;
                font-size: 12px;
                color: #FFFFFF;
                text-align: left;
                text-decoration: none;
                display: block;
                line-height: 1.2;
              }   
.sloupec-l-blok a
              { text-indent: -8px;                 /* odkazy mám s tečkou na začátku, proto přidám indent */
                color: #FFFFFF;
              }
.sloupec-l-blok a:hover 
              { color: #FFFF77;
                background-color: #405070;
              }

/*  P R A V Ý   S L O U P E C   */

.sloupec-r-blok
              { width: 126px; 
                border: 2px solid #CCCCCC;
                border-radius: 10px; 
                box-shadow: 1px 1px 4px #CCCCCC;
                background: #EEEEEE; 
                margin: 0px 0px 6px 0px;
                padding: 8px 5px 6px 5px;
              }
              
.sloupec-r-blok p,
.sloupec-r-blok p a,
.sloupec-r-blok h2 
              { color: #777777;
                font-size: 12px;
                text-align: center;
                margin: 1px 0px 0px 0px;
                line-height: 1.2;
                padding: 0px;
              }
.sloupec-r-blok h2 
              { font-weight: bold;
              }
       
/*  R E K L A M A  */

/* Paleta Google/Seznam(sklik) – dole
   rámeček: #E9E2D1
   proužek: #E9E2D1 (pouze sklik)
   titulek: #885637
   pozadí:  #E9E2D1
   text:    #000000
   url:     #306872
nově:   
   rámeček: #FFFFFF
   proužek: #FFFFFF (pouze sklik)
   titulek: #777777
   pozadí:  #FFFFFF
   text:    #333333
   url:     #306872
*/

/* Paleta Google/Seznam(sklik) – hore (banner, tydeník-vpravo)
   rámeček: #EEEEEE
   proužek: #EEEEEE (pouze sklik)
   titulek: #306872
   pozadí:  #EEEEEE
   text:    #000000
   url:     #306872
*/
   
#sajrajthore  { margin: 5px 0px 0px 0px;
                padding: 8px 0px 0px 5px;
              }
              
#sajrajtdole  { padding: 10px 10px 3px 10px; 
                margin: 5px 0px 5px 0px;
                border: 3px solid #CCCCCC; 
                box-shadow: 2px 2px 4px #DDDDDD;
                background: #E9E2D1;
                border-radius: 8px;
              }
#sajrajtdole h4 
              { color: #FFFFFF;
                margin: -9px -9px 5px -9px;
                background: #CCCCCC; 
                border-radius: 5px;
              } 

/*  P Í S M O   –   S P E C I A L N I   */

.topmessage   { color: #CC0000;
                margin: 0px;
                padding: 2px;
                text-align: center;
                background: #FFFF00; 
                border-color: #005E51;
                border-style: solid;
                border-width: 3px;
              }
.cookieobalka { background: #000000; 
                padding-top: 10px;
                opacity: 0.85;
                /* neposunování infookna */
                position: fixed; 
                bottom: 0px;
                left: 0px;
                width: 100%;
                z-index: 1000;
              }
.cookie       { color: #FFFF33; 
                background: #000000; 
                text-align: center;
                line-height: 1.0;
                margin: 0px;
                padding: 15px;
                border-color: #CC0000; 
                border-style: solid;
                border-width: 3px 0px 0px 0px;
              }
.cookie a     { color: #FFFF33; }
.cookie input { margin-left: 5px;
                background: #004400;
                color: #FFFFFF;
                box-shadow: 0px 0px 0px #000000;
              }
.cookie a:hover { background: #333333; }
.cookie input:hover { background: #006600; }

#niceditor p  { margin: 5px;
              }

.nepodtrhavat, .nepodtrhavat a 
              { text-decoration: none;
              }
.nepodtrhavat a:hover
              { background: none;
              }

.chyba, .chyba a
              { color: #CC0000;              /* CHYBOVE HLASKY */
                margin: 5px 0px 5px 0px;
                padding-left: 5px;
                text-align: left;
                font-weight: bold;
                background: #FFFF00; 
              }
.nechyba, .nechyba a
              { color: #0099FF;              /* CHYBOVE HLASKY */
                margin: 5px 0px 5px 0px;
                padding-left: 5px;
                text-align: left;
                font-weight: bold;
              }

/*  Ú S E K Y   P R O   T I S K   */

@media screen { #tiraz-print, #hlavicka-print  { display: none; } 
              }