body    {
    background: url("../img/bgline.png") top left repeat-x #3399CC;
    color: #FFFFFF;
    font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
    font-size: 0.8em;
    margin: 0;
    padding: 0;
}

a   {
    background: transparent;
    color: #0000FF;
    cursor: hand;
    text-decoration: none;
}
a:hover {
    background: transparent;
    color: #FFFF00;
}

#body   {
    margin: 0 auto 50px;
    width: 899px;
}

#top    {
    height: 281px;
}

#top_info   {
    float: left;
    height: 281px;
    width: 412px;
}

#top_logo   {
    background: url("../img/smile.jpg") top left no-repeat #3399CC;
    float: left;
    height: 281px;
    width: 487px;
}

#top_info_logo  {
    background: url("../img/logobg.jpg") top left no-repeat #3399CC;
    color: #FFFFFF;
    font-size: 1.3em;
    height: 69px;
    margin: 0;
    padding: 0;

    position: relative;
    width: 412px;
    overflow:hidden;
}

#top_info_logo span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 412px;
    height: 69px;
    margin: 0;
    padding: 0;
    background: url("../img/wpsmile.gif") top left no-repeat;
}

#top_info_features  {
    background: url("../img/features.jpg") top left no-repeat;
    height: 132px;
    margin: 0;
    padding: 40px 10px 40px 20px;
    width: 382px;
}
#top_info_features li   {
	background: url("../img/bullet.gif") 0px 5px no-repeat;
    float: left;
    height: 66px;
    width: 105px;
    list-style: none;
    font-size: 0.9em;
    margin-left: 10px;
    padding-left: 10px;
}

#menu   {
    height: 79px;
    margin: 0;
    padding: 0;
}

#menu li    {
    background: url("../img/menu0.jpg") top left repeat-x #3399CC;
    color: #FFFFFF;
    float: left;
    height: 79px;
    list-style-type: none;
    font-size: 0.8em;
    margin: 0;
    padding: 0;

    position: relative;
    overflow:hidden;
}
#menu li span {
    background: top left no-repeat;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 79px;
    width: 150px;
    margin: 0;
    padding: 0;
}

.clear  {
    clear: left;
}

#divider    {
    background: #1C92D2;
    color: #FFFFFF;
    height: 15px;
}
.divider2   {
    background: url("../img/divider.png") top left repeat-x;
    height: 23px;
}
.divider    {
    background: #3280BE;
    color: #FEC104;
    height: 37px;
    line-height: 37px;

    margin: 0;
    padding: 0 0 0 35px;

    position: relative;
    overflow:hidden;
}
.divider span   {
    background: url("../img/head-cisteni.gif") top left no-repeat;
    display: block;
    position: absolute;
    width: 300px;
    height: 37px;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    z-index: 1;
}

#content    {
    background: url("../img/bg275.gif") top left repeat-x;
    height: 270px;
    padding: 5px 30px 0;
}
#content .reverse   {
    background: url("../img/bg275r.gif") top left repeat-x;
}
#content.long	{
	background-image: url("../img/bg625.gif");
	height: 620px;
}
.three_col  {
    float: left;
    width: 33%;
}
.three_col p    {
    padding-right: 30px;
}

h3  {
    font-weight: normal;
    margin: 0;
}
h4  {
    font-size: 1em;
    margin: 0;
}
ul  {
    margin: 0;
}

.vyrobky    {
    background: url("../img/bg329r.gif") top left repeat-x;
    height: 319px;
    padding: 5px 190px 5px 70px;
}
.vyrobky .popis {
    float: left;
    width: 420px;
}
.vyrobky .image {
    display: block;
    float: left;
    height: 200px;
    padding: 65px 50px 0 5px;
    width: 160px;
}

.popis a    {
    background: transparent;
    color: #FFFF00;
    font-size: 1.2em;
    margin-left: 50px;
}

p   {
    text-align: justify;
}

#index_content  {
    background: #0084CE;
    color: #FFFFFF;
    padding: 5px 22px 15px;
}

.box    {
    background: url("../img/krabiceg.jpg") top left no-repeat #086092;
    color: #FFFFFF;
    float: left;
    height: 140px;
    width: 126px;
    overflow: hidden;
    margin: 0;
    font-size: 0.9em;

    padding: 85px 15px 20px 130px;
}

.box span	{
	display: block;
	margin-bottom: 15px;
	padding-right: 15px;
	text-align: right;
}

.space  {
    float: left;
    height: 245px;
    width: 21px;
}
