body{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}


#docs-navbar{
	margin-top:50px;
}


.wrapper,#container{
	width: 970px;
	margin: 0 auto;
}

.demo li {
    list-style-type: none;
    display: inline-block;
}
li img {
    height: 220px;
    border: 5px solid #999;
    margin: 5px;
	
}

.highlight{
	overflow: auto;
}

/*.heart{
	color: red;
}
*/
/* slider    */

/*body {
	padding-top:50px;
}*/
.item img {
	width:100%;
}
.carousel-control.left, .carousel-control.right {
	background-image:none !important;
	opacity:1;
}

.carousel-control.left {
	//top:40%
}
.carousel-control.right {
	
	//top:40%
}
.carousel-caption {
	top:15%;
	text-align:left;
  	height:auto;

}
.carousel-caption h2 { 
	line-height:160%
}
.carousel-caption h2 span {
	//background:#428BCA;
	padding:10px 20px;
	color:#fff;
	border-left:3px solid #fff;
}
p.caption {
	background:#fff;
	padding:6px;
	text-shadow:none;
	color:#428BCA;
}


/* img effect on homepage    */
/*.cuadro_intro_hover{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		height: 220px;
	}
	.cuadro_intro_hover:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.cuadro_intro_hover img{
		z-index: 4;
	}
	.cuadro_intro_hover .caption{
		position: absolute;
		top:150px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.cuadro_intro_hover .blur{
		background-color: rgba(0,0,0,0.7);
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.cuadro_intro_hover .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-15px;
		width: 100%;
	}
*/

/* end img effect on homepage   */


/* main gallery  */

.blogShort{ border-bottom:1px solid #ddd;}
.add{background: #333; padding: 10%; height: 300px;}

.nav-sidebar { 
    width: 100%;
    //padding: 2px 0; 
    border-right: 2px solid #ddd;
}
.nav-sidebar a {
    color: #333;
	font-size:14px;
    -webkit-transition: all 0.08s linear;
    -moz-transition: all 0.08s linear;
    -o-transition: all 0.08s linear;
    transition: all 0.08s linear;
}
.nav-sidebar .active a { 
    cursor: default;
    background-color:#0b56a8; 
    color: #fff; 
}
.nav-sidebar .active a:hover {
    background-color: #E50000;   
}
.nav-sidebar .text-overflow a,
.nav-sidebar .text-overflow .media-body {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; 
}

.btn-blog {
    color: #ffffff;
    background-color: #E50000;
    border-color: #E50000;
    border-radius:0;
    margin-bottom:10px
}
.btn-blog:hover,
.btn-blog:focus,
.btn-blog:active,
.btn-blog.active,
.open .dropdown-toggle.btn-blog {
    color: white;
    background-color:#0b56a8;
    border-color: #0b56a8;
}
article h2{color:#333333;}
h2{color:#0b56a8;}
 .margin10{margin-bottom:10px; margin-right:10px;}
 
 .container .text-style
{
  text-align: justify;
  line-height: 23px;
  margin: 0 13px 0 0;
  font-size: 19px;
}

/* end main gallery   */



/* responsive main gallery   */

/* GENERAL STYLES */
body {
    
    //font-family: Verdana;
}

/* FANCY COLLAPSE PANEL STYLES */
.fancy-collapse-panel .panel-default > .panel-heading {
padding: 0;

}
.fancy-collapse-panel .panel-heading a {
padding: 12px 35px 12px 15px;
display: inline-block;
width: 100%;
background-color: #EE556C;
color: #ffffff;
position: relative;
text-decoration: none;
}
.fancy-collapse-panel .panel-heading a:after {
font-family: "FontAwesome";
content: "\f147";
position: absolute;
right: 20px;
font-size: 20px;
font-weight: 400;
top: 50%;
line-height: 1;
margin-top: -10px;
}

.fancy-collapse-panel .panel-heading a.collapsed:after {
content: "\f196";
}

/* end responsive main gallery   */