.box {
		line-height: 0px;
		font-size: 0px;
		float: left;
		position: relative;
		margin-right: 20px;
		margin-bottom: 20px;
		line-height: 0!important;
		font-size: 0!important;
	}
	
	.box .news h3 {
		margin-top: -0.25em;
		margin-bottom: 3em;
	}
		
	.box p a {
		border-bottom-color: #4c4c4c;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		background-color: transparent;
		display: inline;
	}
	
	.box p a:hover{
		border-bottom-color: #4c4c4c;
		border-bottom-width: 1px;
		border-bottom-style: none;
		background-color: transparent!important;
		display: inline;
	}
	
	.white p a {
		border-bottom-color: #c1c1bf;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		color: white;
	}
	
	.box .intro p {
		font-size: 13px;
		line-height: 22px;
		margin-bottom: 14px;
		margin-left: -8px;
	}
	 	
	.size1 {
		width: 135px;
		height: 155px;
	}
	
	.size2 {
		width: 290px;
		height: 330px;
	}
	
	.size3 {
		width: 445px;
		height: 330px;
	}
	
	.size4 {
		width: 710px;
		height: 330px;
	}
	
	.size5 {
		width: 290px;
		height: 155px; 
	}	
	
	.box img {
		margin-bottom: 0;
		line-height: 0;
		font-size: 0;
	}
	
	.box p {
		line-height: 16px;
		font-size: 13px;
	}
	
	.box.text {
		width: 445px;
		height: 330px;
		background-color: white;
		overflow: auto;
	}
		
	.box .white p, 
	.box .white h1, 
	.box .white h2, 
	.box .white h3, 
	.box .white h4 
	.box .white h5 
	.box .white h6 {
		color: white;
	}
	
	.boxes .box.height-intro {
		clear: none;           
		float: none;           
		position: relative;           
	}

	.footerspace {
		clear: left;
		width: 100%;
		position: relative;
		display: block;
		height: 30px;
	}
	
	.box .text {
		height: auto;
		width: auto;
		left: 0px;
		top: 0px;
		position: absolute;
		z-index: 1010!important;
		margin: 10px;
		display: block;
	}
	
	.box p {
		margin-bottom: 0.5em;
		line-height: 16px;
		font-size: 13px;
	}

	.box p strong {
		/* font-family: 'DIN Next W01 Bold', "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
		font-family:  'Roboto', sans-serif;
		font-weight: 700;	
	}	
	
	.box h1, .box h2, .box h3 {
		margin-bottom: 1em;
		letter-spacing: 1pt;
		text-align: left;
		line-height: 13px;
		font-size: 9px;
		text-transform: uppercase;
	}
	
	.box h3 {
		font-size: 13px;
		/* font-family: 'DIN Next W01 Bold', "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
		font-weight: 700;	
		margin-bottom: 15px;
		margin-top: 2px;
	}
	
	a.linklayer {
		line-height: 0px;
		font-size: 0px;
		position: absolute;
		display: block;
		height: 100%;
		width: 100%;
		z-index: 1020;
		background-image: url(../images/basic/blank.gif);
		background-repeat: repeat;
		text-indent: -8000px;
	}
	 		
	.autor {
		font-size: 9px;
	}
	
	footer {
		display: block;
		clear: left;
		background-color: red;
		width: 100%;
		height: auto;
	}
	
	
/* Very Very Small Desktops and laptops ----------- */
@media only screen 
and (min-width : 320px) and (max-width : 540px) {

	.size1 {
		width: 130px;
		height: 149px;
	}
	
	
	.size2 {
		width: 290px;
		height: 330px;
	}
	
	.size3 {
		width: 290px;
		height: 218px;
	}
	

	.box .intro p {
		line-height: 16px;
		margin-bottom: 8px;
	}
	
	.box img {
		width: 100%;
		height: auto;
	}
	
	.box p {
		line-height: 16px;
		font-size: 13px;
	}
	
	.box.text {
		width: 290px;
		height: 330px;
		background-color: white;
		overflow: auto;
	}
}