*{
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
body{
	background: url('../images/bg.jpg') no-repeat center center fixed ;
	font-size: 10pt;
}

@media (min-width: 100%){
	.container {
	  //width: 980px;
	  padding-right: 10%;
	  padding-left: 10%;
	  padding-top: 0;
	  padding-bottom: 0;
	  background-color: 
	}
	.navbar-nav{
		margin-top: 25px;
	}
}
/*a{
	color: #4F8AD8;
	text-shadow: none;
}
a:hover{
	color: #FFF;
	text-decoration: none;
}*/
.cinar-navbar{
	margin: 20px 0 30px 0
}
.cinar-navbar.navbar-transparent .navbar-brand-logo{
	background: url('../images/logo.png') top right no-repeat; 
	width: 190px;
	height: 50px;
	display: block;
	text-indent: -999rem
}

.cinar-navbar.navbar-transparent .navbar-nav{
	background: #000;
}
.cinar-navbar.navbar-transparent .navbar-nav > li > a{
	color: #FFF;
	padding: 10px 15px;
	text-transform: initial;
	border-right: 1px solid #fff;
}

.cinar-navbar.navbar-transparent .navbar-nav > .open > a, 
.cinar-navbar.navbar-transparent .navbar-nav > .active > a, 
.cinar-navbar.navbar-transparent .navbar-nav > li > a:hover{
	background-color: #4F8AD8;
	color: #FFF;
}

.cinar-slider .carousel-control{
	width: 5%;
}

.cinar-slider .carousel-caption{
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.3);
}

.cinar-slider .carousel-control.left,
.cinar-slider .carousel-control.right{
	background: none;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
.box{
	background-color: rgba(255,255,255,.8);
	padding: 20px;
	margin-bottom: 20px;
	color: #000;
}
.box.hover:hover{
	background-color: #222;
	box-shadow: 0 0 10px rgba(0,0,0,.9);
	cursor: pointer;
}
.box.hover:hover .read-more{
	color: #000;
}
.box .breadcrumb{
	background: transparent;
	padding: 0;
	margin-bottom: 10px;
	border:none;
}
.box .breadcrumb a{
	color: #000;
}

.read-more,
h1,h2,h3,h4,h5,h6,
.box .breadcrumb > .active,
.box .breadcrumb a:hover{
	margin-top: 0;
	color: #000000;
}
.box .title{
	margin:10px 0;
}
.box-home{
	background-color: #3e3f3a;
	padding: 20px;
	margin-bottom: 20px;
	color: #FFF;
}
footer.footer{
	margin-top: 30px;
	padding: 10px;
	background-color: rgba(0,0,0,.4);
	color:rgba(255,255,255,1);
}

/* example_6 css */
#example_6 {
	position: relative; /* important */
	overflow: hidden; /* important */
	//width: 640px; /* important */
	//height: 540px; /* important */
	margin: 0;
	//background: #fff;
}

#example_6_content {
	position: absolute;
	top: 0;
	margin-left: 0;
}

#example_6_content
#example_6_content li {
	list-style: none;
	margin: 0;
	padding: 0;
}
	#example_6_content {
		width: 13440px;
	}
	#container_bd #example_6 ul li {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		border: none;
		background-color: #fff;
	}

#container_bd #example_6 ul li img {
	display: block;
}

#example_6_frame {
	position: relative;
	margin: 485px 131px 0 131px;
}
#container_bd #example_6_frame ul li {
	margin: 0 2px;
}
#container_bd #example_6_frame ul li img{
	border: 1px solid #9cf;
	padding: 2px;
}
#container_bd #example_6_frame ul li img:hover {border: 1px solid #369;}