body {
color: #333333;
margin: 0;
padding: 0;
background: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
td{
padding:0 20px 0 4px;
border-width:1px;
border-style:solid;
border-color:#666666;
}
table{
margin: 0 0 0 30px;
}
#wrapper{
width:700px;
margin:15px auto 0 auto;
text-align:center;
font-family:verdana, geneva, arial, helvetica, sans-serif;
font-size: 9px;
color:#333333;
}
#wrapper img{
margin:3px 2px 0 2px;
}
#logo {
width:60px;
height:100%;
text-align:right;
border-width: 0;
}
#logo img{
margin: 0 2px 2px 470px;
border:0;
}
#logo object{
margin: 0 2px 2px 510px;
}
#menu {
background: #EDEDED;
margin:0 0 2px 0;
width:100%;
height:18px;
text-align:center;
border-width: 0;
font-family: arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold
}
#divider1 {
margin:0 0 5px 0;
width:100%;
height:20px;
text-align:right;
color:#FFFFFF;
background: #993333;
/*background-image: url("bricks1.jpg");*/
}

#divider2 {
margin:0 0 3px 0;
width:100%;
height:15px;
background:#336699;
/*background-image: url("nav02.gif");*/
}

#divider2 img{
margin: 0 490px 0 2px;
}
#divider1 img{
margin: 2px 2px 0 460px;
border:0;
}
#obrazky {
margin:0;
width:100%;
height:80px;
}
#obrazky img{
margin:0 2px 0 2px;
}
#text {
width:684px;
padding: 0 8px 40px 8px;
color:#333333;
background: #EDEDED;
text-align:left;
}
.obsah {
color:#333333;
width:99%;
text-align:justify;
padding: 3px 0 0 0;
margin: 2px 4px 0px 4px;
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
line-height:130%;
}
.obsah h1{
text-align:left;
margin: 8px 0 5px 0px;
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
}
.obsah h2{
text-align:left;
color:#336699;
margin: 2px 0 2px 1px;
font-family: Verdana, Arial, sans-serif;
font-size: 17px;
}
.obsah hr{
clear:both;
margin: 10px 0 0 0;
}
.obsah img{
float:right;
padding:0px 5px 0 5px;
}
.obsah a{
text-decoration:none;
color: #993333;
}
.obsah a:hover{
text-decoration:underline;
color: #FF9999;
}
ul li{
list-style: circle outside url("../img/xypex/li.gif");
}
ul li ul li{
list-style: disc outside url("../img/xypex/li.gif");
}
.table1{
width:100%;
height:250px;
}
#samples{
margin:20px auto 0 auto;
width:600px;
text-align:center;
}
#samples img{
margin:0px 1px 0 1px;
float:none;
width:100px;
height:80px;
}
.table2{
width:300px;
float:left;
}
.mezera{
margin: 10px 0 10px 0;
}


#divider1b {
margin:0 0 5px 0;
width:100%;
height:20px;
text-align:right;
color:#FFFFFF;
background: #336699;
/*background-image: url("bricks1.jpg");*/
}

#divider2b {
margin:0 0 3px 0;
width:100%;
height:15px;
background:#993333;
/*background-image: url("nav02.gif");*/
}

#divider2b img{
margin: 5px 515px 0 2px;
}
#divider1b img{
margin: 2px 2px 0 460px;
border:0;
}

.item1 {
float:left;
height:18px;
margin:0;
background: #EDEDED;
}
.item1 a{
padding: 1px 9px 0 9px;
float:left;
height:18px;
margin:0;
color:#333333;
text-decoration:none;
}
.item1 a:hover{
text-decoration:none;
padding: 1px 9px 0 9px;
float:left;
height:18px;
margin:0;
color: #EDEDED;
background: #333333;
}
.samply{
width:100%;
height:210px;
text-align:center;
}
.samply img{
margin:0px 4px 0 0;
float:none;
height:200px;
}
.nav{
text-align:center;
}
.about{
width:100%;
height:145px;
}
.about img{
float: left;
margin: 2px 5px 2px 2px;
}
#temp{
width:100%;
height:150px;
}
#temp img{
margin:0;
}
#intro{
text-align:center;
margin:20px auto 0 auto;
width:100%;
height:100%;
}
#intro a img{
margin:0;
padding:0;
border:0;
filter: alpha(opacity=80, style=0);
height:200px;
width:500px;
}
#intro a:hover img{
margin:0;
border:0;
filter: alpha(opacity=100, style=0);
}
#intro1{
width:100%;
background: #FEEAED;
border-width: 1px 0 1px 0;
border-style:dashed;
border-color:#999999;
}
#intro2{
width:100%;
background: #EAF0FE;
border-width: 0 0 1px 0;
border-style:dashed;
border-color:#999999;
}