body{
    /*
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-family: 'Roboto', 'Segoe UI', 'Calibri','Trebuchet MS', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: .9em;*/
	font-family: Roboto, helvetica, arial, sans-serif;
     FONT-SIZE: 16px;
}
#container{
    width: 85%;
    height: 100%;
    box-shadow: 0 0 15px rgba(76,76,76,0.5);
    margin: 0 auto;
    background-color: #ffffff
}
#web-header{
    /*background: linear-gradient(to right,#07889b 0%,#2873c3 18%,#66b9bf 100%);*/
    /* background:linear-gradient(to right,#07889b 0%,#2873c3 80%,#07889b 100%); */
    /*background-image:url(../imgs/header-back.png);*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+69,2989d8+71,7db9e8+99 */
        background: #1e5799; /* Old browsers */
        background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 69%, #2989d8 71%, #7db9e8 99%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 69%,#2989d8 71%,#7db9e8 99%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #1e5799 0%,#2989d8 69%,#2989d8 71%,#7db9e8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
        background-repeat: no-repeat;
    padding: 10px 20px;
    /*background-size:100%;*/
}
#img-web-header {
    /* height: 100%; */
    width: 50%;
}

#main-menu{
    /* background: #292626; */
    background: #2E86C1;
        color: #fff;
    margin-top: 0px;
    /*FONT-WEIGHT: bold;*/
        /*padding: .5px;*/
}
#main-menu-wrapper {
    height: 100%;
    text-align: left;
    padding: 1px;
}
#main-menu-wrapper ul.parents {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}
#main-menu-wrapper li{
    display: inline-block;
}
#main-menu-wrapper li:hover{
    /* background: #676969; */
    background: #21618C;
    color:#090909;
}
#main-menu-wrapper a{
    text-decoration: none;
    color:  #fff;
    padding:15px;
    display: block;
}

/* dropdown menu */
#main-menu-wrapper li:hover ul{
    display: block;
}

#main-menu-wrapper ul.child {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0px;
    position: absolute;
    /* background: #676969; */
    background: #21618C;
    min-width: 200px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
    display: none;
    z-index: 99;
    box-shadow: 0 0 15px rgba(76,76,76,0.7);
}
#main-menu-wrapper ul.child li {
    display: block;
    /* background: #676969; */
    background: #21618C;
    min-width: 200px;
}
#main-menu-wrapper ul.child li.last {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#main-menu-wrapper ul.child li:hover {
    background: #a7a9a9;
}
#main-menu-wrapper div{
    display: none;
    cursor: pointer;
    /*background: #0b0b0b;*/
    /*background: #21618C;        */
    background: #2E86C1;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}

#contents{
    margin-top: 15px;
    width: 63%;
    float: left;
    margin-left: 5px;
    min-height: 500px;
}

.main-block{
    width: 99%;
    margin: 0px auto;
    /*padding: 10px;*/
    margin-top: 35px;
        /*
        border: 1px solid gray;
        border-radius: 2px;
        */
}

.block-title{
    color: #FFFFFF;
    /* background-color: #07889b; */
    background-color: #2E86C1;
    padding: 5px 15px;
        border-radius: 4px;
}
h2{
    margin: 0px;
        background-color: #2E86C1
}
h3{
    margin: 0px;
        background-color: #2E86C1
}
h4{
        margin-top: 10px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 10px;
}

#sidebar .block-title{
    color: #FFFFFF;
    /* background-color: #66B9bf; */
    background-color: #2E86C1;
    padding: 5px 15px;
}

#sidebar table {
    margin-top: 15px;
}
.block-content {
    padding: 0px 10px;

}
#sidebar h4.content-title {
        margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;

    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
.content-title{
    color: #3561b1;
    font-size: 1.2em;
}
p.content-body {
    text-align: justify;
    margin-right: 10px;
    margin-left: 10px;
}

.last-update{
        margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 10px;
    margin-left: 10px;
}

#read-more {
    width: 100%;
    text-align: right;
        margin: 0px;
}
#read-more a {
   text-decoration: none;
}
#sidebar {
    margin-top: 15px;
    width: 34%;
    float: right;
    margin-right: 5px;
}
th{
    text-align: left;
    font-size: 1.2em;
}
td{
    padding: 3px;
}
.col-title {
    width: 70%;
}
.col-date {
    width: 30%;
}
.odd {
    background: #f1f1f1;
}
.even{
    background: #f9f9f9;
}

img.social {
    width: 25%;
    margin: 15px 5px;
}
img.responsive {
    max-width: 100%;
    height: auto;
        display:block;
}

.cont-social {
    text-align: center;
}
#cont-mini-pannel-4{
    height: 200px;
    clear: both;
}
.mini-pannel-4 {
    margin: 15px 8px;
    width: 23%;
    float: left;
        border: 1px solid gray;
        border-radius: 4px;
    /*height: 150px;*/
}
img.mini-4 {
    width: 100%;
}
#footer{
    height: 200px;
    clear: both;
    /*background: #292626; */
    /* background-color: #07889b; */
    background-color: #2E86C1;
}
#footer-menu-wrapper {
    height: 100%;
    text-align: center;
    padding: 1px;
    color: #ffffff;
    background-color: #2E86C1;
}
#footer-menu-wrapper li{
    display: inline;
    padding: 15px;
    height: 100%;
    background-color: #2E86C1;
}
#footer-menu-wrapper a{
    text-decoration: none;
    color:  #fff;
    background-color: #2E86C1;
}
#footer-content {
    text-align: center;
    color: #ffffff;
    /* background: #292626; */
    background-color: #2E86C1;
        padding: 15px;
}


/*==============Job==============*/
#job-contents{
    margin-top: 15px;
    width: 99%;
    margin-left: 5px;
    min-height: 500px;
}
.job-date {
    width: 15%;
}
.job-title {
    width: 25%;
}
.job-agency {
    width: 25%;
}
.job-file {
    width: 20%;
}
table.jobs {
    width: 100%;
}
th.job {
    background: #505a8c;
    text-align: center;
    color:#fff;
}


#page-contents{
    margin-top: 15px;
    width: 99%;
    margin-left: 5px;
    min-height: 500px;
}


table {
    border-collapse: collapse;
    width: 100%;
}
th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}
tr:hover1 {
        background-color:#f5f5f5;
}
tr:nth-child(even) {background-color: #f2f2f2;}

A:link { COLOR: #0000ff; TEXT-DECORATION: none;}
A:visited { COLOR: #000000; TEXT-DECORATION: none;}
A:active { COLOR: #000000; TEXT-DECORATION: none;}
A:hover { COLOR: #ff0000; TEXT-DECORATION: none;}


/*
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content {
  padding-top: 60px;
}
*/