/* general */

* {
margin: 0;
padding: 0;	
border: 0;
}

html {
background: white url("../img/bg.jpg") repeat-x top left;
}

body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 75%;
color: #154c73;
text-align: center;
background: url("../img/header.jpg") no-repeat top center;
}

a {
color: #be0313; /* cervena */ 
text-decoration: underline;
} 

a:visited {
color: #154c73; 
}

a:hover, a:active, a:focus {
color: #5388b0; /* svetle modra */
}

h1  {
color: #be0313; 
font-size: 150%;
font-weight: normal;
margin-bottom: 20px;
line-height: 150%;
}

h2 {
font-size: 120%;
font-weight: bold;
color: #be0313;
margin: 20px 0;
padding-bottom: 10px;
background: url("../img/dots.png") repeat-x bottom left;
}

h2.normal {
font-size: 100%;
font-weight: normal;
color: #154c73;
}

p {
margin-bottom: 15px;
line-height: 150%;
}

ul {
margin: 10px 0;
line-height: 140%;
}

li {
margin-left: 30px;
list-style: disc;
padding: 7px 0;
}

ol li {
list-style: decimal;
}

.cistic {
=height: 1px;
=width: 1px;
=font-size: 1px;
=line-height: 1px;
=margin: -1px -1px 0 0;
clear: both;
}

table {
border-collapse: collapse;
width: 100%;
}

table img {
border: 1px solid #b9d2e0;
}

th {
font-size: 90%;
padding: 0 5px 10px;
background: url("../img/dots.jpg") repeat-x bottom left;
}

td {
padding: 10px 5px;
border-bottom: 1px solid #97c4da;
}

tr.druhy td {
background: #e0f0f7;
}

input, textarea, select {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 100%;
color: black;
padding: 3px;
border: 1px solid #7e9db2;
background: #e4f1f7;
}

option {
background: #e4f1f7;
padding-right: 8px;
}

.strong {
font-weight: bold;
}

.small {
font-size: 90%;
}

.oddelovac {
padding: 0 7px;
color: #c8192c;
}

h1 .oddelovac {
padding: 0 7px;
color: #154c73;
}

/***************** layout *************/

#top {
width: 984px;
height: 305px;
text-align: left;
margin: 0 auto;
position: relative;
background: url("../img/header.jpg") no-repeat top center;
}

#logo {
width: 169px;
height: 127px;
font-size: 150%;
color: #c51d29;
text-transform: uppercase;
overflow: hidden;
position: absolute;
top: 0;
left: 114px;
}

#logo a, #logo span {
width: 169px;
height: 127px;
display: block;
background: url("../img/logo.jpg");
position: absolute;
top: 0;
left: 0;
}

/*** topmenu ***/

#topmenu {
width: 681px;
height: 50px;
line-height: 50px;
padding-left: 20px;
position: absolute;
top: 0;
right: 0;
}

#topmenu a, #topmenu a:visited {
color: white;
font-weight: bold;
}

#topmenu a:hover, #topmenu a:focus, #topmenu a:active {
color: #87abc6;
}

#topmenu #aktivni {
font-weight: bold;
color: #87abc6;
}

#topmenu .oddelovac {
color: #cb1a27;
padding: 0 35px;
}

#topmenu strong {
color: #87abc6;
}

/* doporucit stranku */

#recommend {
width: 661px;
height: 40px;
padding: 10px 15px 0 25px; 
background: url("../img/recommend.jpg");
position: absolute;
top: 0;
right: 0;
z-index: 1000;
=right: -1px;
overflow: hidden;
}

#recommend strong {
color: white;
float: left;
padding: 7px 5px 0 0;
}

#recommend input {
width: 180px;
height: 20px;
border: 0;
background: white url("../img/input-doporucit.jpg");
padding: 6px 0 0 4px;
margin-left: 4px;
float: left;
}

#recommend input#reco {
width: 106px;
height: 26px;
padding: 0;
margin: 0;
text-transform: uppercase;
text-align: center;
font-size: 90%;
font-weight: bold;
text-align: center;
color: white;
background: #678aa4 url("../img/dopo.jpg");
margin-left: 6px;
}

#recommend img {
position: absolute;
top: 10px;
right: 15px;
}


/*** menu ***/

ul#menu { 
width: 740px;
height: 255px;
margin: 0;
padding: 0;
font-size: 120%;
position: absolute;
bottom: 0;
right: 0;
}

ul#menu li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
}

ul#menu li#jedna {
width: 131px;
height: 114px;
top: 0;
left: 39px;
}

ul#menu li#dva {
width: 170px;
height: 141px;
top: 114px;
left: 0;
}

ul#menu li#tri {
width: 241px;
height: 223px;
top: 0;
left: 170px;
}

ul#menu li#ctyri {
width: 167px;
height: 169px;
top: 54px;
right: 162px;
}

ul#menu li#pet {
width: 132px;
height: 122px;
top: 17px;
right: 30px;
}

ul#menu li#sest {
width: 162px;
height: 111px;
top: 139px;
right: 0;
}

ul#menu li span {
width: 100%;
height: 100%;
display: block;
text-align: center;
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}

ul#menu li a, ul#menu li a:visited {
width: 100%;
height: 100%;
color: #154c73;
text-align: center;
display: block; /*dulezite*/
overflow: hidden;
position: absolute;
left: 0;
top: 0;
}

ul#menu li#jedna a, ul#menu li#jedna a:visited {
background: url("../img/uvod.jpg") no-repeat 0 0;
}

ul#menu li#dva a, ul#menu li#dva a:visited {
background: url("../img/petice.jpg") no-repeat 0 0;
}

ul#menu li#tri a, ul#menu li#tri a:visited {
background: url("../img/sbirka.jpg") no-repeat 0 0;
}

ul#menu li#ctyri a, ul#menu li#ctyri a:visited {
background: url("../img/pohlednice.jpg") no-repeat 0 0;
}

ul#menu li#pet a, ul#menu li#pet a:visited {
background: url("../img/diskuse.jpg") no-repeat 0 0;
}

ul#menu li#sest a, ul#menu li#sest a:visited {
background: url("../img/registrace.jpg") no-repeat 0 0;
}

ul#menu li a:hover, ul#menu li a:active, ul#menu li a:focus {
color: #cb1a27;
}

ul#menu li#jedna a:hover, ul#menu li#jedna a:active, ul#menu li#jedna a:focus,
ul#menu li#jedna span {
background: url("../img/uvod.jpg") no-repeat -131px 0;
}

ul#menu li#dva a:hover, ul#menu li#dva a:active, ul#menu li#dva a:focus,
ul#menu li#dva span {
background: url("../img/petice.jpg") no-repeat -170px 0;
}

ul#menu li#tri a:hover, ul#menu li#tri a:active, ul#menu li#tri a:focus,
ul#menu li#tri span {
background: url("../img/sbirka.jpg") no-repeat -241px 0;
}

ul#menu li#ctyri a:hover, ul#menu li#ctyri a:active, ul#menu li#ctyri a:focus,
ul#menu li#ctyri span {
background: url("../img/pohlednice.jpg") no-repeat -167px 0;
}

ul#menu li#pet a:hover, ul#menu li#pet a:active, ul#menu li#pet a:focus,
ul#menu li#pet span {
background: url("../img/diskuse.jpg") no-repeat -132px 0;
}

ul#menu li#sest a:hover, ul#menu li#sest a:active, ul#menu li#sest a:focus,
ul#menu li#sest span {
background: url("../img/registrace.jpg") no-repeat -162px 0;
}

/* login */

#prihlaseni {
width: 492px;
height: 46px;
margin: 0 auto;
padding-left: 492px;
text-align: left;
}

#prihlaseni a.small {
padding-top: 5px;
display: inline-block;
}

input#user {
width: 122px;
height: 20px;
padding: 6px 0 0 5px;
margin-right: 3px;
color: black;
font-size: 90%;
border: 0;
background: white url("../img/jmeno.jpg");
}

input#heslo {
width: 109px;
height: 20px;
padding: 6px 0 0 5px;
color: black;
margin-right: 3px;
border: 0;
font-size: 90%;
background: white url("../img/heslo.jpg");
}

input#prihlasit, input#odhlasit, input#podepsat, input#pokracovat, #tabule2 input#vlozit {
width: 106px;
height: 26px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
color: white;
padding: 0;
margin-right: 10px;
border: 0;
background: #678aa4 url("../img/prihlasit.jpg"); 
}

input#podepsat, input#pokracova, #tabule2 input#vlozit {
width: 119px;
background: #be0313 url("../img/podepsat.jpg"); 
margin-left: 10px;
}

input#pokracovat {
float: right;
margin-top: 20px;
}

#tabule2 input#vlozit {
margin: 20px 0 0 0;
}

/** obsah */

#obal {
background: #d7ebf4;
}

#obal2 {
background: #d7ebf4 url("../img/bottom2.jpg") no-repeat center bottom;
}

#obal2 #main {
background: #d7ebf4 url("../img/bottom2.jpg") no-repeat center bottom;
}

#main {
width: 984px;
text-align: left;
margin: 0 auto;
position: relative;
}

#left {
width: 432px;
padding: 0 30px 20px;
float: left;
}

#obal2 #left {
min-height: 710px;
_height: 710px;
}

#obal2.tri #left {
min-height: 650px;
_height: 650px;
}

#right {
width: 492px;
padding: 20px 0 180px;
float: right;
}

/* hlavni rozcestnik */

ul#rozcestnik {
width: 462px;
margin: 0;
padding: 0;
}

ul#rozcestnik li {
width: 462px;
height: 63px;
display: block;
list-style: none;
margin: 0;
padding: 0;
}

ul#rozcestnik li a, ul#rozcestnik li a:visited {
width: 380px;
height: 33px;
padding: 30px 0 0 82px; 
color: #154c73;
display: block;
font-size: 130%;
font-weight: bold;
text-decoration: none;
}

ul#rozcestnik li#one a, ul#rozcestnik li#one a:visited {
background: url("../img/rozcestnik1.jpg") no-repeat 0 0;
}

ul#rozcestnik li#two a, ul#rozcestnik li#two a:visited {
background: url("../img/rozcestnik2.jpg") no-repeat 0 0;
}

ul#rozcestnik li#three a, ul#rozcestnik li#three a:visited {
background: url("../img/rozcestnik3.jpg") no-repeat 0 0;
}

ul#rozcestnik li#four a, ul#rozcestnik li#four a:visited {
background: url("../img/rozcestnik4.jpg") no-repeat 0 0;
}

ul#rozcestnik li a:hover, ul#rozcestnik li a:focus, ul#rozcestnik li a:active {
color: #cb1a27;
}

ul#rozcestnik li#one a:hover, ul#rozcestnik li#one a:focus, ul#rozcestnik li#one a:active {
background: url("../img/rozcestnik1.jpg") no-repeat 0 -63px;
}

ul#rozcestnik li#two a:hover, ul#rozcestnik li#two a:focus, ul#rozcestnik li#two a:active {
background: url("../img/rozcestnik2.jpg") no-repeat 0 -63px;
}

ul#rozcestnik li#three a:hover, ul#rozcestnik li#three a:focus, ul#rozcestnik li#three a:active {
background: url("../img/rozcestnik3.jpg") no-repeat 0 -63px;
}

ul#rozcestnik li#four a:hover, ul#rozcestnik li#four a:focus, ul#rozcestnik li#four a:active {
background: url("../img/rozcestnik4.jpg") no-repeat 0 -63px;
}

/* tabule */

#tabule {
width: 362px;
height: 114px;
padding: 60px 105px 0 25px;
font-size: 130%;
background: white url("../img/tabule.jpg") no-repeat;
position: absolute;
bottom: 0;
right: 0;
_bottom: -1px;
}

#tabule2 {
width: 402px;
height: 321px;
padding: 60px 60px 0 30px;
background: white url("../img/tabule2.jpg") no-repeat;
position: absolute;
bottom: 281px;
right: 0;
_bottom: 280px;
}

#tabule.bezspodku {
bottom: 281px;
_bottom: 280px;
}

#tabule strong {
color: #cb1a27;
font-weight: bold;
font-size: 130%;
}

#tabule p {
margin: 0;
}

#tabule a {
font-weight: bold;
font-size: 90%;
padding-left: 26px;
background: url("../img/sipka2.jpg") no-repeat center left;
display: block;
height: 20px;
margin-top: 15px;
}

/* spodek */

#bottom {
height: auto;
background: #d8ecf5 url("../img/bottom.jpg") no-repeat center top;
}

#inner {
width: 984px;
height: auto;
margin: 0 auto;
text-align: left;
background: #d8ecf5 url("../img/bottom.jpg") no-repeat center top;
}

#box1 {
width: 214px;
height: 271px;
padding: 10px 20px 0 30px;
border-right: 3px solid #c4dce8;
float: left;
}

#box2 {
width: 470px;
height: 271px;
padding: 10px 0 0 30px;
float: left;
}

#box3 {
width: 430px;
height: auto;
padding: 10px 20px 0 30px;
border-right: 3px solid #c4dce8;
float: left;
}

#podpis_petice label { 
width: 80px;
font-size: 120%;
font-weight: bold;
padding-top: 5px;
float: left;
}

#podpis_petice input {
width: 333px;
height: 16px;
padding: 3px;
background: #e4f1f7;
border: 1px solid #7294ac;
}

#podpis_petice img {
margin: 4px 4px 0px 80px; 
}

#podpis_petice input#code {
position: relative;
width: 35px;
height: 15px;
top: -7px;
padding: 3px;
background: #e4f1f7;
border: 1px solid #7294ac;
}

#podpis_petice a {
cursor: pointer;
margin-left: 80px;
position: relative;
top: -7px;
}

#podpis_petice input#subscribe {
width: 119px;
height: 26px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
color: white;
padding: 0;
border: 0;
margin-top: 10px;
margin-bottom: 10px;
background: #be0313 url("../img/podepsat.jpg"); 
float: right;
}

#box4 {
width: 235px;
height: 271px;
padding: 10px 0 0 30px;
float: left;
}

#box5 {
width: 732px;
height: 271px;
padding: 10px 0 0 30px;
}

ul.seznam {
margin: 0 0 10px 0;
padding: 0;
}

ul.seznam li {
list-style: none;
margin: 0;
padding: 0 0 13px;
}

.polovina {
width: 50%;
float: left;
}

.tretina {
width: 33%;
float: left;
}

.ctvrtina {
width: 25%;
float: left;
}

.logo {
border: 1px solid #b9d2e1;
margin: 0 15px 5px 0;
float: left;
}

p.firma {
margin: 0;
padding-top: 10px;
}

/* vice a zpet */

a.vice, a.vice:visited {
display: block;
margin-top: 10px;
padding-left: 20px;
font-size: 90%;
background: url("../img/sipka.png") no-repeat center left;
color: #cb1a27;
}

a.vice:hover, a.vice:focus, a.vice:active {
color: #5188b0;
}

a.zpet, a.zpet:visited {
display: block;
margin-top: 10px;
padding-left: 20px;
font-size: 90%;
background: url("../img/zpet.png") no-repeat center left;
color: #cb1a27;
}

a.zpet:hover, a.zpet:focus, a.zpet:active {
color: #5188b0;
}

/* strankovani */

#strankovani {
text-align: center;
margin-top: 20px;
}

#strankovani a {
padding: 0 8px;
}

#strankovani strong {
font-size: 120%;
}

#strankovani a.predchozi {
padding-left: 15px;
background: url("../img/predchozi.jpg") no-repeat center left;
}

span.predchozi {
padding: 0 15px;
color: #497fa8;
background: url("../img/predchozi-neaktivni.jpg") no-repeat center left;
}

#strankovani a.dalsi {
padding-right: 15px;
background: url("../img/dalsi.jpg") no-repeat center right;
}

span.dalsi {
padding-right: 15px;
color: #497fa8;
background: url("../img/dalsi-neaktivni.jpg") no-repeat center right;
}

/* ostatni */

a.darcovstvi {
width: 132px;
height: 80px;
display: block;
text-decoration: none;
background: #96b6c9 url("../img/darcovstvi.jpg");
padding: 35px 0 0 80px;
color: #154c73;
float: left;
}

a.darcovstvi .big {
font-size: 150%;
color: #cb1a27;
}

a.darcovstvi.margin {
margin-right: 5px;
}

.ramecek {
background: white;
border: 2px solid #c4dce8;
padding: 20px;
font-size: 120%;
line-height: 170%;
}

p.succes {
background: #154c73;
border: 2px solid #678aa4;
padding: 20px;
color: white;
}

p.nosucces {
background: #c11929;
border: 2px solid #dc586b;
padding: 20px;
color: white;
}

p.nosucces a {
color: white;
padding-left: 20px;
background: url("../img/back.jpg") no-repeat center left; 
display: inline-block;
margin-top: 10px;
}

p.nosucces a:hover, p.nosucces a:focus, p.nosucces a:active {
color: black;
}

/* pohlednice */

#pohlednice {
margin-bottom: 10px;
}

#cards {
margin-bottom: 20px;
}

#cards a {
cursor: pointer;
}

#pohlednice img {
border: 2px solid #bacad6;
}

#pohlednice a:hover img, #pohlednice a:focus img, #pohlednice a:active img,
#pohlednice a#active img {
border: 2px solid #ce2733;
}

#pohlednice label {
width: 135px;
float: left;
}

#pohlednice fieldset {
background: white;
border: 2px solid #9fbbcc;
padding: 15px;
}

#pohlednice input {
width: 249px;
background: #e4f1f7;
border: 1px solid #7d9cb1;
}

#pohlednice textarea {
width: 249px;
height: 129px;
background: #e4f1f7;
border: 1px solid #7d9cb1;
}

#pohlednice input#odeslat, #pohlednice input#nahled {
width: 119px;
height: 26px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
color: white;
padding: 0;
margin-right: 10px;
border: 0;
background: #678aa4 url("../img/podepsat.jpg"); 
}

#pohlednice input#nahled  {
background: #be0313 url("../img/nahled.jpg"); 
}

#buttony {
padding-left: 135px;
margin-top: 20px;
}

#cards input {
float: left;
width: 131px;
}

/* registrace */

#aktivni, a#neaktivni {
width: 135px;
height: 27px;
line-height: 27px;
text-align: center;
font-weight: bold;
color: #154c73;
display: inline-block;
margin-right: 2px;
background: #c4dce8 url("../img/aktivni.jpg");
}

a#neaktivni, a#neaktivni:visited {
text-decoration: none;
color: white;
background: #154c73 url("../img/neaktivni.jpg");
}

a#neaktivni:hover, a#neaktivni:focus, a#neaktivni:active {
color: #154c73;
background: #c4dce8 url("../img/aktivni.jpg");
}

#registrace {
background: white;
border: 2px solid #9fbbcc;
padding: 0 15px 15px 15px;
margin-bottom: 10px;
}

#registrace label {
width: 135px;
padding-top: 3px;
float: left;
}

#registrace input {
width: 249px;
background: #e4f1f7;
border: 1px solid #7d9cb1;
}

#registrace input#souhlas {
width: auto;
border: 0;
background: none;
}

#registrace input#psc {
width: 140px;
}

#registrace select#pohlavi, #registrace select#vzdelani {
width: 140px;
}

#registrace input#rok {
width: 110px;
}

#registrace input#registrovat {
width: 119px;
height: 26px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 90%;
color: white;
padding: 0;
border: 0;
margin-top: 10px;
background: #678aa4 url("../img/podepsat.jpg"); 
float: right;
}

/* diskuse */

.prispevek {
margin-bottom: 30px;
}

.prispevek h2 {
margin: 5px 0 10px;
}

#tabule2 .vice {
font-size: 100%;
}

#tabule2 h2 {
margin-top: 0;
}

#tabule2 input {
width: 392px;
}

#tabule2 textarea {
width: 392px;
height: 52px;
}

#kastrol {
width: 42px;
height: 16px;
background: url("../img/kastrol.jpg");
position: absolute;
bottom: 89px;
right: 62px;
_bottom: 85px;
}

/* kontakt */

.kontakt {
width: 50%;
margin-bottom: 30px;
float: left;
}

.kontakt .small {
display: inline-block ;
margin-bottom: 5px;
}


/* paticka */

#paticka {
width: 939px;
margin: 0 auto;
padding: 50px 15px 50px 30px;
color: black;
font-size: 90%;
line-height: 200%;
text-align: left;
background: white;
position: relative;
}

#paticka a {
color: #497fa8;
}

#paticka a:visited {
color: black;
}

#paticka a:hover, #paticka a:active, #paticka a:focus {
color: #c8192c;
}

#loga {
width: 157px;
position: absolute;
top: 50px;
right: 15px;
}

img.snowflake {
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.config {
	border: 1px solid #000000;
	background-color: white;
	position: absolute;
	top: 350px;
}
div#strankovani a {
cursor: pointer;
}