@charset "utf-8";

/* CSS Document */

.acc-avatar {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background-color: #e7e7e7;

}

#slides1 img{
  position: absolute;
  left: 0;
  width: 100%;
}


h1

{

	margin-top:10px;

	font-size:14px;

}



h2

{

	margin-top:10px;

	font-size:22px;

}

h2, .h2 {

    font-size: 22px !important;

}

h3, .h3 {

    font-size: 18px  !important;

	margin:0px;

}

h3

{

	font-size:18px;

	margin:0px;

}
.number {
    border-radius: 10px;
    color: #ffffff;
    float: left;
    font-size: 12px;
    height: 20px;
    margin-right: 5px;
    padding-top: 3px;
    text-align: center;
	background-color:#009a4e;
    width: 20px;
}
.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}
.panel-title {
    font-size: 14px !important;
   
}
.list-group-item {
    position: relative;
    display: block;
    padding: 5px 5px !important;
    margin-bottom: -1px;
    background-color: #ecfff4;
    border: 1px solid #ddd;
}
a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    color: #fff !important;
    background-color: #5fc090;
}
/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.padding-metro {
    padding: 3px;
    text-align: justify;
}
.metro {
    background-color: #fafafa;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    line-height: 1.42857;
    margin-bottom: 15px;
    padding: 4px;
    transition: border 0.2s ease-in-out 0s;
}
.metro-1 {
    height: 250px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
}
.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:1px solid #ddd !important;

	

}

.effect6

{

    position:relative;

    -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;

}

.effect6:before, .effect6:after

{

    content:"";

    position:absolute;

    z-index:-1;

    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);

    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);

    box-shadow:0 0 20px rgba(0,0,0,0.8);

    top:50%;

    bottom:0;

    left:10px;

    right:10px;

    -moz-border-radius:100px / 10px;

    border-radius:100px / 10px;

}


.color-text
{
	color: black;
}
.color-text:hover
{
	color: blue;
}
.css-left {

    width: 25%;

    font-weight: bold;

    text-align: right;

    padding: 6px;

    border: 1px solid #ddd;

    background: #EFEFEF;

}

.css-right {

    width: 75%;

    padding: 6px;

    border: 1px solid #ddd;

    font-size: 14px;

}

.r-title {

    font-weight: bold;

    padding: 5px;

    margin: 10px 0;

	color: #2446fd;

	font-size:16px;

	text-align:center;

}

.result .r-title {

    border-bottom: 2px solid rgb(204, 204, 204);

    font-weight: bold;

    margin: 10px 0;

    padding: 5px;

}

.result {

    font-size: 16px;

}

html, body

{

	background-image: url(../img/bg1.png);

	padding:0px;
	background-repeat-y: no-repeat;
	font-size:14px;
	

}

a:link,a:visited{



	text-decoration:none;

	outline: none;



}

a:hover{

	text-decoration:none;

}

hr

{

	margin-top:5px;

	margin-bottom:0px !important;

	border-top:1px dotted #ccc !important;

	}

.color-video

{

	color:#fff;

	font-size:16px;

}



.color-video:hover

{

	color:#ff9f00;

	transition-duration: 1s;

}

.info-box-text {

    display: block;

    font-size: 13px;

	padding-left:10px;

	height:0px;
	font-weight:bold;

}

.info-box-number {

    display: block;

    font-weight: bold;

    font-size: 18px;

}

.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

    background-color: #00c0ef !important;

}

.bg-aqua_1, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

    background-color: #dd4b39 !important;

}

.bg-aqua_2, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

    background-color: #f39c12 !important;

}

.bg-aqua_3, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

    background-color: #e33959 !important;

}
.bg-aqua_4, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

    background-color: #20b2aa!important;

}

.info-box-icon_caledar {

    border-top-left-radius: 2px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 2px;

    display: block;

    float: left;

    height: 40px;

    width: 100%;

    text-align: center;

    font-size: 25px;

    line-height: 40px;

    background: #d30000;

}

.info-box-icon {

    border-top-left-radius: 2px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 2px;

    display: block;

    float: left;

    height: 70px;

    width: 70px;

    text-align: center;

    font-size: 45px;

    line-height: 90px;

    background: rgba(0,0,0,0.2);

}

.info-box {

    background: #fff none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    display: block;

    margin-bottom:3px;

    min-height: 70px;

    width: 100%;

}

.info-box-tt {

    background: #fff none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    display: block;

    margin-bottom:16px;

    min-height: 150px;

    width: 100%;

}

.info-box-icon-tt {

    border-top-left-radius: 2px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 2px;

    display: block;

    float: left;

    height: 150px;

    width: 90px;

    text-align: center;

    font-size: 45px;

    line-height: 150px;

    background: rgba(0,0,0,0.2);

}

.info-box-q {

    background: #fff none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    display: block;

    margin-bottom:16px;

    min-height: 150px;

    width: 100%;

}

.info-box-lh {

    background: #fff none repeat scroll 0 0;

    border-radius: 2px;

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

    display: block;

    margin-bottom:16px;

    min-height: 150px;

    width: 100%;

	line-height:1.8;

}

.info-box-icon-q {

    border-top-left-radius: 2px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 2px;

    display: block;

    float: left;

    height: 150px;

    width: 100px;

    text-align: center;

    font-size: 45px;

    line-height: 150px;

    background: rgba(0,0,0,0.2);

}

.bg-aqua-tt, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {

    background-color: #fff !important;

}

.number_mont {

    border-radius: 10px;

    color: #ffffff;

    float: left;

    font-size: 16px;

    height: 45px;

    margin-right: 5px;

    padding-top: 10px;

    text-align: center;

    width: 65px;

}

.mont {

    background-color: #00c0ef;

}

.mont_1 {

    background-color: #dd4b39;

}

.mont_2 {

    background-color: #f39c12;

}

.three {

    background-color: #f39c12;

}

.sum {

    background-color: #ff0405;

}

.lv2 {

    background-color: #3366cc;

}

.lv3 {

    background-color: #dc3912;

}

.lv4 {

    background-color: #ff9900;

}

.lv5 {

    background-color: #00bfee;

}

#notify {

	position:fixed;

	bottom:50px;

	left:50px;

	padding:15px;

	background-color:#212121;

	color:#fff;

	box-shadow: 3px 3px 5px #888888;

	text-align:center;

	display:none;

	z-index:100000;

}

.number {

    border-radius: 10px;

    color: #ffffff;

    float: left;

    font-size: 12px;

    height: 20px;

    margin-right: 5px;

    padding-top: 3px;

    text-align: center;

    width: 20px;

}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #003322 !important;
}
.number1 {

    border-radius: 10px;

    color: #ffffff;

    float: left;

    font-size: 12px;

    height: 20px;

    margin-right: 5px;

    padding-top: 0px;

    text-align: center;

    width: 20px;

}

.metro-ficture {

    height: 98px;

    width: 130px;

	padding:0px;

    

}



.media-overlay {

    box-shadow: 0 0 0 0 #f86924 inset;

    height: 115px;

    position: absolute;

    transition: all 0.5s ease-in-out 0s;

    width: 115px;

}

.media-image {

    position: absolute;

}

.glyphicon-refresh-animate {

    -animation: spin .7s infinite linear;

    -webkit-animation: spin2 .7s infinite linear;

}

.icon-circle:hover {

	text-decoration:none;

}



.icon-circle {

    border-radius: 50%;

    border: 1px solid;

    text-align: center;

	transition: 250ms ease-in;

	width: 38px;

    height: 38px;

    line-height: 36px;

	color: #fff;

}

.icon-circle1 {

    border-radius: 50%;

    border: 1px solid;

    text-align: center;

	transition: 250ms ease-in;

	width: 38px;

    height: 38px;

    line-height: 36px;

	color: red;

}



.icon-circle-small {

	width: 28px;

    height: 28px;

    line-height: 26px;

}



.icon-red {

    border-color: #fff;

}



.icon-red:hover {

	background-color:#e52402;

	color:#fff;

	

}

.thumbnail {
     padding: 5px;
    
    border: 0px solid #ddd !important;
	margin-top:0px;
   
}

.text-muted {

    color: #fff;

	font-weight: normal;

}

.list-2-col {

    -webkit-columns: 2;

    columns: 2;

    -moz-columns: 2;

    page-break-inside: avoid;

    -webkit-column-break-inside: avoid;

    break-inside: avoid;

    -webkit-column-gap: 30px;

    column-gap: 30px;

    -moz-column-gap: 30px;

}

.btn-success {

    background-color: #03ae03 !important;

}

.btn-success

{

	background-color:#03ae03 !important;

}

.btn-success {

    background-image: linear-gradient(to bottom, #03ae03 0px, #03ae03 100%) !important;

    background-repeat: repeat-x;

    border-color: #3e8f3e;

}

.btn-primary {

    background-color: #e52402 !important;

    border-color: #e52402 !important;

}

.btn-primary {

    background-image: linear-gradient(to bottom, #e52402 0px, #e52402 100%) !important;

    background-repeat: repeat-x;

    border-color: #e52402;

}

type.less:94

.text-justify {

    text-align: justify;

}

p {

    margin: 0 0 10px;

}



@-webkit-keyframes spin2 {

    from { -webkit-transform: rotate(0deg);}

    to { -webkit-transform: rotate(360deg);}

}



@keyframes spin {

    from { transform: scale(1) rotate(0deg);}

    to { transform: scale(1) rotate(360deg);}

}

.modal-header {

	background:#108afa !important;

	color:#fff !important;

}

.content

{

	background-color:#fff;

	padding: 2px 20px;

	border: 1px solid #f2f2f2;

	

}

.color_tablet

{

	background-color: #1db3fe;

	color:#ffffff;

}

.color_tablet_row

{

	background-color: #ffffff;

	color:#333333;

}

.color_tablet_row:hover

{

	background-color: #1db3fe;

	color:#ffffff;

}

.pad-banner

{

	padding-left:2px;

	padding-right:2px;	

	margin:0px;

}

/*menu*/

.pad-menu

{	

	padding-top:2px;

	padding-left:2px;

	padding-right:2px;

	margin-bottom:-17px;

	

}

.navbar {

    min-height: 35px;

	border-radius: 0px;

   }

.navbar-inverse {

    background-color: #009A4E;

    border-color: #009A4E;

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border-color: #fff;

    background-color: #009A4E;

}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {

    background-image: linear-gradient(to bottom, #009a4e 0px, #009a4e 100%);

    background-repeat: repeat-x;

    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25) inset;

}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

    color:yellow;

    background-color: #009A4E;

}

.navbar-nav > li > .dropdown-menu 

{

    margin-bottom: 0px;

    background-color: #009a4e;

	color:white;

}

.dropdown-menu

{

	opacity:1;

}



.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {

    text-shadow: none;

}

.navbar-inverse .navbar-nav > li > a {

    color: white;

}

.dropdown-menu > li > a {

    display: block;

    padding: 3px 20px;

    clear: both;

    font-weight: normal;

    line-height: 1.42857;

    color: white;

    white-space: nowrap;

}



.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    background-image: linear-gradient(to bottom, #009227 0px, #009227 100%);

    background-repeat: repeat-x;

    background-color: #E8E8E8;

	color:yellow;

}/* end menu*/

.date-times

{


	margin-bottom: 10px;

	padding-left:10px;
	background-color: #ecfff4;
	margin-top:-2px;

	

}

.date-times-detail

{

	padding-left:3px;

	padding-top:3px;

}
.width-banner-pad {
    width: 100%;
    padding-top: 3px;
}
.at

{
	font-weight:bold;
	color:#009a4e
}
.at:hover

{
	color:#00c061;
}
.bv

{
	font-weight:bold;
	color:#c0005e;
	text-align:justify;
}
.bv:hover

{
	color:red;
}
.ct

{
	font-weight:bold;
	color:#fff;
	text-align:justify;
}
.ct:hover

{
	color:yellow;
}
.lq

{
	color:#000;
	text-align:justify;
}
.lq:hover

{
	color:#cêcce;
}
.pad

{

	padding:2px 2px 2px 2px;

	border:1px;

}

.pad1

{

	padding:2px 2px 2px 2px;

	border:1px;

}

.pad-bottom

{

	margin-bottom:-20px;

}

.pad-banner-right

{

	padding-bottom:15px;

}



.nav-tabs {

    border-bottom: 1px solid #079d53 !important;

}

.panel-right-news

{

	text-align:center;

}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: yellow;
    background-color: yellow !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
    background: #009a4e!important;
}
.panel-heading-news

{

	border-bottom: 1px solid #f4f4f4;
	color: #444;
	display: block;
	padding: 4px;
	position: relative;
	background: #009a4e;
	border-radius: 2px;
	color:#fff;
	font-weight:bold;
}



.panel-heading-news-tab

{

	color:#fff;

	background-color:#d60000;

	height:35px;

	padding-top:7px;

	padding-left:0px;

	font-weight: bold;

}

.border-banner

{

	width:100%;

	padding-top:3px;

}

.border-home

{


	padding-top:7px;

	padding-bottom:0px;

	font-weight:bold;

	border-bottom:1px dotted #eee;

}

.color-home

{

	color: #fff;
    background-color: #009A4E;
    border-radius: 10px;
    width: 38%;
    padding-left: 10px;

}

.panel-body {

    padding: 15px 5px 5px 5px !important;

}

.color-home:hover;

{

	color:yellow;

}

.nav-tabs > li > a {

    border: none;

}

.nav > li > a {

    position: relative;

    display: block;

	padding: 7px 7px;

	font-weight:normal;

	font-size:14px;

}

.tab-active{

	color:white;

}



.tab-active:active

{

	color:blue;

}



.text-slide

{

	text-align:justify;

	padding-right:5px;

	padding-left:5px;

}

.image-boder-slide

{

	border:1px solid #2181CE;

	width:138px;

	height:84px;

}

.slide-padding-img

{

	margin-bottom:-15px;

}

.banner-padding-right

{

	margin-top:-20px;

}

.height-find

{

	height:28px;

	font-size:11px;

}

.title-news

{

	margin-top:-15px;

	height:58px;

	padding-left:10px;

	color:#5C1414;

}

.image-news

{

	padding-left:10px;

	padding-right:5px;

	margin-top:7px;

}

.image-boder-news

{

	width:180px;

	height:auto;

	padding-right:0px;

	padding-left:0px;

	border:1px solid #eee;

}

.text-aling-des

{

	text-align:justify;

	padding-left:10px;

	padding-right:10px;

}

.panel-bottom

{

	margin-bottom:-15px;

	margin-top:-5px;

}

.thumnail-footer

{

	background-color:#d60000;

	border:1px solid #d60000;

	color:#fff;

	border-radius:0px;

}

.bottom-menu

{

	color:white;

}

.color-ahref

{

	color:white;

}

.color-ahref:hover

{

	color:#ccc;

}

.color-ahref-conten

{

	color:#373737;

	font-size:14px !important;

}

.color-ahref-conten:hover

{

	color:#0165ba;

}

.color-ahref-conten-new

{

	color:#5C1414;

}

.color-ahref-conten-new:hover

{

	color:red;

}

.bottom-menu:hover

{

	color:yellow;

}

.caption-text-slide

{

	padding-top:0px;

	text-align:left;

	padding-left:5px; 

	margin-top: -13px;"

	

}

.carousel-caption

 {

	left: 5px;

	right: 5px;
	bottom:5px;

	height:50px;

	background-color: #000;

	margin-bottom: 0px;

	opacity: 0.7;

}

.height-news-tabs

{	

	height:310px;

}

.border-img-slideshow

{

	height:100px;

	border:1px solid #d60000;

}



.row-detail-padding

{

	padding-top:2px;

}

.title-detail-padding

{

	padding-bottom:10px;

}

.size-title-tabs-left

	{

		margin-left:50px;

	}



.size-title-tabs-right

	{

		margin-left:0px;

	}

.line-height-article

{

	padding-top:10px;

	line-height:2.0;

}

.font-vbpq

{

	font-size:14px;		

}

.height-vbpq

{

	height: 378px;

			

}

.padding-penel

{

	padding-left: 2px;

	padding-right:2px;

			

}

.aling-banner

{

	float:left; 

	margin-top: 5px; 

	margin-right: 7px;

	margin-bottom: 0px;

	padding-left:10px;

			

}

.font-size-pannel-new

{

	color:#ffffff;

	font-size:16px;

	font-weight:normal;

}





@media (min-width: 800px) and (max-width: 1200px) 

{

		

		.height-news-tabs

		{

			font-size:10px;

			height:245px;

		}

		.size-title-tabs-left

		{

			margin-left:27px;

			font-size:12px;

		}



		.size-title-tabs-right

		{

			margin-left:0px;

			font-size:12px;

			

		}

		.nav > li > a 

		{

			font-size:10px;

		}

		.line-height-article

		{

			padding-top:10px;

			line-height:2.0;

			font-size:12px;

		}

		.panel-heading-news

		{

			font-size:12px;

		}  

		.text-aling-des

		{

			font-size:12px;

		}

		.navbar-inverse .navbar-nav .open .dropdown-menu > li > a

		{

			color: #fff;

		}

		.boder-menu-sm

		{

			border: 1px solid #009a4e;

			

		}

		.font-vbpq

		{

			font-size:11px;		

		}

		.height-vbpq

		{

			height: 312px;

					

		}

		.aling-banner

		{

			margin-bottom: 5px; 

		}

		

		

}

@media (min-width: 200px) and (max-width: 400px) 

{

		

	.title-news

	{

		height:auto;

		

	}

	.boder-menu-sm

	{

		border: 1px solid #009a4e;	

	}

	.panel-heading-news

	{

		font-size:11px;

	} 

	.line-height-article

		{

			line-height:1.8;

		}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a 

	{

    color: #fff;

	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form 

	{

    border-color: #fff;

    background-color: #009a4e;

	}

	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a 

	{

		background-image: linear-gradient(to bottom, #009a4e 0px, #009a4e 100%);

		background-repeat: repeat-x;

		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25) inset;

	}

	.aling-banner

	{

		margin-top: 5px; 

	}

	

}

@media (min-width: 400px) and (max-width: 1000px) 

{

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {

    color: #fff;}

	.boder-menu-sm

	{

		border: 1px solid #009a4e;	

	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form 

	{

    border-color: #fff;

    background-color: #009a4e;

	}

	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a 

	{

		background-image: linear-gradient(to bottom, #009a4e 0px, #009a4e 100%);

		background-repeat: repeat-x;

		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.25) inset;

	}
	.color-home

	{

		color: #fff;
		background-color: #009A4E;
		border-radius: 10px;
		width: 50%;
		padding-left: 10px;

	}

	

}





@media (min-width: 1210px) and (max-width: 8000px) 

{

	.nav > li > a 

		{

		font-size:13px;

		}

		

}

@media (min-width: 1024px) and (max-width: 1336px) 

{

	.metro-ficture {

    width: 110px !important;

	}
	.info-box-text {
    font-size: 11px !important;
	}
	.info-box-icon {

    border-top-left-radius: 2px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 2px;

    display: block;

    float: left;

    height: 60px;

    width: 60px;

    text-align: center;

    font-size: 45px;

    line-height: 60px;

    background: rgba(0,0,0,0.2);

	}

	.info-box {

		background: #fff none repeat scroll 0 0;

		border-radius: 2px;

		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

		display: block;

		margin-bottom:5px;

		min-height: 60px;

		width: 100%;

	}

	.info-box-icon-tt {

    border-top-left-radius: 2px;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

    border-bottom-left-radius: 2px;

    display: block;

    float: left;

    height: 150px;

    width: 60px;

    text-align: center;

    line-height: 150px;

    background: rgba(0,0,0,0.2);

	}

		

}