body{
	background-color:white;  font-family: tahoma, Arial, sans-serif; font-size:14px; color:#333; font-weight:normal;
	/* IE */
	/*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=90%);*/
	/* Chrome, Safari */
	/*-webkit-filter: grayscale(90%);*/
	/* Firefox */
	/*filter: grayscale(90%);*/
}
:focus {outline:none;}

/*.ribbon {
	position: absolute;
	top: 0;
	right: 0;
	width: 122px;
	height: 122px;
	background-image: url(../../../media/images/black_ribbon_top_right.png);
	z-index: 100;
}*/

@font-face {
	font-family: 'DB-OZONE-X';
	src: url('../fonts/DB-OZONE-X.eot');
	src: local('☺'), url('../fonts/DB-OZONE-X.woff') format('woff'), url('../fonts/DB-OZONE-X.ttf') format('truetype'), url('../fonts/DB-OZONE-X.svg') format('svg');
	font-weight: normal;	font-style: normal;}

.logo-bar { background-color:#ef7398; border-bottom: 1px solid #D62F61;}
	.logo {
		float: left;
		margin-top: 10px;
		width: 107px;
		height: 120px;
		background: url(../images/logo-ddc.png);
	}
	.logo-text{background:url(../images/logo.png) top right no-repeat; width:286px; height:112px; float:left; max-width:100%; margin-left: 25px; margin-top: 17px;}

	.main-nav {  display: block; float:right;}
	.main-nav ul {padding:0; margin:0;}
	.main-nav ul li {  font-family: 'DB-OZONE-X';   font-size: 25px; line-height: 40px;   display: inline-block;  color: #ffffff; text-align: left;}
	.main-nav ul li a {color: #ffffff; text-decoration:none;   padding: 4px 20px 4px 20px; }
	.main-nav ul li:hover {background-color:#d7567d;}
	.main-nav ul li a:hover { border-radius:4px; }
	.main-nav .active { background-color:#d7567d; border-radius:4px; width:auto;  font-family: 'DB-OZONE-X';   font-size: 25px;  color: #ffffff;}
	.main-nav ul li ul li{display: block; background: #d7567d;}
	.main-nav ul li ul li a{color: #fff;}
	.main-nav ul li ul li a:hover{background: #EF7398; color: #fff;}
	#menu-home{background-image:url(../images/icon-home.png); background-repeat:no-repeat; background-position:center;   cursor:pointer; }
	@media (min-width: 979px) {
		.main-nav li.dropdown:hover > ul.dropdown-menu {
    		display: block;
		}
	}
	.language ul {padding:0; margin-top:7px;}
	.language ul li {   display: inline-block;   padding:6px; opacity: 0.8;}
	.language ul li:hover{opacity:10;}
	.flag {float:right; margin-right:15px;}
	.flag li { padding-top:10px; }
	.social {float:right; background-color:#f396b2; border-radius:4px; width:auto; }

	.clearfix-navmenu{clear:right; }
	#toggle-topmenu{position:absolute; top:-20px; right:-15px;}
	.clearfix-head{margin-top:25px;}
	.clearfix-calender {clear:both; margin-top:10px;}
	.clearfix-hilight{clear:both; margin-bottom:30px;}
	.clearfix-tab1{clear:both; margin-bottom:30px;}

	#col-right {float:right; max-width:100%; }

/*Calendar*/
#calendar_wrap{ background-color: #f2f2f2;  font-family: 'Roboto', sans-serif;}
.calendar-navigation { overflow: hidden;  background-color: #ef7398; color: #ffffff;}
.calendar-month{ font-size:19px; color:white;  line-height:43px;   text-align: center;}
.calendar-navigation #prev a:hover, .calendar-navigation #next a:hover {filter:alpha(opacity=80);outline:0;opacity:.8}
.calendar-navigation #prev { float: left; margin-left: 15px;}
.calendar-navigation #next { float: right; margin-right: 15px;}
.calendar-navigation #prev a, .calendar-navigation #next a, .calendar-navigation #prev span,.calendar-navigation #next span {   display: block;   ;    padding: 15px;    text-align: center;    color: #ffffff;}
.calendar-week {  padding-left: 20px;   margin-bottom: 24px;    background-color: #6f6f6f;    color: #ffffff;}
.calendar-week th, .calendar-week td {   font-size: 16px;   line-height: 1.3;   text-align: center;  padding: 5px 12px; }
#wp-calendar {  width: 100%;   border: none;   background-color: transparent; width: 90%;   margin: 0 auto;}
#wp-calendar td {  text-align: center;   padding: 0 5px;   font-size: 18px;   font-size: 1.8rem;   font-weight: 300;   line-height: 1.6667;    border: none;}
#wp-calendar td#today {    background-color: #494949;}
#wp-calendar th#today, #wp-calendar td#today, #wp-calendar th#today a, #wp-calendar td#today a {  color: #ffffff;}
 #wp-calendar .pad, #wp-calendar #prev, #wp-calendar #next {  background-color: transparent;}

.menu-calendar {margin-left:27px;margin-right:27px;  margin-top:15px;  padding-bottom:20px;}
.menu-calendar ul {padding:0; margin:0;}
.menu-calendar ul li {padding:0; margin:0;
list-style:none;  font-family: 'DB-OZONE-X';   font-size: 25px; line-height: 40px;   display:block;  color: #4f4d4d; border-bottom:1px solid white; padding-left:20px;
background-image:url(../images/arrowMenu-calendar.jpg); background-repeat:no-repeat; background-position:0px 15px;}
.menu-calendar ul li a{color: #4f4d4d; }
.menu-calendar ul li a:hover {color:#337AB6; text-decoration:none;}
.viewall a {margin-top:5px; color:#d74872; text-decoration:underline; font-size:13px; font-weight:bold; float:right;}
.viewall a:hover { color:#f15886;}
.viewall2 a {margin-top:-8px; color:#d74872; text-decoration:underline; font-size:13px; font-weight:bold; float:right;}
.viewall2 a:hover { color:#f15886;}

.title-eservice{margin-top:20px; color:#706e6e; font-size:30px;  font-family: 'DB-OZONE-X'; }
.eservice ul, .eservice ul li {padding:0; margin:0; list-style:none; padding-bottom:20px;}
.eservice ul li:hover{filter:alpha(opacity=80);outline:0;opacity:.8}


/*TAB*/
#Mytab a{ font-family: 'DB-OZONE-X';   font-size: 26px;  color:#b2b2b2;}
#Mytab li.active a,#Mytab li.active a:hover, #Mytab li.active a:focus, #Mytab li.active a:active{ background-color:#ed6a91;  color:#fff;}

.nav-tabs #Mytab >li>a:hover { background-color:white;}
#Mytab>li.active>a, #Mytab>li.active>a:focus,#Mytab>li.active>a:hover {border:none; border-radius:0px;}
#Mytab>li>a {  position: relative;   display: block; padding: 2px 25px;}
#Mytab>li>a:hover {background-color:transparent; border:1px solid transparent; cursor:pointer;color:#4f4d4d; }

/*PR*/
#pr-news-left{margin:0; padding:0;}
.pic-news{margin-top:30px;margin-bottom:10px;}
.pic-news img{display: block; border:1px solid #e6e6e6; max-width: 100%; height: auto;}
.title-news{ font-family: 'DB-OZONE-X';   font-size: 30px;  color:#5c5c5c;}
#pr-news-left ul{margin:0; padding:0;}
#pr-news-left ul li{list-style:none; padding-left:10px; background-image:url(../images/dash.jpg); background-repeat:no-repeat; background-position:0px 8px;}
.news-tab-item{overflow: hidden; border-bottom:1px solid #e5e5e5; padding-top:10px; }
.news-tab-item img {float:left; margin-right:10px; margin-top:5px; border:1px solid #f2f2f2;  }
.news-tab-item p { height:80px; overflow: hidden; }
.news-tab-item p a{color:#333; text-decoration:none;   }
.news-tab-item p a:hover{color:#337ab7; text-decoration:none;}
#list-news{margin-top:15px; padding-right:0px !important;}

/*Procure*/
#procure {padding-top:15px;}
#procure ul {margin:0; padding:0;}
#procure ul li {list-style:none; padding-left:30px; background-image:url(../images/icon-pdf.png); background-repeat:no-repeat; background-position:5px 12px;
display:block; line-height:20px; border-bottom:1px solid #e5e5e5; padding-top:10px; padding-bottom:10px;}
#procure ul li a, .title-news a {color:#333;text-decoration:none;}
#procure ul li a:hover, .title-news a:hover{color:#337ab7; text-decoration:none;}


/*Job*/
#job {padding-top:15px;}
#job ul {margin:0; padding:0;}
#job ul li {list-style:none; padding-left:30px; background-image:url(../images/icon-check.jpg); background-repeat:no-repeat; background-position:5px 12px;
display:block; line-height:20px; border-bottom:1px solid #e5e5e5; padding-top:10px; padding-bottom:10px;}
#job ul li a {color:#333; text-decoration:none;}
#job ul li a:hover{color:#337ab7; text-decoration:none;}

/*DB*/
.db {  border: solid 1px #e5e5e5;  border-bottom: solid 2px #ed6a91;}
.db ul  {margin:0; padding:0;}
.db ul li {list-style:none; padding: 2px 25px;background-color:#ed6a91; display:inline-block;}
.title-db{font-family: 'DB-OZONE-X';   font-size: 26px;  color:#fff;  width:180px;}
.db-banner ul  {margin:0; padding:0;}
.db-banner ul  li {list-style:none; display:inline-block; padding-top:20px;  padding-right:6px; }
.db-banner ul  li:hover{filter:alpha(opacity=80);outline:0;opacity:.8}
.hr01{border-bottom: solid 1px #dddada; line-height:20px; margin-top:30px; margin-bottom:20px;}

/*Banner link*/
.banner-link ul {margin:0; padding:0;}
.banner-link ul li {list-style:none;display:inline-block; margin-right:15px; margin-bottom:15px;  }
.banner-link ul li:hover{filter:alpha(opacity=80);outline:0;opacity:.8}


.footer{height:105px; background-image:url(../images/bg-footer.jpg); background-repeat:repeat-x;}
.counter{color:white; text-align:center; padding-top:25px;}
.copyright{color:#a4a3a3;  text-align:center;padding-top:32px; font-size:13px;}
.link-copyright a{color:#da577e;}

 @media screen and (min-width: 341px) and (max-width: 991px) {
 #col-right {float:left;}
 }

 .breadcrumbs{ color: #b2b2b2; text-align:right; font-size:12px;}
 .title-page{font-family: 'DB-OZONE-X';   font-size: 28px;  color:#323232; }


 .carousel-inner>.item>a>img, .carousel-inner>.item>img {
 	width: 100%;
 }

#counter {
	right: 30px;
	position: absolute;
	color: #888;
}

table.form{
	width:100%;
}
table.form th, table.form td{
	padding:5px;
	border-bottom:1px dotted #eee;
}
table.form th{
	padding-top:5px;
	text-align:left;
	vertical-align:top;
}

li.media {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

.news-month {
	margin: 20px 0 5px 0;
}
.news-item {
	margin: 10px 0;
	padding: 10px;
	background: beige;
}
.news-item em {
	font-size: 11px;
	color: #888;
}
.news-item p {
	margin-top: 10px;
	padding: 10px;
	background: #e2e2cc;
}

.medias-search {
	margin: 20px 0;
	padding: 10px;
	background-color: beige;
}
.medias-search span{
	color: red;
}
.medias .thumbnail {
	height: 200px;
}

.topdownload th {
	background-color: #fbdce5;
    color: #5d5959;
}
.topdownload em {
	font-size: 12px;
	color: #888;
}