body { background-color: #00313E; color: #fff; font-family: 'Open Sans', sans-serif;}

.container { padding: 0;}
h2 { font-size: 26px}
h3 { font-size: 25px;}
.mb90 { margin-bottom: 90px;}
.mt50 { margin-top: 50px;}
.ti {
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 22px
}
.pa20 { font-size: 15px; font-family: 'Open Sans', sans-serif;}
.pa16 { font-size: 15px; font-family: 'Open Sans', sans-serif;}

.hd { position: relative}
.hd .navbar { position: absolute; z-index: 90; top: 0; left: 40px; border-radius: 0}
.hd .navbar-nav { background-image: url(../img/bg-menu.png); background-repeat: repeat; margin-top: 47px;    margin-left: -40px;}
.hd .navbar-nav > li { float: none; text-align: center; font-family: 'Bitter', serif; font-size: 16px; width: 290px; border-bottom: 1px solid #36707C; padding: 8px 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
.hd .navbar-nav > li.tr a { text-transform: uppercase}

.hd .navbar-nav > li a.he1 { height: 17px}
.hd .navbar-nav > li a.he2 { height: 22px}
.hd .navbar-nav > li a.he3 { height: 18px}
.hd .navbar-nav > li a { color: #fff; padding:0}

.hd .navbar-nav > li.sub { position: relative}
.hd .navbar-nav > li.sub .down { display: none; position: absolute; left: 290px; /*top: -83px;*/ top: 0; padding-left: 20px}
.hd .navbar-nav > li.sub .down ul { list-style: none; background-image: url(../img/bg-menu.png); background-repeat: repeat; padding: 0;}
.hd .navbar-nav > li.sub .down ul li { border-bottom: 1px solid #36707C; padding: 5px 0}
.hd .navbar-nav > li.sub .down ul li a { width: 245px; display: block}
.hd .navbar-nav > li.sub .down ul li a span { width: 100%;}
.hd .navbar-nav > li.sub .down ul li a:hover {
	text-decoration: none;
	color: #DBAD24;
}
.hd .navbar-nav > li.sub .down ul li.last { border-bottom: none}
.hd .navbar-nav > li.sub .down span.pico { position: absolute; /*top: 88px;*/ top: 2px; left: 5px;}
.hd .navbar-nav > li.sub:hover .down { display: block}

.hd .navbar-brand { height: auto; margin-left: 0!important}
.hd .navbar-default { background-color: transparent; border: 0; }
.hd .navbar-header { background-image: url(../img/bg-menu.png); background-repeat: repeat}

/*.hd .carousel { border-bottom: 2px solid #000}*/
.hd .carousel-caption { font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: italic; font-size: 32px; padding: 0; right: 8%; left: initial; bottom: initial; top: 100px}

.bd { background-color: #004D60; font-family: 'Open Sans', sans-serif; border-top: 6px solid #8EC2D0; padding-bottom: 50px;}
.bd .marco { padding: 10px 60px}
.bd .marco .col01 { border-right: 1px solid #518491}
.bd .marco .col01 ul li { /*font-weight: bold;*/ font-size: 17px;}
.bd .marco .col02 { padding-left: 50px}
.bd .marco .col02 p { font-size: 15px;}

.bd .bgBody { background-image: url(../img/bg-body.jpg); background-size: cover; background-repeat: no-repeat; background-position: top center; padding-bottom: 85px}
.bd .bgBody.bgBody01 { background-image: url(../img/bg-body01.jpg); background-position: bottom center; text-shadow: 2px 1px 1px rgba(0, 0, 0, 1); padding-bottom: 0; /*height:291px;*/}
.bd .bgBody.bgBody02 { background-image: url(../img/bg-body02.jpg); background-position: top center; text-shadow: 2px 1px 1px rgba(0, 0, 0, 1); padding-bottom: 0; /*height:435px;*/}
.bd .bgBody.bgBody03 { background-image:none; background-color: #003648; padding: 40px}
.bd .bgBody.bgBody04 { background-image: url(../img/bg-body04.jpg); /*height:325px;*/}
.bd .bgBody.bgBody05 { background-image: url(../img/bg-body05.jpg); /*height:180px;*/}
.bd .bgBody.bgBody06 { background-image: url(../img/bg-body06.jpg); /*height:325px;*/}
.bd .bgBody.bgBody07 { background-image: url(../img/bg-body07.jpg); /*height:305px;*/}

.bd .bgBody.bgBody08 { background-image: url(../img/bg-body08.jpg); /*height:305px;*/}
.bd .bgBody.bgBody09 { background-image: url(../img/bg-body09.jpg); /*height:305px;*/}
.bd .bgBody.bgBody10 { background-image: url(../img/bg-body10.jpg); /*height:305px;*/}

.bd .bgBody.bgBody01 h3 { font-family: 'Open Sans', sans-serif; font-size: 18px;}
.bd .bgBody h3 { font-family: 'Open Sans', sans-serif;}

footer { text-align: center; background-image: url(../img/bgFooter.png); background-repeat: no-repeat; background-position: top center; margin: -150px auto 0 auto;}
footer .bgFoot { background-color: #003D4D; padding-bottom: 5px}
footer .bgFoot p { color: #95becf; font-family: 'Open Sans', sans-serif; font-size: 20px;}
footer .bgFoot p.tp { margin-top: 167px}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #DBAD24; background-color: transparent}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #DBAD24; background-color: transparent}

.table-striped>tbody { background-color: #1A6171; opacity: 0.8}
.table-striped>thead tr { background-color: #1A6171; opacity: 0.8}
.table-striped>tbody>tr:nth-child(odd) { background-color: transparent; background-image: url(../img/bg-menu.png); background-repeat: repeat}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border-top: 0; border-right: 1px solid #124650}
.table>thead>tr>th { border-bottom: 0}

form input.form-control { border: 0; border-radius:0; background-color: #006782; color: #bee0ec!important; font-family: 'Open Sans', sans-serif; font-size: 16px}
form textarea.form-control { border: 0; border-radius:0; background-color: #006782; color: #bee0ec!important; font-family: 'Open Sans', sans-serif; font-size: 16px}
button.btn-default { background-color: #006782; color: #bee0ec!important; border: 0; border-radius:0; font-size: 20px; font-family: 'Open Sans', sans-serif; padding: 5px 15px}
button.btn-default:hover { color: #006782!important}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #bee0ec!important
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #bee0ec!important
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #bee0ec!important
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: #bee0ec!important
}

@media (min-width: 1200px) {
    /*.container { width: 1280px;}*/
}

@media (max-width: 1024px) {
    body { font-size: 12px}
    h3 { font-size: 21px}
    h2 { font-size: 25px}
    .hd .navbar-nav > li { font-size: 12px; padding: 8px 0}
    .hd .navbar-nav > li a { padding-top: 5px; padding-bottom: 5px;}
    .hd .navbar-nav > li.sub .down ul li { padding: 5px 0}
    .hd .navbar-nav > li.sub .down ul li a { padding: 0;}
    
    .hd .navbar-nav > li a.he3 { height: auto}
    .hd .navbar-nav > li a { color: #fff; padding:0}
	.hd .carousel-caption {font-size: 24px; right: 3%; top: 120px}
}

@media (max-width: 768px) {
    /*.hd .navbar { left: 50%; margin-left: -120px}
    .hd .navbar-nav > li { width: 239px}
    .hd .navbar-nav > li.sub .down { display: block; position: relative; left: initial; top: initial; padding: 0; margin: 0}
    .hd .navbar-nav > li.sub .down ul { background-color: #2C464B}
    .hd .navbar-nav > li.sub .down ul li a { width: auto}
    .hd .navbar-nav > li.sub .down ul li { border: 0}
    .hd .navbar-nav > li.sub .down span.pico { display: none}*/
    .hd .navbar-nav > li { padding: 3px 0}
    .hd .navbar-nav { margin-top: 0}
    /*.cl-effect-5 a { height: 25px;}*/
	.hd .carousel-caption {right: 23%; top: 162px; line-height: 27px}
    .carousel-caption { display: none}
}

@media (max-width: 480px) {
    .hd { height: 155px;}
    .carousel.slide { display: none }
    .hd .navbar-nav > li, .hd .navbar-nav > li.sub .down ul li { padding: 10px 0}
    .bd .marco .col01 { border: 0}
    .bd .marco { padding: 10px 15px;}
    .hd .navbar { left: inherit; top: inherit; margin-left: -120px; left: 50%}
    .hd .navbar-nav > li { width: 100%}
    .hd .navbar-nav > li.sub .down { display: block; position: relative; top: inherit; left: inherit; padding: 0}
}