html,body{margin:0;padding:0; background-color:#000000;}
body
{
	font-family:Helvetica, Verdana, Tahoma;
	font-size:12px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	color:#E5E5E5;           
}
.text1
{
font-size:13px;
text-align: justify;
  line-height:150%;
}
.text2
{
color:#C2C2C2;
text-align: justify;
}
h2
{
color:#E5E5E5;  
}

.zarovnani
{
margin: 0 13px 0 65px;
}
img
{
border-style: none;
} 
a 
{
text-decoration: none;
color:#FFFFFF;
}

div#headerLeft
{
float:left;
width:385px;
height:140px;
background: url("images/bgHeadLeft.png") no-repeat;
}
div#headerRight
{
float:left;
width:618px; 
height:140px;
background: url("images/bgHeadRight.png") no-repeat;
}

.menu ul
{
list-style-type: none;
margin: 108px 0 0 0;
}
 
/* start language panel*/
div#langPanel
{
float:left; 
width:385px;
height:76px;
background: url("images/langPanel.png") no-repeat;
}
div#langPanel a
{
background-position: none;
}

.langIco
{
padding: 26px 0 0 90px;
line-height: 10px;

}
 /*end language panel*/


div#naviPanel
{
float:left; 
width:618px;
height:76px;
background: url("images/naviPanel.png") no-repeat;
font: 10px, Tahoma;
color:#FFFFFF;
text-align:left;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{

display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #FFFFFF; /*button text color*/
}

a.ovalbutton span{

display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
background: transparent url("images/oval-red-left.png") no-repeat top left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
background: transparent url("images/oval-red-right.png") no-repeat top right;
color: #FFFFFF;
}

a.ovalbutton.active{ /* Hover state CSS */
background-position: bottom left;
background: transparent url("images/oval-red-left.png") no-repeat top left;
}

a.ovalbutton.active span{ /* Hover state CSS */
background-position: bottom right;
background: transparent url("images/oval-red-right.png") no-repeat top right;
color: #FFFFFF;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* start top menu */

a.mainbutton{

display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 32px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.mainbutton, a:visited.mainbutton, a:active.mainbutton{
color: #FFFFFF; /*button text color*/
}

a.mainbutton span{

display: block;
padding: 4px 30px 4px 15px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.mainbutton:hover{ /* Hover state CSS */
background-position: bottom left;
background: transparent url("images/mainbutton-left.png") no-repeat top left;
}

a.mainbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
background: transparent url("images/mainbutton-right.png") no-repeat top right;
color: #FFFFFF;
}

a.mainbutton.active{ /* Hover state CSS */
background-position: bottom left;
background: transparent url("images/mainbutton-left.png") no-repeat top left;
}

a.mainbutton.active span{ /* Hover state CSS */
background-position: bottom right;
background: transparent url("images/mainbutton-right.png") no-repeat top right;
color: #FFFFFF;
}

/*end top menu*/

.separator
{
float:left;
}

.submenu li
{
display: inline;

}
.submenu ul
{
list-style-type: none;
}
.submenu
{
display: block;
	float: left; 
  padding: 7px 0px 0 0;
}
.submenu a 
{
	color: #FFFFFF;
	text-align: center;
}

div#container
{
width:1003px;
margin:0 auto;
}
div#contentLeft
{
float:left;
width:385px;
height:798px;
position: relative;
background: url("images/photoLeft.jpg") no-repeat;
color:#FFFFFF;
}
.PMlogo
{
padding: 30px 0 0 43px;
}

div#contentRight
{
float:left; 
width:618px;
height:798px;
position: relative;
background: url("images/bgBodyRight.jpg") no-repeat;
}

.post
{
text-align:left;
float:left;
margin: 0 0 0 0; 
width: 618px;
}
/*
.post p
{
padding: 0 30px 0 65px;
} */

.post a 
{
text-decoration: underline;
}
.post a:hover
{
text-decoration: none;
}
.entry
{
   position: absolute;
  float:left;
  margin: 360px 0 0 0; 
}

.entry a 
{
  
	display: block;
	height:96px;
	width:203px;
	background-image: url('../images/entry.png');
  background-repeat: no-repeat;
  background-position: left top;
	text-decoration: none;
	color: #FFFFFF;
}

.entry a:hover 
{
  height: 96px;
  width:203px;
	background-image: url('../images/entry.png');
  background-repeat: no-repeat;
  background-position: right top;
}
.entry2
{
   position: absolute;
  float:left;
  margin: 140px 0 0 0; 
}

.entry2 a 
{
  
	display: block;
	height:96px;
	width:203px;
	background-image: url('../images/entry.png');
  background-repeat: no-repeat;
  background-position: left top; 
	text-decoration: none;
	color: #FFFFFF;
}

.entry2 a:hover 
{
  height: 96px;
  width:203px;
	background-image: url('../images/entry.png');
  background-repeat: no-repeat;
  background-position: right top;

}

.entry3
{
  float:left;
  margin: 15px 0 0 0; 
}

.entry3 a 
{
  
	display: block;
	height:96px;
	width:203px;
		background-image: url('../images/entry.png');
  background-repeat: no-repeat;
  background-position: left top;
	text-decoration: none;
	color: #FFFFFF;
}

.entry3 a:hover 
{
  height: 96px;
  width:203px;
	background-image: url('../images/entry.png');
  background-repeat: no-repeat;
  background-position: right top;

}
.home
{
float:right;
margin: 0px;
padding: 0;
width: 360px;
height: 227px;
}
.hesla
{
float:left;
width:150px;
}
.hesla ul
{
margin: 0;
padding: 15px 0 0 12px;
}
.hesla li
{
padding: 0 0 7px 0; 
}

.footer
{
position: absolute;
top: 685px;
left: 50px;
text-align:left;
display: block;
height:50px;
width:618px;
/*margin: 625px 0 0 50px;*/
}
.textRed
{
color:#741414;
}
.credits
{
float:right;
margin: 0 50px 0 0;
}
.textGray
{
color:#9A9A9A;
}
.textUnderline
{
text-decoration:underline;
}
.prodItemMenu
{
float:left;
width:280px;

}
.prodItemMenu ul
{
margin: 0;
}
.prodItemMenu li
{
padding: 0px 0 25px 0;
list-style-type: none;
display: list-item;
}

.prodItemMenu a
{
text-decoration:underline;
}
.prodItemMenu a.active
{
text-decoration:none;
}
.prodItemMenu a:hover
{
text-decoration:none;
}
.prodItemPic
{
display:block;
float:left;
width:250px;
}
.prodItemDef
{
float:left;
margin: 17px 0 0 0;

}
/*#katalog {
	padding-top: 10px;
	clear: both;
}*/
#katalog {
	position: absolute;
	bottom: 130px;
	left: 65px;
}
#vstup {
position: absolute;
left: 220px;
top: 0px;
}

.cervene{
    color:#E42121;
}
table.kontakty{
    width:100%;
    
}
table.kontakty td{
    vertical-align: top;  
}
.kontakt-page{
    top:850px;
}
#kontakt-katalog{
    position: absolute;
    bottom: -36px;
    left: 65px;   
}