@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
background: #a3ac2f url(../images/bg.jpg) top left repeat-x;
}
 
/* Layout */

#splats {
position: absolute;
margin-top:10px;
left: 50%;
margin-left: -415px; 
width: 830px;
background: transparent url(../images/bg3.jpg) top center no-repeat;
}

#pagewidth-800{
width:800px;
height:auto;
margin-top:24px;
margin-left:15px;
margin-right:15px;
text-align:left;
}

.logo {
float:left;
}

#header {
width: 800px;
height: 216px;
font-size:28px;
}

.text {
width: 190px;
color:#CCFF00;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:5px;
margin-top: 110px;
}

h1 {
width: 190px;
color:#CCFF00;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:5px;
margin-top: 110px;
}

h2 {
width: 190px;
color:#CCFF00;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:5px;
margin-top: 110px;
}

.link {
width:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
display:block;
text-decoration:underline;
color: #fff1e2;
margin-left:5px;
}
.link:hover {
color:#999999;
}

#rekonstrukce {
margin:0;
float:left;
width: 267px;
height: 216px;
background: transparent url(../images/rekonstrukceH.gif) top left no-repeat; 
}

#realizace {
margin:0;
float:right;
width: 266px;
height: 216px;
background: transparent url(../images/realizaceH.gif) top left no-repeat;
}

#mezi {
margin:0;
float:left;
width: 533px;
height: 216px;
}

#studio {
margin:0;
float:right;
width: 267px;
height: 216px;
background: transparent url(../images/studioH.gif) top left no-repeat; 
}

#footer-800{
width: 800px;
height: 20px;
background: #a3ac2f url(../images/paticka.gif) top left no-repeat; 
font-size: 10px; 
color: #FFFFFF; 
}

.text_footer {
text-align:center;
font-size: 10px; 
color: #FFFFFF;
text-decoration:none; 
}

.link_footer {
font-size: 10px; 
color: #FFFFFF;
text-decoration:underline; 
}

.link_footer:hover {
font-size: 10px; 
color: #666666;
}

  
.clr{clear:both;}

/* Topmenu */

#menucontainer{height:71px;width:480px;background: #fff;display:block;margin-bottom:0; float:right; border-right: #C0C0C0 1px solid}
#menu{position:relative;display:block;margin-left:2px;height:71px;font-size:12px;font-weight:bold;font-family:Arial,Verdana,Helvitica,sans-serif;}

ul#mainlevel-nav {
list-style: none;
padding: 0;
margin: 0;
}

ul#mainlevel-nav li{
display:block;float:left;
margin:0 1px 0 0;
float: left;
white-space: nowrap;
}

ul#mainlevel-nav li a{
display:block;
color:#999;
text-decoration:none;
text-align:center;
height:41px;
width:92px;
padding-top:29px;
background: transparent url(../images/menu_bg.gif) repeat-y left;
}

ul#mainlevel-nav li a:hover{
color: #CCCCCC;
/*background:transparent url(../images/menu_bg.gif) no-repeat top left;*/
}

ul#mainlevel-nav li a.current{
color:#999;
/*background:transparent url(../images/butt_on.gif) no-repeat top left;*/
}


