/*
    news.css
    web-communication.eu | 14/04/2016
    Copyright 2016 web-communication.eu
*/



.news {
	position:					relative;
	margin: 					0 auto;
	width:						100%;
	background:					#FFFFFF;
	padding: 					40px 0 20px 0;
	text-align: 				center;
	/*background: #ccc;*/
}

.news .container {
	width: 100%;
	display: 					inline-block;
}

.news .column {
	float: 						left;
	text-align: 				center;
	width:						28%;
	margin-left: 				4%;
	padding: 0;
	/*background: #eee;*/
}

.news .column a {
	display:					block;
	text-decoration:			none;
}

.news .column44 {
	float: 						left;
	width:						44%;
	margin-left: 				4%;
	
	 border:                    Solid 1px #fff;
    -moz-box-shadow:           2px  5px 25px #888;
    -webkit-box-shadow:        2px  5px 25px #888;
    filter:                    progid:DXImageTransform.Microsoft.Shadow(color='#888', Direction=135, Strength=10);
    box-shadow:                2px 5px 25px #888;
}

.news .caption {
	margin: 					0 auto;
	width:						100%;
	position:					relative;
	height: 					50px;
	background:  				#FFFFFF url('../images/race-flag50.png') no-repeat left top;	
	cursor:						pointer;
}	

.news .content {
	position:					absolute;
	right: 						0;
	top:						0;
	width: 						57%;
	height:						100%;
}

.news .content img {
	margin: 					15px 10px;
	float: 						right;
	max-width: 					100%;
}

.news .content .topic {
	float: 						right;
	font-family: 				'Michroma', sans-serif;
	font-size:   		        18px; 
	color:              		#333333; 
	padding: 					12px 10px 0 0;
	font-weight:       		    bold; 
}

.news .subnews {
	position:					relative;
	margin: 					0;
	padding-bottom:				10px;
	width:						100%;
	font-family:         		'Verdana'; 
	font-size:   		        14px; 
	color:              		#333333; 
	min-height:					150px;
}

.news .subnews p {
    padding: 					0 15px;
    font-size:		            14px; 
	color: 						#111111; 
	font-weight:       		    normal; 
	padding:					10px;
}

.news .subnews h1 {
	margin: 					0;
	width:						100%;
	font-family: 				'Michroma', sans-serif;
	font-size:   		        18px; 
	color:              		#333333; 
	text-align:				    center;
	padding-top: 				15px;
	font-weight:       		    bold; 
}

.news img {
	width: 						100%;
	max-width: 					200px;
	display: 					block;
	left: 						50%;
	margin: 					auto;
}

.news img { 
	transition: all .6s ease-in-out; 
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
}
.news img:hover { 
	-webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news .button {
	position: 					absolute;
	width: 						160px;
	bottom: 					20px;
	left: 						50%;
	margin-left: 				-80px;
}

.news .price {
	position: 					absolute;
	bottom: 					20px;
	right: 						20px;
	 font-size:		            14px; 
	font-weight:    		    bold;
	color: 						#111111; 
}

.news sup {
  font-size: 					10px;
}


/* responsive */

@media only screen and (max-width: 1135px) {
	
	.news {
	    width: 						1135px;
	}		

}


@media only screen and (max-width: 1335px) {
	
	.news .button {
		bottom: 					10px;
	}
}

@media only screen and (min-width: 1440px) {
	
	.news .container {
	    width: 						1440px;
	}	
}