/*****************************************************
 *   CSS styly, reteTV
 *   (c) Michal Ševčík, http://multi.tricker.cz
*****************************************************/

*{margin: 0; padding: 0;}

body{ font-size: 13px; font-family: Arial, Verdana, Arial, Tahoma, Verdana, sans-serif; color: black; background: url("../img/bcg.jpg") top center repeat-x rgb(255,255,255); margin: 35px 0px 0px 0px; text-align: center; }
#hlavicka{ text-align: center; width: 935px; }
.vystylka{ text-align: center; width: 935px; background: url("../img/prs.gif") top center repeat-y; position: relative; overflow: hidden; margin: auto; }
.vystylka2{ text-align: center; width: 935px; position: relative; overflow: hidden; margin: auto; }

/* prostredek */
.obsah{ text-align: center; float: center; margin: 20px 20px 20px 20px; }
.obsah p { margin: 0px 0px 20px 0px; line-height: 18px; text-align: justify; }
.obsah ul { list-style: disc inside; margin: 0px 0px 20px 20px; line-height: 18px; }

/* paticka */
#paticka{ text-align: left; width: 935px; height: 81px; line-height: 16px;  }
#patickaleft{ text-align: center; width: 181px; height: 110px; float: left; overflow: hidden; }
#patickamidl{ text-align: center; width: 566px; height: 110px; vertical-align: middle; font-weight: bold; color: white; background: url("../img/pata.gif") top center no-repeat;  font-size: 11px; float: left; overflow: hidden; }
#paticka a { font-weight: bold; color: white; font-size: 11px; text-decoration: underline; }
#patickaright{ text-align: center; width: 183px; height: 110px; float: left; overflow: hidden; }

/* prostredek s nabidkou programu */
.prostredek { width: 900px; float: center; overflow: hidden; }
.prostredek #prvni { float: left; overflow: hidden; text-align: center; width: 300px; }
.prostredek #druhy { float: left; overflow: hidden; text-align: center; width: 300px; }
.prostredek #treti { float: left; overflow: hidden; text-align: center; width: 300px; }

.stred1 { width: 256px; height: 167px; overflow: hidden; background: url("../img/prs-oval01.jpg") top center no-repeat #ca1c24; color: rgb(246,246,246); font-weight: bold; padding: 10px 0px 0px 0px; font-size: 13px; line-height: 16px; }
.stred2 { width: 256px; height: 167px; overflow: hidden; background: url("../img/prs-oval02.jpg") top center no-repeat #ca561c; color: rgb(246,246,246); font-weight: bold; padding: 10px 0px 0px 0px; font-size: 13px; line-height: 16px; }
.stred3 { width: 256px; height: 167px; overflow: hidden; background: url("../img/prs-oval03.jpg") top center no-repeat #1c58ca; color: rgb(246,246,246); font-weight: bold; padding: 10px 0px 0px 0px; font-size: 13px; line-height: 16px; }
.min1 { width: 256px; height: 26px; overflow: hidden; }
.min3 { width: 256px; height: 44px; overflow: hidden; }
#n1 { width: 300px; height: 250px; overflow: hidden; float: left; }
#n2 { width: 300px; height: 250px; overflow: hidden; float: left; }
#n3 { width: 300px; height: 250px; overflow: hidden; float: left; }

.min1p { width: 830px; height: 33px; overflow: hidden; }
.stred1p { width: 830px; height: 30px; overflow: hidden; background: #1c2fc0; color: rgb(246,246,246); font-weight: bold; padding: 10px 0px 0px 0px; font-size: 13px; line-height: 16px; }
.stred2p { width: 830px; height: 76px; overflow: hidden; background: #30b90c; color: rgb(246,246,246); font-weight: bold; padding: 10px 0px 0px 0px; font-size: 13px; line-height: 16px; }
.stred3p { width: 830px; height: 96px; overflow: hidden; background: #d9860f; color: rgb(246,246,246); font-weight: bold; padding: 10px 0px 0px 0px; font-size: 13px; line-height: 16px; }
.min3p { width: 830px; height: 17px; overflow: hidden; }

/* faq */
.otazka { font-weight: bold; font-style: italic; font-size: 14px; }
.otazka span { border-left: 3px solid red; margin: 0px 0px 15px 10px; padding: 0px 0px 0px 10px; line-height: 25px; vertical-align: center; }
.odpoved { font-size: 13px; }
.odpoved span { border-left: 3px solid green; margin: 0px 0px 15px 10px; padding: 0px 0px 0px 10px; }

/* sloupce s cenikem */
#vlevo { float: left; text-align: center; width: 500px; overflow: hidden; }
#vpravo { float: right; text-align: center; width: 400px; overflow: hidden; }
/* tabulky s cenikem */
.nadpis { color: white; font-weight: bold; background: #82211a; font-size: 17px; line-height: 27px; height: 28px; }
.tmavsi { color: white; background: #a94038; line-height: 24px; font-size: 13px; height: 24px; }
.svetlejsi {  color: white; background: #b75e58; line-height: 24px; font-size: 13px; height: 24px; }
.podnadpis { color: white; font-weight: bold; background: #82211a; font-size: 13px; line-height: 18px; height: 18px; }

#menu { position: relative; overflow: hidden; margin: auto; width: 935x; height: 34px; display:block; text-align: center; }
#menu ul { list-style-type: none; list-style: none; }
#menu ul li { float: left; display: block; }

ul { list-style-position: inside; }
li { list-style-position: inside; }

li#menu01 a { width: 176px; height: 34px; line-height: 34px;  background: url("../img/menu01.jpg") top left; display: block; text-indent: -5000px; }
li#menu01 a:hover { background-position: 0 -34px; }
li#menu02 a { width: 207px; height: 34px; line-height: 34px;  background: url("../img/menu02.jpg") top left; display: block; text-indent: -5000px; }
li#menu02 a:hover { background-position: 0 -34px; }
li#menu03 a { width: 98px; height: 34px; line-height: 34px;  background: url("../img/menu03.jpg") top left; display: block; text-indent: -5000px; }
li#menu03 a:hover { background-position: 0 -34px; }
li#menu04 a { width: 215px; height: 34px; line-height: 34px;  background: url("../img/menu04.jpg") top left; display: block; text-indent: -5000px; }
li#menu04 a:hover { background-position: 0 -34px; }
li#menu05 a { width: 125px; height: 34px; line-height: 34px;  background: url("../img/menu05.jpg") top left; display: block; text-indent: -5000px; }
li#menu05 a:hover { background-position: 0 -34px; }
li#menu06 a { width: 114px; height: 34px; line-height: 34px;  background: url("../img/menu06.jpg") top left; display: block; text-indent: -5000px; }
li#menu06 a:hover { background-position: 0 -34px; }

.obr { border: 2px solid #ad1b1b; margin: 10px 10px 10px 10px }
.obr:hover { border: 2px solid #600f0f; }

.uvod{ color: rgb(52,52,52); font-size: 16px; font-weight: bold; text-align: justify; text-align: center; }
.uvod a{ color: rgb(52,52,52); font-size: 16px; font-weight: bold; text-align: justify; text-align: center; letter-spacing: 0px; text-decoration: underline; }
.uvod a:hover{ text-decoration: none; }
.odsaz { padding: 0px 10px 0px 10px; }

.kestazeni { text-decoration: none; font-size: 16px; padding: 0px 0px 0px 20px; }
.kontakt { text-decoration: none; font-size: 15px; padding: 0px 0px 0px 20px; }

/* za patickou stranky */
#zajoch { vertical-align: top; float: left; overflow: hidden; margin: 0px 0px 0px 250px; }

/* trochu SEO jako */
.sk1{ display:none; }
.sk2{ display:none; background: black; color: white; width: 800px; }
.sk3{ display:none; }

/* ****************** */
/* (ta)bulky          */
/* ****************** */

.hlavicka { font-size: 16px; color: black; text-align: right; padding: 0px 10px 0px 0px; height: 26px; line-height: 26px; vertical-align: center; font-weight: bold; }
.hlavickaDoleva { font-size: 16px; color: black; text-align: left; padding: 0px 0px 0px 10px; height: 26px; line-height: 26px; vertical-align: center; font-weight: bold; }
.hlavickaDolevaMensi { font-size: 14px; color: rgb(54,54,54); text-align: left; padding: 0px 0px 0px 10px; height: 26px; line-height: 26px; vertical-align: center; font-weight: bold; }
.sedabunka { margin: 2px 2px 2px 2px; text-decoration: none; background:#000 url(../img/bunka-seda.gif) left bottom no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align:center; float:left;	font-weight:bold;	vertical-align: middle; }
.sedabunka span { background:url(../img/bunka-seda.gif) right top no-repeat; font-weight:bold; padding: 0px 25px 0px 25px; height: 16px; line-height: 16px; }
.sedabunka400 { margin: 2px 2px 2px 2px; text-decoration: none; width: 400px; background:#DBEFFF url(../img/sedy400.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.sedabunka400 span { padding: 0px 10px 0px 10px; }
.sedabunka350 { margin: 2px 2px 2px 2px; text-decoration: none; width: 350px; background:#DBEFFF url(../img/sedy350.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.sedabunka350 span { padding: 0px 10px 0px 10px; }
.sedabunka300 { margin: 2px 2px 2px 2px; text-decoration: none; width: 300px; background:#DBEFFF url(../img/sedy300.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.sedabunka300 span { padding: 0px 10px 0px 10px; }
.sedabunka250 { margin: 2px 2px 2px 2px; text-decoration: none; width: 250px; background:#DBEFFF url(../img/sedy250.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.sedabunka250 span { padding: 0px 10px 0px 10px; }
.sedabunka200 { margin: 2px 2px 2px 2px; text-decoration: none; width: 200px; background:#DBEFFF url(../img/sedy200.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.sedabunka200 span { padding: 0px 10px 0px 10px; }
.sedabunka130 { margin: 2px 2px 2px 2px; text-decoration: none; width: 130px; background:#DBEFFF url(../img/sedy130.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.sedabunka130 span { padding: 0px 10px 0px 10px; }
.sedabunka100 { margin: 2px 2px 2px 2px; text-decoration: none; width: 100px; background:#DBEFFF url(../img/sedy100.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.sedabunka100 span { padding: 0px 10px 0px 10px; }
.sedabunka80 { margin: 2px 2px 2px 2px; text-decoration: none; width: 80px; background:#DBEFFF url(../img/sedy80.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left; font-weight:bold;	vertical-align: middle; }
.sedabunka80 span { padding: 0px 10px 0px 10px; }
.zlutabunka400 { margin: 2px 2px 2px 2px; text-decoration: none; width: 400px; background:#DBEFFF url(../img/zluty400.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.zlutabunka400 span { padding: 0px 10px 0px 10px; }
.zlutabunka250 { margin: 2px 2px 2px 2px; text-decoration: none; width: 250px; background:#DBEFFF url(../img/zluty250.gif) center center no-repeat; height:26px; line-height:26px; padding: 0px 0px 0px 0px; color:black; text-align: left;	font-weight:bold;	vertical-align: middle; }
.zlutabunka250 span { padding: 0px 10px 0px 10px; }

/* ****************** */
/* dva sloupce        */
/* ****************** */

#dva { width: 850px; overflow: hidden; }
#dva #levej { width:60%; display: block; height: 100%; float: left; text-align: center; vertical-align: top; }
#dva #pravej { width:40%; display: block; height: 100%; float: right; text-align: center; vertical-align: top; }

/* ****************** */
/* tri sloupce        */
/* ****************** */

/* tri sloupce - asi */
#tri { width: 880px; overflow: hidden; }
#tri #jeden { width:300px; display: block; height: 100%; float: left; text-align: left; vertical-align: top; }
#tri #druhej { width:300px; display: block; height: 100%; float: left; text-align: left; vertical-align: top; }
#tri #treti { width:280px; display: block; height: 100%; float: right; text-align: left; vertical-align: top; }


/* ****************** */
/* ruzne, hlavne typo */
/* ****************** */

/* nadpisy */
h1 { font-size: 20px; line-height: normal; font-weight: bold; text-align: left; margin: 0px 0px 15px 20px; color: #193a5e; }
h2 { font-size: 17px; line-height: normal; font-weight: bold; text-align: left; margin: 0px 0px 15px 20px; }
h3 { font-size: 15px; line-height: normal; font-weight: bold; text-align: left; margin: 0px 0px 15px 20px; }

/* odkazy */
a { font-weight: bold; color: darkred; }
a:hover { text-decoration: none; }