* {
	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 (min-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;
	}

/****************   DE-0248FP   *****************/

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

#nav {
	margin:0px 0px ;
	padding:5px;
}
#nav img{
	width:50px; 
	height:35px;
	margin-top:15px; 
	float:left;
}
#nav p{
	color:black;
	font-size:20px;
	line-height:26px;
	margin-left:60px;
	font-weight: bold;
	margin-top:25px; 
	}
#nav li{
	font-size:18px;
	font-weight: bold;
	line-height:20px;
	width:100%;
	margin-left:0px;
	margin-bottom:5px;
	list-style-type:none;
}

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


#nav_acc2 img {
	width: 100%;
}
#nav_acc2 p{
	font-size:22px;
}
#nav_acc3 img {
	width: 80%;
	margin-top:30px;
	margin-left:30px;
}
#nav_acc3 p{
	font-size:20px;
	margin-top:10px;
	margin-left:30px;
}


#accsection1 p{
	font-size:18px;
	line-height:28px;
	margin-top:0px;
	padding:20px;
	border-left:3px solid rgb(188, 212, 226);

}

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


#accsection2 img{
	width:100%;
	margin-top:30px;
}
#accsection2 a{
	font-size:24px;
}
	
#accsection2 p{
	font-size:24px;
}

span {
	color:green;
	line-height:26px;
	font-size:24px;
}
span.level {
	color:red;
	font-size:22px;
}
#accsection3 p{
	font-size:24px;
}

/****************    SUB-0261�@ *****************/

#sub_0261 h2{
	font-size:28px;
	line-height:32px;
	padding:18px;
	text-align:center;
	background-color:rgb(188, 212, 226);
	margin:0 0;
}
/****************    SRU-0113�@ *****************/

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