@charset "utf-8";
/*****         *****/
/***** GENERAL *****/
/*****         *****/
body{
	background:#f9f9f9;
	}
.clr{
	clear:both;
	}
/*****         *****/
/***** TOP BAR *****/
/*****         *****/
.topbar {
	background:#f9f9f9;
	background-size: 100% 53px;
	height:auto;
}
/*****         *****/
/***** APPS    *****/
/*****         *****/
#container{
	width:100%;
	margin:0px auto;
	}
.block_app{
	margin:0px 1%;
	padding:10px 0px;
	border-bottom:1px solid #CCCCCC;
	overflow:hidden;
	}
.block_app img{
	width:72px;
	height:72px;
	margin:0px 10px 0px 0px;
	float:left;
	border:1px solid #CCCCCC;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
img.block_counter{	
	background:none;
	color:blue;	
	text-align:center;
	width: auto;
	height:18px;
	float:right;
	display:block;
	border:1px solid blue;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	top: 29px;
	right: 15px;
	}	

.description{
	float:left;
	width:40%;
	}
.block_app h1{
	color:#353535;
	font-family:Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:normal;
	display:block;
	max-height:42px;
	overflow:hidden;
	}
.block_app span{
	color:#999999;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:normal;
	display:block;
	float:left;
	}
.block_app a.button, .block_app a.button_active{
	background:none;
	color:#06bd6d;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	text-align:center;
	width:80px;
	line-height:28px;
	float:right;
	display:block;
	border:1px solid #06bd6d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
	top:23px;
	}
.block_app a.button_active{
	background:#06bd6d;
	color:#ffffff;
	}
@media only screen and (min-device-width: 768px){
.block_app{
	width:47.5%;
	float:left;
	margin:0px 1.2%;
	padding:10px 0px;
	border-bottom:1px solid #CCCCCC ;
	overflow:hidden;
}
}
@media only screen and (min-device-width: 600px) and (orientation : landscape){
.block_app{
	width:47.5%;
	float:left;
	margin:0px 1.2%;
	padding:10px 0px;
	border-bottom:1px solid #CCCCCC ;
	overflow:hidden;
}
}
@media only screen 
and (max-width : 600px) {
.block_app{
	width:98%;
	margin:0px 1%;
	padding:10px 0px;
	border-bottom:1px solid #CCCCCC ;
	overflow:hidden;
	}
}