body{
font-family: arial;
}

.menu{

float:left;
width:230px;
margin-left:20px;
}

.menu_item{
padding:20px;
border:1px solid #999999;
border-radius:5px;
margin-bottom:10px;
padding-left:50px;
display:block;
background-color:#EAEAEA;
}

.menu_item{
text-decoration:none;
color:black;
}

.menu_item:hover{
background-color:#CCCCCC;
}

.payment_date{
background-color:#ffffff;
background-image:url("/images/yes.png");
background-repeat:no-repeat;
background-position:10px 50%;
color:#339900;
}

.to_pay{
background-color:#ffffff;
color:#990000;
background-image:url("/images/no.png");
background-repeat:no-repeat;
background-position:10px 50%;

}

.to_pay:hover{
background-color:#FFCCCC;
}

.faktura{
width:800px; 
box-shadow:0px 0px 10px #000000; 
padding:10px;
float:left;
}

.container{
width:1070px;
margin:auto;
margin-top:10px;
margin-bottom:10px;
}

p{
padding:0px;
margin:0px;
}

#just_mobile{
display:none;
}

.show_pdf{
background-image:url("/images/pdf.png");
background-repeat:no-repeat;
background-position:10px 50%;
}

.download_pdf{
background-image:url("/images/pdf_down.png");
background-repeat:no-repeat;
background-position:10px 50%;
}

.payment{
background-image:url("/images/card.png");
background-repeat:no-repeat;
background-position:10px 50%;
}

@media (max-width: 1000px) {
	.faktura{
	display:none;
	}
	.container{
	width:100%;
	}
	
	.menu{
		width:80%;
	}
	
	.menu_item{
	width:80%;
	}
	
	#just_mobile{
	display:block;
	padding:20px;
	margin-left:10px;
	margin-bottom:20px;
	}
	
	.mobile_h1{
		
		font-size:20px;
		font-weight:bold;
		line-height:40px;
		
	}
	
	.item{
	clear:both;
	font-size:17px;
	line-height:30px;
	}
	
	.item .name, .item .value{
	float:left;
	width:50%;
	}
	
}