@charset "utf-8";
/* Global Styles */

body {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	max-width: 960px;
	padding-left: 2.275%;
	padding-right: 2.275%;
    
}
h1{font-size: 1.4rem; color: #555;}

img{width: 100%;}

.clear{clear: both;}
.management{clear: both;}
.center{text-align: center;}


/* Header */
.header .left{float: left;}
.header .left h1{font-size: 1.5rem; color: #2383DF;}
.header .left span{font-size: 1.0rem; padding: 5px;}
.header .right{float: right;}
.header .right p{color: rgba(219,96,12,0.96); font-weight: 600;}
.header .menu {clear: both; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 50px;}
.header .menu ul{margin: 0px; padding: 0px; list-style-type: none;}
.header .menu li{float: left; margin: 0px; padding: 0px; width: 23.5%; text-align: center; border-right: 1px solid #ccc;}
.header .menu .home{border-left: 1px solid #ccc;}
.header a:link{text-decoration: none; color: #2383DF;}
.header a:hover{text-decoration: none; color: #DB600C;}



/* Main Content sections */
.content{
	
    clear: both;
    margin-top: 10px;
   
}
.left_50{float: left; width: 47%; border: 1px solid #ccc; padding: 10px; height: 230px; border-radius: 5px; margin-top: 20px;}
.right_50{float: right; width: 47%; border: 1px solid #ccc; padding: 10px; height: 230px; border-radius: 5px; margin-top: 20px;}
 h3{font-size: 1.1rem; color: #555;}
 p{font-size: 1rem; color: #999;}
table{width: 100%;}
th{width: 40%; text-align: left;}
td{width: 60%;}
.content .management .title .right .table_80{width: 100%;}
.content .management .title .right .th_20{width: 20%; color: #DB600C}
.content .management .title .right .td_80{width: 80%; color: #999;}
.content a:link{border: 1px solid #eee; padding: 5px; border-radius: 5px; text-decoration: none; background-color: #2383DF; color: #fff;}
.content a:visited{border: 1px solid #eee; padding: 5px; border-radius: 5px; text-decoration: none; background-color: #2383DF; color: #fff;}
.content a:hover{border: 1px solid #eee; padding: 5px; border-radius: 5px; text-decoration: none; background-color: #DB600C; color: #fff;}

/* Footer */
.footer p{
	font-family: sans-serif;
	font-size: 1rem;
	line-height: 18px;
	color: rgba(104,103,103,1.00);
	font-weight: 700;
    text-align: center;
}




/* Media query for Mobile devices*/ 
@media only screen and (min-width : 285px) and (max-width : 480px) {
/* Header */
    .header .left{float: none;}
    .header .left h1{font-size: 1.5rem; text-align: center;}
    .header .left span{font-size: 1rem;}
    .header .right{float: none;}
    .header .right p{text-align: center;} 
    .header .menu {clear: both; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 45px;}
    .header .menu ul{margin: 10px; padding: 0px; list-style-type: none;}
    .header .menu li{float: left; margin: 0px; padding: 0px;}
    .header .menu .profile{width: 27%;}
    
    .content .management{}
    .content .management .title{margin: 10px auto;}
    .content .management .title .left{float: none; padding: 10px;}
     .content .management .title .left_h{visibility: hidden;}
    .content .management .title .left h3{margin: 0px; padding: 5px; text-align: center;}
    .content .management .title .left p{margin: 0px; padding: 5px; text-align: center;}
    .content .management .title .right h3{margin: 0px; padding: 5px; text-align: center;}
    .content .management .title .right  p{margin: 0px; padding: 5px; text-align: left;}
    .content .management .title .right{float: none;}
    .left_50{float: none; width: 100%; margin: 10px; border: none;}
    .right_50{float: none;width: 100%; margin: 10px; border: none;}
    .contact_01{display:none;}
    
    

}

/* Media Query for Tablets */
@media only screen and (min-width : 481px) and (max-width : 1024px) {
/* Header */
   .header .left{float: none;}
    .header .left h1{font-size: 1.5rem; text-align: center;}
    .header .left span{font-size: 1rem;}
    .header .right{float: none;}
    .header .right p{text-align: center;} 
    .header .menu{float: none;}
    .header .menu {clear: both; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; height: 45px;}
    .header .menu ul{margin: 10px; padding: 0px; list-style-type: none;}
    .header .menu li{float: left; margin: 0px; padding: 0px;}
    .header .menu .profile{width: 27%;}
    
    .content .management{}
    .content .management .title{margin: 10px auto;}
    .content .management .title .left{float: none; padding: 10px; width: 100%;}
     .content .management .title .left_h{visibility: hidden;}
    .content .management .title .left h3{margin: 0px; padding: 5px; text-align: center;}
    .content .management .title .left p{fmargin: 0px; padding: 5px; text-align: center;}
    .content .management .title .right h3{margin: 0px; padding: 5px; text-align: center;}
    .content .management .title .right  p{margin: 0px; padding: 5px; text-align: left;}
    .content .management .title .right{float: none; width: 100%;}
    .left_50{float: none; width: 100%; margin: 10px; border: none;}
    .right_50{float: none;width: 100%; margin: 10px; border: none;}

    .contact_01{display:none;}

}





/* Desktops and laptops  */
@media only screen and (min-width:1025px) {
    .header .menu ul{margin: 10px; padding: 0px; list-style-type: none;}
    .header .menu li{float: left; margin: 5px; padding: 10px;}
    .header .menu{float: none;}
    .header .menu ul{margin: 10px; padding: 0px; list-style-type: none;}
    .header .menu li{float: left; margin: 0px; padding: 5px; text-align: center;}
    .header .management{border: 1px solid #ccc; float: none; text-align: center;}
    
    
    .content .management{}
    .content .management .title{margin: 10px auto; height: 130px;}
    .content .management .title .left{float: left; width: 300px; border-right: 1px solid #ccc; padding: 10px;}
    .content .management .title .left h3{margin: 0px; padding: 5px; text-align: center;}
    .content .management .title .left p{margin: 0px; padding: 5px; text-align: center;}
    .content .management .title .right{float: right; width: 610px;}	
  
.contact_02{display:none;}

}