html,body{
	margin:0;
	padding:0;
	background:#ffffff;
}

body{
	font: 76% verdana,arial;
	text-align:center;
}

h1{
    font: 160% verdana;
    font-weight:bold;
    padding:0px;
    margin:0px;
    margin-top:10px;
}


div#container{
	width:800px;
	margin:0 auto;
	background:#ffffff;
	text-align:left
}

p{
    margin: 10px 10px;
   
}

a{
    text-decoration:none;
    font-weight:bold;
    color:#AC0C0D;
}

div#header{
    height:130px;
    margin:0;
    padding-left:10px;
    color: #000000;
    background:url('../images/stintop.gif');
    background-position:left bottom;
    background-repeat:repeat-x;

}
.top{
    font: 150% verdana;
    font-weight:bold;
    padding:0;
    margin:0;
    color:#c32425;
}
div#obsah{
width:100%;
float:left;
background:#f6f6f6;
margin:0;
padding:0;


}


#logo{
    float:left;
    margin-left:20px;
    margin-top:15px;
    padding:5px;
    width:70%;
    
}


div.patern{
    float:left;
    width:100%;
    height:25px;
    margin-top:1px;
    background:#ac0c0d;
}






/*menu vlevo*/

.menu{
    list-style-type: none;
    margin: 0px 0;
    padding: 0;
    width: 180px;


}
.menubig{
    list-style-type: none;
    margin: 0px 0;
    padding: 0;
    width: 180px;
}


.menu li a{
    background: url('../images/menuleftback.png');
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: black;
    display: block;
    width: auto;
    height:20px;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none;
    margin-top:3px;
}

.menubig li{
    background: url('../images/menuleftbig.png');
    font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: black;
    display: block;
    width: auto;
    height:43px;
    padding: 3px 0;
    padding-left: 10px;
    text-decoration: none;
    margin-top:8px;
}

* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 160px;
}

* html .menubig li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
    width: 160px;
}

.menu li a:visited, .menu li a:active{
    color: black;
}

.menu li a:hover{
    background-image: url('../images/menulefthover.png');
    color:white;
}
/*konec menu vlevo*/

/*menu nahore*/

#menutop{
float:right;
width:640px;
margin-top:10px;
}


#nav ul li
{
display: inline;

}

#nav ul
{
margin: 0;
padding:0;
letter-spacing: 0px;

}

#nav ul li a
{
font:110% Verdana;
font-weight:bold;
text-align:center;
vertical-align:center;
padding:20px;
margin:0px;
color: #000000;
text-decoration: none;
float: left;
border-right: 1px solid #d8d8d8;

}

#nav ul li a:hover
{
background:#e5e4e4;
color: #000000;
}

#nav li#active a
{
color: #000000;

}



div#menu{
    float:left;
    width:560px;
    height:70px;
    margin:0;
    background:#f6f6f6;
    
    
}
div#kontakt{
    float:right;
    width:239px;
    height:70px;
    color:#ffffff;
    background:#ac0c0d;
}

div#kontakt p{
 font: 80% Verdana;
 margin-left:70px;
 margin-top:20px;
 
}
div#kontakt p a{
 color:#ffffff;
 
}


div#header2{
    float:left;
    width:561px;
    height:200px;
    margin:0;
    background:url('../images/header.jpg');
    
    
}
div#menu2{
    float:right;
    width:239px;
    height:200px;
    color:#757575;
    background:#f6f6f6;
}

#menu2 h1{
font: 115% Verdana;
font-weight:bold;
padding:10px;
}

#menu2 ul li
{
display: block;
padding:3px;

}

#menu2 ul
{
margin: 0;
padding:0;
letter-spacing: 0px;

}

#menu2 ul li a
{
font:110% Verdana;
padding-left:20px;
margin:0;
text-decoration: none;
color:#6c6c6c;

}
#menu2 ul li img
{
border:0;
}

#menu2 ul li a:hover
{
color: #000000;
}

#menu2 li#active a
{
color: #000000;

}

div.clanek{
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
width:90%;
background:#f0eeee;
font:100% Verdana;
color:#777777;
}

.clanek h1{
padding:10px;
margin:10px;
font: 120% Verdana;
font-weight:bold;
color:#777777;
}


.clanek p{
width:85%;
margin-left:45px;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #dcdada;
}

.clanek p img{
margin-top:10px;
width:90px;
height:60px;
}

.clanek hr{
width:80%;
color:#777777;
}
.clanek table{
width:100%;
margin:20px;

}

.clanek h3{
font: 110% Verdana;
font-weight:bold;
}
.clanek table tr td{

padding-left:25px;
}

.clanek img{
margin:8px;
border:5px solid #dcdada;
margin-top:2px;

}


div#footer{
    font:80% Verdana;
    background:url('../images/stinbottom.gif');
    background-position:left top;
    background-repeat:repeat-x;
    color: #868585;
    text-align:right;
    margin-bottom:5px;
}
div#footer p{margin:0;padding:5px 10px}
div#footer{clear:both;width:100%}
