/* CSS */

/* general stuff */

body {
margin:0;
padding:0;
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:14px;
color:#78777c;
background: #fff url(../images/bg.jpg) top left repeat-x;
}

/*top menu*/

#menucontainer{min-height:20px; display:block; font-weight:100; float:right; margin:0;}
#menu{position:relative;display:block;min-height:20px;font-size:14px;font-family:Arial,Verdana,Helvitica,sans-serif;}
#menu ul{margin:0;padding:0;list-style-type:none;width:auto;clear:none;}
#menu ul li{display:block;float:left;}
#menu ul li a{
display:block;
padding-top:20px;
padding-bottom:10px;
float:left;
color:#818181;
text-decoration:none;
margin-left:8px; 
margin-right:8px; 
font-weight:bold;
border-top: 7px solid #fff;
border-bottom: 1px solid #fff;
}
#menu ul li a:hover{
border-top: 7px solid #a3a3a3;
border-bottom: 1px solid #b3b3b3;
}
#menu ul li a.current,#foxmenu ul li a.current:hover{
border-top: 7px solid #a3a3a3;
border-bottom: 1px solid #b3b3b3;
}

/* Layout */

#pagewidth{
position: absolute;
margin:0;
padding:0;
left: 50%;
margin-left: -400px;
width: 800px;
height:auto;
}

#top {
margin:0;
padding:0;
width:800px;
height:66px;
}

#logo {
float:left;
margin-top:1px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}

#logo:hover {
border-left: 1px solid #b3b3b3;
border-right: 1px solid #b3b3b3
}


#header {
padding:0;
width:800px;
height:142px;
}

#bottom_menu {
padding-top:3px;
width:800px;
min-height:170px;
background-color:#fff;
}


#bottom_menu img:hover {
background-color:#FFF;
filter: alpha(opacity=75);   
-moz-opacity: 0.75;   
-khtml-opacity: 0.75;   
opacity: 0.75;  
}	

.bottom_link {
display:block;
margin-top:16px;
float:left;
color:#e6e6e8;
text-decoration:none;
padding-left:16px; 
font-weight:bold;
border-left: 7px solid #e6e6e8;
font-size:14px;
line-height:26px;
}

.bottom_link:hover {
text-decoration:underline;
}


#bottom_menu_in {
margin-left:3px;
width:794px;
background-color:#fff;
}

#blok1 {
float:left;
width:265px;
min-height:100px;
background-color:#8d8b8c;
}

#element1 {
width:265px;
height:55px;
background-color:#515151;
border-bottom: 1px solid #a5a5a5;
}

#blok2 {
float:left;
width:264px;
min-height:100px;
background-color:#a3a3a3;
}

#element2 {
width:264px;
height:55px;
background-color:#6e6e6e;
border-bottom: 1px solid #b6b6b6
}

#blok3{
float:left;
width:265px;
min-height:100px;
background-color:#b0aeaf;
}

#element3 {
width:265px;
height:55px;
background-color:#818181;
border-bottom: 1px solid #bfbfbf;
}

#telo {
clear:both;
width:794px;
margin-left:3px;
min-height:400px;
background-color:#fff;
}

#content {
float:left;
width:529px;
min-height:400px;
background-color:#f8f8f8;
}

#content h1 {
margin-top:20px;
margin-left:0px;
padding-left:15px;
font-size:16px;
line-height:22px;
color:#78777c;
font-weight:bold;
border-left: 7px solid #d2d3d5;
}

#content h3, #content h2 {
margin-top:10px;
font-size:14px;
line-height:18px;
color:#78777c;
font-weight:bold;
}

#content h2 {
color:#FFF;
line-height:22px;
padding-left:5px;
background-color:#b8b2be;
}

#rightcol-broad{
float:right;
width:265px;
min-height:400px;
background-color:#fff;
} 

#EKIS {
height:198px;
width:265px;
background: transparent url(../images/bg_ekis.jpg) top left repeat-x;
}

#EKIS_top {
width:170px; 
float:right; 
margin-top:28px;
color:#fff;
}

#EKIS_bottom {
clear:both;
margin-top:5px;
margin-left:10px;
margin-right:10px;
padding-top:10px;
color:#37808f;
border-top: 1px solid #c8f2f1;
}

.EKIS_link {
margin-right:10px;
float:right;
color:#f7941d;
font-weight:bold;
}

.EKIS_link:hover {
color:#fff;
}

#rightcol-broad h3 {
margin-top:20px;
margin-left:20px;
font-size:15px;
line-height:15px;
color:#78777c;
font-weight:bold;
}

#novinky {
width:225px;
margin-left:20px;
margin-top:10px;
padding-bottom:5px;
border-bottom: 1px solid #d9d9d9;
}

#novinky p {
padding-top:15px;
border-top: 1px solid #d9d9d9;
}


#footer{
clear:both;
width: 800px;
min-height:20px;
margin-top:0px;
}

#footer p {
font-size: 11px; 
color:#78777c;
padding-top:10px;
margin-left:11px;
margin-right:11px;
padding-bottom:1px;
}

#footer a {
color:#78777c;
text-decoration:underline; 
}

#footer a:hover {
text-decoration:none;
color:#73b0dd;
}

.clr{clear:both;}

#content a {
color:#73b0dd;
text-decoration:underline;
}

#content a:hover {
color:#4f657a;
text-decoration:underline;
}

#content p {
margin-left: 5px;
margin-right: 5px;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:14px;
line-height:14px;
color:#78777c;
}

hr {
clear:both;
height:1px;
color:#78777c;
}

/* formatuje tabulku kontaktu */

.kontakt_left {
float:left;
width:352px;
margin-top:5px;
margin-bottom:5px;
}

.kontakt_left_left {
float:left;
width:176px;
}

.kontakt_left_right {
float:right;
width:176px;
}

.kontakt_right {
float:right;
width:174px;
margin-top:5px;
margin-bottom:5px;
}

.kontakt_right p {
text-align:left;
}


