body                      { font-family: Verdana, 'Geneva CE', lucida, sans-serif; }                                                       
/* nadpisy */
h1, h2, h3, h4, h5, h6    { font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif; letter-spacing: 0px; text-align: left;  
                            color: #ccc; padding: 0; margin: 0; font-weight: bold; text-shadow: 0px 1px 1px #fff;}
h1                        { font-size: 1.6em; color: #105ca2; margin: 0 0 0 30px;  padding: 0 0 0 0; line-height: 1.5em;}           
h2                        { font-size: 1.3em; color: #f96300; margin: 0px 0 5px 30px; padding: 5px 0 0 0; line-height: 1.3em; }
h3                        { font-size: 1.1em; color: #0e70a8; margin: 0px 0 6px 30px; padding: 5px 0 0 0; line-height: 0.9em; }
h4                        { font-size: 1.0em; color: #013173; margin: 0px 0 8px 30px; padding: 5px 0 0 0; line-height: 0.6em; }
h5                        { font-size: 0.9em; color: #777777; margin: 5px 0 6px 30px; padding: 5px 0 0 0;  }
h6                        { font-size: 0.8em; color: #666666; margin: 5px 0 6px 30px; padding: 5px 0 0 0;  }

h2 strong                 { color: #519502; }                 
/* inline formatovaci prvky */
strong                    { color: #222; }
em                        { font-style: italic; }
code                      { font-size: 1.1em;}

/* odstavce */
p                         { font-size: 0.8em; line-height: 1.4em; text-align: left; color: #325160; margin: 10px 20px 10px 30px; }
p strong                  { color: #000000; }
p a                       { color: #2A66B8; }
p a:hover                 { color: #4F8BAF;}

p.odstavecUvodnik         { padding: 0.9em; margin-bottom: 1em; margin: 20px 30px 20px 30px; line-height: 1.4em;  background-color: #ffe06f; color: #000000; border-radius: 8px; } 
p.odstavecUvodnik strong  { color: #000; }
p.odstavecUvodnik em      {  }
p.odstavecUvodnik a       { color: #2d7ab5; }

/* Barevne odstavce + Obrazkove odstavce */
p.odstavecVystraha, p.odstavecDulezite, p.odstavecRada, p.odstavecPotvrzeni, p.odstavecPoznamka, p.odstavecCitace   
                         { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; margin: 20px 30px 20px 30px; line-height: 1.4em; border-radius: 8px; }
p.odstavecVystraha        { background-color: #FBE3E4; color: #333333; border-color: #ff4c4c; }
p.odstavecDulezite        { background-color: #AEDCFF; color: #444444; border-color: #217dc3; }                            
p.odstavecRada            { background-color: #ffec85; color: #514721; border-color: #fd8f00; }
p.odstavecPotvrzeni       { background-color: #E6EFC2; color: #264409; border-color: #8eb10f; }
p.odstavecPoznamka        { background-color: #eeeeee; color: #333333; border-color: #bbbbbb; }
p.odstavecCitace          { background-color: #ffffff; color: #666666; border-color: #bbbbbb; font-style: italic; }

.odstavecVystraha a       { color: blue; color: red; }  .odstavecVystraha a:hover   { color: #0467b2; color: green; }
.odstavecDulezite a       { color: #0467b2;}            .odstavecDulezite a:hover   { color: #0467b2;} 
.odstavecRada a           { color: #0467b2;}            .odstavecRada a:hover       { color: #0467b2;}
.odstavecPotvrzeni a      { color: #0467b2;}            .odstavecPotvrzeni a:hover  { color: #0467b2;}
.odstavecPoznamka a       { color: #0467b2;}            .odstavecPoznamka a:hover   { color: #0467b2;}
.odstavecCitace a         { color: #0467b2;}            .odstavecCitace a:hover     { color: #0467b2;}

.odstavecVystraha strong  { color: #ff4c4c; }
.odstavecDulezite strong  { color: #217dc3; } 
.odstavecRada strong      { color: #fd8f00; }
.odstavecPotvrzeni strong { color: #8eb10f; }
.odstavecPoznamka strong  { color: #333333; }
.odstavecCitace strong    { color: #999999; }

.odstavecVystraha em      { color: #EC322C; }
.odstavecDulezite em      { color: #0467b2;} 
.odstavecRada em          { color: #0467b2;}
.odstavecPotvrzeni em     { color: #0467b2;}
.odstavecPoznamka em      { color: #0467b2;}
.odstavecCitace em        { color: #0467b2;}

/* musi zustat !important - prepisuje se presnejsi styl */   
/* mala ikona */                                     
.vystrahaM                { background: url(rezy/vystraha-small.png) no-repeat 10px center; padding: 15px 15px 15px 70px !important; }
.potvrzeniM               { background: url(rezy/potvrzeni-small.png) no-repeat 10px center; padding: 15px 15px 15px 70px !important; } 
.poznamkaM                { background: url(rezy/poznamka-small.png) no-repeat 10px center; padding: 15px 15px 15px 70px !important; } 
.radaM                    { background: url(rezy/rada-small.png) no-repeat 10px center; padding: 15px 15px 15px 70px !important; }
.duleziteM                { background: url(rezy/dulezite-small.png) no-repeat 10px center; padding: 15px 15px 15px 70px !important; }
.citaceM                  { background: url(rezy/citace-small.png) no-repeat 10px center; padding: 15px 15px 15px 70px !important; }
/* stedni ikona */
.vystrahaS                { background: url(rezy/vystraha-medium.png) no-repeat 10px center; padding: 15px 15px 15px 90px !important; }
.potvrzeniS               { background: url(rezy/potvrzeni-medium.png) no-repeat 10px center; padding: 15px 15px 15px 90px !important; } 
.poznamkaS                { background: url(rezy/poznamka-medium.png) no-repeat 10px center; padding: 15px 15px 15px 90px !important; } 
.radaS                    { background: url(rezy/rada-medium.png) no-repeat 10px center; padding: 15px 15px 15px 90px !important; }
.duleziteS                { background: url(rezy/dulezite-medium.png) no-repeat 10px center; padding: 15px 15px 15px 90px !important; }
.citaceS                  { background: url(rezy/citace-medium.png) no-repeat 10px center; padding: 15px 15px 15px 90px !important; }
/* velka ikona*/
.vystrahaV                { background: url(rezy/vystraha-big.png) no-repeat 10px center; padding: 15px 15px 15px 115px !important; }
.potvrzeniV               { background: url(rezy/potvrzeni-big.png) no-repeat 10px center; padding: 15px 15px 15px 115px !important; } 
.poznamkaV                { background: url(rezy/poznamka-big.png) no-repeat 10px center; padding: 15px 15px 15px 115px !important; } 
.radaV                    { background: url(rezy/rada-big.png) no-repeat 10px center; padding: 15px 15px 15px 115px !important; }
.duleziteV                { background: url(rezy/dulezite-big.png) no-repeat 10px center; padding: 15px 15px 15px 115px !important; }
.citaceV                  { background: url(rezy/citace-big.png) no-repeat 10px center; padding: 15px 15px 15px 115px !important; }

/* vyhody - nevyhody */
div.pozadiVyhoda          { padding: 0.8em; margin-bottom: 1em; border: 2px solid #4c952a; margin: 20px 30px 20px 30px; line-height: 1.4em; background-color: #d5efc2; border-radius: 8px;}
div.pozadiVyhoda p        { color: #214f00;}
div.pozadiVyhoda ul       {margin: 5px 20px 5px 30px;}
div.pozadiVyhoda ul li    { color: #214f00; padding: 0 0 0 1.8em; list-style: none; line-height: 1.5em; background: url(rezy/odrazka-plus.png) no-repeat 0% 4px; margin: 0px 20px 0px 0px; }

div.pozadiNevyhoda          { padding: 0.8em; margin-bottom: 1em; border: 2px solid #df000a; margin: 20px 30px 20px 30px; line-height: 1.4em; background-color: #ffd1d3; border-radius: 8px;}
div.pozadiNevyhoda p        { color: #214f00;}
div.pozadiNevyhoda ul       {margin: 5px 20px 5px 30px;}
div.pozadiNevyhoda ul li    { color: #214f00; padding: 0 0 0 1.8em; list-style: none; line-height: 1.5em; background: url(rezy/odrazka-minus.png) no-repeat 0% 4px; margin: 0px 20px 0px 0px; }

/* mala ikona vyhody - nevyhody */
.vyhodaM                  { background: url(rezy/vyhoda-small.png) no-repeat 20px center; padding: 15px 15px 15px 65px !important; }
.nevyhodaM                { background: url(rezy/nevyhoda-small.png) no-repeat 20px center; padding: 15px 15px 15px 65px !important; }
/* stredni ikona vyhody - nevyhody */
.vyhodaS                  { background: url(rezy/vyhoda-medium.png) no-repeat 12px center; padding: 15px 15px 10px 70px !important; }
.nevyhodaS                { background: url(rezy/nevyhoda-medium.png) no-repeat 12px center; padding: 15px 15px 10px 70px !important; }

/* velka ikona vyhody - nevyhody */
.vyhodaV                  { background: url(rezy/vyhoda-big.png) no-repeat 10px center; padding: 15px 15px 15px 90px !important; }
.nevyhodaV                { background: url(rezy/nevyhoda-big.png) no-repeat 10px center; padding: 15px 15px 15px 90px !important; }

/* seznamy */
ul, ol                    { margin: 5px 20px 5px 60px; padding: 0; font-size: 0.8em; }   
/* - defaultni - odrazkovy */                       
ul li                     { list-style: square; color: #333333; }
ul li a                   { color: #2A66B8; }
ul li a:hover             { text-decoration: none; }
ul li strong              { color: #ff5a00; }
ul li em                  { }
/* - defaultni - bez odrazek */
ol li                     { color: #3d3d3d; margin: 0px 0px 0px 10px; }
ol li a                   { color: #2A66B8; }
ol li a:hover             { text-decoration: none; }
ol li strong              { color: #ff5a00; }
ol li em                  { }

/* - bez odrazek */
ul li.seznamBezOdrazek         { list-style: none; color: #535353; margin: 0px 0px 0px -10px; }
ul li.seznamBezOdrazek a       { color: #2A66B8; }
ul li.seznamBezOdrazek a:hover { text-decoration: none; }
ul li.seznamBezOdrazek strong  { color: #ff5a00; }
ul li.seznamBezOdrazek em      { }

/* - s obrazkem */
ul li.seznamObrazkovy         { padding: 0 0 0 18px; list-style: none; color: #000; line-height: 1.5em; background: url(rezy/odrazka-ul.png) no-repeat 0% 4px; margin: 0px 20px 0px 0px;}
ul li.seznamObrazkovy a       { font-size: 1.0em; color: #2A66B8; }
ul li.seznamObrazkovy a:hover { text-decoration: none; color: #830101; }
ul li.seznamObrazkovy strong  { color: #ff5a00; }
ul li.seznamObrazkovy em      { }

/* ciselny - s obrazkem */
ol.seznamObrazkovy            { padding: 5px 5px 5px 5px; margin-left: 40px; }
ol.seznamObrazkovy li         { padding: 1px 0 2px 35px; color: #000; line-height: 1.5em;
                                margin: 10px 10px 10px 0; background-color: #fff; list-style: none; }
ol.seznamObrazkovy li a       { font-size: 1.0em; color: #2A66B8; }
ol.seznamObrazkovy li a:hover { text-decoration: none; color: #830101; }
ol.seznamObrazkovy li strong  { color: #ff5a00; }
ol.seznamObrazkovy li em      { }

ol.seznamObrazkovy li.jedna   { background: url(rezy/1.png) no-repeat 5px top; }
ol.seznamObrazkovy li.dva     { background: url(rezy/2.png) no-repeat 5px top; }
ol.seznamObrazkovy li.tri     { background: url(rezy/3.png) no-repeat 5px top; }
ol.seznamObrazkovy li.ctyri   { background: url(rezy/4.png) no-repeat 5px top; }
ol.seznamObrazkovy li.pet     { background: url(rezy/5.png) no-repeat 5px top; }
ol.seznamObrazkovy li.sest    { background: url(rezy/6.png) no-repeat 5px top; }
ol.seznamObrazkovy li.sedm    { background: url(rezy/7.png) no-repeat 5px top; }
ol.seznamObrazkovy li.osm     { background: url(rezy/8.png) no-repeat 5px top; }
ol.seznamObrazkovy li.devet   { background: url(rezy/9.png) no-repeat 5px top; }
ol.seznamObrazkovy li.deset   { background: url(rezy/10.png) no-repeat 5px top; }

/* definieni seznam */
dl                          { margin: 5px 20px 5px 10px; }
dl dt                       { margin: 0px 0px 0px 20px; font-size: 0.9em; font-weight: bold;}
dl dd                       { padding: 0px 0px 0px 35px; font-size: 0.8em;}
     
/* - barvy pro inline prvky (strong, span, em, a) */
.barvaTextDulezite            { color: #344E68; }                            
.barvaTextChyba               { color: #FBC2C4; }
.barvaTextPoznamka            { color: #FFD324; }
.barvaTextPotvrzeni           { color: #C6D880; }

.textVlevo { text-align: left; }
.textVpravo {text-align: right;}
.textSoumerne { text-align: justify; }


/* zvyrazneni span */
span.textVyrazne              { font-weight: bold; color: #666; background-color: #FFFF88 ; padding: 1px 5px 1px 5px ; }
span.textNevyrazne            { color: #666; }
span.textPoznamka             { color: #616B37; }

/* cara hr*/
hr                { border: none; height: 1px; background-color: #7b929b; color: #7b929b; margin: 5px 15px 15px 15px;} 

/* obrazky*/
img.obrazek-vlevo, img.obrazek-vpravo 
                          { border: 1px solid #87b6c8; background: #fff; padding: 5px; border-radius: 8px; }
img.obrazek-vlevo         { float: left; margin: 8px 15px 2px 30px; }
img.obrazek-vpravo        { float: right; margin: 8px 0px 2px 15px; }

img.obrazek-ramecek       { margin: 10px 5px 10px 5px; border: 1px solid #87b6c8; background: #fff; padding: 5px; border-radius: 8px;}
img.obrazek-bezramecku    { border: none; padding: 0px;}

.obrazek-uvodnik          { margin: 5px 15px 0 20px; float: left; border: 1px solid #0a4d83; background: #fff; padding: 5px; border-radius: 8px; }


/* tabulky */
table                     { font-family: arial; font-size: 0.8em; border-radius: 8px;}
table                     { margin: 10px 25px 10px 30px; border: 1px solid #87b6c8; padding: 5px; background-color: #fff;}
table tr.cervene          { background-color: #ed1b24; color: #fff;}  
table tr td               { border: 1px solid #fff; padding: 3px 5px 3px 15px; }
table tr td strong        { font-weight: bold; color: #000; }
table tr th               { border: 0px solid #fff; padding: 5px; font-weight: bold;}
table tr.radekLichy       { background-color: #fff881; }
table tr.radekSudy        { background-color: #ffe681; }
table tr td a             { color: #0557c7; }
.popisek                  { font-style: italic; }

table.tabulka             { width: 90%; margin: 10px 25px 10px 30px; border: 1px solid #87b6c8;  }
table.tabulka tr          {  }
table.tabulka tr th       { border: 1px solid #fff; padding: 5px 5px 5px 10px; background-color: #feb04c; color: #000; font-weight: bold;}
table.tabulka tr td       { border: 1px solid #fff; padding: 3px 5px 3px 10px; }
table.tabulka tr td p     { padding: 0px; margin: 0px; }
table.tabulka tr td a     { color: #0557c7;  }
table.tabulka tr td strong{ font-weight: bold; color: #000; }
table.tabulka tr.radekLichy    { background-color: #fff881; }
table.tabulka tr.radekSudy     { background-color: #ffe681; }

/* PREPIS PRO EDITOR V ADMINU - pouze u implicitni sablony */
.mceContentBody p         { color: #000;}
