@charset "UTF-8";

/* ----------->>> LAYOUTS STYLES <<<-------------*/
    
	/** col2ToLeft **/	
	.col2ToLeft { width: 100%; overflow: hidden; }
	.col2ToLeft .left { width: 100px; float: left; position: relative; z-index: 4; }
	.col2ToLeft .right { width: 100%; float: right; margin: 0px 0px 0px -100px; }
	.col2ToLeft .rightSub1 { margin: 0px 0px 0px 100px; position: relative; z-index: 3; }
		
	/** col2ToRight **/	
	.col2ToRight { width: 100%; overflow: hidden; }
	.col2ToRight .left { width: 100%;  float: left; position: relative; margin: 0px -100px 0px 0px; }
	.col2ToRight .leftSub1 { margin: 0px 100px 0px 0px; position: relative; z-index: 3; }
	.col2ToRight .right { width: 100px; float: right; z-index: 4; position: relative;  }
		
	/** col2ToLeft **/	
	.col2Relatived { width: 100%; }
	.col2Relatived .cell { width: 50%; float: left; }
	.col2Relatived .cellSub1 { padding: 0px 20px 0px 0px; }
		
	/** col3 **/	
	.col3 { width: 100%; overflow: hidden; }
	.col3 .col3Sub1 { margin: 0px -250px 0px 0px; float: left; width: 100%; }
	.col3 .col3Sub2 { margin: 0px 250px 0px 0px;  }
	.col3 .left { width: 250px; float: left; }
	.col3 .center { margin: 0px 250px 0px 250px; }
	.col3 .right { width: 250px; float: right; }
		
	/**  Table **/
	.table1 { display: table; border-collapse: collapse; }
		.tableTr { display: table-row; }
		.tableTd { display: table-cell; }