* {
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
font-family: arial;
 background: White;
 }
 
 img {
border: 0;
 }
 
  p {
margin: 0;
padding: 0;
font-size:12px;
 }
 
#stranka {
width: 974px;
margin: 0 auto;
padding:10px 22px 10px 50px;
background: url(../images/pozadi-baba.png) no-repeat top;
 }
 
 #hlavicka
 {
width: 974px;
margin: 0;
padding: 0;
height: 101px;
 }
 
 
   h1
  {
margin: 27px 0 0 26px;
padding: 0;
float: left;
 } 
 
h1 a {	position: relative;	}
h1 span {position: absolute;	top: 0;	  	left: 0;	cursor: pointer;}
h1 a span { background : url(../images/logo.jpg);}
h1 a, h1 span  {
  display: block;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  width: 243px;
height: 82px;
  text-decoration: none;
font-size: 12px;
color: #2481BA;
font-weight: bold;
font-family: arial;
text-indent: 0px;
 }
  
#hledani{
	width: 320px;
	margin: 27px 0 0 370px;
	float: left;
}

#hledani p{
	font-family: Myriad Pro;
	font-size: 13px;
	font-weight: bold;
	color: #4c4c4c;
	float: left;
}

#hledani form
{
	margin: 0;
	padding: 0;
}

#hledani input.odeslat
{
	background: url(../images/hledat-tlacitko.gif) no-repeat top;
	border: none;
	width: 40px;
	height: 30px;
	float: right;
}

#hledani input
{
	background: url(../images/hledat-input.gif) no-repeat top left;
	border: none;
	width: 188px;
	height: 28px;
	float: right;
	color: white;
	font-size: 12px;
	padding: 11px 25px 0 14px;
	clear: right;
} 


#zavolej{
	float: left;
	clear: left;
	width: 245px;
	margin: 0 0 0 27px;
}

#zavolej a{
	color: black;
	font-size: 12px;
	text-decoration: none;
}


 ul#menu {
	clear: left;
	float: right;
	margin: 0 23px 0 0;
	list-style: none;
}

 ul#menu  li {
margin: 0 0 0 5px;
float: left;
}

 ul#menu  li a {
 background: url(../images/menu.gif);
text-align:center;
display:block;
margin: 0;
padding: 32px 0 0 0;
text-decoration: none;
color: white;
font-family: Myriad Pro;
font-size: 13px;
font-weight: bold;
width: 79px;
height: 47px;
}

 ul#menu  li a:hover {
 background: url(../images/menu-hover.gif);
 cursor: pointer;
}


#navigace
{
	clear: left;
	float: left;
	width: 944px;
	height: 32px;
	margin: 43px 0 0 -30px;
	background: url(../images/navigace.jpg) no-repeat top;
	padding: 20px 50px 0 50px;
	font-family: arial;
	font-size: 12px;
	color: black;
}

#navigace a
{
	font-family: arial;
	font-size: 12px;
	color: #399ddb;
	margin: 0 2px;
	text-decoration: none;
}

#navigace a:hover
{
text-decoration: underline;
}

  
#telo
{
clear: left;
float: left;
width: 974px;
margin: 20px 0 0 26px;
padding: 0;
overflow: hidden;
}


#levy-panel
{
background: url(../images/lista-levy-panel.gif) no-repeat  top right;
 width:170px;
float: left;
  padding-bottom: 1001em; 
  margin-bottom: -1000em; 
}

  h2
  {
margin: 5px 0;
padding: 0;
width: 150px;
float: left;
clear: left;
 }
 
 h2 a strong
  {
color: #399ddb;
font-size: 23px;
font-weight: bold;
 } 
 
  h2 a
  {
  text-decoration: none;
font-size: 13px;
color: #848484;
font-weight: bold;
text-transform: uppercase;
font-family: Myriad Pro;
 } 
 
 ul.leve-menu {
	list-style: none;
	margin: 10px 0 5px 0;
	clear: left;
	float: left;
}

 ul.leve-menu  li {
margin: 0 0 3px 0;
font-weight: normal;
}

 #levy-panel ul.leve-menu li ul li
{
	margin: 3px 0;
	padding: 0px 0 0 12px;
	color: black;
	font-weight: normal;
font-family: arial;
font-size: 12px;
width: 135px;
}

 #levy-panel ul.leve-menu li ul li a
{
font-weight: normal;
}

 ul.leve-menu li  a {
 width: 150px;
  background: url(../images/sipka-leve-menu.gif) no-repeat left;
text-align:left;
display:block;
margin: 0;
padding: 0px 0 0 12px;
text-decoration: none;
color: black;
font-family: arial;
font-size: 12px;
font-weight: bold;
}

 ul.leve-menu li  a:hover, ul.leve-menu li a.aktivni {
color: #399DDB;
text-decoration: underline;
}

#pravy-panel
{
width: 750px;
float: left;
clear: right;
margin:100px 0 5px 20px;
}

  #pravy-panel h2 
  {
width: 500px;
 } 

  #pravy-panel h2 a
  {
  text-decoration: none;
font-size: 23px;
color: #399ddb;
font-weight: bold;
text-transform: none;
font-family: Myriad Pro;
margin: 0 0 3px 0;
 } 

 h3{
	color: white;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 3px 0;
	font-family: arial;
}
 
 #novinky-obrazek{
	float: left;
	clear: left;
	width: 220px;
}
 
 
#novinky{
	float: left;
	background: url(../images/novinky-pozadi.jpg) no-repeat;
	width: 493px;
	height: 94px;
	padding: 20px 18px;
}
 
 #novinky p{
margin: 0;
color: white;
font-size: 12px;
}

 #novinky p a{
margin: 0;
color: white;
font-size: 12px;
text-decoration: underline;
font-weight: bold;
}

.text{
margin: 12px 0;
color: black;
font-size: 12px;
clear: left;
float: left;
width: 100%;
}


 ul#box {
	clear: left;
	float: left;
	margin: 10px 23px 0 0;
	list-style: none;
	width: 755px;
}

 ul#box  li {
margin: 0 0 0 5px;
float: left;
}

 ul#box  li a {
text-align:center;
display:block;
margin: 0;
padding: 19px 0 0 0;
text-decoration: none;
color: #399DDB;
font-family: arial;
font-size: 13px;
width: 245px;
height: 190px;
background: url(../images/univerzalni-produkt.jpg) no-repeat top;
}

 ul#box  li a:hover {
background: url(../images/univerzalni-produkt-hover.gif) no-repeat top;
cursor: pointer;
}

 ul#box  li a img{
border: 0 none;
margin: 0 0 25px 0;
}

ul#box li a span{
	text-decoration: none;
}

ul#box li a:hover span{
	text-decoration: underline;
}

 ul#box  li.novinka a, ul#box li.novinka {
background: url(../images/nove-produkt.jpg) no-repeat top;
}

 ul#box  li.novinka  a:hover {
 background: url(../images/nove-produkt-hover.jpg)no-repeat top;
 cursor: pointer;
}

ul#box  li.tip a, ul#box li.tip {
background: url(../images/tip-produkt.jpg) no-repeat top;
}

 ul#box  li.tip a:hover {
 background: url(../images/tip-produkt-hover.jpg)no-repeat top;
 cursor: pointer;
}

 ul#box  li.hit a, ul#box li.hit {
background: url(../images/hit-produkt.jpg) no-repeat top;
}

 ul#box  li.hit a:hover {
 background: url(../images/hit-produkt-hover.jpg)no-repeat top;
 cursor: pointer;
}

.kontakt-levy{
 float: left;
 clear: left;
 width: 330px;
 margin: 10px 0 0 0;
}

.kontakt-pravy{
 float: left;
 width: 300px;
  margin: 10px 0 0 0;
}

.kontakt-pravy p, .kontakt-levy p
{
	font-size: 12px;
	color: black;
}


.kontakt-levy a, .kontakt-pravy a
{
	color: #399DDB;
	text-decoration: none;
	font-size: 12px;
}

.kontakt-levy a:hover, .kontakt-pravy a:hover
{
	color: #399DDB;
	text-decoration: underline;
}

form.kontakt{
	clear: left;
	float: left;
	width: 720px;
	background: #F7F8F9;
	margin: 10px 0 0 0;
	padding: 10px;
	font-size: 12px;
}

form.kontakt p{
	float: left;
	width: 199px;
}

form.kontakt p.zalomeni{
clear: left;
	float: left;
	width: 420px;
	margin: 10px 0 0 0;
}

form.kontakt p input{
	clear: left;
	width: 190px;
	height: 18px;
	border: 1px solid #B3B9C3;
	background: white;
	font-size: 12px;
	margin: 2px 0 0 0;
	}

	form.kontakt p textarea{
	clear: left;
	width: 390px;
	height: 120px;
	border: 1px solid #B3B9C3;
	background: white;
	font-size: 12px;
	margin: 2px 0 0 0;
	}

	form.kontakt p input.odeslat{
	clear: left;
	width: 100px;
	height: 21px;
	border: 1px solid #B3B9C3;
	background: White url(../images/odeslat-input.jpg) repeat-x;
	font-size: 12px;
	margin: 2px 0 0 0;
			}
			
			form.kontakt p.zalomeni span{
	margin: -2px 0 0 15px;
	font-size: 10px;
}
	
	#detail-levy{
	width: 250px;
	_width: 240px;
	float:left;
	clear: left;
}

.obrazek{
	border: 1px solid #DDDDDD;
	width: 220px;
	padding: 5px 0;
	text-align: center;
}

.klikni{
	background: #F0F0F0;
	margin: 1px 0 0 0;
	text-align: center;
	padding: 5px 0;
	width: 222px;
}

.klikni a, .nabidka a
{
	font-size: 12px;
	color: black;
	text-decoration: underline;
}

.nabidka{
	margin: 10px 0 0 0;
	}
	
	.nabidka img{
	position: relative;
	top: 10px;
	margin: 0 5px 0 0;
}
	
	#detail-pravy{
	width: 500px;
	_width: 480px;
	float: left;
	margin: 0;
}

.cena{
	background: url(../images/cena-pozadi.jpg) repeat-x;
	width: 500px;
	margin: 4px 0 0 0;
	padding: 0 3px;
}

.cena p
{
	width: 50%;
	float: left;
	padding: 8px 0;
}

.cena p.pravy
{
	text-align: right;
}

#detail-pravy h3{
	margin: 10px 0 0 0;
	font-size: 13px;
	font-weight: bold;
	color : #399ddb;
}

#detail-pravy ul.sipky, #detail-pravy ul.nic, #detail-pravy ul.pomlcky
{
	margin: 0 0 0 15px;
	font-size: 12px;
	color: #525252;
}

#detail-pravy ul.sipky li
{
	list-style: url(../images/li-sipky.jpg);
	margin: 0 0 0 5px;
	}

#detail-pravy ul.nic li
{
	list-style: none;
	margin: 0 0 0 -14px;
}
	
#paticka
{
float: left;
clear: both;
background: white url(../images/paticka.jpg) no-repeat top center;
padding: 25px 0 10px 0;
width: 100%;
font-size: 12px;
color: black;
}

#paticka-leva{
	float: left;
	width: 550px;
}

#paticka-prava{
	float: left;
	width:400px;
	text-align: right;
}
#paticka a
{
color: #3A9DDB;
font-size: 12px;
text-decoration: none;
}

#paticka a:hover
{
color: #3A9DDB;
font-size: 12px;
text-decoration: underline;
}

p.return { color: red; float: left; width: 100%; margin-bottom: 10px; }