html,
body {
    height: 100%;
}


#banner { height:auto; margin:0px; padding:0px; margin-bottom:30px;}

.page-header-bg { background:url(../images/about.jpg) repeat-x left top; margin-bottom:30px;}
h1.page-header { color:#fff}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}
.navbar-brand img{ margin-top:20px;}
/* Home Page Carousel */

header.carousel {
    height: 350px;
	background:url(../images/about.jpg) repeat left top;
	margin-bottom:30px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}



/* Footer Styles */

footer {
    margin: 50px 0 0;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	

}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-image: none;
   
    border-radius: 4px;
    color: #00F;
    background-color:#cd4376;
}



.thumbnail {color:#020202;!important}
.modal-dialog {}
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image:none;
  margin-top:10%;
  width:5%;
}

.footer-above { background-image: url(../images/about.jpg);padding:20px 0;}
.footer-above h3{ color:#fff;}
.footer-above p{ color:#fff;}
.footer-below { background:#fa0862; padding:10px 0; color:#fff}
.br10 { border-radius:10px;}


.destacados{
    padding: 20px 0;
	text-align: center;
	
}
.destacados > div > div{
	padding: 10px;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: 0.2s;
	
	
}
.destacados > div:hover > div{
	margin-top: -10px;
	border: 1px solid rgb(200, 200, 200);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
	background: rgba(200, 200, 200, 0.1);
	transition: 0.5s;
}


#action{
	background: url(../images/about.jpg) no-repeat;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-attachment: fixed;
	color: #fff;
	padding: 30px 0 60px;
	margin-top: 60px;
}

#action h2{
	font-size: 36px;
}

.action.btn{
	padding: 8px 32px;
	font-size: 18px;
	border-radius: 2px;
	margin-top: 20px;
	text-transform: uppercase;
	line-height: 28px;
	border: 0;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.action.btn:hover{
	background: #000 !important;
	color: #fff;
}

.action.btn.btn-default{
	margin-left: 4px;
	background: #ECECEC;
}