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



.table {
		position:					relative;
		margin: 					0 auto;
		width:						100%;
		background:					#FFFFFF;
		padding: 					20px 0;
		text-align: 				center;
		background: 				#ddd;
}

.table .container {
		width: 						70%;
		display: 					inline-block;
		/*background: 				#eee;*/
}

.table .cell {
		font-family: 					Arial, sans-serif;
		font-weight: 					normal;
		font-size: 						18px;
		color:							#333;
		text-decoration:				none;
		text-align: 					left;
	}

.table .cell p {
		padding: 						12px;
		-ms-transform: 					skew(20deg); /* IE 9 */
	-webkit-transform: 				skew(20deg);
	   -moz-transform: 				skew(20deg);
	     -o-transform: 				skew(20deg);
			transform: 				skew(20deg);
}

.table .cell-left-top {
		float: 						left;
		width:						30%;
		margin: 					0;
		padding: 					0;
		background: 				#eee;
		text-align: 					right;
		margin-right: 				1%;
		
		-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
}

.table .cell-right-top {
		float: 						left;
		width:						69%;
		margin: 					0;
		padding: 					0;
		background: 				#fff;
		
		-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
		
}

.table .cell-left-bottom {
		float: 						left;
		width:						30%;
		margin: 					0;
		padding: 					0;
		background: 				#eee;
		text-align: 					right;
		margin-right: 				1%;
		margin-top: 				1%;
		
		-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
}

.table .cell-right-bottom {
		float: 						left;
		width:						69%;
		margin: 					0;
		padding: 					0;
		background: 				#fff;
		margin-top: 				1%;
		
		-ms-transform: 					skew(-20deg); /* IE 9 */
	-webkit-transform: 				skew(-20deg);
	   -moz-transform: 				skew(-20deg);
	     -o-transform: 				skew(-20deg);
			transform: 				skew(-20deg);
		
}

.table .cell a {
		display:					block;
		text-decoration:			none;
}





/* responsive */

@media only screen and (max-width: 1135px) {
	
	

}


@media only screen and (min-width: 1441px) {
	
}