body{
	font-family: 'Lato', sans-serif;
	font-size:16px;
	
	margin:0px;	
	line-height: 150%;	
}

h3{
	font-size: 14px;
	text-transform: uppercase;
}

li{
	padding-bottom:5px;
}

a{
	color:inherit;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;	
}


#container{
	margin-right: auto;
	margin-left: auto;
	width:1000px;	
}

#topbar{
	height:80px;	
	position:relative;
	_background-color:#f9f9f9;
}

#setlogo{	
	position:absolute;
	bottom: 15px;
	height:38px;
	left:5px;
	

}

#lngmenu{
	
	position:absolute;
	bottom: 10px;
	right:0px;
	float:right;
	
}

#imagebox
{
	position:relative;
	height:260px;	
		
}

#image
{
	z-index:-1;
}

.lngmenuitem{
	float:left;	
	width:30px;
	margin-top:5px;
	margin-bottom:5px;
	font-size:12px;
	text-align:center;
}

.lngmenuitem:hover{
	background-color:#7f7f7f;
	color:white;
	cursor:pointer;
}

.btn{
	padding:10px;
	padding-left:20px;
	padding-right:20px;

	border-radius:5px;
	background-color:#eab08b;
	color:white;
	float:left;
}
.btn:hover{
	background-color:#b47f65;
	cursor:pointer;
}



#kalk{
	font-size:20px;
	line-height: 150%;
}



#title{
	color:white;
	text-shadow: 0px 0px 10px black;

	position:absolute;
	left:50px;
	top:45px;	
}

#title_okna2000
{
	margin:0;
	padding:0px;	
	font-weight:900;
	font-size:42px;
	letter-spacing:0px;
}

#title_program
{	
	padding:0px;
	font-weight:700; 	
	margin:0px;
	padding-top:15px;
	text-transform: uppercase;
	letter-spacing:0.5px;
	font-size:18px;		
}

#title_kontakt{
	
	padding-top:15px;
	font-size: 13px;
	font-weight:400; 	
}

#menu
{
	margin-right: auto;
	margin-left: auto;
		
	padding-left:50px;	
	font-size:12px;
	text-transform: uppercase;
	background-color:white;
	
	opacity:0.8;
		
	position:relative;
	top:-66px;
		
}

.menuitem
{
	float:left;
	min-width:50px;
	font-weight:700;
	padding:20px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

.menuicon
{
	font-size:20px;
}

.menuitem:hover
{
	background-color:#7f7f7f;
	color:white;
	cursor:pointer;
}

.selected
{
	background-color:#5f5f5f;
	color:white;
}

#content
{
	padding:50px;
	padding-top:50px;
	padding-bottom:50px;
	min-height:400px;
	text-align:justify;

	background-color:#f9f9f9;	
}

#bottombar
{
	font-size:11px;
	background-color:gray;
	
	color: white;
	padding:20px;
	text-align:center;	
}

#demoinfo
{
	margin-top:50px;
	margin-right: auto;
	margin-left: auto;
	width:600px;
	height:200px;	
	padding:50px;
	border-radius: 10px 10px;
	text-align:center;
	background-color:#e8e8e8;
}

#pomagamy
{
	text-align:right;
	font-size:22px;
	font-style:italic;
	
}

#firmy
{
	
	padding-top:50px;
	padding-bottom:10px;
	
	background-color:#f9f9f9;	
}

.logoitem
{
	float:left;
	
	width:140px;
	_height:55px;
}


.tips{
	position:absolute;
	color:white;
	background-color:#7f7f7f;	
	font-size:13px;
	box-shadow: 0px 0px 5px  #7f7f7f;
	//border-radius:3px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
}
.tips:after{
	content: "";
	position:absolute;
	top:0%;
	left:20px;
	
	margin-top: -19px;

	margin-left: 0px;
    border-width: 10px;
    border-style: solid;
    border-color:  transparent transparent #7f7f7f transparent;


}

.blink {
	_animation: blinker 4s linear infinite;
}
  
@keyframes blinker {
	0%   {background-color: white;}
    50%  {background-color: #3992EC;}
	100% {background-color: white}
  }