/* Copyright Petr Menšík aka Pedro 
Tento css soubor slouží jako stylový soubor ke sriptu index.php

*/

/* --------- obecná pravidla -------- */

body,html {
 background: #df7b2d url('img/root-pattern.jpg') repeat-x left top;
 margin: 0px;
 padding: 0px; 
 font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
 font-size: 12px;
 line-height: 1.3em;
 color: #000000;
}

img {
 margin: 5px;
 padding: 0px;
 border: 0px solid black;
}

div {
 margin: 0px;
 padding: 0px;
}

/* --------- @obecná pravidla -------- */

/* --------- definovaná pravidla -------- */

#divRoot {
 margin: 0px;
 padding: 0px;
 border: 0px solid black;
}

#divMiddle {
 margin: 0px 210px 0px 210px;
 height: 682px; 
 border: 0px solid black;
 padding: 20px 0px 0px 0px;
}

#divLeft {
 float: left;
 margin: 16px 0px 0px 0px;
 height: 682px;
 width: 206px;
 background: url('img/left.jpg') no-repeat left top;
 border: 0px solid black;
}

#divRight {
 float: right;
 margin: 16px 0px 0px 0px;
 height: 682px;
 width: 206px;
 background: url('img/right.jpg') no-repeat right top;
 border: 0px solid black;
}

.divLogoSportischip {
 margin: 10px 5px 10px 15px;
 background: url('img/logo-sportischip.gif') no-repeat left top;
 width: 150px;
 height: 53px;
 border: 0px solid black;
}

#divLastAkt {
 margin: 30px 40px 10px 10px;
 border: 0px solid black;
}

#divLastAkt h3 {
 color: #000000;
 font-weight: normal;
 font-size: 1.2em;
 line-height: 1.5em;
}

#divTTN {
 margin: 30px 80px 10px 15px;
 border: 1px solid black;
 width: 44px;
 height: 70px;
 background: url('img/ttn.png');
}

.divMiddleHeader {
 margin: 0px 5px 10px 5px;
 padding: 0px 0px 10px 0px;
 border: 0px solid black;
 height: auto;
 /*background: url('img/line.jpg') no-repeat left bottom;*/
 border-bottom: 3px solid #e77a13;
}

.divLogo {
 width: 350px;
 height: 72px;
 background: url('img/logo.gif') no-repeat left top;
 position: relative;
 _position: fixed;
 top: 0px;
 left: 50%;
 margin: 15px 0px 10px -175px;
 _margin: 15px 0px 10px 0px;
}

.divLogoSmall {
 width: 200px;
 height: 42px;
 margin: 15px 0px 10px 0px;
 background: url('img/logo-small.gif') no-repeat left top;
}

.divBanner {
 margin: 5px 5px 0px 5px;
 padding: 0px;
 height: 95px;
}

/* --------------- divBody ----------------- */

.divBody {
 margin: 5px 5px 0px 5px;
 _margin: 25px 5px 0px 5px;
 padding: 0px;
 border: 0px solid black;
 overflow: auto;
 height: 450px;
 scrollbar-base-color: #e87b14;
}

/*.divBody p {
 color: #000000;
 font-size: 1.1em;
 line-height: 1.3em;
}*/

.divBody p a {
 color: #d82c20;
 text-decoration: underline;
}

.divBody p a:hover {
 text-decoration: none;
}

.divBody h3 {
 color: #000000;
 font-size: 1.3em;
 font-weight: bold;
 /*text-decoration: underline;*/
 margin: 10px 0px 35px 0px;
}

.divBody h3.special {
 color: #000000;
 font-size: 1.3em;
 font-weight: bold;
 /*text-decoration: underline;*/
 margin: 45px 0px 35px 0px;
}

.divBody h4 {
 color: #cc0000;
 font-size: 1.3em;
}

.divBody h1 {
 color: #000000;
 font-size: 1.5em;
 line-height: 2.5em;
}

.divBody h1.h1Pic {
 color: #000000;
 font-size: 1.5em;
 line-height: 1.7em;
 border: 0px solid black;
 height: 75px;
 margin-bottom: 25px;
}

.divBody h1.h1Pic img {
 border: 1px solid black;
 float: left;
 margin: 0px 25px 0px 0px;
}

.divBody ul {
 margin: 20px 0px 0px 20px;
 padding: 0px;
}

.divBody ul li {
 font-size: 1.1em;
 line-height: 1.8em;
}

.divPaticka {
 margin: 70px 0px 0px 0px;
 padding: 0px;
 text-align: center;
}

.divPaticka p {
 font-size: 0.8em;
 color: #fff;
 margin: 0px;
}

.divPaticka p a {
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}

.divPaticka p a:hover {
 text-decoration: underline;
}

/* --------- napiste nam -------*/

#divNapisteNam {
 margin: 20px 20px 20px 0px;
}

#send fieldset {
 margin: 10px 10px 10px 0px;
 border: 0px solid black;
}
#send .input {
 width: 270px;
 border: 1px solid #e99e65;
 margin-left: 0px;
 margin-right: 0px;
}

#send .antispam {
 width: 70px;
 border: 1px solid #e99e65;
 margin-left: 0px;
 margin-right: 0px;
}

#send .submit {
 width: 270px;
 height: 20px;
 border: 1px solid #ffffff;
 margin: 10px 0px 10px 45px;
 background-color: #e77a13;
 color: #ffffff;
 font-weight: bold;
}

#send .textarea {
 width: 270px;
 height: 100px;
 border: 1px solid #e99e65;
 margin-left: 0px;
 margin-right: 0px;
 scrollbar-base-color: #ececee;
}

.tableNapisteNam {
 font-size: 1em;
 color: #000000;
 border: 1px solid #e99e65;
 width: 400px;
 background-color: #fae3d3;
}

.tableNapisteNam td {
 padding: 0px 10px 0px 10px;
 border-collapse: collapse;
}

.tableNapisteNam .tdPopis {
 width: 40px;
}

/* --------- @napiste nam -------*/

/* --------------- divBody ----------------- */

.no {
 visibility: hidden;
 display: none;
}

hr.cleaner {
 clear: both;
 height: 1px;
 margin: -1px 0px 0px 0px; 
 padding: 0px;
 border: 0px solid black;
 visibility: hidden;
}

/* --------- seznamy -------- */

#ulMenu {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
 border: 0px solid black;
}

#ulMenu li.nonActive {
 width: 150px;
 height: 38px;
 margin: 15px 0px 15px 10px;
 background: url('img/tlacitko-small.png') no-repeat left top;
 border: 0px solid black; 
}

#ulMenu li.nonActive a {
 line-height: 38px;
 font-size: 1.1em;
 color: #000000;
 font-weight: bold;
 text-decoration: none;
 width: 130px;
 _width: 150px;
 height: 38px;
 border: 0px solid black;
 display: block;
 padding-left: 15px;
}

#ulMenu li.nonActive a:hover {
 line-height: 38px;
 color: #ffffff;
 text-decoration: none;
}

#ulMenu li.Active {
 width: 190px;
 height: 48px;
 margin: 15px 0px 15px 10px;
 background: url('img/tlacitko-big.png') no-repeat left top;
 border: 0px solid black; 
}

#ulMenu li.Active a {
 line-height: 49px;
 font-size: 1.6em;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 width: 170px;
 _width: 190px;
 height: 48px;
 border: 0px solid black;
 padding-left: 15px;
 display: block;
}

#ulMenu li.Active a:hover {
 line-height: 49px;
 color: #ffffff;
 text-decoration: none;
}

/* tlačítko sportischip */

#ulMenu li.ActiveSCH {
 width: 190px;
 height: 48px;
 margin: 15px 0px 15px 10px;
 background: url('img/tlacitko-big.png') no-repeat left top;
 border: 0px solid black; 
}

#ulMenu li.ActiveSCH a {
 line-height: 49px;
 font-size: 1.4em;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 width: 170px;
 _width: 190px;
 height: 48px;
 border: 0px solid black;
 padding-left: 15px;
 display: block;
}

#ulMenu li.ActiveSCH a:hover {
 line-height: 49px;
 color: #ffffff;
 text-decoration: none;
}

/* tlačítko sportischip */

.ulNabidka {
 margin: 12px 0px 0px 0px;
 padding: 0px;
 list-style-type: none;
 border: 0px solid black;
}

.ulNabidka li {
 color: #000000;
 background: url('img/sipka.gif') no-repeat left center;
 margin: 0px;
 padding-left: 20px;
 border: 0px solid black;
 text-transform: uppercase;
 font-size: 1.2em;
 _font-size: 0.8em;
 font-weight: bold;
 line-height: 1.8em;
}

.ulNabidka li a {
 text-decoration: underline;
 color: #000000;
}

.ulNabidka li a:hover {
 text-decoration: none;
 color: #d82c20;
}


.ulNabidka1 {
 margin: 12px 0px 0px 0px;
 padding: 0px;
 list-style-type: none;
 border: 0px solid black;
}

.ulNabidka1 li {
 color: #000000;
 background: url('img/sipka.gif') no-repeat left center;
 margin: 0px 0px 0px 25px;
 padding-left: 20px;
 border: 0px solid black;
 text-transform: uppercase;
 font-size: 1em;
 _font-size: 0.7em;
 font-weight: bold;
 line-height: 1.8em;
 float: left;
}

.ulPodNabidka {
 margin: 0px 0px 0px 10px;
 height: 30px;
 list-style-type: none;
 border: 0px solid black;
 padding: 0px;
}

.ulPodNabidka li {
 color: #000000;
 padding: 0px;
 margin-right: 20px;
 border: 0px solid black;
 font-size: 1.1em;
 line-height: 1.5em;
 font-weight: bold;
 float: left;
}

.ulPodNabidka li a {
 color: #d82c20;
 text-decoration: underline;
}

.ulPodNabidka li a:hover {
 color: #bcbec0;
 text-decoration: none;
}

.ulPodNabidka li a.active {
 color: #bcbec0;
 /*color: #bcbec0;*/
 text-decoration: none;
}

.ulRoky {
 margin: 0px;
 padding: 0px;
 list-style-type: square;
 border: 0px solid black;
}

.ulRoky li {
 font-size: 1.2em;
}

.ulRoky li a {
 font-weight: bold;
 color: #c17414;
 text-decoration: underline;
}

.ulRoky li a:hover {
 text-decoration: none;
}

/* --------- @seznamy -------- */

/* --------- tabulky -------- */

.tableReference {
 margin: 5px 0px 25px 0px;
 border-collapse: collapse;
 border-top: 1px solid #df7b2d;
 border-left: 1px solid #df7b2d;
}

.tableReference td {
 font-size: 1.2em;
 _font-size: 0.9em;
 line-height: 1.5em;
 padding: 0px 15px 0px 15px;
 color: #000000;
 border-bottom: 1px solid #df7b2d;
 border-right: 1px solid #df7b2d;
}

/*.td {
 font-size: 1.2em;
 _font-size: 0.9em;
 line-height: 1.8em;
 padding: 0px 30px 0px 30px;
 color: #000000;
}

.td1 {
 font-size: 1.2em;
 _font-size: 0.9em;
 line-height: 1.5em;
 padding: 0px 30px 0px 30px;
 background-color: #e87b14;
 color: #ffffff;
}*/

.tableReference td em {
 color: #ba1319;
 font-weight: bold;
 font-style: normal;
}


.tableReference td a {
 color: #000000;
 text-decoration: underline;
}

.tableReference td a:hover {
 text-decoration: none;
}

.tableMiddleHeader {
 width: 100%;
 _width: 95%;
 border-collapse: collapse;
 border: 0px solid black;
}

.tableMiddleHeader .tdLeft {
 text-align: left;
 padding: 0px;
}

.tableMiddleHeader .tdRight {
 text-align: right;
 padding: 0px;
}

.tableMiddleHeader .tdCenter {
 text-align: center;
 padding: 0px;
}

.tableAktuality {
 width: 100%;
 padding: 0px;
 margin: 0px;
 font-size: 1em;
}

.tableAktuality .tdImage {
 width: 107px;
 heihgt: 77px;
 border: 0px solid black;
 padding: 0px;
 margin: 0px;
}

.tableAktuality .tdImage img {
 border: 1px solid black;
 margin: 0px;
 padding: 0px;
}

.tableAktuality td {
 padding: 0px 5px 0px 5px;
 vertical-align: top;
}

.tableAktuality .tdUvod {
 background-color: #f7e9de;
 border: 1px solid #dc8037;
 line-height: 1.4em;
}

.tableAktuality .tdNadpis {
 background-color: #e28b46;
 border: 1px solid #db7f2a;
 color: #ffffff;
 line-height: 1.4em;
}

.tableAktuality .tdAutor {
 float: right;
 margin: 0px;
 display: inline;
}




.tableAktuality tr.trAkt td {
 padding: 0px 5px 0px 5px;
 vertical-align: top;
}

.tableAktuality tr.trAkt .tdUvod {
 background-color: #f7e9de;
 border: 1px solid #aa180b;
 line-height: 1.4em;
}

.tableAktuality tr.trAkt .tdNadpis {
 background-color: #aa180b;
 border: 1px solid #aa180b;
 color: #fff;
 line-height: 1.4em;
}

.tableAktuality tr.trAkt .tdAutor {
 float: right;
 margin: 0px;
 display: inline;
}




.tableZavody {
 margin: 1px;
 width: 99%;
 border: 0px solid black;
 background-color: #ffffff;
 border-top: 1px solid #e87b14;
 border-left: 1px solid #e87b14;
 border-collapse: collapse;
 font-size: 0.9em;
}

.tableZavody td {
 line-height: 1.8em;
 border-bottom: 1px solid #e87b14;
 border-right: 1px solid #e87b14;
 padding-left: 5px;
 padding-rihgt: 5px;
}

.tableZavody tr.trZahlavi {
 background-color: #f7dcc6;
 font-weight: bold;
 text-align: center;
}

.tableZavody td.tdGray {
 color: #b1b4b6;
 font-style: normal;
}

.tableBanner {
 width: 100%;
 margin-top: 15px;
}

.tableBanner td {
 text-align: center;
}

.tableBanner td object {
 border: 0px solid red;
}

.tableList {
 margin: 10px;
 padding: 0px;
 border-collapse: collapse;
 float: right;
 font-size: 0.9em;
}

.tableList td {
 padding: 0px;
 text-align: center;
 width: 15px;
 line-height: 20px;
}

.tableList td span {
 display: block;
 background-color: #f7e9de;
 color: #000;
 font-weight: normal; 
 width: 15px;
 margin: 0px 2px 0px 2px;
}

.tableList td a {
 display: block;
 background-color: #e28b46;
 color: #000;
 font-weight: bold; 
 text-decoration: none;
 width: 15px;
 margin: 0px 2px 0px 2px;
}

.tableList td a:hover {
 background-color: #ffd400;
 text-decoration: none;
}

.divVyhledavani {
 border: 1px solid #e87b14;
 background-color: #f7dcc6;
 padding: 3px;
 margin: 0px 8px 15px 2px;
 text-align: center;
}

.divVyhledavani form {
 margin: 0px;
 padding: 0px;
}

.tableVyhledavani {
 margin: 0px;
 padding: 0px; 
 display: inline;
}

.tableVyhledavani td {
 vertical-align: bottom;
}

.tableVyhledavani td.tdNadpis {
 color: #000;
 font-weight: bold;
 text-align: center;
 font-size: 0.9em;
 _font-size: 0.7em;
}

.tableVyhledavani td.prijmeni {
 text-align: center;
}

.tableVyhledavani td .help {
 padding: 0px;
 font-size: 0.8em;
 _font-size: 0.6em;
 margin: 0px;
}

.tableVyhledavani td .inputText {
 color: #000;
 height: 16px;
 _height: 18px;
 font-size: 12px;
 padding: 0px;
 margin: 5px 5px 0px 5px;
}

.tableVyhledavani td .inputSubmit {
 height: 22px;
 font-size: 12px;
 padding: 0px 5px 0px 5px;
 margin: 3px 5px 0px 5px;
}

.tableVyhledavani td .inputSelect {
 color: #000;
 height: 20px;
 font-size: 12px;
 padding: 0px;
 margin: 5px 5px 0px 5px;
}


.tableGallery {
 margin: 1px;
 width: 99%;
 padding: 0px;
 border-collapse: collapse;
 font-size: 1em;
 background-color: #fff1eb;
 border-top: 1px solid #f99c1c;
 border-right: 1px solid #f99c1c;
 font-size: 0.9em;
}

.tableGallery td.header {
 padding: 2px 10px 2px 10px;
 background-color: #f7dcc6;
 border-bottom: 1px solid #f99c1c;
 border-left: 1px solid #f99c1c;
 text-align: center;
 color: #000;
 font-weight: bold;
}

.tableGallery td {
 padding: 2px 10px 2px 10px;
 border-bottom: 1px solid #f99c1c;
 border-left: 1px solid #f99c1c;
 color: #000;
}

.tableGallery td span {
 font-size: 0.8em;
 color: #707070;
 font-style: normal;
}

.tableGallery td ul {
 margin: 0px 0px 0px 20px;
 padding: 0px;
 list-style-type: square;
 font-size: 0.9em;
}

.tableGallery td ul li {
 padding: 2px 0px 0px 0px;
}

.tableGallery td ul li a {
 color: #c17414;
 text-decoration: underline;
 font-weight: bold;
}

.tableGallery td ul li a:hover {
 text-decoration: none;
}

.tableGallery td img {
 margin: 0px 0px 10px 0px;
}

.tableGallery td h3 {
 font-size: 0.9em;
 font-weight: bold;
 color: #c17414;
 margin: 0px;
}

.tableGallery td h3 a {
 color: #c17414;
 font-size: 1em;
 text-decoration: underline;
}

.tableGallery td h3 a:hover {
 color: #f99c1c;
 text-decoration: none;
}

.tableGallery td h4 {
 font-size: 0.9em;
 font-weight: bold;
 color: #cc0000;
 margin: 5px 0px 0px 0px;
}

.tableGallery td h4 span {
 font-size: 0.8em;
 color: #9d9fa1;
 font-weight: normal;
}

.tableGallery td h5 {
 font-size: 0.9em;
 font-weight: bold;
 color: #000;
 margin: 5px 0px 0px 0px;
}


/* --------- @tabulky -------- */

/* --------- obrázky -------- */

.imgLeft {
 float: left;
}

.imgRight {
 float: right;
}

#mapka {
 margin-top: 50px;
}

/* --------- @obrázky -------- */

/* --------- odkazy -------- */

.aClanek {
 color: #b11116;
 text-decoration: underline;
}

.aClanek:hover {
 text-decoration: none;
}

.aDiv {
 cursor: pointer;
}

.aCSV {
 color: #c17414;
 text-decoration: underline;
 font-weight: bold;
}

.aCSV:hover {
 text-decoration: none;
}

/* --------- @odkazy -------- */

/* --------- texty -------- */

.pSmall {
 font-size: 0.8em;
 color: #000;
 margin: 15px 0px 0px 5px;
}

.pSmall em {
 background: url('img/sipecka.gif') no-repeat left center;
 padding: 0px;
 border: 0px solid black;
}

.pUvod {
 font-size: 0.9em;
 line-height: 1.4em;
 color: #8a8c8e;
}

.pText {
 font-size: 1.0em;
 line-height: 1.5em;
}

.pDatum {
 font-size: 1em;
 font-weight: bold;
 padding: 0px;
 margin: 10px 0px 0px 0px;
}

.pAutor {
 font-size: 1em;
 padding: 0px;
 margin: 10px 10px 0px 0px;
 float: right;
 color: #b11116;
}

.spanSmall {
 font-size: 0.8em;
 color: #707070;
}

/* --------- @texty -------- */

.imgRight {
 margin: 10px 0px 10px 10px;
 padding: 0px;
 display: inline;
 float: right;
}

.imgLeft {
 margin: 10px 10px 10px 0px;
 padding: 0px;
 display: inline;
 float: left;
}

.divImgCenter {
 text-align: center;
 margin: 10px;
}

.divImgCenter img {
 display: inline;
}

/* --------- @definovaná pravidla -------- */