@import "menu.css";
* {padding: 0px; margin: 0px;}
body {
  background:url(../img/bg.gif) repeat-x #ffffff;
  
  margin:0;
  padding:0;
  text-align: left;
  color: #000000;  
  font:x-small/1.5em Verdana, Arial,  Helvetica, sans-serif;
  voice-family: "\"}\""; voice-family:inherit;
  font-size:small;
  } html>body {font-size:small;} 

a{ 
  color:#930101; 
  text-decoration:underline
}

a:hover{ 
  color:#000; 
  text-decoration:underline
}

img {
   border:0px
}

#obal {
  margin:0px;
  width:880px
}

#animace object{
  float:left;
  width:650px
}

#logo {
  position: relative;
  width: 230px;
  height: 182px;
  font-size: 70%;
  float: left;
  top: 0px; 
  left:0px;
}
#logo  a { 
  margin: 0px; 
  color:000; 
  text-decoration:none
}
#logo  span {
  position: absolute;
  left: 0;
  top: 0;
  width: 230px;
  height: 182px; 
  background:url(../img/logo.jpg)
}

#logosortiment {
  float:left;
  width: 305px;
  height: 182px;
}


#obsah {
  float:left;
  width:100%;
  background:url(../img/bg-obsah.gif) repeat-x #FFFFFF
}

#panel1 {
  float:left;
  width:545px;
  padding:15px
}

#panel1 img{
   margin: 0 8px 0 0;
   padding: 4px;
   border: 1px solid #D9E0E6;
   border-bottom-color: #C8CDD2;
   border-right-color: #C8CDD2;
   background: #fff;
}

#panel1 p{
   padding: 5px 0px 5px 0px ;
   text-align:justify
}

#panel1 h1{
  width:505px;
  font-size:115%;
  padding: 10px 0px 10px 40px;
  background:url(../img/bg-h1.gif) left center no-repeat; 
  border-bottom: 1px #930101 solid
}

#panel2 {
  float:left;
  width:305px;
}

/*reference*/
#reference {
  float: left;
  width: 250px;
  margin: 10px 0px 10px 10px;
  text-align:left;
  
}

.box {
	width: 250px;
	float:left;
	margin: 10px 0px;
    padding: 0;
}
.box img {
   float: left;
   margin: 0 8px 0 0;
   padding: 4px;
   border: 1px solid #D9E0E6;
   border-bottom-color: #C8CDD2;
   border-right-color: #C8CDD2;
   background: #fff;
}
.box p {
    font-size: 85%;
    line-height: 1.5em;
    color: #666;
	margin-left: 10px;
}

.box h2 {
  font-size: 110%;
  color: #627081;
}
	


/*konec reference*/
/*sortiment*/
#sortiment {
  float: left;
  width: 540px;
  padding: 10px 0;
  
}

.boxsortiment {
	width: 540px;
	float:left;
	margin: 10px 0px;
    padding: 0;
}
.boxsortiment img {
   float: left;
   padding: 4px;
   border: 1px solid #D9E0E6;
   border-bottom-color: #C8CDD2;
   border-right-color: #C8CDD2;
   background: #fff;
   margin-top:20px
}
.boxsortiment p {
	margin: 0px 0px 0px 10px;
	font-size: 85%;
    line-height: 1.5em;
    color: #666;
}

.boxsortiment h2 {
  font-size: 110%;
  color: #627081;
}

#boxsortiment a{
  color: #930101;
}	

/*konec sortiment*/
.album {
   width:140px;
   float: left;
   height: 160px;
   text-align:center;
   margin-top:10px;
   margin-right:30px
}
.album h3{
   font-size:88%
}
.album img{
   margin: 0 8px 0 0;
   padding: 4px;
   border: 1px solid #D9E0E6;
   border-bottom-color: #C8CDD2;
   border-right-color: #C8CDD2;
   background: #fff;
}
#patice {
   float:left;
   margin-top:20px;
   width:880px;
   text-align:right;
   clear:both;
   font-size:70%;
   border-top: 1px solid #ccc
}
#patice a{
  text-decoration:none;
  padding-right:40px;
  color:#ccc
}