/*obecne*/
body {background: #747474;	text-align: center;	font-family: Arial, sans-serif;	color: #000;	padding: 0;	font-size: 100%;	margin: 0;}

#main {
	background: #747474;
	width: 770px;
	padding: 0 0 0 0;
	margin: 0px auto 0px auto;
	font-size: 0.7em;
	text-align: justify;
	line-height: 0.9;
}

hr {height: 1px;
    margin: -1px 0 0 0;
    padding: 0;
    border: #EEEEEE;
    visibility: hidden;
    clear: both;}

hr.cleaner2 {clear: right}

img {border: none}

/*hlavicka*/

div#logo {position:relative;
         float: left;
         display:  block;
         z-index: 1;
         width: 222px;
         height: 104px;
         margin: 0;
         padding: 0;
         _cursor: hand;}
			
div#logo a span{background: url(images/logo.jpg) top left no-repeat;
                width: 222px;
                height: 104px;
					 position: absolute;
					 left: 0px;
					 top: 0px;
                display: block;}
			
div#head {background: url(images/head.jpg) no-repeat;
               width: 1000px;
               height: 193px;
               position:absolute;
               left: 0px;
               top: 89px;
               margin: 0 0 0 0;}

/*menu*/
.menu-home a {width: 85px; height: 104px; position:relative; margin: 0; float: left;}
.menu-gravir a {width: 133px; height: 104px; position:relative; margin: 0; float: left;}
.menu-rez a {width: 97px; height: 104px; position:relative; margin: 0; float: left;}
.menu-cenik a {width: 87px; height: 104px; position:relative; margin: 0; float: left;}
.menu-kontakt a {width: 132px; height: 104px; position:relative; margin: 0; float: left;}

.menu-home a span {background: url(images/menu_home_s.jpg) no-repeat; width: 85px; height: 104px; position:absolute; margin: 0; top:0; left:0;}
.menu-gravir a span {background: url(images/menu_gravir_s.jpg) no-repeat; width: 133px; height: 104px; position:absolute; margin: 0; top:0; left:0;}
.menu-rez a span {background: url(images/menu_rez_s.jpg) no-repeat; width: 97px; height: 104px; position:absolute; margin: 0; top:0; left:0;}
.menu-cenik a span {background: url(images/menu_cenik_s.jpg) no-repeat; width: 87px; height: 104px; position:absolute; margin: 0; top:0; left:0;}
.menu-kontakt a span {background: url(images/menu_kontakt_s.jpg) no-repeat; width: 132px; height: 104px; position:absolute; margin: 0; top:0; left:0;}

.menu-home a span:hover  {background: url(images/menu_home_c.jpg) no-repeat;}
.menu-gravir a span:hover  {background: url(images/menu_gravir_c.jpg) no-repeat;}
.menu-rez a span:hover  {background: url(images/menu_rez_c.jpg) no-repeat;}
.menu-cenik a span:hover  {background: url(images/menu_cenik_c.jpg) no-repeat;}
.menu-kontakt a span:hover  {background: url(images/menu_kontakt_c.jpg) no-repeat;}

.menu-home-a a {width: 85px; height: 104px; position:relative; margin: 0; float: left;}
.menu-gravir-a a {width: 133px; height: 104px; position:relative; margin: 0; float: left;}
.menu-rez-a a {width: 97px; height: 104px; position:relative; margin: 0; float: left;}
.menu-cenik-a a {width: 87px; height: 104px; position:relative; margin: 0; float: left;}
.menu-kontakt-a a {width: 132px; height: 104px; position:relative; margin: 0; float: left;}

.menu-home-a a span {background: url(images/menu_home_s.jpg) no-repeat; width: 85px; height: 104px; position:absolute; margin: 0; top:0; left:0; filter: invert();}
.menu-gravir-a a span {background: url(images/menu_gravir_s.jpg) no-repeat; width: 133px; height: 104px; position:absolute; margin: 0; top:0; left:0; filter: invert();}
.menu-rez-a a span {background: url(images/menu_rez_s.jpg) no-repeat; width: 97px; height: 104px; position:absolute; margin: 0; top:0; left:0; filter: invert();}
.menu-cenik-a a span {background: url(images/menu_cenik_s.jpg) no-repeat; width: 87px; height: 104px; position:absolute; margin: 0; top:0; left:0; filter: invert();}
.menu-kontakt-a a span {background: url(images/menu_kontakt_s.jpg) no-repeat; width: 132px; height: 104px; position:absolute; margin: 0; top:0; left:0; filter: invert();}
					
.menu-linka {background: url(images/menu_linka.jpg) no-repeat; width: 2px; height: 104px; position:relative; margin: 0 0 0 0; float: left;}

/*písmo*/
h1 {
	color: #C80000;
	font-size: 1.6em;
	text-decoration: none;
	border-bottom: 1px solid #BEBEBE;
}
h2 {color: #C80000; font-size: 1.4em; margin-bottom: -10px; _margin-bottom: -18px}
h3 {color: #6F7F8E; font-size: 1.2em;}
p {font-size: 1em; line-height: 1.3em;}
ul, li {font-size: 1em; line-height: 1.3em;}
a {text-decoration: none; color:#C80000}
a:hover {text-decoration: underline; color:#C80000}

/*prostredek*/
#hlavni {
	background: #CBCBCB url(images/obsah_a.jpg) -4px 0px no-repeat;
	width: 762px;
	height: auto;
	margin: 0 0 0 0;
	position: relative;
}

#hlavni2 {
	background: url(images/obsah_b.jpg) -4px bottom no-repeat;
	font-size: 1.1em;
	width: 762px;
	height: 500px;
	margin: 0px 0 0 0px;
	padding: 10px;
}
	 
#pata {
    background: url(images/pata.jpg) top left no-repeat;
	 position: relative;
    font-size: 1.1em;
	 text-align: right;
 	 width: 770px;
	 height: 80px;
	 padding: 0 0 0 0;
	 float: left;}
	 
#pata p {position: absolute;
	 top: 30px;
	 _top: 41px;
	 left: 30px;}
	 
#pata p a {color: #C80000; font-size: 1.1em;}

#pata p.pravo {position:absolute; right: 30px; top: 30; _top: 41px}
	 
#hlavni-l {
	width: 459px;
	_width: 497px;
	height: auto;
	padding: 5px 18px 10px 20px;
	_padding: 19px 18px 10px 20px;
	float: left;
}

#hlavni-l li {
	padding: 0px 0px 0px 4px;
	margin-left: -9px;
	list-style: disc;
}

#hlavni-p {
	width: 220px;
   padding: 20px 0px 10px 10px;
 	height: auto;
	float: left;
}

#hlavni-p h2 {
   padding-left: 20px;
	_padding-bottom: 18px;
}

#hlavni-p img {float: left;}

#hlavni-c {
	background: url(images/obsah_l.jpg) left bottom no-repeat;
	width: 3px;
	padding-top: 25px;
	height: 470px;
	float: left;
}

.novinka {
	background: url(images/novinka.jpg) left top no-repeat;
	width: 174px;
	height: 130px;
	margin-bottom: 10px;
	padding: 30px 18px 15px 18px;
	font-size: 1.1em;
	font-style: italic;
}

.novinka h3{
	margin: 2px 2px 2px 12px;
	font-size: 1.1em;
	font-style: normal;
}
.novinka em{
	margin: 2px 2px 2px 12px;
}

.novinka p{
	margin: 4px 8px 0px 8px;
	font-size: 0.8em;
	font-style: normal;
}

.novinka em {
	font-size: 0.9em;
	color: #AFAFAF;
}

#hlavni #kvalitne h3 {
	font-size: 2.5em;
	font-weight: normal;
	color: #b2b2b2;
	position: absolute; 
	bottom: 5px;
	left: 33px;
}