body {
	background-color: black;
	background-image: url(image/bg.jpg);
	width: 100%;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-family: Arial;
	font-size: 13px;
	line-height: 1.5;
	color: #8b8b8b;
	}
	
img {
border: 3px solid #303030;
}
.imgleft {
float: left;
margin: 0 5px 0 0px;  
}
.imgright {
float: right;
margin: 0 0px 0 5px;
}
a {
	text-decoration: underline;
	color: #da1e1e;
	outline: 0px;
}
a img {
border: 0;
outline: 0px;
}
/*slideshow*/
ul li {
list-style: none;
display: list-item;
margin: 0px 0 0 0;
}


	
		#container {
	width: 800px;
	text-align: left;
	margin: 0 auto;
	}

	/*header z*/
	#header {
		background-image: url(image/header.png);
		background-repeat: no-repeat;
		width: 800px;
		height: 235px;
	}
   img.logo{
		float: left;
		width: 244px;
		height: 163px;
		margin: 35px 0px 0px 50px;
		border:0;
	}
	a.lumar {
		background-image: url(image/lumar_opacity.png);
		border: 0px;
		float: left;
		width: 144px;
		height: 90px;
		margin: 75px 0px 0px 50px;
		border: 0px;
	}
	a.lumar:hover {
		background-image: url(image/lumar.png);
		border-width: 0px;
		float: left;
		width: 144px;
		height: 90px;
		margin: 75px 0px 0px 50px;
		border: 0px;
	}
	  .hotline{
		float: left;
		width: 190px;
		height: 32px;
		margin: 55px 0px 0px 25px;
	}
	  .email {
		background-image: url(image/email2.png);
		background-repeat: no-repeat;
		float: left;
		width: 190px;
		height: 32px;
		margin: 20px 0px 0px 55px;
	}
		  .face {
		background-image: url(image/facebook2.png);
		background-repeat: no-repeat;
		float: left;
		width: 190px;
		height: 32px;
		margin: 5px 0px 0px 55px;
	}
	
	/*header k*/
	/*menu*/

#menu{width:100%;height:45px;background:url(image/menu.png) center top no-repeat;position:relative}
#menu ul{height:45px;list-style-type:none;position:absolute;margin: 0 auto;overflow:hidden}
#menu ul li{float:left;}
       #menu ul li#uvod a { background-image: url(image/menu/uvod.png); width: 95px; height: 35px; float: left; margin: 0px 0 0 18px;}
		 #menu ul li#o_firme a { background-image: url(image/menu/o_firme.png); width: 95px; height: 35px; float: left; margin: 0px 0 0 10px;}
		 #menu ul li#autofolie a { background-image: url(image/menu/autofolie.png); width: 95px; height: 35px; float: left; margin: 0px 0 0 20px;}
		 #menu ul li#okenne_folie a { background-image: url(image/menu/okenne_folie.png); width: 95px; height: 35px; float: left; margin: 0px 0 0 35px;}
		 #menu ul li#referencie a { background-image: url(image/menu/referencie.png); width: 95px; height: 35px; float: left; margin: 0px 0 0 40px;}
		 #menu ul li#kontakt a { background-image: url(image/menu/kontakt.png); width: 95px; height: 35px; float: left; margin: 0px 0 0 25px;}
		
		 #menu ul li#uvod a:hover { background-image: url(image/menu/uvod_hover.png); width: 95px; height: 35px; float:left;}
		 #menu ul li#o_firme a:hover  { background-image: url(image/menu/o_firme_hover.png); width: 95px; height: 35px; float:left;}
		 #menu ul li#autofolie a:hover  { background-image: url(image/menu/autofolie_hover.png); width: 95px; height: 35px; float:left;}
		 #menu ul li#okenne_folie a:hover  { background-image: url(image/menu/okenne_folie_hover.png); width: 95px; height: 35px; float:left;}
		 #menu ul li#referencie a:hover  { background-image: url(image/menu/referencie_hover.png); width: 95px; height: 35px; float:left;}
		 #menu ul li#kontakt a:hover  { background-image: url(image/menu/kontakt_hover.png); width: 95px; height: 35px; float:left;}


#menu ul li#uvod a.active{background:url(image/menu/uvod_sel.png); width: 95px; height: 45px; cursor:default;}
#menu ul li#o_firme a.active{background:url(image/menu/o_firme_sel.png); width: 95px; height: 45px; cursor:default;}
#menu ul li#autofolie a.active{background:url(image/menu/autofolie_sel.png); width: 95px; height: 45px; cursor:default;}
#menu ul li#okenne_folie a.active{background:url(image/menu/okenne_folie_sel.png); width: 95px; height: 45px; cursor:default;}
#menu ul li#referencie a.active{background:url(image/menu/referencie_sel.png); width: 95px; height: 45px; cursor:default;;}
#menu ul li#kontakt a.active{background:url(image/menu/kontakt_sel.png); width: 95px; height: 45px; cursor:default;;}

#servicesdiv2{ display: none; }
#servicesdiv3{ display: none; }
#servicesdiv4{ display: none; }
#servicesdiv5{ display: none; }
#servicesdiv6{ display: none; }
	
	/*menu k*/

	/*obsha*/
	#obsah {
		background-image: url(image/context.png);
		background-repeat: no-repeat;
		width: 800px;
		min-height: 700px;
		height: 700px;
		margin: 0 0 0 0px;
	}
	
/*clanky*/

#obsah2 {
  float: left;
	width: 530px;
	display: inline;
}
.ciara {

	background-image: url(image/horizontalna.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 8px;
	margin: 3px 0 0 0;
}
h5.nadpis {

	font-size: 12px;
	color: #393939;
	margin: 12px 0 0 25px;
}


.clanky {
  text-align: justify;
  width: 485px;
	margin: 20px 0 0 25px;
}

/*panel*/
#panel{

	float: right;	
	width: 260px; 

}
.zvisla{
	float: left;
	background-image: url(image/zvisla3.png);

	background-repeat: no-repeat;
	width: 5px;
	height: 480px;
	margin: 30px px 0 20px;
}

.ciarap {
float: right;
	background-image: url(image/horizontalna.png);
	background-repeat: no-repeat;
	width: 200px;
	height: 8px;
	margin: 3px 0 0 0;
	
}
.nadpisp {
float: right;
	font-size: 12px;
	color: #393939;
	margin: 12px 0 0 2px;
	padding: 0px 30px 0 0;
}
.table{
width: 210px;
margin: 0 0 0 25px;
	font-size: 12px;
}
.tr1 {
font-size: 12px;
color: #393939;
}
.tr2 {
font-size: 12px;
color: #8b8b8b;
}
.td {
text-align: right;
margin: 0 0 0 40px;
}

.akcie {
text-align: center;
border: 0;
margin: 15px 0 0 50px;
}
.akcie2 {
text-align: center;
border: 0;
margin: 15px 0 0 30px;
}
.facebook {
text-align: center;
border: 0;
margin: 0px 0 0 30px;
}

/*footer*/

#foter {

	background-position: center;
	width: 750px;
	height: 20px;
	margin: 0 0 0 10px;
	
}
.stred{
	margin: 0px 0 0 0px;
}
span.foter {
margin: 0px 0 0 30px;
font-size: 9px;
line-height: 0;
}

/*..kontakt..*/

.kontakt1 {
display: inline;
margin: 20px 0 0 25px;
float: left;
width: 250px;
}
.kontakt2 {
display: inline;
margin: 20px 0 0 25px;
float: left;
width: 200px;
}
.table2{
width: 500px;
margin: 0 0 0 10px;
	font-size: 12px;
}
input {
background-color: #393939;
border: 0;
}
textarea {
background-color: #393939;
border: 0;
width: 270px;
height: 100px;
}
#portfolio {
margin: 25px 0px 0 0px;
}
/* Styly pre inicialku */

.dropcap {display: block; float: left; margin: 0 0px 0 0; line-height: 90%; font-size: 480%; color: #393939;} 
* html .dropcap {display: inline; width: 0.2em;}
.indent {text-indent: 2em;}


/*ofirme*/

	a.mklumar {
		background-image: url(obrazky/mklumar.jpg);
		border: 0px;
		float: left;
		width: 330px;
		height: 150px;
			margin: 30px 0 0 90px;
	}