@charset "utf-8";

/* CSS Document */



#colA {
	width: 330px;

}

#colB{
	width: 1010px;
	border-left: 1px solid #ccc;
	
}

#colC {
	width: 680px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

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

	
#colA {
	width: 330px;
	
}

#colB{
	width: 1010px;

}

#colC {
	width: 680px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

}

@media screen and (max-width: 1024px) {
	
#colA {
	width: 250px;

}

#colB{
	width: 750px;
	
}

#colC {
	width: 500px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

}

@media screen and (max-width: 800px) {
	
#colA {
	width: 200px;
	display: inline-block;
}

#colB{
	width: 600px;
	display: inline-block;
}

#colC {
	width: 400px;
	border-left: 1px solid #fafafa;
	border-right: 1px solid #ccc;
}

}




/************** tamanhos de imagens ***********/



.i14 {

	width: 14px;

	transition: all 0.1s;

	}

	

.i16 {

	width: 16px;

	transition: all 0.1s;

	}



.i18 {

	width: 18px;

	transition: all 0.1s;

	}

.i24 {

	width: 24px;

	}

.i32 {

	width: 32px;

	transition: all 0.1s;

	}

.i64 {



	width: 64px;

	}

.i100{

	width: 100px;

	}

.i128 {

	width: 128px;



	}

.i160{

	width: 160px;

	}
	
.i180{

	width: 180px;

	}


.i200{

	width: 200px;

	}

.i280{

	width: 280px;

	}

.i380 {

	width: 380px;

	}

.i460 {

	width: 460px;

	}

.i480 {

	width: 480px;

	}

.i560 {

	width: 560px;

}

.i580 {

	width: 580px;

}



.i660{

	width: 660px;

	}

.i680{

	width: 680px;

	}