body                    {margin: 0; background: #638a15 url('/img/design/pozadi-bariera-pergamen.jpg') repeat-y center top; z-index: 0;}
body, textarea          {font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; font-size: small;}
body,legend             {color: #005;}

/* Styly designových elementů */
.leve-pozadi            {background: url('/img/design/leve-pozadi.jpg') no-repeat left top; z-index: -10;}
.prave-pozadi           {background: url('/img/design/leve-pozadi.jpg') no-repeat right top; z-index: -10;}
.pozadi-bariera         {background: url('/img/design/pozadi-bariera-pergamen.jpg') repeat-y center top;}
.pozadi-bariera-vrch    {background: url('/img/design/pozadi-bariera-vrch.jpg') no-repeat center top; padding-top: 20px;}
.hadice-leva            {background: url('/img/design/hadice-s-menu.jpg') repeat-y; z-index: 0; width: 270px; height: 820px; position: absolute; top: -20px; left: 0;}
.hadice-prava           {background: url('/img/design/hadice-prava.jpg') repeat-y; z-index: 0; width: 40px; height: 340px; position: absolute; right: 0; top: -20px;}
.obsah                  {width: 960px; margin: 0 auto; position: relative; padding: 0;}
div.text                {margin: 0 0 0 270px; padding-top: 0px; width: 640px; _width: 604px; background: #eee8aa; background: url('/img/design/pergamen-vrch.jpg') no-repeat left top;}
/*.text-vrch              {background: url('/img/design/pergamen-vrch.jpg') no-repeat top left;}*/
.text2                  {margin: 110px 35px 0 34px; _margin-left: 17px; _margin-right: 17px; _width: 570px; width: 570px; float: left;}
.leva                   {position: absolute; top: 150px; left: 0px; width: 270px; height: 440px; z-index: 1; padding: 0;}
.leva2                  {margin: 15px 40px 15px 45px; overflow: hidden;}
.patka                  {clear: both; text-align: center; line-height: 2em; margin-top: 2em; padding: 1em 0 1em 0; background: url('/img/design/cara.jpg') no-repeat top center;}
.ochcafka               {width: 1px; height: 720px;}

.animovane-fotky        {background: url('/img/design/animovane-fotky.jpg') no-repeat; z-index: 10; width: 200px; height: 179px; position: absolute; right: 0px; top: 0px; text-align: center;}
.animovane-fotky div    {position: relative;}
.animovane-fotky div div{top: 25px; left: 0; position: absolute; width: 200px; height: 154px;}
.animovane-fotky a      {display: block;}
.animovane-fotky img    {border: 5px solid #e9dfc3 !important; margin: 0 auto; display: block;}
.animovane-fotky .nova  {z-index: 1;}
.animovane-fotky .sponka{z-index: 11; background: url('/img/design/animovane-fotky-sponka.png') no-repeat top center; display: block; width: 200px; height: 60px;}

.relativni-navigace     {text-align: center; line-height: 1.6; position: relative; height: 4em;}
.relativni-navigace span {display: block;}
.relativni-navigace .predchozi {position: absolute; width: 45%; text-align: right; left: 0; top: 0;}
.relativni-navigace .nasledujici {position: absolute; width: 45%; text-align: left; right: 0; top: 0;}
.relativni-navigace .stred {width: 9%; position: absolute; left: 45%;}

.odkaz-na-zacatek-stranky {text-align: right; margin-top: 2em; clear: both;}

/* Styly normálních odkazů */
a                       {color: #c00;}
a:visited               {color: #c00;}
a:hover,a:active,a:focus{color: #f00;}

/* Styly ikonek poblíž textu a odkazů */
a.ven                   {padding-right: 9px; background: url('/img/link-out.gif') right top no-repeat;}
a.aktualni-odkaz        {font-weight: bold; text-decoration: none;}
a.komentar              {padding-left: 20px; background: url('/img/ikony/comment.png') left center no-repeat;}
a.novy                  {padding-left: 20px; background: url('/img/ikony/add.png') left center no-repeat;}
a.smazat, a.odstranit   {padding-left: 20px; background: url('/img/ikony/delete.png') left center no-repeat;}
a.upravit               {padding-left: 20px; background: url('/img/ikony/pencil.png') left center no-repeat;}
a.kalendar              {padding-right: 20px; background: url('/img/ikony/calendar.png') right center no-repeat;}
.rss                    {padding-right: 20px; background: url('/img/ikony/feed.png') right center no-repeat;}
.narozeniny             {padding-left: 20px; background: url('/img/ikony/cake.png') left center no-repeat;}

a.vystav-on             {padding-left: 20px; background: url('/img/ikony/eye.png') left center no-repeat;}
a.vystav-off            {padding-left: 20px; background: url('/img/ikony/delete.png') left center no-repeat;}

.nesmazatelny a.smazat  {display: none;}
.maze-se a.smazat       {background: url('/img/ikony/provadi-se.gif') left center no-repeat;}
.maze-se                {background: #f99;}

.blizke-ukaz-dalsi      {font-size: 150%; text-align: center;}
.blizke-ukaz-dalsi a    {padding-left: 20px; background: url('/img/ikony/add.png') left center no-repeat;}

/* Styly standardních elementů */
p,dl,ul,ol,address      {line-height: 1.5; margin: 0; padding: 0;} /* spodní margin je definovaný jinde */
h1,h2,h3,h4,h5,caption  {margin: 0 0 0.5ex 0; font-weight: bold; font-family: Georgia, "New York CE", utopia, serif;}
h1                      {font-size: 200%; text-align: center; margin-bottom: 1.5em;}
h2,h3,h4,h5,caption     {margin-top: 1.5em; /* u p,dl,... zůstane jen 0.5em, zbytek se sloučí */}
h2,h3,h4,h5             {clear: both;}
h2                      {font-size: 160%;}
h3, caption             {font-size: 130%;}
h4                      {font-size: 110%;}
h5                      {font-size: 105%;}
p + table caption       {margin-top: -0.5em;}
img,a img               {border: 0;}
ul,ol,dl                {margin-left: 35px;}
li + li                 {padding-top: 3px;}
td, th                  {padding: 5px;}

h2 a.small              {font-size: 60%; font-weight: normal;}

ul.tyka_se li           {list-style-image: url('/img/design/sipka-odrazka.png');}

.javascript .hidden-js  {display: none;}

/* chyba, úspěch */
.chyba-uspech ul        {margin-top: 10px !important; margin-bottom: 10px !important; font-weight: bold; margin-left: 0;}
.chyba-uspech li        {margin-left: 10px; padding-left: 25px;}
.chyba-uspech .chyba    {border: 2px solid #f00; background: #fed; color: #f00;}
.chyba-uspech .chyba li {list-style: none; background: url('/img/ikony/exclamation.png') left center no-repeat;}
.chyba-uspech .ulozeno,
.chyba-uspech .provadim {border: 2px solid #060; background: #efd; color: #060;}
.chyba-uspech .provadim li {list-style: none; background: url('/img/ikony/provadi-se.gif') left center no-repeat;}
.chyba-uspech .ulozeno li {list-style: none; background: url('/img/ikony/accept.png') left center no-repeat;}
.chyba-uspech .smazano    {border: 2px solid #060; background: #efd; color: #060;}
.chyba-uspech .smazano li {list-style: none; background: url('/img/ikony/accept.png') left center no-repeat;}

/* sloupcový layout */
.sloupce                {width: 100%; clear: both; margin-bottom: 1.5em;} /* obsahuje sloupce */
.sloupec                {width: 48%; float: left;}
.sloupec + .sloupec,.sloupce p + .sloupce p {margin-left: 20px;}
.sloupce .druhy-sloupec {margin-left: 20px;}
.sloupec > h2,.sloupec > h3 {margin-top: 0;}
.sloupec,.sloupec p,.sloupec ul,.sloupec ol {margin-bottom: 0;}
.sloupce:after          {content:"."; display: block; height: 0; clear: both; visibility: hidden;}

.cleaner                {display: block; clear: both;} /* do galerií apod. */

.pocitadlo-sponka       {position: absolute; top: 635px; left: 20px; width: 60px; height: 60px; z-index: 10; background: url( '/img/design/pocitadlo-sponka.jpg' ) top left no-repeat;}
.pocitadlo              {position: absolute; top: 652px; left: 38px; z-index: 9;}

.geo                    {display: none;}

.idTabs                 {display: none; font-size: 70%;}
.javascript .idTabs     {display: block;}
.idTabs .selected       {color: #005 !important; text-decoration: none !important; font-size: 150%;}

#stalo-se li, #ceka-nas li {padding-top: 0;}
#posledni-zmeny ul      {margin-top: 1.5em;}
#posledni-zmeny ul ul   {margin-top: 0;}


.atributy_polozky       {font-size: 80%;}

/* Styl menu */
.menu li                {line-height: 1.9em; padding-top: 0;}
.menu ul                {margin: 0; padding: 0;}
.menu ul li             {font-family: Georgia, "New York CE", utopia, serif; list-style: none;}
.menu ul ul li          {list-style: circle; font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; margin-left: 25px;}
.menu ul ul ul li       {list-style: square; margin-left: 40px;}

/* Zvýrazněná aktualita na hlavní stránce */
.upozorneni                 {padding: 2px; border: 2px solid #c00; font-weight: bold; margin-bottom: 1.5em;}
.upozorneni h3              {background: #008; color: #fff; margin: 0; font-size: 110%; text-align: center; line-height: 2; padding: 0px;}
.upozorneni h3 a            {color: #fff; text-decoration: none; display: block;}
.upozorneni h3 a:hover      {color: #ff0; text-decoration: underline;}
.upozorneni p               {text-align: center; margin: 0; line-height: 2;}
.upozorneni p a             {display: block;}
.upozorneni p.narozeniny    {text-align: left; font-weight: 100;}
.upozorneni p.narozeniny a  {display: inline;}

/* filtr družstev */
dl.filtr-druzstev       {margin-left: 0;}
dl.filtr-druzstev dt    {width: 120px; margin: 0; padding: 0; float: left;}
dl.filtr-druzstev dd    {margin-left: 120px;}

/* Styly fotografií */
.panoramaticka-fotka    {overflow: auto;}

.fotogalerie            {text-align: center; clear: both;}
.fotogalerie h4         {text-align: left; margin-bottom: 1em;}
.fotogalerie .fotka     {margin-right: 9px; margin-bottom: 15px; float: left; _margin-right: 7px;}
.fotka     				{width: 180px;}
.fotka a   				{display: block; height: 135px;}
.fotka img 				{border: 1px solid #fff; display: block; margin: 0 auto;}

a.lightbox, #mala-mapa img {cursor: url('/img/ikony/zoomin.cur'), url('/img/ikony/zoom_in.png'), pointer !important;}

.profilova-fotka        {float: right; width: auto;}
.fotka-left             {float: left; margin: 0 10px 10px 0;}
.fotka-right,.profilova-fotka {float: right; margin: 0 0 10px 10px;}

div.videa               {text-align: center;}
.videa h4               {text-align: left;}
.videa div              {margin-bottom: 10px;}

/* komentáře */
div.komentar            {line-height: 1.6; padding-bottom: 15px; background: url('/img/design/cara.jpg') no-repeat bottom center;}
/*div.komentar + div.komentar {border-top: 1px solid #008; padding-top: 5px; margin-top: 5px;}*/
div.komentar span.datum {font-weight: 100;}
div.komentar .odpoved   {text-align: right;}
div.komentar .odpoved a {padding-left: 20px; background: url('/img/ikony/comment_add.png') left center no-repeat;}

.strankovani            {text-align: center;}

.paticka-clanku         {padding-top: 15px; background: url('/img/design/cara.jpg') no-repeat top center; clear: both;}
.paticka-clanku2        {padding-bottom: 5px; background: url('/img/design/cara.jpg') no-repeat bottom center;}

.oddel-vespod           {padding-bottom: 5px; background: url('/img/design/cara.jpg') no-repeat bottom center;}

/* vlastnosti společné pro více prvků */
.upozorneni,p,dl,ul,ol,address,.panoramaticka-fotka,fieldset,.fotogalerie,form,.relativni-navigace,.anketa,.chyba-uspech div, .anketa, #mapa-vnejsi {margin-bottom: 1.5em;} /* spodní mezera */

ul ul 					{margin-bottom: 0;}

/* mapa */
#mapa-vnejsi            {padding: 7px; border: 2px solid #008; clear: both;}
#mapa                   {border: 1px solid #008; height: 450px;}
fieldset #mapa div      {margin-bottom: 0 !important;}
#mala-mapa              {padding: 3px; border: 2px solid #008; display: block; float: right; font-size: 90%; text-align: center; margin-bottom: 1em; position: relative; margin: 0 0 10px 10px;}
#mala-mapa img          {display: block;}
/*#mala-mapa span         {position: absolute; margin: 0 auto; top: 10px; text-align: center; display: block; width: 100%; font-size: 20px; font-weight: bold;}*/

/* ankety */
.anketa h2              {text-align: center; font-size: 130%; margin-top: 0;}
.anketa .odpoved-hlas, .anketa .odpovedi-celkem {line-height: 2;}
.anketa .odpoved-hlas   {border-bottom: 1px dashed #008;}
.anketa .odpoved        {text-align: left; font-weight: bold;}
.anketa .hlasy          {width: 60px; float: right; text-align: right;}
.anketa .chyba-uspech   {margin-top: 1em;}
.anketa .vsechny        {text-align: right;}
.anketa .odpovedet      {text-align: center;}

.soubor                 {clear: both;}
.soubor img             {display: block; margin: 0 auto;}
.soubor h5              {clear: none;}
.soubor h5,.soubor p    {margin-left: 105px;}
.soubor .nahled         {width: 100px; float: left;}
.soubor ul              {margin-left: 135px;}

.clen                   {margin-bottom: 10px; padding-left: 5px; padding-bottom: 0; padding-top: 15px; background: url('/img/design/cara.jpg') no-repeat top center;}
/*.clen + .clen           {padding-top: 0; padding-top: 15px; background: url('/img/design/cara.jpg') no-repeat top center;}*/
.clen h4                {padding: 0; margin: 0; line-height: 1.6; clear: none;}
.clen:after             {content:"."; display: block; height: 0; clear: both; visibility: hidden;}

div.slozeni-druzstva    {padding-bottom: 15px; background: url('/img/design/cara.jpg') no-repeat bottom center;}

.nasi-mali-pozarnici    {display: block; text-align: center;}
.nasi-mali-pozarnici img {margin: 20px auto;}

table .nazev-polozky    {width: 45%;}

.kalendar-oddel         {padding-top: 15px; margin-top: 15px; background: url('/img/design/cara.jpg') no-repeat top center;}

/* formuláře */
fieldset                {padding: 10px; border: 1px solid #005; margin-top: 0; margin-right: 0; margin-left: 0;}
fieldset label, .label  {display: block; width: 100px; padding-right: 5px; text-align: right; float: left;}
label.no-label          {width: auto; float: none; display: inline;}
textarea                {width: 425px;}
fieldset div            {margin-bottom: 5px; line-height: 1.5;}
.povinne                {font-weight: bold;}
fieldset p              {margin-bottom: 0.5em;}
/*fieldset > div          {margin-bottom: 0;}
fieldset > div + div    {border-top: 1px solid #008; padding-top: 2px; margin-top: 2px; margin-bottom: 0;}*/
/*input                   {line-height: 1.5;}*/
input.poradi            {width: 20px;}
input.cas               {width: 55px;}
input.body              {width: 30px;}
input.text              {width: 415px;}
input.cislo             {width: 35px;}
/*input[type="submit"]    {padding: 5px 10px;}*/

textarea                {width: 100%; height: 15em; line-height: 1.7;}

fieldset .radek         {margin-right: 80px;}
fieldset .smazat        {display: block; float: right; width: 100px; text-align: left;}
fieldset .smazat:after  {content:"."; display: block; height: 0; clear: both; visibility: hidden;}
span .smazat            {display: inline; float: none; width: auto !important;}

div.textarea            {margin-left: 105px;}

.discipliny label       {width: auto; padding-right: 0px; display: inline; float: none;}
.discipliny div         {border: 0px solid #000;}
.clen label             {text-align: right; margin-right: 5px; display: block; width: 150px; float: left;}

fieldset.vysledky label, fieldset.vysledky .label {width: 120px;}

.hromadne_nahrane .fotka,.fotky .fotka {float: left; width: 180px; margin-right: 10px;}
.hromadne_nahrane .fotka img,.fotky .fotka img {display: block; margin: 0 auto;}
.hromadne_nahrane .nahled {width: 180px;}
.hromadne_nahrane .fotky img {}
.hromadne_nahrane div p {margin-left: 190px;}
.hromadne_nahrane .soubor {padding-top: 15px; margin-top: 15px; background: url('/img/design/cara.jpg') no-repeat top center;}
.fotky input.text       {width: 280px;}
.fotky div              {clear: both;}
.fotky div div          {clear: none;}
.fotky label            {width: auto; text-align: left; float: left;}
.fotky .smazat          {width: 130px;}

.fotky .vychozi-razeni label,
.videa .vychozi-razeni label {width: auto;}

.vzorova-polozka        {display: none;}

.nahrane-soubory input.text {width: 300px;}
.nahrane-soubory p + div.soubor {padding-top: 15px; margin-top: 15px; background: url('/img/design/cara.jpg') no-repeat top center;}
.nahrane-soubory div p  {margin-left: 105px;}
.nahrane-soubory img    {float: right; display: block;}
.nahrane-soubory .no-label {width: auto !important;}
.nahrane-soubory .smazat {float: none; width: auto; display: inline;}
.soubory .soubor        {margin-bottom: 1.5em;}

.soubory table          {border-collapse: collapse; width: 100%; border: 0;}
.soubory td, .soubory th {border: 1px solid #008; vertical-align: middle;}

/*.komentare div div label {float: none !important; display: inline !important; width: 100px; margin-left: 0; text-align: right;}*/
.komentare .odpovedi-na {margin-left: 100px; margin-bottom: 0;}
.komentare .odpovedi-na div {margin-bottom: 0;}

.kniha-hostu textarea   {height: 7em;}

.aktuality input#nadpis {width: 425px;}

.ucasti_druzstev div div div   {margin-left: 105px;}
.ucasti_druzstev div div div div {margin-left: 0;}
.ucasti_druzstev div div label {display: inline !important; float: none !important; width: auto !important;}

.cinnosti_s_kategoriemi div div div   {margin-left: 105px;}
.cinnosti_s_kategoriemi div div div div {margin-left: 0;}
.cinnosti_s_kategoriemi div div label {display: inline !important; float: none !important; width: auto !important;}

/*.zavody div div div     {margin-left: 105px;}*/ /* vytékala textarea mimo stránku */
.zavody div div div div {margin-left: 0;}
.zavody div div label   {display: inline !important; float: none !important; width: auto !important;}
.zavody input#misto     {width: 425px;}
.zavody input#nazev,.zavody input#soutez {width: 280px;}

.discipliny label       {width: 50px !important;}
.discipliny div div div label,.discipliny div div span label {display: inline; float: none; width: auto; padding-right: 0 !important;}
.discipliny div div       {margin-left: 0px;}
.discipliny div div div   {margin-left: 55px;}

.druzstva input#nazev   {width: 425px;}

.clenove input.text     {width: 425px;}

.ankety input.text      {width: 425px;}
.ankety-odpovedi .text  {width: 200px;}
.ankety-odpovedi .no-label {width: auto; float: none; display: inline;}

.stranky .no-label      {width: auto;}

.nastaveni label        {display: inline !important; width: auto !important; float: none;}

.cinnosti input#nazev   {width: 425px;}
.cinnosti_vyber label   {margin-left: 0px;}
.cinnosti_vyber .no-label {width: auto; float: none; display: inline;}

fieldset.slozeni-druzstva .smazat {width: 60px;}

.funkce_clenu .text     {width: 315px;}

.relevantni_polozky .smazat {width: 95px;}

.fotky .polozka-fotka + .polozka-fotka,
.videa .pridatelna-polozka + .pridatelna-polozka,
.discipliny .pridatelna-polozka + .pridatelna-polozka {padding-top: 8px; margin-top: 5px; background: url('/img/design/cara.jpg') no-repeat top center;}

.paleni label           {width: 150px;}
.paleni textarea        {width: 350px; height: 7em;}
.paleni p               {text-align: center; margin-top: 2em; font-size: 120%;}
.paleni .submit         {text-align: center;}

#nadpis-webu            {display: none; font-size: 80%;}
#nadpis-webu img        {float: left; margin-right: 10px;}
#nadpis-webu h1         {text-align: left; font-size: 130%; margin: 0;}

@media print {
     * {background: none !important;}
     .leva,.patka,.ochcafka {display: none;}
     .obsah,div.text,div.text2 {margin: 0; padding: 0; width: 100%;}
     .text2             {float: none;}
     *,a,a:visited      {color: #000; font-family: serif;}
     a,a:visited        {text-decoration: none;}
     .komentare         {display: none;}
     a.ven              {padding: 0;}
     #nadpis-webu       {display: block;}
     .pocitadlo         {display: none;}
     .odkaz-na-zacatek-stranky {display: none;}
}