﻿body {
margin : auto; /* nulový okraj stránky */
padding : 0px;
font-family : "Times New Roman" ,"arial ce", "helvetica ce", arial, helvetica, sans-serif;
font-size : 14px;
background-image : url('images/10.gif');  /*  obrázek pozadí */
background-color : #CCFF99; /* barva pozadí */
width : 1200px;
}

div.main {
margin-left : auto; /* odsazení od okraje */
margin-top: 2px;
width : 1200px;
/* cursor: url("images/crosshair.cur")*/
}

div.hlavicka {
padding-left: 5px;
border : 0px solid red ;/*2px solid teal solid green; rámeček: nahoře border-top, border-right, dole border-bottom a border-left */
text-align : center; medium
}

div.left {
width : 150px;
height : 550px;
float : left;
border: 0px solid red
}

div.middle {
margin-left : 152px;
margin-right : 5px;
width : 824px;
border: 0px solid green 
}

div.right {
width : 150px;
float : right;
margin-left : 5px ;
text-align : center;
border : 0px solid green;
}

h1 {color : Green;}
h4 {color : Green;}
h3 { font-family : arial black; color : Green;}

/* horizontální menu s obrázky */
ul, li {
margin: 0;
padding: 0;
}

.cl
{
clear: both;
}

ul.menu
{
font-size: 14px;
font-family: sans-serif;
}

ul.menu li
{
list-style-type: none;
}

ul.menu li.item
{
float: left;
width: 100px;
height: 30px;
padding: ;
margin-right: 2px;
margin-left: 2px;
margin-bottom: 5px;
margin-top: 5px;
cursor: crosshair;
}

ul.menu li.item a
{
display: block;
width: 100px;
height: 30px;
line-height: 30px; /* svisle centrovani */
text-align: center; /* vodorovne centrovani */
background: white url('images/81-1.jpg');
color: #333;
border: solid #333 1px;
font-weight: bold;
text-decoration: none;
font-style: italic;
color : Yellow; cursor: crosshair;
}

ul.menu li.item a:hover
{
background-image: url('images/81-2.jpg');
color: black;
border-color: #000;
color : #CCFF66
}

/* svislé menu */
.tlacitko {font-family : Arial, Sans-Serif; font-size : 80%;font-weight: bold;
color : Yellow; width: 140px; height: 37px; background-image: url('images/81-1.jpg'); 
background-repeat: no-repeat; 
/*#98fb98; rámeček*/
background-color : #e0ffff; 
text-align: center; cursor: crosshair;  
}

/* loga sponzorů */
.kvtisk {width: 155px; background-image: url('images/logo/KVTISK_logo.jpg'); 
background-repeat: no-repeat; margin-bottom: 4px; cursor: crosshair; }

.logo_fotolovy {width: 155px; background-image: url('images/logo/logo_fotolovy.gif'); 
background-repeat: no-repeat; margin-bottom: 4px; cursor: crosshair; }

.logo {width: 100px; height: 59px; background-image: url('images/logo/logo.gif'); 
background-repeat: no-repeat; margin-bottom: 4px; margin-left: 10px; }

.logo2 {width: 100px; height: 37px; background-image: url('images/logo/cidu.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo3 {width: 100px; height: 21px; background-image: url('images/logo/deltona.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo4 {width: 100px; height: 117px; background-image: url('images/logo/jancar.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo5 {width: 100px; height: 14px; background-image: url('images/logo/karel_holoubek.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo6 {width: 100px; height: 49px; background-image: url('images/logo/kvaryod.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo7 {width: 100px; height: 34px; background-image: url('images/logo/logostihl.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo8 {width: 120px; height: 46px; background-image: url('images/logo/oknoservis.gif'); 
background-repeat: no-repeat; margin-bottom: 4px; margin-left: 1px; }

.logo9 {width: 100px; height: 32px; background-image: url('images/logo/ssz-vary.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo10 {width: 100px; height: 50px; background-image: url('images/logo/tima.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo11 {width: 100px; height: 50px; background-image: url('images/logo/zepok.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }

.logo12 {width: 100px; height: 141px; background-image: url('images/logo/hubert.gif'); 
background-repeat: no-repeat; margin-bottom: 4px }