/*

###########   ssh  Joomla3 responsive  ##########

[Contents]

  0_Global
  1_Position
  2_Template

  */

/* 0_Global
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
body
{
     margin:0 auto;
     font-size: 14px;
     background:#f4f4f4;
     font-family:arial, Verdana, sans-serif!important; 
     height: 100%;
     color:#333;
}

h1
{
     font-size: 1.3em;
     margin:0 0 10px;
     text-transform: uppercase;
    color:#000;
}

h2
{
    font-size: 1.2em;
    margin:0 0 10px;
    color:#333;
}

h3
{
    font-size: 1.1em;
    margin:0 0 10px;
    color:#666;
}

a {
    color:#00007F;
    text-decoration:underline;
}

a:hover {
    color:#B32026;
    text-decoration: none;
}

img, p, form{
    margin:0;
    padding:0;
    border:0;
}

p{
     line-height: 1.5em;
     color: #333;
     margin-top: 0px;
     margin-bottom:10px;
     font-weight:normal; 
}

input, select{
     font-family:arial;
}

.button, .btn{
     color: #fff;
     font-size: 14px;
     background: #67676F;
     padding: 5px 10px;
     border-radius: 0;
     text-transform: uppercase;
     margin:15px 0 0;
     font-weight: bold;
     border-radius: 4px;
     border:none;
}

.button:hover, .btn:hover{
    background: #666;
}

.m-moduletable .collapse{
    height: auto;
    overflow: visible;
}

.m-moduletable > h3{
    display: none;
}

iframe{
    border:none;
}


/* 1_Position
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html{
     height: 100%;
}

#page{
     min-height: 100%;
     position: relative;
}

#body{
     spadding-bottom:30px;
}

#header{
    height:100px;
    position: relative;
    z-index: 20;
}

#toolbar{
    display: inline-block;
    float: right;
    background: #67676F;
}


#logo{
    margin:14px 0 0;
}

#nav{
}

#nav > .container{
    border:1px solid #ccc;
    border-bottom:none;
    background: -ms-linear-gradient(top,  #fff 0%,#EAEAEA 100%); /* IE10+ */     
    background:-moz-linear-gradient(top,#fff,#EAEAEA);/*Mozilla*/
    background:-webkit-linear-gradient(top,#fff,#EAEAEA);/*new gradient for Webkit*/
    background:-o-linear-gradient(top,#fff,#EAEAEA); /*Opera11*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fff, endColorstr=#EAEAEA);/*IE<9>*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#fff, endColorstr=#EAEAEA)";/*IE8+*/
}


#frontpage > .container{
    border:1px solid #ccc;
    background: #fff;
}

/* banner */
#banner{
     position: relative;
     z-index: 10;
     margin:0;
}


/* subpage */
#subpage{
    margin:0;
    position: relative;
}

#subpage > .container{
    border:1px solid #ccc;
    background: #fff;
}

/* page heading sub */
.page_heading_sub{
    position: absolute;
    left:-50px;
    top:50px;
}

.page_heading_sub h3{
    font-weight: bold;
    color: #999;
    font-size: 28px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

/* footer */
#footer{
     sposition: absolute;
     bottom: 0;
     height: 30px;
     width: 100%;
}


/* 2_Template
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* blog style */
.blog{
    spadding:20px;
}

.blog-featured{
     padding:0 10px 0 0;
}

.blog-featured h1{
    color: #004A82;
    font-size: 18px;
    padding: 0;
    margin:22px 0 0;
    text-transform: uppercase;
}

.blog img, .blog-featured img{
}

.items-leading h2 a{
    color:#4D4D4D;
    font-size:22px;
    text-transform:uppercase;
}

.items-leading p{
    color:#4d4d4d;
    font-size:14px;
}

.items-leading p.readmore{
    text-align:right;
}

.items-leading p.readmore a{
    color:#000;
    text-transform:uppercase;
}

.item-separator{
     margin:10px 0;
}

.items-leading dl{}

.items-leading dt{}

.items-leading dd{
    margin:0;
}

.items-leading .article-info-term{
    display:none;
}

.items-leading .published{
    color:#4D4D4D;
    text-transform:uppercase;
}

.items-leading ul{
    margin:10px 20px;
}


/*pagination*/
.pagination{
    text-align:center;
    margin:20px 0;
}

.pagination .counter{
    display:none;
}

.pagination ul{
    display: inline-block;
    margin:0;
    padding:6px 0;
    sborder-left:1px solid #ccc;
    font-size:0.75em;
}

.pagination ul li{
    float:left;
    list-style:none;
    padding:0;
}

.pagination .pagenav{
    padding:6px 10px;
}

.pagination span.pagenav{}

.pagination a.pagenav{}

.pagination a.pagenav:hover{
    color:#fff;
    background:#00007F;
    text-decoration:none;
}

.pagination .pagenav_num span.pagenav{
    color:#fff;
    background:#00007F;
}


/* items-row */
.items-row{
    position:relative;
    sborder-top:1px solid #9A8D5A;
    padding:0 0 10px;
}

.items-row .item{
    smin-height:150px;
}

.items-row h1{
    color:#2e2e2e;
    font-size:1.4em;
    font-weight:normal;
    line-height:25px;
}

.items-row h2{
	color: #004A82;
	font-size: 18px;
	padding: 4px 0;
	text-transform: uppercase;
}

.blog-featured .items-row h2{
	color: #004A82;
	font-size: 18px;
	padding: 4px 0;
	text-transform: uppercase;
}

.items-row h2 a{
    color:#000;
    font-weight:normal;
}


.blog-featured .items-row h2 a{
}



.items-row h2 a:hover{
    text-decoration:underline;
}

.items-row p{
    color:#000;
    font-size:1em;
    display:inline;
    line-height:1.6em;
    font-weight:normal;
}

.item-separator{
    sbackground:#9A8D5A;
    swidth:100%;
    sheight:1px;
    margin:10px 0;
}

.items-row dl{
    margin:0;
    padding:0;
}

.items-row dt{}

.items-row dd{
    margin:0;
}

.items-row dd.create{
    color:#939393;
    font-size:10px;
    font-weight:normal;
}

.items-row .article-info-term{
    display:none;
}

.items-row .published{
    color:#4D4D4D;
    text-transform:uppercase;
}

.items-row ul{
    margin:10px 20px;
    padding:0;
}

.items-row ul li{
    color: #4D4D4D;
    font-size: 0.9em;
    line-height: 1.6em;
    padding:4px 10px;
}

.items-row .thumbnail img{
    margin:0 0 0 10px;
}

.items-row .readmore{
    display:block;
    text-align:left;
}

.items-row .readmore a{
    color:#49AFE3;
    font-size:12px;
}

.items-row .readmore a:hover{
    text-decoration:underline;
}

/*
.row-separator{
  width:650px;
  height:13px;
  display:block;
  margin:0 auto;
}
*/

h1 img{
    margin:0!important;
}


/* items-more */
.items-more{
    clear:both;
    margin:20px 0;
}

.items-more ol{
    margin:0;
    padding:0;
}

.items-more ol li{
    list-style:none;
    padding:6px 0;
    width:100%;
    display:inline-block;
}

.items-more ol li .links_create{
    font-size:10px;
    color:#939393;
    font-weight:normal;
    display:block;
    float:left;
    width:100px;
    padding:4px 10px 0 0;
    text-align:right;
}

.items-more ol li .links_create_2{
    display:block;
    float:left;
    width:400px;
    line-height:16px;
}

.items-more ol li a{
    color:#4BB3EC;
    font-weight:normal;
    font-size:14px;
    padding:0;
}

.items-more ol li a:hover{
    text-decoration:underline;
}
 


/* item-page */
.item-page{
    position:relative;
    color:#2e2e2e;
    padding:20px;
}

.item-page img{
}

.item-page .page-header{
    margin:10px 0 5px;
    border:none;
    padding:0;
}


.item-page .page-header h2{
    color:#00007F;
    font-size: 18px;
    margin:0;
    font-weight: normal;
}

.item-page .page-header h2 a{

}

.item-page .page-header h1{
    color: #333;
    font-size: 24px;
    padding: 4px 0;
    text-transform: uppercase;
    font-weight: normal;
}

.body_sub .page-header{
     margin:20px 0 0;
     border:none;
     border-top:1px solid #eee;
     padding:30px 0 0;
}


.item-page > h2{
    padding:0;
    margin:0 0 10px;
}

.item-page h2 a, .contentheading{
    color: #666;
    font-size: 20px;
    padding: 4px 0;
    text-transform: uppercase;
}

.item-page h3, .item-page h4, .item-page h5{

}

.item-page dd.create{
    color:#939393;
    font-size:10px;
    font-weight:normal;
}


.item-page p, .contentpaneopen_body{
}

.item-page ul{
  padding:0;
  margin:10px 20px;
}

.item-page ul li{
  color: #4D4D4D;
  font-size: 0.9em;
  line-height: 1.6em;  
  padding:10px 4px;
}

.item-page .article-info-term{
    display:none;
}

.item-page .published{
    color:#4D4D4D;
    text-transform:uppercase;
    padding:0 10px;
}

.item-page dl{}

.item-page dt{}

.item-page dd{
    margin:0;
}

/* .responsiveMenuTheme2 */
.responsiveMenuTheme2{
    font-size: 12px;
    font-weight: bold;
    font-family: arial;
    background: transparent;
}


.responsiveMenuTheme2 > li > a{
    color:#00007F;
    border:none!important;
    margin:0;
    padding:0;
    float: left;
    text-transform: uppercase;
}

.responsiveMenuTheme2 > li > a:hover, .responsiveMenuTheme2 > li.active a{
    color: #fff;
    background: #67676F;
}

.responsiveMenuTheme2 span.linker{
    padding:8px 0;
    margin:0 12px;
}

.responsiveMenuTheme2 >li::after{
    content:"|";
    color:#ccc;
    margin:8px 0 0;
    float: left;
}


    
/* menu normal */

ul.menu{
    padding:0;
    margin:20px 0 0 20px;
}

ul.menu li{
    padding:10px 0;
    border-bottom: 1px solid #C2C2C2;
    list-style: none;
}

ul.menu li a{
    color: #626262;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

ul.menu li.active a{
    text-decoration:none;
    background: transparent;
}

ul.menu li a:hover{
    color:#00007F;
    text-decoration: underline;
    background: transparent;
}

/* menu normal level2 */

/* menu level 2 */
ul.menu ul{
    padding:0;
    margin:10px 0 0;
    border-top:1px solid #C2C2C2;
}


ul.menu ul li{
    list-style:none;
    padding:10px 0 10px 20px;
    background:none;
}

ul.menu ul li:last-child{
    border:none;
    padding:10px 0 0 20px;
}

ul.menu li.active ul li a{
    text-decoration:none;
}

ul.menu li.active ul li a:hover, ul.menu li.active ul li.active a{
    color:#00007F;
    text-decoration:underline;
}


/*menu_left*/
ul.menu_left li a{
    font-weight: bold;
}

ul.menu_left li a:hover{
    color:#00007F;
    text-decoration: underline;
}

/*ul.menu_right*/

.menu_right ul.menu{
    margin:0 20px 20px 0;
}

.menu_right ul.menu li{
    padding:10px 0 10px 10px;
}

.menu_right ul.menu li a{
}


/* moduletable normal */
.moduletable{
     margin:0 0 30px;
     border-right: 1px solid #C2C2C2;
}

.moduletable h3{
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-indent: 10px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    background: #67676F;
    height: 47px;
    line-height: 47px;
}

.moduletable h3 a{
     color:#333;
}

.moduletable h3 a:hover{
     color:#004A82;
}

/*menu_front*/
.menu_front{
    border:none;
    border-left:1px solid #C2C2C2;
}

.menu_front ul.menu{
    margin:20px 0 0 20px;
}

.menu_right{
    border:none;
    border-left:1px solid #C2C2C2;
    margin:20px 0 30px;
}

#frontpage .menu_right{
    margin:0 0 20px;
}

#frontpage .menu_right > h3{
    display: block;
}

#frontpage .menu_right ul.menu{
    margin:20px 0 0 20px;
}



/* breadcrumbs */
#breadcrumbs{
}

#breadcrumbs .breadcrumbs{
    height:26px;
    padding:4px 0 0;
}

#breadcrumbs .breadcrumbs span{
    font-size:10px;
    margin:6px 0 0;
    text-transform:uppercase;
}


#breadcrumbs .breadcrumbs a{
    font-size:10px;
}


/* moduletable_nav */
.moduletable_nav{
     float: left;
     clear: both;
}


/* moduletable_search */

.moduletable_search{
    margin:6px 20px;
    display: inline-block;
    float: left;
}

.moduletable_search .search_search{
     float: left;
     position: relative;
     margin:4px 0;
}

.moduletable_search input.inputbox{
     border:none;
     background: #fff;
     border-radius: 0;
     padding:0 6px;
     height: 20px;
     font-size: 12px;
     color:#999;
     width:100px;
}

.moduletable_search button.button{
     position: absolute;
     right: 0;
     top:0;
     background: transparent;
     margin:0;
     padding:0;
     font-size: 0;
     box-shadow: none;
     border:none;
}

.moduletable_search button.button:hover{
     background: transparent;
}


.moduletable_search button.button::before{
    font-family: FontAwesome;
    content: "\f002";
    font-size: 12px;
    margin: 4px;
    line-height: 22px;
    color:#999;
}

.moduletable_search button.button::after{
     display: none;
}



/* search resoult */
.search{
    padding:20px;
    color:#999;
}

#searchForm{
}

#searchForm input{
}

#searchForm .button{
    cursor:pointer;
}

#searchForm .btn{
    padding:4px 10px;
    margin:0;
}

#searchForm fieldset{
    border:none;
    padding:10px 0;
}

.search-results{
    line-height:20px;
}

.search-results .result-title{
}

.search-results .result-title a{
    color:#00007F;
}

.search-results .result-text{
    color: #222;
    margin:5px 0;
    padding:0 0 0 10px
}

.search-results .result-created{
    margin:0 0 20px 10px;
}

/* boxtop */
#searchForm .boxtop{
    background: #EFEFEF;
    border:1px solid #E2E2E2;
    padding:10px 0;
    display: inline-block;
    width:100%;
}

#searchForm .boxtop .btn-toolbar{
    float: left;
    margin:6px 20px 0;
}

#searchForm .boxtop .phrases{
    float: left;
    width:100%;
}

#searchForm .boxtop .phrases legend{
    display: none;
}

#searchForm .boxtop .phrases-box{
    float: left;
    margin:0 0 0 20px;

}

#searchForm .boxtop .phrases-box label{
    float: left;
    padding:0;
    margin:0 20px;
}

#searchForm .boxtop .ordering-box{
    float: right;
    width: 250px;
}


#searchForm .boxtop .ordering-box label{
    margin:0 10px 0 0;
    display: inline-block;
}


#searchForm .boxtop .ordering-box .chzn-container{
    width: 150px!important;
}



/* boxbottom */
#searchForm .boxbottom{
    width:100%;
    display: inline-block;
    padding:10px 0;
}

#searchForm .searchintro{
    float: left;
}


#searchForm .form-limit{
    float: right;
    widows: 150px;
}

#searchForm .form-limit label{
    display: inline-block;
    margin:0 10px 0 0;
}




/*moduletable_language*/
.moduletable_language{
    margin:10px 20px 0 0;
    display: inline-block;
    float: left;
}


/* moduletable_footer */
.moduletable_footer{
    margin:0 auto;
    padding:15px 0;
    text-align:center;
    font-size: 12px;
}

.moduletable_footer ul{
    display: inline-block;
    margin:0;
}

.moduletable_footer ul li{
    float: left;
    list-style: none;
    margin:0 5px;
}



/* moduletable_breadcrumb */
.moduletable_breadcrumb{
    margin:10px 0;
    color:#004A82;
}

.moduletable_breadcrumb a{
    font-size:0.825em;
    color:#000;
}


/*moduletable_allmode*/
.moduletable_allmode{

}

/* topitem */
.allmode-default{
    margin:20px;
}

.allmode-default .allmode-topbox{
    margin:0;
}

.allmode-default .allmode-topitem{
    padding:0;
    border:none;
}
.allmode-default .allmode-topitem .allmode-title{
    margin:6px 0!important;
}

.allmode-default .allmode-topitem .allmode-title, .allmode-default .allmode-topitem .allmode-title a{
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
    line-height: 20px;
    color: #00007F!important;
    text-transform: none;
    margin:10px 0!important;
}

.allmode-default .allmode-topitem .allmode-text{
    margin:0;
    font-size: 14px;
    font-family: arial;
}

.allmode-default .allmode-topitem .allmode-readmore{
    display: block;
    float: none;
    text-align:left;
    margin:10px 0;
}

.allmode-default .allmode-topitem .allmode-readmore a{
    font-weight: bold;
    color:#00007F!important;
}

/*showall button*/
.allmode-default .allmode-showall{
    display: none;
}

.allmode-default .allmode-inside-showall{
    text-align: right;
}

.allmode-default .allmode-inside-showall a{
    color:#656565!important;
}

.allmode-default .allmode-inside-showall a:hover{
    color:#B32026!important;
}


/*slider*/
.bt-cs .bt-row{
    padding:0;
}

.bt-cs .bt-inner{
    padding:0;
}


.bt-cs .bt-inner img{
    border:none;
    outline: none;
    max-width: 100%;
    margin:0;
}


/*moduletable_bottomfront*/
.moduletable_bottomfront{
    width: 95%;
    margin:30px auto;
    position: relative;
}

.moduletable_bottomfront ul{
    text-align: center;
    margin:0;
    padding:10px;
    border-top:1px solid #ccc;
}

.moduletable_bottomfront ul li{
    list-style: none;
    display: inline;
}

.moduletable_bottomfront p.rss{
    position: absolute;
    bottom:0;
}

.moduletable_bottomfront p.rss a{
    text-decoration: none;
}

.m-moduletable .collapse{
    height: auto;
    overflow: visible;
}

/*docman_document*/
.koowa{
    padding:20px;
}

.koowa .docman_document{
    border-bottom:1px solid #d2d2d2;
}

.koowa .docman_document .docman_download a.btn{
    text-decoration: none;
    text-shadow:none;
}
.not-downloaded{
	background:#00007F!important;
}
.not-downloaded:hover{
	color:#ffffff !important;
}
#login-form{
    padding:20px;
}

.login{
    margin:20px;
}

#system-message{
    padding:20px 20px 0;
}


/* moduletable_login */
.moduletable_login{
    padding:10px;
}


/*tag-category*/
.tag-category{
    padding:20px;
}

.tag-category a{
    text-decoration: none;
}

.tag-category .list-title{
    font-weight: bold;
}

.tag-category .label-info, .category-list .badge-info{
    background: #67676F;
}


/*category-list*/
.category-list{
    padding:20px;
}

.category-list a{
    text-decoration: none;
}

.category-list .list-title{
    font-weight: bold;
}

.category-list .label-info, .category-list .badge-info{
    background: #67676F;
}


/*chronoform*/
form.chronoform{
    padding:20px;
}

form.chronoform input[type="submit"]{
    color: #fff;
    font-size: 14px;
    background: #67676F;
    padding: 5px 10px;
    border-radius: 0;
    text-transform: uppercase;
    margin:15px 0 0;
    font-weight: bold;
    border-radius: 4px;
    border:none;
}

p.chrono_credits{
    display: none;
}

/* begin responsive */


@media(min-width: 1200px){
.container{
    swidth:960px;
}
}


@media (max-width: 1200px)  { 
.responsiveMenuTheme2{
    font-size: 11px;
}

.responsiveMenuTheme2 span.linker{
    margin:0 5px;
}


}


@media (max-width: 980px) { 
#body{
    position: relative;
}

#header{
    top:30px;
}

#header > .container > .row-fluid > .span8{
    width:100%;
}

#logo{
    text-align: center;
}

#toolbar{
    float:none;
    position: absolute;
    right:0;
    top:0;
    z-index: 50;
}


#nav{
    position: absolute;
    top:0;
    z-index: 40;
    width: 100%;
}

#nav > .container{
    background: transparent;
    border:none;
    position: relative;
}

#frontpage, #subpage{
    margin:30px 0 0;
}


/* reponsive menu */
.moduletable_nav{
    float: none;
}

.moduletable_nav a.toggleMenu {
    text-decoration: none;
    background: #67676F;
    padding: 0;
    border-radius: 0;
    margin:0;
    line-height: 42px;
}

.moduletable_nav a.toggleMenu::before {
    font-family: FontAwesome;
    content: "\f0c9";
    font-size: 36px;
    margin: 0 6px;
    color:#fff;
}

.moduletable_nav a.toggleMenu span{
    display: none;
}

.responsiveMenuTheme2{
    background: #f4f4f4;
    clear: both;
    width: 100%;
    border:1px solid #d2d2d2;
}

.responsiveMenuTheme2.isMobile > li{
    border:none;
    border-bottom:1px solid #d2d2d2;
}

.responsiveMenuTheme2 > li > a{
    float: none;
    color:#00007F;
}

.responsiveMenuTheme2 >li::after{
    display: none;
}

.responsiveMenuTheme2 > li > a:hover, .responsiveMenuTheme2 > li.active a{
    background: #dfdfdf;
    color:#666;
}


/*.moduletable_search*/
.moduletable_search{
    position: absolute;
    right: 20px;
    top:0;
}

/*.moduletable_language*/
.moduletable_language{
    position: absolute;
    right: 0;
    top:0;
    margin:10px 0 0 0;
}



}


@media (max-width: 767px) { 

/*.moduletable_search*/
.moduletable_search{
    position: absolute;
    right: 20px;
    top:0;
}

/*.moduletable_language*/
.moduletable_language{
    position: absolute;
    right: 0;
    top:0;
    margin:10px 0 0 0;
}


.moduletable{
    border:none;
}


ul.menu, .menu_front ul.menu{
    margin:0 20px;
}

.moduletable_bottomfront ul{
    border:none;
}


/* collapse menu */
.m-moduletable{
    margin:20px 20px 0;
}

.m-moduletable > h3{
    display: block;
    text-indent: 0;
}


.m-moduletable .collapse{
    height: 0;
    overflow: hidden;
}

#subpage #mainLeft{
    width: 100%;
    background: transparent;
}

.m-moduletable ul{
    margin:0;
}


h3.m-collapse{
    background: #eee;
    border:none;
    padding:0 5px;
    font-size: 14px;
    color:#333;
    min-height: 40px;
    height:auto;
    line-height: 40px;
}

h3.m-collapse::before{
    font-family: FontAwesome;
    content:"\f068";
    font-size: 14px;
    text-align: center;
    color:#fff;
    margin:0 10px 0 0;
    background: #67676F;
    height: 40px;
    width: 40px;
    display: inline-block;
    line-height: 40px;
}

h3.collapsed::before{
    content:"\f067";
}

.m-moduletable a{
    text-decoration: none;
}


ul.menu_left li a, ul.menu_left li span{
    padding:0 10px;
    text-indent: 0;
}


ul.menu_left li.active a{
    border:none;
    sbackground: #eee;
    background: transparent;
    text-decoration: underline;
}

/* end collapse menu */

#frontpage .menu_right{
    margin:20px 20px 0;
}


}


@media (max-width: 480px) {

#header{
    top:40px;
}

#frontpage, #subpage{
    margin:20px 0 0;
}

#searchForm .boxtop .phrases-box label{
    float: none;
}

#searchForm .boxtop .ordering-box{
    float: left;
    margin:6px 0 0 20px;
}

#searchForm .boxtop .btn-toolbar input#search-searchword{
    width: 160px;
}


#searchForm .error{
    clear: both;
    padding:20px;
}

}



/* for  iphone4 */
@media (max-width: 360px) {


}