@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'OZoneX';
    src: url('fonts/db_ozone_x_med-webfont.eot');
    src: url('fonts/db_ozone_x_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/db_ozone_x_med-webfont.woff') format('woff'),
         url('fonts/db_ozone_x_med-webfont.ttf') format('truetype'),
         url('fonts/db_ozone_x_med-webfont.svg#DBOzoneXMedium') format('svg');
    font-weight: 200;
    font-style: normal;
	}
@font-face {
    font-family: 'OZoneXLight';
    src: url('fonts/db_ozone_x_li-webfont.eot');
    src: url('fonts/db_ozone_x_li-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/db_ozone_x_li-webfont.woff') format('woff'),
         url('fonts/db_ozone_x_li-webfont.ttf') format('truetype'),
         url('fonts/db_ozone_x_li-webfont.svg#DBOzoneXLight') format('svg');
    font-weight: normal;
    font-style: normal;
	}

@font-face {
	font-family: 'QuicksandBook';
	src: url('fonts/Quicksand_Book-webfont.eot');
	src: url('fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
	   url('fonts/Quicksand_Book-webfont.woff') format('woff'),
	   url('fonts/Quicksand_Book-webfont.ttf') format('truetype'),
	   url('fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'QuicksandLight';
	src: url('fonts/Quicksand_Light-webfont.eot');
	src: url('fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
	   url('fonts/Quicksand_Light-webfont.woff') format('woff'),
	   url('fonts/Quicksand_Light-webfont.ttf') format('truetype'),
	   url('fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'QuicksandBold';
	src: url('fonts/Quicksand_Bold-webfont.eot');
	src: url('fonts/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
	   url('fonts/Quicksand_Bold-webfont.woff') format('woff'),
	   url('fonts/Quicksand_Bold-webfont.ttf') format('truetype'),
	   url('fonts/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'dtac';
	src: url('fonts/DtacRegular.eot');
	src: url('fonts/DtacRegular.eot?#iefix') format('embedded-opentype'),
	   url('fonts/DtacRegular.woff') format('woff'),
	   url('fonts/DtacRegular.ttf') format('truetype'),
	   url('fonts/DtacRegular.svg#QuicksandBold') format('svg');
	font-weight: normal;
	font-style: normal;
	}



.h-title{
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#51381d;
	font-weight:bold;
}
.h-profile{
	font-family: dtac, Arial, Tahoma, Verdana;
	font-size: 20pt;
	COLOR:#0b5f8f;
	font-weight:bold;
}
.name-project{
	font-family: dtac, Arial, Tahoma, Verdana;
	font-size: 14pt;
	COLOR:#ffffff;
	margin-left:10px;
}

body {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #22333a;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
td,th {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #22333a; 
}
.hello {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11pt;
	color: #007fc2;
}
.hello2 {
	color: #007fc2;
}
.percent {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #ffffff;
	padding-left: 30px;
	text-transform: uppercase;
}
.txt-white-20 {
	font-family: dtac, Arial, Tahoma, Verdana;
	font-size: 20pt;
	color: #ffffff;
}
.h-search {
	font-family: dtac, Arial, Tahoma, Verdana;
	font-size: 16pt;
	color: #0b5f8f;
}
.comfirm {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11pt;
	color: #ff5a00;
}
.border {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10px;
	color: #FFFFFF;
	border: 6px solid #ebebeb;
}
.border-dot {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10px;
	color: #333;
	border: 1px dotted #CCC;
	padding: 6px;
}
.LR20 {
	padding-right: 20px;
	padding-left: 20px;
}
.L25{
	font-family: Arial, Tahoma, Verdana;
	color: #2f3e45;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 0px;
}
.L45{
	padding-left: 45px;
}
.h-activity{
	font-family: Arial, Tahoma, Verdana;
	font-size: 12pt;
	color: #ffffff;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: bold;
	text-transform: uppercase;
	
}
.h-white{
	font-family: Arial, Tahoma, Verdana;
	font-size: 11pt;
	color: #ffffff;
	font-weight:bold;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #625448;
	background-color: #867364;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #625448;
}
.LR60 {
	font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	color: #2f3e45;
	padding-right: 30px;
	padding-left: 60px;
}
.L120 {
	padding-left: 120px; color:#015b7e; 
}
.L60R30 {
	color: #2f3e45;
	padding-right: 30px;
	padding-left: 60px;
}
.LT15 {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11pt;
	color: #2f3e45;
	padding-top: 15px;
	padding-left: 15px;
}

.txt9{
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	color: #666666;
	padding-right: 10px;
	padding-left: 10px;
}
.txt10{
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #666666;
}
.txt10blue{
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #007fd0;
}
.txt14black{
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #000000;
}
.txt10pink{
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: red;
}
.line{
	font-family: Arial, Tahoma, Verdana;
	color: #333;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #6b6b6b;
}
.number {
	font-family: "Microsoft Sans Serif";
	font-size: 10pt;
	background-image: url(images/icon-number_03.png);
	background-repeat: no-repeat;
	text-align: center;
	height: 44px;
	width: 28px;
	padding-top: 15px;
	float:left;
}

.line-solid{
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #fffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dedede;
}

.input{
	font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	color: #666666;
	border: 1px solid #CCC;
	width:110px;
}
.txt9-blue{
	font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	color: #007dc9;
	padding-right: 10px;
	padding-left: 10px;
}
.txt11-blue{
	font-family: Arial, Tahoma, Verdana;
	font-size: 11pt;
	color: #007dc9;
}
.txt11-code{
	font-family: Arial, Tahoma, Verdana;
	font-size: 11pt;
	color: #ea9a00;
}
.txt14{
	font-family: Arial, Tahoma, Verdana;
	font-size: 12pt;
	color: #960;
	font-weight: bold;
}
.txt30{
	font-family: dtac, Arial, Tahoma, Verdana;
	font-size: 20pt;
	color: #996600;
	padding-right: 10px;
	padding-left: 10px;
	text-shadow: 0px 0px 40px #fff;

}
.txt25{
	font-family: Arial, Tahoma, Verdana;
	font-size: 25pt;
	color: #F60;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}
.LRT10 {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12pt;
	font-weight:bold;
	color: #2f3e45;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}
.RT20 {
	font-family: Arial, Tahoma, Verdana;
	font-size: 12pt;
	font-weight:bold;
	padding-right:40px;
	color: #ffffff;
}
.txt-white {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #FFF;
}

.txt-pink {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #F00;
}

A:link {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#374D53;
	TEXT-DECORATION: none
}
A:visited {font-family: Arial, Tahoma, Verdana;	font-size: 10pt;COLOR:#374D53; TEXT-DECORATION: none} 
A:hover {font-family: Arial, Tahoma, Verdana;	font-size: 10pt;COLOR:#acacac; TEXT-DECORATION: underline} 
A:active {font-family: Arial, Tahoma, Verdana;	font-size: 10pt;COLOR:#374D53; TEXT-DECORATION: none}

A:link#wh {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#ffffff;
	TEXT-DECORATION: none;
}
A:visited#wh {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#ffffff;
	TEXT-DECORATION: none;
}

A:hover#wh {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#ffffff;
	TEXT-DECORATION: underline;
}


A:active#wh {
	font-family:  Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#ffffff;
	TEXT-DECORATION: none;
}

A:link#8pt {
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	COLOR:#4c6873;
	TEXT-DECORATION: none;
}
A:visited#8pt {
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	COLOR:#4c6873;
	TEXT-DECORATION: none;
}

A:hover#8pt {
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	COLOR:#4c6873;
	TEXT-DECORATION: none;
}

A:active#8pt {
	font-family: Arial, Tahoma, Verdana;
	font-size: 8pt;
	COLOR:#4c6873;
	TEXT-DECORATION: none;
}

A:link#7pt {
	font-family: Arial, Tahoma, Verdana;
	font-size: 20pt;
	COLOR:#4c6873;
	TEXT-DECORATION: none;
}
A:visited#7pt {
	font-family: Arial, Tahoma, Verdana;
	font-size: 7pt;
	COLOR:#4c6873;
	TEXT-DECORATION: none;
}

A:hover#7pt {
	font-family: Arial, Tahoma, Verdana;
	font-size: 7pt;
	COLOR:#333333;
	TEXT-DECORATION: none;
}

A:active#7pt {
	font-family: Arial, Tahoma, Verdana;
	font-size: 7pt;
	COLOR:#4c6873;
	TEXT-DECORATION: none;
}



A:link#menu {
	font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	COLOR:#0b5a87;
	TEXT-DECORATION: none;
}
A:visited#menu {
	font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	COLOR:#0b5a87;
	TEXT-DECORATION: none;
}

A:hover#menu {
	font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	COLOR:#0b5a87;
	TEXT-DECORATION: none;
}

A:active#menu {
	font-family: Arial, Tahoma, Verdana;
	font-size: 9pt;
	COLOR:#0b5a87;
	TEXT-DECORATION: none;
}
A:link#menu_company {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#0b5a87;
	TEXT-DECORATION: none;
}
A:visited#menu_company {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#0b5a87;
	TEXT-DECORATION: none;
}

A:hover#menu_company {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#333;
	TEXT-DECORATION: none;
}

A:active#menu_company {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#0b5a87;
	TEXT-DECORATION: none;
}

.border-top-bottom {font-family: Arial, Tahoma, Verdana;	font-size: 10pt;COLOR:#ffffff; TEXT-DECORATION: none; 	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	background-color: #32a8ce;}

.regis {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	color: #000000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #d5f2ff;
	padding: 0px;
	height: 36px;
	width: 200px;
}
.wh-line {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #EAEAE8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5f7984;
}
.package {
	border: 1px solid #B2B6BA;
}
.txt-slide {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFFFFF; text-align:center }

A:link#news {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#015b7e;
	TEXT-DECORATION: underline;
}
A:visited#news{
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#015b7e;
	TEXT-DECORATION: underline;
}

A:hover#news {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#666666;
	TEXT-DECORATION: underline;
}

A:active#news {
	font-family:  Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#015b7e;
	TEXT-DECORATION: underline;
}
.h-project {
	font-family:  dtac, Arial, Tahoma, Verdana;
	font-size: 20pt;
	COLOR:#a27a26;
}

.txt-project {
	font-family:  dtac, Arial, Tahoma, Verdana;
	font-size: 16pt;
	COLOR:#51381d;
}
.txt-project12 {
	font-family:  dtac, Arial, Tahoma, Verdana;
	font-size: 12pt; font-weight:800;
	COLOR:#51381d;
}
.footer {
	font-family: Arial, Tahoma, Verdana;
	font-size: 10pt;
	COLOR:#51381d;
}



.curved-hz-2:before {            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
}
.curved:before {            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
}
.drop-shadow {
	position:relative;
	width:95%;
	padding:5px;
	margin:10px 10px 10px;
	background:#fff;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	left: 10px;
}
.drop-shadow:after {            content:"";
            position:absolute; 
            z-index:-2;
}
.drop-shadow:before {            content:"";
            position:absolute; 
            z-index:-2;
}

.CateName{
	font:Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color: white;
	margin-left:10px;
	}
	
	
.bx-thumbs{
    z-index: 100;   
}
.bx-thumbs a{
	float: left;
	width: 250px;
	height: 180px;
	border: 2px solid #b2ad8e;
	overflow: hidden;
	position: relative;
	outline: none;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1.0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 
        0px 0px 3px rgba(0,0,0,0.6),
        0px 0px 0px 80px rgba(0,0,0,0.3) inset;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin-top: 2px;
	margin-right: 7px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.bx-thumbs a:hover{
    opacity: 0.6;
    box-shadow: 
        0px 0px 3px rgba(0,0,0,0.6),
        0px 0px 0px 0px rgba(0,0,0,0.1) inset;
}
.bx-thumbs a.bx-thumbs-current{
    opacity: 1.0;
    border-color: #fff;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}



.bt-news {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:10pt;
	font-weight:bold;
	font-style:normal;
	height:65px;
	line-height:65px;
	width:235px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.bt-news:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.bt-news:active {
	position:relative;
	top:1px;
}



.button_news {
/*background-image:url(images/icon_news.png); background-repeat:no-repeat;
background-position:left; */
	-moz-box-shadow:inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fed897;
	box-shadow:inset 0px 1px 0px 0px #fed897;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;
	-moz-border-radius:24px;
	-webkit-border-radius:24px;
	border-radius:24px;
	border:1px solid #eda933;
	display:inline-block;
	color:#ffffff;
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;
	width:190px;
	height:25px;
	padding-top:10px; padding-right:10px; margin-right:10px;
	text-align:left;
}.button_news:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
	color:#ffffff;
	font-size:10pt;
	font-weight:normal;
	text-decoration:none;

}.button_news:active {
	position:relative;
	top:1px;
}

/* About Page */
#pic{
	padding: 15px;
    text-align: center;
}

#pic img{
	padding: 0 7px;
}