body
{
 font-family:       Verdana, Tahoma, Sans-serif;
 text-align:        center;
 color:             #000000;
 font-size:         0.8em;
}

.text a, .indexa
{
 color:             #ff9900;
 display:           inline;
 border-bottom:     1px #ff9900 dashed;
 font-weight:       bold;
 text-decoration:   none;
}

.sirka, .tien-hore, .tien-dole, .menu
{
 width:             1014px;
 text-align:        left;
 margin:            auto;
}

.tien-hore
{
 display:           block;
 background:        url('../images/grafika/g1.jpg') no-repeat;
 height:            6px;
}

.menu
{
 display:           block;
 background:        url('../images/grafika/g2.jpg') no-repeat;
 height:            113px;
 padding-left:      33px;
}

.menu a
{
 color:             #743b2a;
 display:           inline;
 border-bottom:     1px #ff0000 dashed;
 font-weight:       bold;
 text-decoration:   none;
}

.tien-lavy
{
 display:           block;
 background:        url('../images/grafika/g3.jpg') no-repeat;
 width:             33px;
 height:            528px;
 float:             left;
}

.tien-pravy
{
 display:           block;
 background:        url('../images/grafika/g4.jpg') no-repeat;
 width:             33px;
 height:            528px;
 float:             left;
}



.stred
{
 float:             left;
 width:             947px;
}

.text, .obsah
{
 display:           block;
 background:        url('../images/grafika/g5.jpg');
}

.text
{
 padding:           0 33px 0 35px;
}

.tien-dole
{
 display:           block;
 background:        url('../images/grafika/g7.jpg') no-repeat;
 height:            32px;
}

/* blog.php */

.stred-hore
{
 display:           block;
 background:        url('../images/grafika/stred-hore.jpg') no-repeat;
 height:            20px;
 width:             951px;
}

.stred-lavy
{
 display:           block;
 background:        url('../images/grafika/stred-lavy.jpg') no-repeat;
 width:             23px;
 height:            471px;
 float:             left;
}

.prispevky
{
 float:             left;
 background:        url('../images/grafika/stred-ram.jpg');
}

.stred-pravy
{
 display:           block;
 background:        url('../images/grafika/stred-pravy.jpg') no-repeat;
 width:             23px;
 height:            471px;
 float:             left;
}

.stred-text
{
 float:             left;
 width:             905px;
}

.stred-dole
{
 display:           block;
 background:        url('../images/grafika/stred-dole.jpg') no-repeat;
 height:            19px;
 width:             951px;
}

.stred-text a
{
 color:             #743b2a;
 font-weight:       bold;
 text-decoration:   none;
}
 
h2 a
{
 color:             #743b2a;
}
 
h2 a:hover, .stred-text a:hover
{
 color:             #dbb795;
 text-decoration:   underline;
}

/* menu css */

/* select */
select
{
 border:            0;
 background:        none;
}

select option
{
 background-color:  #ffffff;
}


ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.nav{
	display: table;
	list-style-type:none;
}
ul.nav>li{
	display: block;
	position: relative;
	padding: 2px 6px;
	float: left;
}

ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	margin-left: -6px;
	margin-top: 2px;
}

ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
	position:absolute;
	top:18px;
	left:2px;
	background-color:  #ffffff;
	padding: 10px;
	border: 1px #666666 solid;
} 

.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 0 0 0 10px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	color: #000000;
}

.nav ul li a:hover{
	color: #000000;
	background-color:  #ffffff;
	color:  #ff0000;
}

ul.nav li:active,
.nav ul li a:active{
	color: #000000;
	background-color:  #ffffff;
}

.nav a{
    color: #000000;
	text-decoration: none;
}

.nav a:hover{
    text-decoration: overline;
    background-color:  #ffffff;
}

/* zahrnutie a využitie komponentu hover.htc */
li { behavior:url('../hover.htc'); }
ul.nav li:hover ul, ul.nav li.hover ul { display:block; position:absolute; }