body{
    padding-top:50px;
}

.nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
}

.navbar-brand {
	position: absolute;
	background-color: #EEE;
	height: 70px; 
}

.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus {
	background-color: #EEE;
}

.navbar-inverse .navbar-brand, 
.navbar-inverse .navbar-nav > li > a {
	font-weight: 700;
}

.navbar-inverse .navbar-nav > li > a.icon {
	height: 50px;
}

.jumbotron {
	background-image: url('../img/inicio.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 550px;
	position: relative;
	margin-bottom: 0px;
}

.jumbotron .container {
	position: absolute;
	width: 970px;
	bottom: 0px;
}

.jumbotron .container p {
	padding: 10px;
	font-size: 3em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background-color: rgba(9, 20, 27, 0.77);
}

.container-full {
	width: 100%;
	padding: 48px 0px;
} 

.container-full h1, .container-full h2 {
	margin-top: 0px;
}

.container-sustitucion {
	background-image: url('../img/empresa.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.container-hover {
	background-color: rgba(9, 20, 27, 0.57);
}

.container-map {
	padding: 0px;
}

.bg-blue-dark {
	background-color: rgb(9, 20, 27);
}

.bg-white-dark {
	background-color: #EEE;
}

.text-white {
	color: #FFF;
}

.hightlight .title{
	position: relative;
}

.hightlight .title p {
	position: absolute;
	bottom: 0px;
	padding: 10px;
	width: 100%;
	background-color: rgb(255, 0, 0);
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	margin-bottom: 0px;
	text-align: center;
	height: 40px;
	transition: height 0.5s, font-size 0.5s;
	-webkit-transition: height 0.5s, font-size 0.5s;
}

.hightlight a:hover .title p{
	height: 100%;
	line-height: 11em;
	font-size: 23px;
}

.hightlight p.desc {
	margin-top: 10px;
	color: #D9D9D9;
	text-align: center;
}

ul.custom li::before {
	position: absolute;
	top: 0px;
	left: 0px;
	line-height: 19px;
	font-family: FontAwesome;
	font-size: 6px;
	color: #C0251B;
	content: "";
}

ul.custom li {
	position: relative;
	padding-left: 20px;
	margin: 12px 0px 0px;
}

.header {
	border-bottom: 3px solid #E4E4E4;
}

.header span{
	text-transform: uppercase;
	border-bottom: 3px solid #F00;
}

#map_canvas{
	position: relative;
    width:100%;
    height:500px;
}

#map_canvas .address {
	position: absolute;
}

footer {
	color: #FFF;
}

.article-slide .carousel-indicators {
    margin: 10px 5px;
    position: relative;
    left: 0px;
    bottom: 0px;
    width: 100%;
}

.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    float: left;
    height: 75px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}

.article-slide .carousel-indicators img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 75px;
    left: 0;
    width: 100px;
}

.article-slide .carousel-indicators .active img {
    border: 2px solid #428BCA;
    opacity: 0.7;
}

.btn-tab {
	background-color: rgb(9, 20, 27);
	color: #FFF;
}

.product{
	border: 1px solid #dddddd;
	padding: 10px;
}

.product-container h2 {
	background-color: #09141B;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	padding: 5px;
	margin: 0px;
}

.product p:nth-child(1){
	font-size: 20px;
	font-weight: bold;
}

.product p:nth-child(2){
	font-size: 14px;
}

.product p:nth-child(3){
	font-size: 22px;
}

@media (max-width: 768px) { 
	.jumbotron .container p {
		font-size: 2em;
	}
}

@media (max-width: 992px) { 
	.hightlight a:hover .title p {
		font-size: 20px;
	}
}

@media (max-width: 1200px) { ... }