/* font family*/
body, input, select, .obecny-text h2{
    font-family: Verdana, HelveticaCE, Arial, sans-serif;
}
.podtitul {
    font-family: Georgia, "Times New Roman", Times, serif;
}
h1, h2, #krabice h3, .bublina, .obecny-text h3 {
    font-family: Arial, HelveticaCE,  sans-serif;
}
/* tagy */
body {
    font-size: 0.7em;
    margin: 0;
    padding: 0 0 20px 0;
    background: #EFEFEF url(/img/dtp/bg-page.gif) repeat-x;
    color: #000000;
}
label {
    display: block;
}
a img {
    border: none;
}
form {
    margin: 0;
    padding: 0;
}
input, select, textarea {
    font-size: 11px;
    border: 1px solid #D5D5D5;
    margin: 3px 0 5px;
}
fieldset {
    border: none;
    border-top: 8px solid #D5D5D5;
    padding: 10px;
    margin: 0 0 20px 0;
}
legend {
    font-weight: bold;
    text-transform: uppercase;
}
label {
    margin: 7px 0 0 0;
}
input.button {
    background-color: #DFCEC4;
    border: 1px solid #A19A9F;
    border-left-color: #ffffff;
    border-top-color: #ffffff;
}
h1 a, h2 a, h3 a, h4 a {
    border-bottom:1px dotted #CCCCCC;
    text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
    color: #333333 !important;
}
h1 a {
    color: #b20300 !important;
    border-bottom: none;
    text-decoration: none;
}
/*rozvrzeni*/
#rozvrzeni {
    background: url(/img/dtp/bg-puzzle.gif) no-repeat;
    position: relative;
}
/*centrování stranky, omezení rozmeru*/
#centrovani {
    width: 100%;
    border: none;
}
td.okraj {
    background: #EFEFEF url(/img/dtp/okraj-bg.gif) repeat-y left;
    padding: 0;
}
td.okraj div {
    background: url(/img/dtp/logo-puzzle-levy-okraj.gif) no-repeat right;
    height:138px;
}
#hlavni {
    min-width: 996px;
    width: 1185px;
    border-bottom: solid 1px #C8C8C8;
}
/*==============HLAVICKA=================*/
#click-home {
    position: absolute;
    width: 150px;
    height: 116px;
    cursor: pointer;
}
#hlavicka {
    background-image: url(/img/dtp/bg-page-right.gif);
    background-repeat: no-repeat;
    height: 115px;
    background-position: right top;
    min-width: 820px;
}
#hlavicka a {
    text-decoration: none;
}

/*ZVYKOVA navigace*/
#prepinac div {
    background-image: url(/img/dtp/zalozky-bg-ikony2.gif);
    height: 45px;
    float: right;
    font-size: 0.9em;
}
#prepinac .zdrava-mesta {
    background-position: 200px top;
}
#prepinac .strategie {
     background-position: top left;
}
#prepinac .data-plan {
    background-position: 540px top;
}
#prepinac .dobra-praxe {
    background-position: 380px top;
}
#prepinac a {
    display: block;
    padding: 11px 17px 22px 37px;
    color: #000000;
    background: url(/img/dtp/zalozky-bg-ikony-konec.gif) no-repeat;
}
#prepinac a:hover {
    color: #B04B39;
}
#prepinac .zdrava-mesta a {
   background-position: bottom right;
}
#prepinac .strategie a {
    background-position: top right;
}
#prepinac .data-plan a {
    background-position: top right;
}
#prepinac .dobra-praxe a {
     background-position: top right;
}
#prepinac .aktiv {
    color: #ff6633 !important;
}
/*hlavicka podtitul + logo nszm + horni menicko*/

.podtitul {
    font-size: 0.9em;
    text-transform: uppercase;
    color: #902A3B;
    margin-left: 150px;
    margin-top: 6px;
    letter-spacing: 0.1em;
}
.logo-nszm {
    float: right;
    width: 209px;
    margin-top: -34px;
}
.horni-menu {
    margin-left: 216px;
    margin-top: 7px;
}
.horni-menu a {
    color: #FFFFFF;
}
.horni-menu a:hover {
    color: #FFCCCC;
}
/*vyhledavani*/
.vyhledavani{
    float: right;
    width: 184px;
    background: url(/img/dtp/bg-vyhledavani.gif) no-repeat;
    position: absolute;
    height: 16px;
    top: 98px;
    right: 0px;
}
#as_q {
    border: none;
    background-image: url(/img/dtp/bg-vyhledavani.gif);
    padding: 2px 0 0 8px;
    width: 112px;
    margin: 0;
}
.vyhledavani input {
    border: none;
}
/*==============LEVE MENU=================*/
#leve-menu a {
    text-decoration: none;
}
#leve {
    width: 193px;
    vertical-align: top;
}
#leve-menu {
    background: #e5e4e4 url(/img/dtp/mapka-cr.gif) no-repeat;
    padding: 70px 0 0;
    margin: 0;
}
.vyber-misto {
    text-decoration: none;
    color: #000000;
    font-weight: bold;
    padding: 70px 25px 0 65px;
}
.vyber-misto:hover{
    color: #FFFFFF;
    padding: 70px 65px 0 15px;
}
.menu-krabice {
    padding-top: 30px;
}
.menu-krabice a {
    text-transform: uppercase;
    padding: 4px 0 4px 12px;
    display: block;
    color: #FFFFFF;
    font-size: 0.9em;
}
.menu-krabice .submenu a, .nastroje a {
    text-transform: none;
    color: #000000;
}
.menu-krabice a:hover{
    color: #000000;
}
.menu-krabice .submenu a:hover{
    border-right: 1px solid #A19A9F;
}
.menu-krabice .nastroje a:hover {
    color: #666666;
}
.menu-krabice a.vybrana{
    font-weight: bold;
    background-color: #ffffff;
    border-right: 1px solid #A19A9F;
}
/*krabice v menu - pozadi, hover, vybrana polozka*/
.menu-krabice .rozvojove-zamery, .menu-krabice .ocima-lidi, .menu-krabice .rozpocet, .menu-krabice .mereni-uspechu, .menu-krabice .co-kdo-dela, .menu-krabice .spolecna-temata, .menu-krabice .nastroje {
    background-image: url(/img/dtp/bg-menu.gif);
    padding-bottom: 7px;
}
.menu-krabice .rozvojove-zamery a.vybrana{
    color: #8E3D71;
}
.menu-krabice  .rozvojove-zamery .submenu a:hover{
    background-color: #ECE1E9;
}
.menu-krabice .ocima-lidi a.vybrana{
    color: #B11C19;
}
.menu-krabice  .ocima-lidi .submenu a:hover{
    background-color: #f9e9e2;
}
.menu-krabice .rozpocet a.vybrana{
    color: #128CB0;
}
.menu-krabice  .rozpocet .submenu a:hover{
    background-color: #e4f0f2;
}
.menu-krabice .mereni-uspechu a.vybrana{
    color: #215CAA;
}
.menu-krabice  .mereni-uspechu .submenu a:hover{
    background-color: #dde3ea;
}
.menu-krabice .co-kdo-dela a.vybrana{
    color: #D48901;
}
.menu-krabice  .co-kdo-dela .submenu a:hover{
    background-color: #faecd6;
}
.menu-krabice .spolecna-temata a.vybrana{
    color: #78A92B;
}
.menu-krabice  .spolecna-temata .submenu a:hover{
    background-color: #eaf7d5;
}
/*krabice ocima lidi*/
.menu-krabice .ocima-lidi {
    background-position: 1158px top;
}
/*krabice rozpocet*/
.menu-krabice .rozpocet{
    background-position: 965px top;
}
/*krabice mereni uspechu*/
.menu-krabice .mereni-uspechu {
    background-position: 772px top;
}
/*krabice co kdo dela*/
.menu-krabice .co-kdo-dela {
    background-position: 579px top;
}
/*krabice spolecna temata*/
.menu-krabice .spolecna-temata  {
    background-position: 386px top;
}
/*polozka nastroje*/
.menu-krabice .nastroje {
    background-position: 193px top;
    padding: 11px 0;
}
.menu-krabice .nastroje a{
    background: url(/img/dtp/ikonky/ikona-nastroje.gif) no-repeat 10px;
    padding-left: 35px;
    padding-top:8px;
}
/*polozka terminal*/
.vstup-do-terminalu{
    background-color: #FFFFFF;
    padding: 11px 0;
    font-size: 0.9em;
    padding-top: 9px;
}
.vstup-do-terminalu a{
    background: url("/img/dtp/terminal-but-bg.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    display: block;
    padding: 9px 0 9px 38px;
}
.vstup-do-terminalu a:hover {
    color: #000000;
    background-image: url("/img/dtp/terminal-but-bg-hover.gif");
}
/*zajima me*/
.zajima-me{
    background-color: #FFFFFF;
    padding: 11px 0;
    font-size: 0.9em;
    padding-top: 20px;
}
.zajima-me a{
    background: url("/img/dtp/zajima-me-but-bg.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    display: block;
    padding: 9px 0 9px 12px;
	text-decoration: none;
}
.zajima-me a:hover {
    color: #000000;
    background-image: url("/img/dtp/zajima-me-but-bg-hover.gif");
}
/*==============DROBECKOVA NAVIGACE=================*/
/*.drobeckova-navigace {
    margin: 5px 180px 7px 0;
    text-align: right;
    padding: 0;
    font-size: 0.9em;
}*/
.drobeckova-navigace {
    padding: 5px 0 10px 0;
    text-align: right;
    font-size: 0.9em;
	float: left;
	width: 595px;
}
.drobeckova-navigace a {
    color: #BB9686 !important;
    text-decoration: none;
}
.drobeckova-navigace a:hover {
    color: #B04B39 !important;
}
/*==============PRAVY SLOUPEC=================*/
#pravy-sloupec {
    margin: 0 -200px 0 0;
    padding: 9px 0;
    float: right;
    width: 184px;
    background:  #E5E4E4 url(/img/dtp/bg-konec-sloupce.gif) no-repeat bottom left;
}
#pravy-sloupec .pravy-text {
    margin: 0.3em 7px 1em 12px;
    padding: 0;
}
#pravy-sloupec .pravy-text #pravy-sloupec{ /*chvilkova pomucka dvakrat vnoreneho prave sloupce*/
     margin: 0 -7px 0 0;
	 background-image: none;
}
#pravy-sloupec div.polozka {
    padding-top: 0px;
    clear: left;
}
#pravy-sloupec div.polozka img {
    float: left;
    margin: 5px 10px 0 0;
}
#pravy-sloupec div.polozka a+div.anotace,
#pravy-sloupec div.polozka img+div.anotace {
    float: left;
    width: 95px;
    padding-bottom: 5px;
	margin-top: 10px;
}
#pravy-sloupec div.polozka a+div.znak,
#pravy-sloupec div.polozka img+div.znak {
	margin-top: 20px;
}
#pravy-sloupec p {
    margin: 0.3em 0 1em 0;
    padding: 0;
}
#pravy-sloupec ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#pravy-sloupec div+ul {
	margin-top: 10px;
}
#pravy-sloupec li {
	margin-bottom: 0.3em;
	padding-left: 12px;
	background: url("/img/css/external.png") no-repeat scroll left 3px;
}
#pravy-sloupec li.mesto {
	background-image: url("/img/css/external-strong.png");
}
#stranka #pravy-sloupec li a[href^="http://"] {
	background-image: none;
	padding-right: 0px;

}

#pravy-sloupec a {
    text-decoration: none;
    border-bottom: dotted 1px;
}
#pravy-sloupec .vase-misto {
    margin: 6px -7px 10px -75px;
    background: url(/img/dtp/vase-misto.gif) no-repeat;
    height: 40px;
}
#pravy-sloupec h4 {
    padding: 7px 6px 1px 10px;
    color: #FFFFFF;
    margin: 0;
    font-size: 1.0em;
    border: none;
    text-transform: none;
}
#pravy-sloupec h6 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 0.9em;
    padding: 4px 7px 4px 8px;
    margin: 0.4em -7px 0.2em -8px;
}
#pravy-sloupec h6 a{
    color: #892738 !important;
    text-decoration: none;
}
#pravy-sloupec h6:hover{
    background-color: #EEEEEE;
}
/*==============OBSAH STRANKY=================*/
#stranka {
    padding: 0 200px 20px 20px;
}
#stranka a {
    color: #3399CC;
}
#stranka a:hover {
    color: #0C5C74;
}
h1 {
    color: #b20300;
    font-size: 2em;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin: 0 0 0.5em auto;
	clear: left;
}
h1 small {
    letter-spacing: normal;
}
h2 {
    font-size: 1.6em;
    font-weight: normal;
    background-repeat: no-repeat;
    padding: 0;
    background-position: 0px 2px;
    text-indent: 27px;
    margin: 1.1em auto 1em auto;
}
h3 {
    text-transform: uppercase;
    font-size: 1.1em;
    border-bottom: 6px solid;
    margin: 3em auto 1.5em;
    padding-bottom: 1px;
    color: #6C6C6C;
    letter-spacing: 2px;
}
#prehled-mest h3 {
    font-size: 1em;
    border-color: #8F8F8F;
}
h4 {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1em;
    padding: 2px;
    margin: 1.5em inherit;
    border-bottom: 2px solid;
}
h5 {
    font-size: 1em;
    border-bottom: 1px dotted;
    padding-bottom: 0.3em;
    margin: 1.5em auto;
}
h6 {
    font-size: 1em;
    margin: 0.7em auto;
}
td, th {
    vertical-align: top;
    text-align: left;
}
td.fin {
    text-align: right;
}

table {
    border-collapse:collapse;
}
table.layout {
    border: none;
    background-color: #FFFFFF;
}

caption {
    font-weight: bold;
    text-align: left;
    margin-bottom: 3px;
    color: #666666;
}

#stranka table {
    margin: 0 0 0 20px;
}
#stranka td, #stranka th, #obsah th {
    border: 1px solid #D5D5D5;
    padding: 3px 4px;
}
#stranka th {
    background-color: #E5E4E4;
}
#stranka table.layout td, #stranka table.layout th {
    border: none;
}
#stranka table.layout td {
    background-color: #FFFFFF;
}
#stranka table.layout th {
    background-color: transparent;
}
#stranka tr.level2 td {
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
}

tr.oblast, tr.level3 {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #E5E4E4;
}

tr.cil, tr.level4 {
    font-weight: bold;
}

tr.skupinaa, tr.level5 {
    background-color: #f0f0f0;
}
#nszmfeedback td, #nszmfeedback th {
    border-left: none;
	border-right: none;
}
/* nepodbarvovat v prehledu aktivit */
#stranka.co-kdo-dela tr.cil, #stranka.co-kdo-dela tr.oblast, #stranka.co-kdo-dela tr.skupinaa  {
    font-weight: normal;
    background-color: #FFFFFF;
}
#stranka #prehled-mest {
    margin-right: -200px;
}
#prehled-mest td {
    width: 33%;
    border: none;
}
#prehled-mest h4 {
    padding: 0;
    border-bottom: none;
}
#prehled-mest h4.nszm-clen a {
    background: url(/img/dtp/ikonky/nszm-clen.gif) no-repeat top right;
    padding-right: 20px
}
.umisteni {
    font-size: 1em;
    background: url(/img/dtp/krabice-ikona-rozvoj.gif) no-repeat;
    padding: 2px 0 3px 25px;
    letter-spacing: 0.2em;
}
.naplnenost {
    margin: 5px 0px 0;
    padding: 0;
	clear: left;
}
span.priorita, span.priorita10p {
    background-color: #FFFFFF;
    color: #C9201D;
    font-weight: bold;
    padding: 0px 3px;
    margin-left: 8px;
}
.ikonka-vpravo {
    font-size: 9px;
    float: right;
}
ul.obsah {
    padding: 0 0 0 27px;
    margin: 0px;
    list-style-type: none;
}
ul.obsah ul {
    padding-top: 1em;
}
ul.obsah li {
    padding: 0 0 1em 0;
}
div.obsah {
    margin: 0 0 0 27px;
}
.vice {
    text-decoration: none;
    border-bottom: dotted 1px;
}

img.vice {
    margin-left: -18px;
    background: url(/img/dtp/ikonky/more.gif) no-repeat top left;
}
img.vice:hover {
    background: url(/img/dtp/ikonky/more-hover.gif) no-repeat top left;
}
img.mene {
    margin-left: -18px;
    background: url(/img/dtp/ikonky/less.gif) no-repeat top left;
}
img.mene:hover {
    background: url(/img/dtp/ikonky/less-hover.gif) no-repeat top left;
}

div.tablike {
    padding: 3px 4px;
    float:   left;
}

/*typ vazby dokumentu*/
.obsahova {
    color: #00F;
}

/*nadpisy a formatovani pro OBECNY TEXT*/
.obecny-text {
    line-height: 1.4em;
}
.obecny-text h2 {
    font-size: 1.4em;
    border-bottom: 6px solid #E5E4E4;
    margin: 2em auto 1em;
    padding: 0 0 1px 0;
    letter-spacing: 1px;
    text-indent: 0;
    color: #b20300;
}
.obecny-text h3 {
    text-transform: none;
    font-size: 1.3em;
    border-bottom: none;
    margin: 1.5em auto 1em 20px;
    color: #b20300;
    letter-spacing: normal;
    font-weight: normal;
}
.obecny-text h4 {
    text-transform: none;
    letter-spacing: normal;
    font-size: 1em;
    padding: 2px;
    margin: 1.5em auto 1.5em 20px;
    border: none;
    color: #b20300;
}
.obecny-text h5 {
    font-size: 1em;
    border-bottom: none;
    padding-bottom: 0.3em;
    margin: 1.5em auto 1.5em 20px;
}
.obecny-text ul {
    margin: 0;
    padding: 0 0 1em 33px;
}
.obecny-text li {
    margin: 0 0 1em 0;
}
.obecny-text p {
    margin-left: 20px;
}
/*nadpisy a formatovani pro INDIKATORY*/
.indikatory h2 {
    font-size: 1.6em;
    font-weight: normal;
    padding: 0;
    text-indent: 0;
    margin: 1.1em auto 1em auto;
    color: #b20300;
}
.indikatory h3 {
    text-transform: uppercase;
    font-size: 1.1em;
    border-bottom: 6px solid #E5E4E4;
    margin: 1em auto 1.5em;
    color: #b20300;
    letter-spacing: 1px;
}
.indikatory h4 {
    text-transform: none;
    letter-spacing: 1px;
    font-size: 1em;
    padding: 0;
    margin: 1.5em auto 0.5em 20px;
    border: none;
    color: #b20300;
}
.indikatory h5 {
    font-size: 1em;
    border-bottom: none;
    padding-bottom: 0.3em;
    margin: 0.5em auto 0.3em 20px;
}
.indikatory h6 {
    font-size: 0.9em;
    margin: 0.5em auto 0.3em 20px;
}
.indikatory .jednotka {
    margin: 0 auto 0 20px;
}
.indikatory table {
    margin: 15px 0 10px 20px !important;
}
.indikatory td, .indikatory th {
    border-left: none !important;
    border-right: none !important;
}

td.google-visualization-table-th {
    text-align: right !important;
}

/*INDEX - krabice*/
#krabice h3 a {
    border-bottom: 0px;
}
#krabice td:hover {
    color: #000000;
    cursor: pointer;
}
#krabice td:hover h3 {
    color: #000000;
}
#stranka #krabice table {
    margin: 0;
}
#krabice table td {
    border: none;
    padding: 0;
    height: 158px;
}
#krabice {
    background: url(/img/dtp/krabice.gif) no-repeat;
    position: relative;
    top: 12px;
    left: 0px;
    width: 603px;
    height: 304px;
}
#krabice .bublina {
    position: absolute;
    top: 102px;
    left: 98px;
    height: 97px;
    width: 398px;
    text-align: center;
    font-size: 1.3em;
    line-height: 1.25em;
    background-image: url(/img/dtp/bublina.png);
}
#krabice .rozvoj {
    color: #8B3975;
}
#krabice .oci {
    color: #B11C19;
}
#krabice .rozpocet {
    color: #15A9D4;
}
#krabice .mereni {
    color: #215CAA;
}
#krabice .kdo {
    color: #BD7A01;
}
#krabice .temata {
    color: #6F9928;
}
.rozvojova-krabice, .ocima-krabice, .mereni-krabice, .kdo-krabice, .rozvojova-krabice-nenaplneno, .ocima-krabice-nenaplneno, .mereni-krabice-nenaplneno, .kdo-krabice-nenaplneno {
    width: 206px;
}
.rozpocet-krabice, .temata-krabice, .rozpocet-krabice-nenaplneno, .temata-krabice-nenaplneno {
    width: 191px;
}
#krabice p {
    margin: 0;
    padding: 0 5px 0 9px;
}
#krabice h3 {
    font-size: 1.5em;
    border-bottom: none;
    margin: 5px auto;
    padding: 0 5px 0 9px;
    color: #FFFFFF;
    letter-spacing: normal;
    text-transform: none;
    font-weight: normal;
}
#krabice a {
    display: block;
    color: #000000;
    text-decoration: none;
}
#krabice h3 a {
    color: #FFFFFF;
}
/*nenaplnene krabice*/
.rozvojova-krabice-nenaplneno {
    background: url(/img/dtp/rozvoj-nenaplneno.gif) no-repeat;
}
.ocima-krabice-nenaplneno {
    background: url(/img/dtp/ocima-nenaplneno.gif) no-repeat;
}
.rozpocet-krabice-nenaplneno {
    background: url(/img/dtp/rozpocet-nenaplneno.gif) no-repeat;
}
.mereni-krabice-nenaplneno {
    background: url(/img/dtp/mereni-nenaplneno.gif) no-repeat;
}
.kdo-krabice-nenaplneno {
    background: url(/img/dtp/kdo-nenaplneno.gif) no-repeat;
}
.temata-krabice-nenaplneno {
    background: url(/img/dtp/temata-nenaplneno.gif) no-repeat;
}
.rozvojova-krabice-nenaplneno h3, .rozvojova-krabice-nenaplneno,
.ocima-krabice-nenaplneno h3, .ocima-krabice-nenaplneno,
.ocima-krabice-nenaplneno h3, .ocima-krabice-nenaplneno,
.rozpocet-krabice-nenaplneno h3, .rozpocet-krabice-nenaplneno,
.mereni-krabice-nenaplneno h3, .mereni-krabice-nenaplneno,
.kdo-krabice-nenaplneno h3, .kdo-krabice-nenaplneno,
.temata-krabice-nenaplneno h3, .temata-krabice-nenaplneno
 {
    color: #666!important;
}

/*.rozvojova-krabice-nenaplneno h3 {
    color: #B968A3!important;
}
.ocima-krabice-nenaplneno h3 {
    color: #EA726F !important;
}
.rozpocet-krabice-nenaplneno h3 {
    color: #80D0E1 !important;
}
.mereni-krabice-nenaplneno h3 {
    color: #779bcb !important;
}
.kdo-krabice-nenaplneno h3 {
    color: #EDB854 !important;
}
.temata-krabice-nenaplneno h3 {
    color: #ACCE66 !important;
}*/
/*pomucky, napoveda*/
.pomucky a {
    text-decoration: none;
    color: #597780 !important;
}
.pomucky a:hover {
    color: #4F2700 !important;
}
.pomucky, .pomucky-bg, .pomucky-bgg, .pomucky-bggg {
    background-image: url(/img/dtp/bg-pomucky.gif);
    background-repeat: no-repeat;
}
.pomucky {
    background-color: #E5E4E4;
    margin: 10px 0px 10px 0;
}
.pomucky-bg {
    background-position: bottom left;
}
.pomucky-bgg {
    background-position: top right;
}
.pomucky-bggg {
    background-position: bottom right;
}
a.tisk  {
    display: block;
    float: right;
    background-image: url(/img/dtp/ikonky/tisk.gif);
    background-repeat: no-repeat;
    padding: 3px 3px 0px 30px;
    background-position: 10px top;
    margin: 7px;
    border-left: 2px solid #FFFFFF;
}
div.napoveda  {
    background-image: url(/img/dtp/ikonky/napoveda.gif);
    background-repeat: no-repeat;
    padding: 10px 10px 0px 27px;
    background-position: 9px 8px;
}
.pomucky .detail  {
    padding: 10px 10px 0px 27px;
}
.napoveda-detail p {
    margin: 0 0 1em;
}
.pomucky br.maly {
    font-size: 8px;
}
.pomucky form  {
    padding: 0 8px 0 23px;
    font-size: 10px;
}
#stranka .pomucky td  {
    vertical-align: middle;
    border: none;
    padding: 2px;
}
.pomucky input, .pomucky select {
    font-size: 10px;
    border: 1px solid #A19A9F;
    margin: 8px 2px;
    padding: 0;
}
.pomucky input.button {
    background-color: #DFCEC4;
    border-left-color: #ffffff;
    border-top-color: #ffffff;
}
.pomucky input.button-vybran {
    background-color: #EBE3DE;
    border-bottom-color: #ffffff;
    border-right-color: #ffffff;
}
/*stranka jako papir a zalozky*/
#papir {
    background: url(/img/bg-papir.gif) repeat-y right;
    width: 715px;
    clear: left;
    padding-right: 27px;
}
#stranka #podpapir {
    margin-top: 0;
    padding-top: 1px;
    clear: left;
}
#stranka #podpapir h2 {
    margin-top: 0;
    padding-top: 25px;
    background-position: 0px 27px;
}
#papir table.tabulkove {
    width:700px;
}
#papir table {
    background-color: #FFFFFF;
}
#papir table.tabulkove span.priorita, #papir table.tabulkove span.priorita10p{
    border: solid 1px #CC0000;
}
#stranka #podpapir td.odpov {
overflow: hidden;
width: 68px;
}
#stranka #podpapir td.odpov div {
overflow: hidden;
width: 68px;
white-space: nowrap;
display: block;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 -ms-text-overflow: ellipsis;
}
#stranka #podpapir td.odpov a {
max-width: 68px;
}

#stranka #zalozky {
    background: url(/img/dtp/bg-papir-zalozka.gif) repeat-x left bottom;
    margin-top: 10px;
    font-size: 0.9em;
}
#stranka #zalozky .pozadi {
    background: url(/img/dtp/bg-papir-zalozka-konec.gif) no-repeat right bottom;
}
#stranka #zalozky a.zobrazeni{
    display:block;
    float: left;
    padding:5px 14px 0 27px;
    height: 18px;
    color:#597780;
    text-decoration:none;
}
#stranka #zalozky span{
    display: block;
    float: left;
    background: url(/img/dtp/ikonky/zalozky-l.gif) right top no-repeat;
    height: 23px;
    position: relative;
}
#stranka #zalozky span.active a {
    color:#5F293B;
    font-weight: bold;
}
#stranka #zalozky span.active  {
    background: url(/img/dtp/ikonky/zobrazeni-bg.gif) right top;
}

#stranka #zalozky a.dokument{
    background: url(/img/dtp/ikonky/zobrazeni-odokumentu-0.gif) no-repeat;
}
#stranka #zalozky a.zobrazit {
    background: url(/img/dtp/ikonky/zobrazeni-zobrazeni-0.gif) no-repeat;
}
#stranka #zalozky a.download {
    background: url(/img/dtp/ikonky/zobrazeni-stazeni-0.gif) no-repeat;
}
#stranka #zalozky a.indikatory{
    background: url(/img/dtp/ikonky/zobrazeni-indikatory-0.gif) no-repeat;
}
#stranka #zalozky a.odpovednost{
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost-0.gif) no-repeat;
}
#stranka #zalozky a.odpovednost-small{
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost-small-0.gif) no-repeat;
}
#stranka #zalozky a.odpovednost-big{
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost-big-0.gif) no-repeat;
}
#stranka #zalozky a.vazby{
    background: url(/img/dtp/ikonky/zobrazeni-vazby-0.gif) no-repeat;
}
#stranka #zalozky a.finance{
    background: url(/img/dtp/ikonky/zobrazeni-rozpocet-0.gif) no-repeat;
}
#stranka #zalozky a.tema{
    background: url(/img/dtp/ikonky/zobrazeni-temata-0.gif) no-repeat;
}

#stranka #zalozky span.active a.dokument{
    background-image: url(/img/dtp/ikonky/zobrazeni-odokumentu-1.gif);
}
#stranka #zalozky span.active a.zobrazit {
    background: url(/img/dtp/ikonky/zobrazeni-zobrazeni-1.gif) no-repeat;
}
#stranka #zalozky span.active a.download {
    background-image: url(/img/dtp/ikonky/zobrazeni-stazeni-1.gif);
}
#stranka #zalozky span.active a.indikatory{
    background: url(/img/dtp/ikonky/zobrazeni-indikatory-1.gif) no-repeat;
}
#stranka #zalozky span.active a.odpovednost{
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost-1.gif) no-repeat;
}
#stranka #zalozky span.active a.odpovednost-small{
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost-small-1.gif) no-repeat;
}
#stranka #zalozky span.active a.odpovednost-big{
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost-big-1.gif) no-repeat;
}
#stranka #zalozky span.active a.vazby {
    background-image: url(/img/dtp/ikonky/zobrazeni-vazby-1.gif);
}
#stranka #zalozky span.active a.finance {
    background-image: url(/img/dtp/ikonky/zobrazeni-rozpocet-1.gif);
}
#stranka #zalozky span.active a.tema {
    background-image: url(/img/dtp/ikonky/zobrazeni-temata-1.gif);
}

#stranka #zalozky a.dokument:hover {
    background: url(/img/dtp/ikonky/zobrazeni-odokumentu.gif) no-repeat;
    color:#5F293B;
}
#stranka #zalozky a.zobrazit:hover {
    background: url(/img/dtp/ikonky/zobrazeni-zobrazeni.gif) no-repeat;
    color:#5F293B;
}
#stranka #zalozky a.download:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-stazeni.gif);
    color:#5F293B;
}
#stranka #zalozky a.indikatory:hover {
    background: url(/img/dtp/ikonky/zobrazeni-indikatory.gif) no-repeat;
    color:#5F293B;
}
#stranka #zalozky a.odpovednost:hover {
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost.gif) no-repeat;
    color:#5F293B;
}
#stranka #zalozky a.odpovednost-small:hover {
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost-small.gif) no-repeat;
    color:#5F293B;
}
#stranka #zalozky a.odpovednost-big:hover {
    background: url(/img/dtp/ikonky/zobrazeni-odpovednost-big.gif) no-repeat;
    color:#5F293B;
}
#stranka #zalozky a.vazby:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-vazby.gif);
    color:#5F293B;
}
#stranka #zalozky a.finance:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-rozpocet.gif);
    color:#5F293B;
}
#stranka #zalozky a.tema:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-temata.gif);
    color:#5F293B;
}

/*sub-založky*/
#stranka #sub-zalozky {
    padding:7px 0 0 0;
}
#stranka #sub-zalozky small {
    display: block;
    float: left;
     padding:5px 24px 0 0;
    position: relative;
    color:#999999;
}
#stranka #sub-zalozky a.zobrazeni{
    display:block;
    float: left;
    padding:3px 7px 0 27px;
    margin-right: 5px;
    height: 17px;
    color:#597780;
    text-decoration:none;
    font-size: 9px;
    border: solid 1px #E5E4E4;
}
#stranka #sub-zalozky a.zobrazeni:hover,
#stranka #sub-zalozky span.active a.zobrazeni  {
    border-color: #BCBCBC;
    background-color: #F2F2F2;
}
#stranka #sub-zalozky span{
    display: block;
    float: left;
    height: 23px;
    position: relative;
}

#stranka #sub-zalozky a.struktura {
    background: url(/img/dtp/ikonky/zobrazeni-struktura-0.gif) no-repeat left center;
}
#stranka #sub-zalozky a.detailni {
    background: url(/img/dtp/ikonky/zobrazeni-detail-0.gif) no-repeat left center;
}
#stranka #sub-zalozky a.tabulkove {
    background: url(/img/dtp/ikonky/zobrazeni-tabulka-0.gif) no-repeat left center;
}
#stranka #sub-zalozky a.priorit {
    background: url(/img/dtp/ikonky/zobrazeni-priority-0.gif) no-repeat left center;
}
#stranka #sub-zalozky a.mapa {
    background: url(/img/dtp/ikonky/zobrazeni-mapa-0.gif) no-repeat left center;
}
#stranka #sub-zalozky a.sloupec{
    background: url(/img/dtp/ikonky/zobrazeni-sloupec-0.gif) no-repeat left center;
}
#stranka #sub-zalozky a.finance{
    background: url(/img/dtp/ikonky/zobrazeni-rozpocet-0.gif) no-repeat left center;
}
#stranka #sub-zalozky a.vazby{
    background: url(/img/dtp/ikonky/zobrazeni-vazby-0.gif) no-repeat left center;
}
#stranka #sub-zalozky a.korelace{
    background: url(/img/dtp/ikonky/zobrazeni-korelace-0.gif) no-repeat left center;
}

#stranka #sub-zalozky span.active a.struktura,
#stranka #sub-zalozky a.struktura:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-struktura.gif);
    color:#5F293B;
}
#stranka #sub-zalozky span.active a.detailni,
#stranka #sub-zalozky a.detailni:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-detail.gif);
    color:#5F293B;
}
#stranka #sub-zalozky span.active a.tabulkove,
#stranka #sub-zalozky a.tabulkove:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-tabulka.gif);
    color:#5F293B;
}
#stranka #sub-zalozky span.active a.priorit,
#stranka #sub-zalozky a.priorit:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-priority.gif);
    color:#5F293B;
}
#stranka #sub-zalozky span.active a.mapa,
#stranka #sub-zalozky a.mapa:hover{
    background-image: url(/img/dtp/ikonky/zobrazeni-mapa.gif);
    color:#5F293B;
}
#stranka #sub-zalozky span.active a.sloupec,
#stranka #sub-zalozky a.sloupec:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-sloupec.gif);
    color:#5F293B;
}
#stranka #sub-zalozky span.active a.finance,
#stranka #sub-zalozky a.finance:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-rozpocet.gif);
    color:#5F293B;
}
#stranka #sub-zalozky span.active a.vazby,
#stranka #sub-zalozky a.vazby:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-vazby.gif);
    color:#5F293B;
}
#stranka #sub-zalozky span.active a.korelace,
#stranka #sub-zalozky a.korelace:hover {
    background-image: url(/img/dtp/ikonky/zobrazeni-korelace.gif);
    color:#5F293B;
}
/*          záloha zobrazení - specialni zobrazeni (sipka)
#stranka #zalozky a.special{
    background: url(/img/dtp/ikonky/more.gif) no-repeat 10px 0;
}
#stranka #zalozky span.active a.special {
    background: url(/img/dtp/ikonky/zobrazeni-special-1.gif) no-repeat 0 0;
    font-weight: normal;
}
#stranka #zalozky a.special:hover {
    background: url(/img/dtp/ikonky/less.gif) no-repeat 8px 2px;
    color:#5F293B;
}

           podmenu speciálního zobrazení
#stranka #zalozky span.podmenu  {
    background-color: #e1e1e1;
    background-image: none;
    float: none;
    height: auto;
    left: -2px;
    position: absolute;
    top: 22px;
    min-width: 153px;
    padding: 1px 0 10px;
}
#stranka #zalozky span.active span.podmenu  {
    background-color: #fff;
    left: 1px;
    min-width: 146px;
    border: 1px solid #CCCCCC;
    border-top: none;
}
#stranka #zalozky span.podmenu a {
    display: block;
    padding: 3px 29px;
    color: #597780;
    text-decoration:none;
}
#stranka #zalozky span.active span.podmenu a {
    padding: 3px 26px;
    font-weight: normal;
}
#stranka #zalozky span.podmenu a:hover {
    color:#5F293B;
    background-color: #F4F4F4;
}
*/
/*boxik nastroju ve strance*/
#stranka .nastroje {
    background-image: url(/img/dtp/nastroje-bg-top-left.gif);
    background-repeat: no-repeat;
    margin-top: 10px;
}
#stranka .nastroje-bg {
    background-image: url(/img/dtp/nastroje-bg-top-right.gif);
    background-repeat: no-repeat;
    background-position: top right;
}
#stranka .nastroje-bgg {
    background-image: url(/img/dtp/nastroje-bg-bottom-left.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}
#stranka .nastroje-bggg {
    background-image: url(/img/dtp/nastroje-bg-bottom-right.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}
#stranka .nastroje-div {
    padding: 0 28px 0;
    margin: 0;
    border-right: 1px solid #AAAAA9;
    border-left: 1px solid #AAAAA9;
    background-color: #ECECEA;
}
#stranka .nastroje h3 {
    margin: 0 28px 0;
    border: none;
    padding: 1.1em 0 0.5em;
}
#stranka .nastroje-div p {
    padding: 0.5em 0;
    margin: 0;
}
.priorita1, .priorita10 {
    padding: 0.2em 0;
}
/*BAREVNE VARIANTY PRVKU, dle rozdeleni do krabic*/
#stranka.rozvojove-zamery h2 {
    color: #8E3D71;
    background-image: url(/img/dtp/krabice-ikona-rozvoj.gif);
}
#stranka.rozvojove-zamery h3 {
    border-color: #E8E1E6;
}
#stranka.rozvojove-zamery h4 {
    border-color: #8E3D71;
}
#stranka.rozvojove-zamery h5, #stranka h5.fialova {
    color: #8E3D71;
    border-color: #8E3D71;
}
#stranka.rozvojove-zamery h5 a, #stranka h5.fialova a {
    color: #8E3D71;
    text-decoration: none;
}
#stranka.rozvojove-zamery h6 a {
    color: #8E3D71;
}
#stranka.rozvojove-zamery th {
    background-color: #E8E1E6;
    font-size: 0.8em;
}
#stranka.rozvojove-zamery legend {
    color: #8E3D71;
}
#stranka.rozvojove-zamery h4.priorita1, #stranka.rozvojove-zamery h5.priorita1,
#stranka.rozvojove-zamery h4.priorita10, #stranka.rozvojove-zamery h5.priorita10,
#stranka.rozvojove-zamery tr.priorita10>td:first-child {
    background-color: #8E3D71;
    color: #FFFFFF;
}

/*-*/
#stranka.ocima-lidi h2 {
    color: #B11C19;
    background-image: url(/img/dtp/krabice-ikona-oci.gif);
}
#stranka.ocima-lidi h3 {
    border-color: #F6DED4;
}
#stranka.ocima-lidi h4 {
    border-color: #C9201D;
}
#stranka.ocima-lidi h5, #stranka h5.cervena {
    color: #B11C19;
    border-color: #C9201D;
}
#stranka.ocima-lidi h5 a, #stranka h5.cervena a {
    color: #C9201D;
    text-decoration: none;
}
#stranka.ocima-lidi h6 a {
    color: #C9201D;
}
#stranka.ocima-lidi th {
    background-color: #F6DED4;
    font-size: 0.8em;
}
#stranka.ocima-lidi legend {
    color: #B11C19;
}
#stranka.ocima-lidi h4.priorita1, #stranka.ocima-lidi h5.priorita1,
#stranka.ocima-lidi h4.priorita10, #stranka.ocima-lidi h5.priorita10,
#stranka.ocima-lidi tr.priorita10>td:first-child {
    background-color: #C9201D;
    color: #FFFFFF;
}
/*-*/
#stranka.rozpocet h2 {
    color: #128CB0;
    background-image: url(/img/dtp/krabice-ikona-rozpocet.gif);
}
#stranka.rozpocet h3 {
    border-color: #CFE4E7;
}
#stranka.rozpocet h4 {
    border-color: #15A9D4;
}
#stranka.rozpocet h5, #stranka h5.nebe {
    color: #128CB0;
    border-color: #15A9D4;
}
#stranka.rozpocet h5 a, #stranka h5.nebe a {
    color: #128CB0;
    text-decoration: none;
}
#stranka.rozpocet h6 a {
    color: #C9201D;
}
#stranka.rozpocet th {
    background-color: #CFE4E7;
    font-size: 0.8em;
}
#stranka.rozpocet legend {
    color: #128CB0;
}
#stranka.rozpocet h4.priorita1, #stranka.rozpocet h5.priorita1,
#stranka.rozpocet h4.priorita10, #stranka.rozpocet h5.priorita10,
#stranka.rozpocet tr.priorita10>td:first-child {
    background-color: #15A9D4;
    color: #FFFFFF;
}
/*-*/
#stranka.mereni-uspechu h2 {
    color: #215CAA;
    background-image: url(/img/dtp/krabice-ikona-mereni.gif);
}
#stranka.mereni-uspechu h3 {
    border-color: #CDD5E0;
}
#stranka.mereni-uspechu h4 {
    border-color: #215CAA;
}
#stranka.mereni-uspechu h5, #stranka h5.modra {
    color: #215CAA;
    border-color: #215CAA;
}
#stranka.mereni-uspechu h5 a, #stranka h5.modra a {
    color: #215CAA;
    text-decoration: none;
}
#stranka.mereni-uspechu h6 a {
    color: #215CAA;
}
#stranka.mereni-uspechu th {
    background-color: #CDD5E0;
    font-size: 0.8em;
}
#stranka.mereni-uspechu legend {
    color: #215CAA;
}
#stranka.mereni-uspechu h4.priorita1, #stranka.mereni-uspechu h5.priorita1,
#stranka.mereni-uspechu h4.priorita10, #stranka.mereni-uspechu h5.priorita10,
#stranka.mereni-uspechu tr.priorita10>td:first-child {
    background-color: #215CAA;
    color: #FFFFFF;
}
/*-*/
#stranka.co-kdo-dela h2 {
    color: #D48901;
    background-image: url(/img/dtp/krabice-ikona-kdo.gif);
}
#stranka.co-kdo-dela h3 {
    border-color: #F7E3C2;
}
#stranka.co-kdo-dela h4 {
    border-color: #FFA501;
}
#stranka.co-kdo-dela h5, #stranka h5.zluta {
    color: #D48901;
    border-color: #E49300;
}
#stranka.co-kdo-dela h5 a, #stranka h5.zluta a {
    color: #E49300;
    text-decoration: none;
}
#stranka.co-kdo-dela h6 a {
    color: #E49300;
}
#stranka.co-kdo-dela th {
    color: #E49300;
}
#stranka.co-kdo-dela th {
    background-color: #F7E3C2;
    font-size: 0.8em;
}
#stranka.co-kdo-dela legend {
    color: #D48901;
}
#stranka.co-kdo-dela h4.priorita1, #stranka.co-kdo-dela h5.priorita1,
#stranka.co-kdo-dela h4.priorita10, #stranka.co-kdo-dela h5.priorita10,
#stranka.co-kdo-dela tr.priorita10>td:first-child {
    background-color: #FFA501;
    color: #FFFFFF;
}
/*-*/
#stranka.spolecna-temata h2 {
    color: #78A92B;
    background-image: url(/img/dtp/krabice-ikona-temata.gif);
}
#stranka.spolecna-temata h3 {
    border-color: #DFF3C0;
}
#stranka.spolecna-temata h4 {
    border-color: #91CA36;
}
#stranka.spolecna-temata h5, #stranka h5.zelena {
    color: #78A92B;
    border-color: #91CA36;
}
#stranka.spolecna-temata h5 a, #stranka h5.zelena a {
    color: #78A92B;
    text-decoration: none;
}
#stranka.spolecna-temata h6 a {
    color: #78A92B;
}
#stranka.spolecna-temata th {
    background-color: #DFF3C0;
    font-size: 0.8em;
}

#stranka.spolecna-temata tr.gtable-head td {
    background: #DFF3C0;
}

#stranka.spolecna-temata td b {
    font-size: 0.8em;
}
#stranka.spolecna-temata legend {
    color: #78A92B;
}
#stranka.spolecna-temata h4.priorita1, #stranka.spolecna-temata h5.priorita1,
#stranka.spolecna-temata h4.priorita10, #stranka.spolecna-temata h5.priorita10,
#stranka.spolecna-temata tr.priorita10>td:first-child {
    background-color: #91CA36;
    color: #FFFFFF;
}

div.graf td, div.graf th, div.budegraf td, div.budegraf th {
    font-size: 0.8em;
}

tr.gtable-head td {
    font-weight: bold;
}


/** ikonky za soubory prevzaty z wikipedie */
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#stranka a[href ^="http://"] {
    background: url(/img/css/external.png) center right no-repeat;
    padding-right: 13px;
}

/* ...but not to absolute links in this domain: */
#stranka a[href *="nszm.cz"],
#stranka a[href *="zdravamesta.cz"],
#stranka a[href *="dataplan.info"],
#stranka a[href *="dobrapraxe.cz"],
#stranka a[href *="databaze-strategie.cz"] {
        background: transparent;
        padding-right: 0px;
}

/*barevne oznaceni odkazu smerujicich do jinych krabic*/
#stranka a[href *="/rozvojove-zamery"] {
    background: url(/img/dtp/ikonky/ik-zamery.gif) center right no-repeat;
    padding-right: 9px;
}
#stranka a[href *="/ocima-lidi"] {
    background: url(/img/dtp/ikonky/ik-oci.gif) center right no-repeat;
    padding-right: 9px;
}
#stranka a[href *="/rozpocet"] {
    background: url(/img/dtp/ikonky/ik-rozpocet.gif) center right no-repeat;
    padding-right: 9px;
}
#stranka a[href *="/mereni-uspechu"] {
    background: url(/img/dtp/ikonky/ik-mereni.gif) center right no-repeat;
    padding-right: 9px;
}
#stranka a[href *="/co-kdo-dela"] {
    background: url(/img/dtp/ikonky/ik-kdo.gif) center right no-repeat;
    padding-right: 9px;
}
#stranka a[href *="/spolecna-temata"] {
    background: url(/img/dtp/ikonky/ik-temata.gif) center right no-repeat;
    padding-right: 9px;
}

/*barevne oznaceni odkazu smerujicich do jinych krabic - neaplikovat na soucasnou krabici */
#stranka.rozvojove-zamery a[href *="/rozvojove-zamery"],
#stranka.ocima-lidi a[href *="/ocima-lidi"],
#stranka.rozpocet a[href *="/rozpocet"],
#stranka.mereni-uspechu a[href *="/mereni-uspechu"],
#stranka.co-kdo-dela a[href *="/co-kdo-dela"],
#stranka.spolecna-temata a[href *="/spolecna-temata"],
#krabice a[href *="/rozvojove-zamery"],
#krabice a[href *="/ocima-lidi"],
#krabice a[href *="/rozpocet"],
#krabice a[href *="/mereni-uspechu"],
#krabice a[href *="/co-kdo-dela"],
#krabice a[href *= "/spolecna-temata"]
{
    background: transparent;
    padding-right: 0px;
}


/* toto rusi
#stranka a[href ^="https://"] {
    background: url(/img/css/lock_icon.gif) center right no-repeat;
    padding-right: 16px;
}
*/
#stranka a[href ^="mailto:"] {
    background: url(/img/css/mail_icon.gif) center right no-repeat;
    padding-right: 18px;
}
#stranka a[href $=".ogg"], #stranka a[href $=".OGG"],
#stranka a[href $=".mid"], #stranka a[href $=".MID"],
#stranka a[href $=".midi"],#stranka a[href $=".MIDI"],
#stranka a[href $=".mp3"], #stranka a[href $=".MP3"],
#stranka a[href $=".wav"], #stranka a[href $=".WAV"],
#stranka a[href $=".wma"], #stranka a[href $=".WMA"]
{
    background: url("/img/css/audio.png") center right no-repeat;
    padding-right: 13px;
}
#stranka a[href $=".ogm"], #stranka a[href $=".OGM"],
#stranka a[href $=".avi"], #stranka a[href $=".AVI"],
#stranka a[href $=".mpeg"],#stranka a[href $=".MPEG"],
#stranka a[href $=".mpg"], #stranka a[href $=".MPG"]
{
    background: url("/img/css/video.png") center right no-repeat;
    padding-right: 13px;
}
#stranka a[href $=".pdf"],  #stranka a[href $=".PDF"]
{
    background: url("/img/css/pdf.gif") center right no-repeat;
    padding-right: 16px;
}
#stranka a[href $=".doc"],  #stranka a[href $=".DOC"]
{
    background: url("/img/css/doc.gif") center right no-repeat;
    padding-right: 17px;
}
#stranka a[href $=".zip"],  #stranka a[href $=".ZIP"]
{
    background: url("/img/css/zip.gif") center right no-repeat;
    padding-right: 17px;
}
#stranka a[href $=".xls"],  #stranka a[href $=".XLS"]
{
    background: url("/img/css/xls.gif") center right no-repeat;
    padding-right: 17px;
}

/*stylovani zobrazeni dokumentu*/
.zamer, .zamerpri, .krok, .aktivita {
    margin-left: 27px;
}
.krok {
    font-size: 0.9em;
}
dl {
    margin: 0 auto 1.5em;
}
dt {
    color: #858585;
}

.inline, dl.inline dt, dl.inline dd {
    display: inline;
}

dd.inline, dl.inline dd {
    margin-left: 10px;
}

dl.inline {   /* dl itself should not be inline */
    display: block;
}

/*===================== INDEX VSECH INDEXU ==========================*/
/*leve menu*/
.menu-krabice .indikatory {
    background-image: url(/img/dtp/bg-menu-index.gif);
}
.menu-krabice .indikatory a.vybrana{
    color: #902A3B;
}
.menu-krabice  .indikatory .submenu a:hover{
    background-color: #EBE1DB;
}
.menu-krabice .nast-index {
    background-position: right top;
    background-image: url(/img/dtp/bg-menu-index.gif);
}
/*hlavni prostor*/
.index{
    margin-right: 0px;
}
.uvod strong {
    font-size: 1.2em;
    color: #902A3B;
    font-family: Arial, Helvetica, sans-serif;
}
.uvod {
    margin: 15px 80px 25px 0;
    line-height: 1.3em;
}
.navod {
    text-align: center;
    font-size: 1.5em;
    color: #666666;
    padding: 10px 0 100px;
}
.manual {
    background: url(/img/dtp/manual-vrch.gif) no-repeat;
    position: relative;
    width: 604px;
}
.manual-konec {
    background: url(/img/dtp/manual-konec.gif) no-repeat;
    width: 604px;
}
.sticker1 {
    background: url(/img/dtp/sipka-misto.gif) no-repeat;
    width: 302px;
    height: 119px;
    position: absolute;
    left: -48px;
    top: 8px;
}
.sticker2 {
    background: url(/img/dtp/sipka-naplneni.gif) no-repeat;
    width: 301px;
    height: 119px;
    position: absolute;
    left: 200px;
    top: 52px;
}
#sticker3 {
    background: url(/img/dtp/sipky-spodni.gif) no-repeat;
    width: 274px;
    height: 119px;
    position: relative;
    left: 162px;
    top: 9px;
}
.vysvetlivka1, .vysvetlivka2, .vysvetlivka3 {
    width: 230px;
    height: 75px;
    background: url(/img/dtp/nalepka.gif) no-repeat;
}
.vysvetlivka1 {
    bottom:0px;
    right: 0px;
    position: absolute;
}
.vysvetlivka2 {
    top:0px;
    right: 0px;
    position: absolute;
}
.vysvetlivka3 {
    top: 24px;
    left: 26px;
    position: relative;
}
.vysvetlivka1 p, .vysvetlivka2 p, .vysvetlivka3 p {
    padding: 13px 7px 7px 7px;
    margin: 0;
    font-size: 0.9em;
    color: #818156;
}
/* obsah krabic */
#obsah-krabice-rozvoj, #obsah-krabice-oci, #obsah-krabice-rozpocet, #obsah-krabice-mereni, #obsah-krabice-kdo, #obsah-krabice-temata {
    line-height: 1.6em;
    width: 604px;
    background: url(/img/dtp/obsah-rozvoj.gif) no-repeat /*#8B3975*/;
}
#obsah-krabice-oci{
    background: url(/img/dtp/obsah-oci.gif) no-repeat /*#c9201d*/;
}
#obsah-krabice-rozpocet{
    background: url(/img/dtp/obsah-rozpocet.gif) no-repeat /*#8B3975*/;
}
#obsah-krabice-mereni{
    background: url(/img/dtp/obsah-mereni.gif) no-repeat /*#8B3975*/;
}
#obsah-krabice-kdo{
    background: url(/img/dtp/obsah-kdo.gif) no-repeat /*#8B3975*/;
}
#obsah-krabice-temata{
    background: url(/img/dtp/obsah-temata.gif) no-repeat /*#3B3975*/;
}
.konec-obsah-rozvoj, .konec-obsah-oci, .konec-obsah-rozpocet, .konec-obsah-mereni, .konec-obsah-kdo, .konec-obsah-temata {
    width: 604px;
    background: url(/img/dtp/obsah-rozvoj.gif) left bottom;
    height: 20px;
}
.konec-obsah-oci {
    background: url(/img/dtp/obsah-oci.gif) left bottom;
}
.konec-obsah-rozpocet {
    background: url(/img/dtp/obsah-rozpocet.gif) left bottom;
}
.konec-obsah-mereni {
    background: url(/img/dtp/obsah-mereni.gif) left bottom;
}
.konec-obsah-kdo {
    background: url(/img/dtp/obsah-kdo.gif) left bottom;
}
.konec-obsah-temata {
    background: url(/img/dtp/obsah-temata.gif) left bottom;
}
#obsah-krabice-rozvoj .ukazka {
    background: url(/img/dtp/obsah-rozvoj2.gif) top;
    margin-left: -5px;
}
#obsah-krabice-oci .ukazka {
    background: url(/img/dtp/obsah-oci2.gif) top;
    margin-left: -5px;
}
#obsah-krabice-rozpocet .ukazka {
    background: url(/img/dtp/obsah-rozpocet2.gif) top;
    margin-left: -5px;
}
#obsah-krabice-mereni .ukazka {
    background: url(/img/dtp/obsah-mereni2.gif) top;
    margin-left: -5px;
}
#obsah-krabice-kdo .ukazka {
    background: url(/img/dtp/obsah-kdo2.gif) top;
    margin-left: -5px;
}
#obsah-krabice-temata .ukazka {
    background: url(/img/dtp/obsah-temata2.gif) top;
    margin-left: -5px;
}
.vyber-krabic {
    width: 198px;
    height: 136px;
    background: url(/img/dtp/vyber-krabice.gif) no-repeat right 27px;
    float: right;
    text-align: right;
    margin: -5px 0 0 10px;
}
.vyber-krabic img:hover {
    cursor: pointer;
}
.vyber-krabic img.roz,
.vyber-krabic img.oc,
.vyber-krabic img.rozp {
    margin: 0 2px 5px 2px;
}
.vyber-krabic img.mer,
.vyber-krabic img.kd,
.vyber-krabic img.tem {
    margin: 6px 2px 0 2px;
}
.vyber-krabic img.roz:hover {
    background: url(/img/dtp/krabice-hover-rozvoj.gif);
}
.vyber-krabic img.oc:hover  {
    background: url(/img/dtp/krabice-hover-ocima.gif);
}
.vyber-krabic img.rozp:hover  {
    background: url(/img/dtp/krabice-hover-rozpocet.gif);
}
.vyber-krabic img.mer:hover  {
    background: url(/img/dtp/krabice-hover-mereni.gif);
}
.vyber-krabic img.kd:hover  {
    background: url(/img/dtp/krabice-hover-kdo.gif);
}
.vyber-krabic img.tem:hover  {
    background: url(/img/dtp/krabice-hover-temata.gif);
}
.krabice-text {
    margin: 0;
    padding: 0 10px 0 15px;
    color: #000000;
}
.krabice-text ul {
    margin: 13px 0 0;
    padding: 0 0 0 295px;
}
.krabice-text li {
    list-style-type: none;
    margin: 0.8em 0 0 0;
}
.krabice-text h2 {
    text-indent: 0;
    padding: 15px 0 8px 0;
    color: #FFFFFF;
}
.krabice-text h3 {
    color: #FFFFFF;
    border: none;
    text-transform: none;
    font-size: 1.3em;
    font-weight: normal;
    padding: 2em 0 0;
    margin: 0;
}
.krabice-text img {
    margin: 4px 10px 0 0pt;
    float: left;
}
.krabice-text strong {
    color: #FFFFFF;
    font-weight: normal;
}
.krabice-text a {
    color: #FFF !important;
    text-decoration: none;
    border-bottom: 1px dotted #CCC;
}
.krabice-text a:hover {
    color: #000000 !important;
}

#stranka #okraj a[href*="/rozvojove-zamery"] {
    background-image: none;
    padding-right: 0;
}

/* tooltip na mape*/
#dhtmltooltip{
    position: absolute;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
    /*Remove below line to remove shadow. Below line should always appear last within this CSS
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
    */
}

#dhtmlpointer{
    position:absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}


/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip                 { position: absolute; }
.prototip .effectWrapper  { position: relative; }
.prototip .tooltip        { position: relative; }
.prototip .toolbar        { position: relative; display: block; }
.prototip .toolbar .title { position: relative; display: block; }
.prototip .content        { clear: both; }

.prototip .toolbar a.close {
    position: relative;
    text-decoration: none;
    float: right;
    width: 15px;
    height: 15px;
    background: transparent url(close.gif);
    display: block;
    line-height: 0;
    font-size: 0px;
    border: 0;
    }
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim {
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
}

/* Tooltip styles */
.prototip .default          { width: 300px; border: 1px solid #000; }
.prototip .default .toolbar { background: #952225; color: #fff }
.prototip .default .title   { padding: 2px; font-weight: bold;}
.prototip .default .content { background: lightyellow; padding: 2px;}

.prototip .tipwide          { width: 600px; border: 1px solid #000; }
.prototip .tipwide .toolbar { background: #952225; color: #fff }
.prototip .tipwide .title   { padding: 2px; font-weight: bold;}
.prototip .tipwide .content { background: lightyellow; padding: 2px;}


#desetp td        { padding: 0px 8px 12px; text-align: right;}
#desetp .nedelame { color: #808080; }
#desetp tr:nth-child(odd) { background:#E5E4E4; }

/* obecne tridy */
span.label {
    font-size: 10px;
    background-color: lightyellow;
    border: 1px solid black;
    padding: 0px 8px;
}

.skryt {
    display:none;
}
/*zobrazeni mapa*/
div.mapa {
    border-left: 1px solid #666666;
    margin-left: 10px;
    padding-top: 12px;
    width:       400px;
}

div.mapa h3 {
    font-size: 1.2em;
}

div.mapa div.oblast, div.mapa div.cil {
    padding: 0px 12px;
    background: url(/img/mapa-strom.gif) center left no-repeat;
    margin-bottom: 20px;
}
div.mapa div.oblast div.text {
    padding: 10px 7px 1px 0px;
}
div.mapa div.cil div.text {
    background-color:#FFFFFF;
    padding:12px;
}
/*mapa konec*/

/*=== fotogalerie ===*/
div.fotogalerie {
    margin: 0;
    width: 402px;
}
div.switcher {
    width: 402px;
    height: 90px;
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 20px;
}
div.switcher img.active {
    border: solid black 1px;
}
div#photo_ajax {
    font-size: 0.8em;
    width: 402px;
}
div#photoimg {
    width: 400px;
    height: 300px;
    border: 1px solid #567335;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    background-color: #F2F2F2;
}
div#photoimg img {
    border: none;
}
a.prev_next {
    text-decoration: none;
    margin-right: 2em;
}
span.prev_next {
    margin-right: 2em;
    color: white;
}
a.enlarge {
    float: right;
    padding: .1em .4em 0 20px;
    font-weight: bold;
    text-decoration: none;
    color: white !important;
    background-color: #666666;
    background-image: url(/img/css/lupa.gif);
    background-repeat: no-repeat;
    background-position: 5px 70%;
    border: 1px solid #567335;
    border-bottom: none;
}
a.prev_next:hover, a.enlarge:hover {
    color: black;
}
/*=== fotogalerie - konec ===*/



#rozvrzeni .layout #stranka div.oblast div.text, #rozvrzeni .layout #stranka div.cil div.text {
    border-left: 1px solid #666666;
}
#rozvrzeni .layout #stranka div.plan div.text h3, #rozvrzeni .layout #stranka div.plan div.text h4, #rozvrzeni .layout #stranka div.plan div.text p {
    padding-left: 12px;
}
#rozvrzeni .layout #stranka .plan h4 {
    margin: 0;
    padding: 0;
    border: none;
}
#rozvrzeni .layout #stranka .plan h3 {
    margin: 0;
    padding: .3em 0 .7em;
    color:#333333;
    border: none;
}
div.cil div.text p {
    padding: 0;
    margin: 1em 0;
}
/* #rokswitcher (realizatori)*/
a.active {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

/* pro splnene aktivity - respektive ty neaktualni pro dany rok */
div.ne-rok {
    color: #888;
    display: none;
}

div.komentar, div.namet {
    margin-left: 1em;
}

div.role- {
    color: #BBB;
}
div.role-:hover {
    color: #000;
}
/*sort-table*/
table.sortable th span {
    background: #E5E4E4 url(/img/dtp/sort-no.png) no-repeat right;
    padding-right: 17px;
    cursor: pointer;
}
table.sortable th.sortdown span {
    background: #E5E4E4 url(/img/dtp/sort-down.png) no-repeat right;
}
table.sortable th.sortup span {
    background: #E5E4E4 url(/img/dtp/sort-up.png) no-repeat right;
}
span.ano {
    background: #E5E4E4;
    font-size: 0.85em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0 2px;
    color: #333333;
    border: solid 1px #BAB5B6;
}
/*legenda pro plany*/
div.plan-legenda {
    width: 200px;
    float: right;
    padding-bottom: 15px;
    margin-left: 5px;
    font-style: italic;
    color: #666666;
}
#stranka div.plan-legenda table{
    margin: 0;
}
#stranka div.plan-legenda td{
    font-size: 0.9em;
}
#stranka div.plan-legenda tr>td:first-child {
    white-space: nowrap;
}
/*patička*/
#foot {
    padding: 40px 0 0;
    background-color: #FFFFFF;
}
#foot .nszm {
    color: #4A4A4A;
    background-color: #BAB5B6;
    padding: 4px 20px 0px 35px;
    font-size: 0.9em;
    height: 14px;
}
#foot a {
    color: #fff;
    text-decoration: none;
}
#copyright {
    padding: 6px 20px 3px 35px;
    margin: 0;
    font-size: 0.9em;
    color: #B0B0B0;
    text-align: right;
    background-color:#FFFFFF;
}
#copyright a {
    color: #A4A4A4;
    text-decoration: none;
}
#foot a:hover, #copyright a:hover {
    color: #333;
}

/*zobrazeni koprivnice*/
.kopr {
    width: 930px;
}
.kopr hr {
    height: 1px;
    background-color: #fff;
    border: 0;
    border-bottom: solid 1px #CCCCCC;
}
#stranka .kopr table {
    margin-left: 0;
    margin-top: 5px;
}
#stranka .kopr td {
    padding: 0;
    border: none;
}
#stranka .kopr h4,
#stranka .kopr h5,
#stranka .kopr h6{
    margin-top: 0;
    border: none;
}
#stranka .kopr h4{
    padding-top: 5px;
}
#stranka .kopr h5{
    margin: inherit;
}
#stranka .kopr h4,
#stranka .kopr h5{
    width: 240px;
}
#stranka .kopr .prvni-bunka {
    width: 250px;
}
.kopr .levely5 {
    width: 300px;
}
.kopr .levely5 h5 {

}
.kopr .levely6 {
    width: 300px;
}

/*tabulka ma21*/
table.ma td {
    text-align: center;
    font-weight: bold;
}
table.ma small{
    border-top: 1px solid #DBDBDB;
    display: block;
    margin-top: 2px;
    text-align: left;
    font-weight: normal;
    font-style: italic;
    color: #6A0000;
    text-align: center;
}
table.ma .prof-dopo small {
    color: #666666;
    border-top: none;
    font-style: normal;
}

table.ma td.mes2199676 small {
    color: #666666;
    font-style: normal;
}


table.ma td.profil-dop-1.mes2199676 {
    background-color:#FFFF00;
}
table.ma td.profil-dop-2.mes2199676 {
    background-color:#FFBF00;
}
table.ma td.profil-dop-3.mes2199676 {
    background-color:#FF6600;
}
table.ma td.profil-dop-1 {
    background-color:#dceecc;
}
table.ma td.profil-dop-2 {
    background-color:#9ddfbd;
}
table.ma td.profil-dop-3 {
    background-color:#5bc9c3;
}
#stranka table.ma td.mes2199676 {
    border-left-width: 7px;
}
/**/
.pomucky .prepinac input{
    margin: 2px 2px;
}
#stranka .pomucky .prepinac td {
    border: 4px solid #E5E4E4;
}
#stranka th.mz,
#stranka th.m,
#stranka th.z
 {
    background-color:#9BABBF;
}
#stranka th.mz14,
#stranka th.mz24,
#stranka th.mz34,
#stranka th.mz44,
#stranka th.mz64,

#stranka th.m14,
#stranka th.m24,
#stranka th.m34,
#stranka th.m44,
#stranka th.m64,

#stranka th.z14,
#stranka th.z24,
#stranka th.z34,
#stranka th.z44,
#stranka th.z64
 {
    background-color:#EFF6FF;
}
#stranka th.mz65p,
#stranka th.mz85p,

#stranka th.m65p,
#stranka th.m85p,

#stranka th.z65p,
#stranka th.z85p
 {
    background-color:#AFD4FF;
}
#stranka tr.zaklad th,
#stranka tr.ostatn th,
#stranka tr.doplnk th

 {
    border-left-width: 7px;
}
#stranka tr.zaklad th{
    border-left-color:#902A3B;
}
#stranka tr.ostatn th{
    border-left-color:#CFC2C2;
}
#stranka tr.doplnk th{
border-left-color:#FF8F8F;
}
#stranka tr.zaklad th div.uroven2,
#stranka tr.doplnk th div.uroven2,
#stranka tr.ostatn th div.uroven2
{
    padding-left: 20px;
}
#stranka tr.zaklad th div.uroven3,
#stranka tr.doplnk th div.uroven3,
#stranka tr.ostatn th div.uroven3
{
    padding-left: 40px;
}
#stranka tr.zaklad th span,
#stranka tr.doplnk th span,
#stranka tr.ostatn th span
{
    padding-right: 5px;
    color: #902A3B;
}
#lang_select {
    font-size: 11px;
}

/*ouška*/
div#kryci-div {
    background: #EFEFEF url(/img/dtp/okraj-bg.gif) repeat-y right;
    position:absolute;
    top:0;
    left:-212px;
    width:212px;
    background-color:#efefef;
    height:220px;
    z-index:1020;
}
#ouska {
    position: relative;
    height: 95px;
}
/*fb ouško*/
#fbousko {
    background: url(/img/dtp/fb-ousko.png) no-repeat right top;
    display: block;
    float: left;
    height: 146px;
    padding: 0px;
    position: absolute;
    top: 63px;
    left: -113px;
    width: 150px;
    z-index: 1002;
    cursor: pointer;
}
#fbousko h6 a{
    color: #4064B8;
    text-decoration: none;
}
#FaceBookLikeButton {
    float: left;
    margin-top: 1px;
    padding-left: 4px;
    z-index: 1003;
}
/*google translate ouško*/
#googleousko {
    background: url(/img/dtp/google-ousko.png) no-repeat right top;
    display: block;
    float: left;
    height: 146px;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: -175px;
    width: 212px;
    z-index: 1001;
    cursor: pointer;
}
/*tematicke prehledy*/
#ikony-prurezu {
	height: 55px;
    margin-left: 20px;
	padding-top: 5px;
}
#ikony-prurezu strong {
	font-size: 0.9em;
	color: #902A3B;
}
#ikony-prurezu table {
    margin: 5px 0 0 0;
}
#stranka #ikony-prurezu table.layout td {
    background-color: #E5E4E4;
	font-size: 9px;
	overflow: hidden;
	width: 50px;
	vertical-align: top;
	cursor: pointer;
}
#stranka #ikony-prurezu table.layout td div {
	overflow: hidden;
	width: 50px;
	margin-top: 2px;
	white-space: nowrap;
	display: block;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
#stranka #ikony-prurezu table.layout td div.videt {
	background-color: #F2F2F2;
	border: 1px solid silver;
	overflow: visible;
	padding: 3px 0 3px 3px;
	position: absolute;
	top: 25px;
	z-index: 1000;
	width: 290px;
}
#td-ver img {
background-image:url(/img/dobra-praxe/temata-hlavni-verejna-gray.png);
}
#td-ziv img {
background-image:url(/img/dobra-praxe/temata-hlavni-zivotni-gray.png);
}
#td-zdr img {
background-image:url(/img/dobra-praxe/temata-hlavni-zdravi-gray.png);
}
#td-soc img {
background-image:url(/img/dobra-praxe/temata-hlavni-socialni-gray.png);
}
#td-vzd img {
background-image:url(/img/dobra-praxe/temata-hlavni-vzdelavani-gray.png);
}
#td-pod img {
background-image:url(/img/dobra-praxe/temata-hlavni-podnikani-gray.png);
}
#td-dop img {
background-image:url(/img/dobra-praxe/temata-hlavni-doprava-gray.png);
}
#td-zem img {
background-image:url(/img/dobra-praxe/temata-hlavni-zemedelstvi-gray.png);
}
#td-vol img {
background-image:url(/img/dobra-praxe/temata-hlavni-volny-gray.png);
}
/*hovery*/
#td-ver.active img, #td-ver img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-verejna.png);
}
#td-ziv.active img, #td-ziv img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-zivotni.png);
}
#td-zdr.active img, #td-zdr img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-zdravi.png);
}
#td-soc.active img, #td-soc img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-socialni.png);
}
#td-vzd.active img, #td-vzd img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-vzdelavani.png);
}
#td-pod.active img, #td-pod img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-podnikani.png);
}
#td-dop.active img, #td-dop img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-doprava.png);
}
#td-zem.active img, #td-zem img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-zemedelstvi.png);
}
#td-vol.active img, #td-vol img:hover {
background-image:url(/img/dobra-praxe/temata-hlavni-volny.png);
}

/*tabulka oragnizační struktura*/
#stranka .table-struktura{
	border: solid 10px #EAEAEA;
	border-top-width: 4px;
	opacity: 0.5;
}
#stranka .table-struktura td {
	background-color: #EAEAEA;	
	border: none;
	font-size: 0.8em;
	padding: 0;
}
#stranka .table-struktura td a{
	color: #333333;
	text-decoration: none;
}
#stranka .table-struktura td a:hover{
	color: #000;
	text-decoration: underline;
}