@charset "utf-8";
/* CSS Document */

@font-face {
font-family: Roboto Slab;
src: url(../fonts/robotoslab.ttf);
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v10/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v10/PyqsDANUgLi2UsdO-d4iZQ.woff) format('woff');
}

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

html,body {

	background-color: #E6E7E9;

	}

.conatiner {
	background-color: #FFF;
	}

.top-menu {
	width: 100%;
	background-color: #1383DD;
	min-height: 20px;
	padding-right: 7px;
	}
.top-menu .date{
	color: #FFF;
	margin-left: 5px;
	font-size: 12px;
}

.top-menu a{
	color: #FFF;
	margin-left: 15px;
	font-size: 12px;
}

.logo {
	background-color: #FFF;
	width: 100%;
	text-align: left;
	overflow: hidden;
	}

.lg {
	font-size: 21px;
}

.fa-1x {
	font-size: 25px;
}

.desc span {
	color: #666;
	padding-right: 5px;
	font-size: 13px;
	}

.btn-group {
	margin-top: 7px;
	
}

.btn-size {
	height: 42px;
	font-size: 17px;
	}

/* Navbar Start */

.navbar-custom {
  background-color: #0088cc;
  border-color: #0072ab;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#00aaff), to(#0088cc));
  background-image: -webkit-linear-gradient(top, #00aaff, 0%, #0088cc, 100%);
  background-image: -moz-linear-gradient(top, #00aaff 0%, #0088cc 100%);
  background-image: linear-gradient(to bottom, #00aaff 0%, #0088cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00aaff', endColorstr='#ff0088cc', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #e6e6e6;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {

}
.navbar-custom .navbar-nav > li > a {
	color: #ffffff;
	border-left: 1px solid #0072ab;
	font-weight: bold;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #0072ab;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0072ab), to(#0094de));
  background-image: -webkit-linear-gradient(top, #0072ab, 0%, #0094de, 100%);
  background-image: -moz-linear-gradient(top, #0072ab 0%, #0094de 100%);
  background-image: linear-gradient(to bottom, #0072ab 0%, #0094de 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0072ab', endColorstr='#ff0094de', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #0070a8;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #0072ab;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #0072ab;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #ffffff;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}


/* Navbar End */

/* Slider Start */

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width:  100% !important;display:block;z-index:2000;position:relative}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe  span[style] {width: 100% !important;display:block;z-index:2000;position:relative}

#sandbox {
	max-width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
}

/* Slider Box Start */

.news-title {
	background: -webkit-linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(to bottom, #FFFFFF 0%, #CCCCCC 100%) repeat scroll 0 0 transparent;
	border-radius: 5px;
	bottom: 18px;
	-moz-box-shadow: 0 1px 0 0 #C2C2C2;
	-webkit-box-shadow: 0 1px 0 0 #C2C2C2;
	box-shadow: 0 1px 0 0 #C2C2C2;
	color: #000000;
	font-family: 'PT Sans', sans-serif;
	font-size: 22px;
	font-weight: 300;
	left: 20px;
	padding: 15px;
	position: absolute;
	height: 75px;
	width: 95%;
	overflow: hidden;
}

.news-top-title {
	border-radius: 10px;
	bottom: 75px;
	-moz-box-shadow: 0 1px 0 0 #C2C2C2;
	-webkit-box-shadow: 0 1px 0 0 #C2C2C2;
	box-shadow: 0 1px 0 0 #C2C2C2;
	color: #FFFFFF;
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	font-weight: 700;
	left: 40px;
	padding: 10px;
	position: absolute;
	z-index: 2;
}

.news-title a, .news-title a:hover, .news-title a:visited, .news-title a:focus {
	font-size: 18px;
	font-weight: 700;
	color: #222222;
	text-decoration: none;
}

.news-top-title a,.news-top-title a:hover,.news-top-title a:visited,.news-top-title a:focus {
	color: #ffffff;
	text-decoration: none;
}

.gray {
	background: -webkit-linear-gradient(to bottom, #D03926 0%, #CA3521 42%, #C8311C 56%, #C5301C 70%, #C52E19 72%, #C22B18 98%, #C12A15 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(to bottom, #D03926 0%, #CA3521 42%, #C8311C 56%, #C5301C 70%, #C52E19 72%, #C22B18 98%, #C12A15 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(to bottom, #D03926 0%, #CA3521 42%, #C8311C 56%, #C5301C 70%, #C52E19 72%, #C22B18 98%, #C12A15 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(to bottom, #D03926 0%, #CA3521 42%, #C8311C 56%, #C5301C 70%, #C52E19 72%, #C22B18 98%, #C12A15 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(to bottom, #D03926 0%, #CA3521 42%, #C8311C 56%, #C5301C 70%, #C52E19 72%, #C22B18 98%, #C12A15 100%) repeat scroll 0 0 transparent;
}

/* Slider Box End */

#moodular { overflow: hidden; }
	#moodular, #moodular li { margin: 0; padding: 0; list-style: none; width: 100%; }
	
#moodular, #moodular li { height: 370px; }
	#moodular li p { display: block; height: 370px; }
		#moodular li p span {
	width: 100%;
	display: inline-block;
	padding: 10px;
	color: #FFF;
	margin-top: 290px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-size: 16px;
	height: 80px;
	text-align: left;
	text-shadow: 1px 1px 1px #333; 
}

		#moodular li p b {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
			}

 #moodular li a {
	color: #FFF;
	text-decoration: none;
}

 #moodular li a:hover {
	color: #FFF;
	text-decoration: underline;
}


.pagination {
	margin: 0px;
	}			
/* Slider End */

/* News Start */

.news-box {
	padding-top: 10px;
	}
	
.news-img {
	text-align: left;
	padding-top: 3px;	
	}

.news-img img {
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
	}

.news-info {
	text-align: left;
	}	

.read {
	color: #359BED;
}

.gallery-info h2{
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
	font-family: "Roboto Slab";
	color: #000;
	line-height: 22px;
	clear: both;
	margin: 0px;
	height: 45px;
}

.gallery-info .text {
	min-height: 59px;
	margin: 0px;
	padding-top: 4px;
	color: #666;
	}

.gallery-info .date{
	width: 130px;
	line-height: 30px;
	height: 30px;
}

.gallery-info .date-event{
	width: 170px;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
}

.news-info h2{
    font-size:20px; 
	text-decoration:none; 
	font-weight:normal; 
	font-family:Roboto Slab;
	color: #000;
	line-height: 21px;
	clear: both;
	margin: 0px;
}

.news-info h2 a{
	color: #000;
}

.news-info h2 a:hover{
	text-decoration: none;
}

.news-info .text {
	min-height: 59px;
	margin: 0px;
	padding-top: 4px;
	color: #666;
	}

.news-info .date{
	width: 130px;
	line-height: 30px;
	height: 30px;
}

.news-info .date-event{
	width: 170px;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
}

.news-block {
	background-color: #FFF;
	padding-bottom: 10px;
}

.news-img-detail {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.news-img-detail img{
	max-width: 350px;
	width: 100%;
}

.spot {
	width: 100%;
	display: block;
	font-size: 16px;
	color: #454545;
	padding-top: 2px;
	padding-bottom: 7px;
	line-height: 22px;
	}

.content-txt {

	font-size: 15px;
}  

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

.comment-box {
	float: left;
	width: 100%;
	display: block;
	margin-bottom: 0px;
	padding-right: 10px;
	padding-left: 26px;
	background-image: url(../img/butterfly_quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 24px;
	padding-bottom: 10px;
}

.comment-box .line{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	display: block;
	float: left;
	width: 100%;
	padding-top: 10px;
}

.author {
	font-size: 12px;
}

.head-line {
	width: 100%;
	display: block;
	font-size: 20px;
	float: left;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	}

/* News End */

/* Author Start */

.author {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	}

.author-img {
	text-align: left;
	padding-top: 22px;
	}

.author-img img{
	width: 99%;
}

.author-info {
	text-align: left;
	}	

.author-text {
	text-align: left;
	min-height: 50px;
	padding-bottom: 8px;
	}

.author-info h2{
	font-size: 18px;
}

.author-info .date{
	font-size: 13px;
}

.author-block {
	background-color: #FFF;
	padding-bottom: 10px;
}

.author-img-detail {
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 160px;
}

.author-img-detail .img{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}

.author-img-detail .author{
	margin: 0px;
	float: left;
	width: 150px;
	font-size: 17px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.author-bold{
	font-size: 15px;
	font-weight: bold;
}
/* Author End */

/* Page Start */

.page-detail {
	text-align: left;
	padding: 10px;
	font-size: 13px;
}

.page-detail img{
	width: 100%;
}

.page-detail textarea{
	width: 100%;
}

.page-detail iframe{
	width: 100%;
	height: 315px;
}
/* Page End */

/* Article Start */

.article-box {
	background-color: #FFF;
	margin-top: 10px;
	padding-bottom: 5px;
	}


.article-box .img{
	padding-top: 5px;
}

.article-box .img img{
	width: 100%;
}

.article-box .info{
	padding-top: 5px;
	min-height: 80px;
}

.article-box h3 {
	font-size: 15px;
	margin: 0px;
	text-align: left;
}

.article-box h3 a{
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

.article-box p {
	font-size: 13px;
	text-align: left;
}

/* Article End */

/* Right Block Start */

.widget{
	overflow: hidden;
}
  
.widget-detail {
	padding-left: 10px;
	}  
  
.widget-detail .arrow{
	padding-left: 6px;
	}   
  
.widget-detail h1{
	font-family: "Roboto Slab";
	color: #333;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	font-size: 23px;
	text-align: left;
	margin: 0px;
	min-height: 35px;
	width: 100%;
	display: inline-block;
	font-weight: bold;

}  
  
.widget h3{
	background-position: 96% 12px;
	background-repeat: no-repeat;
	background-color: #008CD2;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	font-size: 16px;
	text-align: left;
	margin: 0px;
	min-height: 35px;
	width: 100%;
	display: inline-block;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);	

}

.widget h4{
	background-position: 96% 12px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 12px;
	font-size: 16px;
	text-align: left;
	margin: 0px;
	min-height: 35px;
	height: 100%;
}

.widget .blue {
	background-color: #3B5A97;	
	}

.widget .orange {
	background-color: #F5A349;	
	}

.widget .light-blue {
	background-color: #5BC0DE;	
	}

.widget .red {
	background-color: #CE3824;	
	}

.widget .green {
	background-color: #05BE93;
	}

.widget .black {
	background-color: #7E8C8D;
	}
	
.widget-lg {
	height: 42px;
	line-height: 29px;
	}				
.widget h4 a{
	color: #FFF;
}
	
.widget h3 a{
	color: #FFF;
}

.right-bar {
	background-color: #FFF;
	margin-top: 10px;
	display: block;
	}

.stat-table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	}
	
.stats {
	width: 90px;
	}

.gallery-block{
	width: 100%;
	margin-top: 10px;
	background-color: #FFF;
	}

.gallery-block .img-box{
	margin: 0px;
	background-color: #FFF;
	display: block;
	padding: 8px;
	}
	
.gallery-block .img-box img{
	width: 100%;
}
	
.news-bulletin {
	padding: 10px;
	display: block;
	text-align: left;
	}
	
/* Poll Start */

.poll-block {
	padding-right: 20px;
	padding-bottom: 10px;
}

.panel-body:not(.two-col) { padding:0px }
.glyphicon { margin-right:5px; }
.glyphicon-new-window { margin-left:5px; }
.panel-body .radio,.panel-body .checkbox {margin-top: 0px;margin-bottom: 0px;}
.panel-body .list-group {
	margin-bottom: 0;
}
.margin-bottom-none { margin-bottom: 0; }
.panel-body .radio label,.panel-body {
	display: block;
}

.radio {
	line-height: 15px;
	height: 15px;
}

.radio span{
	padding-bottom: 2px;
	display: block;
	width: 100%;
}

.poll {
	background-color: #0CF;
	}
/* Poll End */	
	
.user-login {
	padding: 10px;
	display: block;
	text-align: left;
	}	
	
/* Right Block End */

/* Pagination Start */

.pagination {
  height: 36px;
  margin: 18px 0;
}
.pagination ul {
	display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
  background-color: #f5f5f5;
}
.pagination .active a {
  color: #999999;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/* Pagination End */

/* Social Start */

.social-like {
	height: 270px;	
	}

.fb-like {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 0px;
	}

.fb-share-button {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 0px;
	}
	
.twitter-share-button {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	}	

/* Social End */

/* Footer Start */

.footer {
	background-color: #336699;
	padding-top: 12px;
	padding-bottom: 12px;
	margin-top: 8px;
}

.footer .top {
	text-align: left;
	font-size: 19px;
	color: #FFF;
	padding-bottom: 5px;
	}

.footer .middle {
	color: #CCC;
	}

.footer .middle a{
	font-size: 13px;
	color: #FFF;
	 }

.footer .bottom {
	font-size: 13px;
	color: #FFF;
	font-weight: bold;
	padding-top: 5px;
	}	

.footer .bottom .copy
{
	padding-top: 8px;
}

.footer .bottom .copy a {
	color: #FFF;
}
	
.custom-icon
{
   background: url("../img/widget013_32x32_top-gray.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: block;
    height: 32px !important;
    line-height: 32px !important;
    overflow: hidden;
    width: 32px !important;
    position: relative;
    float:left;
    margin-right:3px;
    opacity:0.5;
}

a:hover .custom-icon
{
    opacity: 1;
}

a:hover .at15t_twitter {
    background-position: -32px -704px !important;
}

a:hover .at15t_facebook {
    background-position: -32px -160px !important;
}

a:hover .at15t_google_plusone_share {
    background-position: -32px -288px !important;
}

a:hover .at15t_mail_plusone_share {
    background-position: -32px -543px !important;
}

a:hover .at15t_plus_plusone_share {
    background-position: -32px -671px !important;
}

a .at15t_twitter {
    background-position: 0px -704px !important;
}

a .at15t_facebook {
    background-position: 0px -160px !important;
}

.at15t_google_plusone_share {
    background-position: 0px -288px !important;
}

.at15t_mail_plusone_share {
    background-position: 0px -672px !important;
}

.at15t_plus_plusone_share {
    background-position: 0px -768px !important;
}		
/* Footer End */

/* Carousel Start */
.carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
}

.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}

.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}

.carousel-indicators li {
	background: #c0c0c0;
}

.carousel-indicators .active {
background: #333333;
}
/* Carousel End */