body {
    font-family: Arial, verdana;
    font-size: 10px;
    color: #999999;
    background-color: #000000;
    background-image: url(../image/pozadi-celkem.jpg);
    background-repeat: repeat x;
}
    
html, body, #wrapper, form, p, th, td, h1,h2,h3{
	margin: 0;
	padding: 0;
}

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

hr {
    border-top:solid 1px #E0E0E0;
    height:1px;
    /*background-color: #ffffff;*/
    /*display:inline;*/
}

h1 {
    font-size:18px;
    font-weight:bold;
}


h2 {
    font-size:18px;
    font-weight:bold;
}
h3 {
    font-size: 10px;
    font-weight:bold;
}

.block {
	display: block;
}

.clear {
	clear: both;
}
a{
    text-decoration: none;
    color:#777777;
}
a:hover{
    text-decoration: underline;
    color:#777777;
}


/* kostra */
#blok-stranka{
    margin:auto;
    width:1040px;
    background-image: url(../image/pozadi-stranka.png);
    /*background-repeat: no-repeat;*/
    background-position: top;
    margin-top:100px;
}
#blok-stranka2{
    margin:auto;
    width:1040px;
    background-image: url(../image/pozadi-stranka2.png);
    background-repeat: no-repeat;
    background-position: top;
    /*margin-top:100px;*/
}
#blok-stranka3{
    margin:auto;
    width:1040px;
    background-image: url(../image/pozadi-logo.png);
    background-repeat: no-repeat;
    background-position: top;
}

#stranka-cela {
    width:720px;
    padding-bottom:30px;
    margin:auto;

}

#horni-cast-logo {
    height:310px
}

/*#prostredek {
    background-image: url(../image/pozadi-linka.png);
    background-repeat: repeat-y;
    background-position: top;
}

#prostredek2 {
    background-image: url(../image/pozadi-zacatek.jpg);
    background-repeat: no-repeat;
    background-position: top;
}*/

#plocha{
  width:720px;
}

#plocha1{
  width:720px;
}

/* kostra - konec */

/* menu - velke */

#menu-ram-velke {
  height:63px;
}
#menu-velke{
  height:63px;
  width:720px;
}

#menu-velke ul{
  list-style-type: none;
  text-align: left;
  width:720px;
  margin:0;
  padding:0;
}

#menu-velke ul li{
  list-style-type: none;
  float:left;
  text-transform: uppercase;
}

#menu-velke ul li img{
  border:0;
  margin:0;
  padding:0;
}

#menu-velke ul li a,#menu-velke ul li a:hover {
    text-decoration: none;
}
/* konec menu - velke */

/* menu */
#menu-ram {
  height:30px;
  padding-top:5px;
  padding-bottom:22px;
  /*background-image: url(../image/pozadi-menu.png);
  background-repeat: repeat-y;
  background-position: top;*/
}
#menu{
  height:30px;
  width:720px;
}

#menu ul{
  list-style-type: none;
  text-align: left;
  width:720px;
  margin:0;
  padding:0;
}

#menu ul li{
  list-style-type: none;
  float:left;
  text-transform: uppercase;
}

#menu ul li a.odkaz1 {
    height:30px;
    width:auto;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:8px;
    padding-top:3px;
    padding-right:8px;
    background-color: #ba4a74;
}
#menu ul li a.odkaz2 {
    height:30px;
    width:auto;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:8px;
    padding-top:3px;
    margin-left: 1px;
    padding-right:7px;
    background-color: #c1279a;
}
#menu ul li a.odkaz3 {
    height:30px;
    width:auto;
    padding-right:7px;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:8px;
    padding-top:3px;
    margin-left: 1px;
    background-color: #940793;
}
#menu ul li a.odkaz4 {
    height:30px;
    width:auto;
    padding-right:6px;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:7px;
    padding-top:3px;
    margin-left: 1px;
    background-color: #810081;
}
#menu ul li a.odkaz5 {
    height:30px;
    width:auto;
    padding-right:6px;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:7px;
    padding-top:3px;
    margin-left: 1px;
    background-color: #76009e;
}
#menu ul li a.odkaz6 {
    height:30px;
    width:auto;
    padding-right:6px;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:7px;
    padding-top:3px;
    margin-left: 1px;
    background-color: #561889;
}
#menu ul li a.odkaz7 {
    height:30px;
    width:auto;
    padding-right:7px;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:8px;
    padding-top:3px;
    margin-left: 1px;
    background-color: #43156f;
}
#menu ul li a.odkaz8 {
    height:30px;
    width:auto;
    padding-right:10px;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:8px;
    padding-top:3px;
    margin-left: 1px;
    background-color: #39115f;
}
#menu ul li a.odkaz9 {
    height:30px;
    width:auto;
    padding-right:10px;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:8px;
    padding-top:3px;
    margin-left: 1px;
    background-color: #260a42;
}
#menu ul li a.odkaz10 {
    height:30px;
    width:auto;
    padding-right:10px;
    display:block;
    font-size:9px;
    color:#ffffff;
    text-decoration: none;
    padding-left:8px;
    padding-top:3px;
    margin-left: 1px;
    background-color: #261437;
}
#menu ul li a.odkaz1:hover, #menu ul li a.odkaz2:hover, #menu ul li a.odkaz3:hover, #menu ul li a.odkaz4:hover, #menu ul li a.odkaz5:hover, #menu ul li a.odkaz6:hover, #menu ul li a.odkaz7:hover, #menu ul li a.odkaz8:hover, #menu ul li a.odkaz9:hover, #menu ul li a.odkaz10:hover {
    color:#000000;
    background-color: #B6FFB9;
}

/* menu - konec */

/* kategorie - clanku */

.ramecek-upoutavky0 {
    width:234px;
    height:auto;
    float:left;
    display:block;
}

.ramecek-upoutavky1 {
    width:234px;
    height:250px;
    border:1px solid #eaeaea;
    background-color: #fafafa;
    float:left;
    display:block;
}

.ramecek-upoutavky1 form{
padding:0px;
margin:0;
}

.ramecek-upoutavky1 form h2{
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
color:#000000;
}

.ramecek-upoutavky1 form p{
color:#000000;
font-size:10px;
padding-left:15px;
padding-right:15px;
text-align:right;
padding-top:5px;
}

.ramecek-upoutavky1 form p input{
width:140px;
    border:1px solid #eaeaea;
    background-color: #fafafa;
color: #000000;
font-size:10px;
padding-left:5px;
padding-right:5px;
}

.ramecek-upoutavky1 form p textarea{
width:140px;
    border:1px solid #eaeaea;
    background-color: #fafafa;
color: #000000;
font-size:10px;
padding-left:5px;
padding-right:5px;
}

.ramecek-upoutavky1 form p .tlacitko-guest{
width:50px;
    border:1px solid #eaeaea;
    background-color: #fafafa;
color: #000000;
font-size:10px;
padding-left:5px;
padding-right:5px;
}
.ramecek-upoutavky1 form p .tlacitko-guest:hover{
    border:1px solid #eaeaea;
    background-color: #bbbbbb;
color: #000000;
}

.ramecek-upoutavky2 {
    margin-left:6px;
    width:234px;
    height:250px;
    border:1px solid #eaeaea;
    background-color: #fafafa;
    float:left;
    display:block;
    color:#000000;
}

.ramecek-upoutavky3 {
    margin-top:6px;
    width:234px;
    height:250px;
    border:1px solid #eaeaea;
    background-color: #fafafa;
    float:left;
    display:block;
}

.ramecek-upoutavky4 {
    margin-top:6px;
    margin-left:6px;
    width:234px;
    height:250px;
    border:1px solid #eaeaea;
    background-color: #fafafa;
    float:left;
    display:block;
}

.ramecek-obr {
    width:234px;
    height:142px;
    border:0;
}

.ramecek-nadpisek {
    background: #432363;
    width:234px;
    line-height: 15px;
}
.ramecek-nadpisek p {
    color:#FFFFFF;
    font-size: 9px;
    text-transform: uppercase;
    padding-left: 15px;
}
.ramecek-popisek {
    padding-top:5px;
    background-color: #8D8B8D;
    width:234px;
    height:80px;
}
.ramecek-popisek p {
    color:#000000;
    font-size: 9px;
    height:80px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
    background-color: #1A171B;
}

.ramecek-popisek span{
    position:absolute;
    z-index: 6;
    text-align:right;
    float:right;
    vertical-align: text-bottom;
    margin-top:-30px;
    margin-left:140px;
}
.ramecek-upoutavky0 .ukonceni{
    text-align:center;
    margin-top:10px;
    width:236px;
    height:8px;
}

.ramecek-dotaz h2{
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
}

.ramecek-dotaz p {
    color:#000000;
    font-size: 9px;
    height:52px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;
}

.ramecek-dotaz span{
    position:absolute;
    z-index: 6;
    text-align:right;
    float:right;
    vertical-align: text-bottom;
    margin-top:-20px;
    margin-left:120px;
}

/* kategorie - clanku - konec */

/* clanek - stranka */

.stranka {
    width:100%;
    border:1px solid #eaeaea;
    background-color: #fafafa;
    height:auto;
}

.stranka H1 {
    color:#000000;
    padding-top:5px;
    padding-left:7px;
    font-size: 18px;
    font-variant: small-caps;
    text-transform: capitalize;
}

.stranka-clanek {
    color:#000000;
    padding-top:10px;
    padding-left:15px;
    padding-right:15px;
    text-align: justify;
    font-size: 11px;
/*    width:600px;*/
}
.stranka-clanek h2{
padding-left:5px;
padding-right:5px;
padding-top:15px;
padding-bottom:15px;
color: #000000;
}

.stranka-clanek .stranka-text {
    float:left;
    width:360px;
    height:auto;
    /*background:blue;*/
    color:#000000;
}
.stranka-clanek .stranka-text2 {
    float:left;
    width:600px;
    height:auto;
    /*background:green;*/
}
.stranka-clanek .stranka-img {
    float:right;
    width:250px;
    height:auto;
    /*background:red;*/
}

.stranka-clanek .stranka-img img {float:right;margin:15px 15px 15px 15px;background:#fafafa;border:1px solid #eaeaea;padding:5px;}

a.znamka3 {
	border: 1px solid #9b3e8c;
	padding: 2px 5px 2px 5px;
    color:#edeaed;
    width:auto;
    height:20px;
    background-color: #561889;
}

a.znamka3:hover {
    color:black;
	background-color: #B6FFB9;
}

a.znamka4 {
	border: 1px solid #9b3e8c;
	padding: 2px 5px 2px 5px;
	color:#edeaed;
    width:auto;
    height:auto;
	background-color: #BA4A74;
}

a.znamka4:hover {
    color:black;
	background-color: #B6FFB9;
}
/* clanek - stranka - konec*/


/* clanek - stranka */

.stranka-partneri {
    width:100%;
    border:1px solid #eaeaea;
    background-color: #fafafa;
    height:auto;
}

.stranka-partneri H1 {
    color:#000000;
    padding-top:5px;
    padding-left:7px;
    font-size: 18px;
    font-variant: small-caps;
    text-transform: capitalize;
}

.stranka-partneri img {border:0;padding:5px;}
/* clanek - stranka - konec*/

/* paticka */

#spodni-cast {
  margin:auto;
  width:1040px;
  text-align: center;
}

#paticka {
  margin:auto;
  width:1040px;
  text-align: right;
  color:#666666;
  font-size: 9px;
}
#paticka a {
  text-decoration: none
}
#paticka a:hover {
  text-decoration: underline
}

/* paticka - konec */


/* tooltip */
a.tooltip {
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial;
    COLOR: Navy;
}
a.tooltip:hover {
	FONT-SIZE: 10px;
	TEXT-DECORATION: underline
}
a.tooltip span {TEXT-DECORATION: none;display:none; padding:10px; margin-left:8px; margin-top:15px; width:350px;FONT-SIZE: 16px; line-height: 25px;}
a.tooltip:hover span{TEXT-DECORATION: none;display:inline; position:absolute; background:#F8F8F8; border:1px solid #DBE2EE; color:#6c6c6c;FONT-SIZE: 16px; z-index: 5 }

a.tooltip2 {
	FONT-SIZE: 10px;
	FONT-FAMILY: Arial;
}
a.tooltip2:hover {
	FONT-SIZE: 10px;
	TEXT-DECORATION: underline
}
a.tooltip2 span {display:none; padding:2px 3px; margin-left:8px; width:150px;}
a.tooltip2:hover span{display:inline; position:absolute; background:#E0E0E0; border:1px solid #CC0000; color:#6c6c6c; z-index: 5 }

/* formulare */
input.search {
	width: 120px;
	border: none;
	background: url(../image/input_search.gif);
	font-size: 10px;
	background-repeat: no-repeat;
	padding: 2px 0 0 17px;
}

input.login {
	width: 83px;
	border: none;
	background: url(../image/input_login.gif);
	font-size: 10px;
	background-repeat: no-repeat;
	padding: 2px 17px 5px 17px;
    margin-right:-17px
}

input.pass {
	width: 83px;
	border: none;
	background: url(../image/input_password.gif);
	padding: 2px 17px 5px 17px;
	font-size: 10px;
	background-repeat: no-repeat;
    margin-right:-17px
}
input.tlacitko {
	width: auto;
	border: 1px solid #A9A9A9;
	padding: 1px;
	font-size: 9px;
	background-color: #F4f4f4;
}

input.pocet_kusu {
	width: auto;
	border: 1px solid #A9A9A9;
	padding: 1px;
	font-size: 9px;
	background-color: #F4f4f4;
}

select.specialni {
	width: auto;
	border: 1px solid #A9A9A9;
	padding: 1px;
	font-size: 9px;
	background-color: #F4f4f4;
}

input.tlacitko:focus,input.tlacitko:hover {
	background-color: #c80000;
	color: White;
}

input.login:focus,input.login:hover, input.formular:focus,input.formular:hover, input.pass:focus,input.pass:hover, input.search:focus,input.search:hover
{
	color:green;
}

input.tlacitko_odeslat {
	width: 124px;
    height: 22px;
    background: url(../image-ruzne/tlacitko-odeslat-up.png);
	background-repeat: no-repeat;
    border:0;
}

input.tlacitko_odeslat:hover {
	width: 124px;
    height: 22px;
    background: url(../image-ruzne/tlacitko-odeslat-down.png);
	background-repeat: no-repeat;
    border:0;
}

.formular
{
    margin:auto;
    width:600px;
    height:auto;
    /*border:1px solid #E0E4CC;*/
    /*padding:15px;*/
    /*background:#F9F9F6;*/
}
.formular p
{
    clear:both;
}

.formular label
{
    display:block;
font-weight:bold;
text-align:right;
width:200px;
float:left;
}

.formular .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:200px;
}
.formular input.pole, .formular select, .formular textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:1px solid #E0E4CC;
width:300px;
margin:2px 0 13px 10px;
}

.formular input.box{
float:left;
font-size:12px;
margin:2px 280px 13px 10px;
}


.text0 {
  font-size: 9px;
  color: #363636;
  padding: 0 0 5px 0;
  }

.text1 {
  font-size: 9px;
  color: #363636;
}

.text2 {
  font-size: 9px;
  color: #363636;
  font-weight: bold;
}

.text3 {
  font-size: 12px;
  color: #363636;
  font-weight: bold;
}

.text4 {;
  font-size: 11px;
  color: #363636;
  padding: 0 0 5px 0;
  }

.text5 {
  font-size: 10px;
}

.text6 {
  font-size: 12px;
  font-weight: bold;
}



/* pro admin */
.nad3 {
	font-family : Arial;
	font-size : 20px;
	color : Black;
}
.aa9 {
	background-color: #f4c325;
}
.aa19 {
    FONT-WEIGHT: bold;
 }
A.o5 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: Navy;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none
}
A.o5:hover {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: Red;
	FONT-FAMILY: Arial;
	TEXT-DECORATION: none
}
.message{
    color:red;
}