* {
	box-sizing: border-box;
}

/*
.col-1 {width: 4.16%;}
.col-2 {width: 8.32%;}
.col-3 {width: 12.5%;}
.col-4 {width: 16.66%;}
.col-5 {width: 20.83%;}
.col-6 {width: 25%;}
.col-7 {width: 29.16%;}
.col-8 {width: 33.33%;}
.col-9 {width: 37.5%;}
.col-10 {width: 41.66%;}
.col-11 {width: 45.83%;}
.col-12 {width: 50%;} 
*/

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;} 
 

@media only screen and (max-width: 520px) {
[class*="col-"] {
    width: 100%;
}
}


/* @media only screen and (min-width: 600px) {
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}

}  */
 

/* @media only screen and (man-width: 768px) {
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
}*/

[class*="col-"] {
    float: left;
    padding:15px;
   /*border:1px solid red;*/
}
.row:after{
	content:"";
	clear:both;
	display:block;
}

#header{
	font-size:30px;
   	background-color:rgb(207, 96, 21);
	color:white;
	text-align:center;
	padding:20px;
	line-height:30px;
	margin:0;0;
}

#top {
	text-align:center;
	padding:30px;
	border-width:3px 0 3px 0; 
	border-color:black;	
	border-style:solid;	
}
#top li{
	display:inline;
	font-size:18px;
	line-height:45px;
	list-style-type:none;
	font-weight:bold;
}

#top li a:link{color:rgb(32, 0, 175);background-color:rgb(188, 212, 226);
    text-decoration:none;padding:12px 18px;}
#top li a:visited{color:rgb(32, 0, 175);background-color:rgb(188, 212, 226);
    text-decoration:none;padding:12px 18px;}
#top li a:hover{color:rgb(32, 0, 175);background-color:rgb(207, 240, 210);
    text-decoration:none;}
#top li a:active {color:rgb(32, 0, 175);background-color:rgb(207, 240, 210);
    text-decoration:none;}
#top li a{
    display:inline;
	}

/****************     PRICE_LIST     *****************/


#price_list h2{
	font-size:28px;
	line-height:32px;
	padding:18px;
	text-align:center;
	background-color:rgb(188, 212, 226);
	margin:0 0;
}

table {
	width:100%;
	border-collapse:collapse;
}

th {
	border-collapse:collapse;
	padding:10px;	
}

/*********************   midi   **********************/


.midi {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(255, 255, 132);
}

.midi a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.midi a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.midi a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.midi a:active{color:blue;background-color:transparent;
		text-decoration:underline;}
.midi a{
	display:block;
}

/*********************   dpm    **********************/


.dpm {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(255, 190, 255);
}
.dpm  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.dpm  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.dpm  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.dpm  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.dpm  a{
	display:block;
}

/*********************   pa   **********************/


.pa {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(220, 209, 236);
}
.pa  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.pa  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.pa  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.pa  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.pa a{
	display:block;
}

/*********************   gea   **********************/


.gea {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(157, 216, 255);
}
.gea  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.gea  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.gea  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.gea  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.gea a{
	display:block;
}

/*********************   filter   **********************/


.filter {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(255, 211, 255);
}
.filter  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.filter  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.filter  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.filter  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.filter a{
	display:block;
}

/*********************   jtc   **********************/


.jtc {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(118, 233, 188);
}
.jtc  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.jtc  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.jtc  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.jtc  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.jtc a{
	display:block;
}

/*********************   ma   **********************/


.ma {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(211, 168, 171);
}
.ma  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.ma  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.ma  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.ma  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.ma a{
	display:block;
}

/*********************   acc   **********************/


.acc {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(240, 224, 147);
}
.acc  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.acc  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.acc  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.acc  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.acc a{
	display:block;
}

/*********************   rf   **********************/


.rf {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(240, 231, 247);
}
.rf  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.rf  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.rf  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.rf  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.rf a{
	display:block;
}

/*********************   ir   **********************/


.ir {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(177, 231, 180);
}
.ir  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.ir  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.ir  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.ir  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.ir a{
	display:block;
}

/*********************   vu   **********************/


.vu {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(211, 216, 219);
}
.vu  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.vu  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.vu  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.vu  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.vu a{
	display:block;
}

/*********************   dc   **********************/


.dc {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(237, 209, 152);
}
.dc  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.dc  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.dc  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.dc  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.dc a{
	display:block;
}

/*********************   sensor   **********************/


.sensor {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(172, 206, 229);
}
.sensor  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.sensor  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.sensor  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.sensor  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.sensor a{
	display:block;
}

/*********************   jps   **********************/


.jps {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(255, 203, 206);
}
.jps  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.jps  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.jps  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.jps  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.jps a{
	display:block;
}

/*********************   asst   **********************/


.asst {
	border:1px solid black; 
	border-collapse:collapse;
	padding:15px;	
	background-color:rgb(255, 151, 191);
}
.asst  a:link{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.asst  a:visited{color:rgb(32, 0, 175);background-color:transparent;
		text-decoration:none;}
.asst  a:hover{color:rgb(160, 0, 0);background-color:transparent;
		text-decoration:underline;}
.asst  a:active{color:blue;background-color:transparent;
		text-decoration:underline;}

.asst a{
	display:block;
}