a {
    cursor: pointer !important;
}

a:hover {
    text-decoration: none;
}


.navbar-custom {
	background: #ededed; /*#cdcdcd */ /* Color amarillo dipaweb #ffd900; */
	height:125px;

	-webkit-transition: width 1s ease,height 1s ease-out;
    -moz-transition: width 1s ease,height 1s ease-out;
    -o-transition: width 1s ease,height 1s ease-out;
    -ms-transition: width 1s ease,height 1s ease-out;
    transition: width 1s ease,height 1s ease-out;
}

.navbar-brand img {	
	width: 200px;
	height: 100px;
	margin-right:  30px;
    
    -webkit-transition: width 1s ease,height 1s ease;
    -moz-transition: width 1s ease,height 1s ease;
    -o-transition: width 1s ease,height 1s ease;
    -ms-transition: width 1s ease,height 1s ease;    
    transition: width 1s ease,height 1s ease;
}

@media (max-width: 334px) {
    .navbar-brand img {	
       width: 150px;
    }
}

.navbar-custom.shrink {
	position: fixed;
	height: 80px;
	width: 100%;

	-webkit-transition: width 1s ease,height 1s ease;
    -moz-transition: width 1s ease,height 1s ease;
    -o-transition: width 1s ease,height 1s ease;
    -ms-transition: width 1s ease,height 1s ease;    
    transition: width 1s ease,height 1s ease;
}

.navbar-custom.shrink .navbar-brand img { 
	width: 200px;
	height: 55px;
	opacity: 1;
	content:url("../imagenes/logo_2.png");
	 -webkit-transition: width 1s ease,height 1s ease;
    -moz-transition: width 1s ease,height 1s ease;
    -o-transition: width 1s ease,height 1s ease;
    -ms-transition: width 1s ease,height 1s ease;    
    transition: width 1s ease,height 1s ease;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #666;
    margin-right: 5px;
    text-shadow: 2px 1px #ddd;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffd900;
    text-shadow: 2px 1px #666;
}

.navbar-collapse {
	background-color: #ededed; /*#cdcdcd;*/
	
}

.margen {
    margin-top: 115px;
}

.bn {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);    
}

.carousel-item {
      width: 100%;
      height: 450px;
      background-color: #000;
}
.carousel-item img {
    height: 100%;
    width: 100%;
    opacity: 0.75;
    filter: alpha(opacity=75); /* For IE8 and earlier */
}

.carousel-indicators li:hover {
    cursor: pointer;
}

.carousel-caption h2 {
    font-size: 40px;
}

.carousel-caption p {
    font-size: 26px;
}


.carousel-caption h2 {
    text-align: center;
    text-shadow: 2px 1px #666;    
}

.carousel-caption p {
    text-align: center;
    text-shadow: 2px 1px #666;    
}

.serviciosRow {
    margin-top: 25px;
}

.servicios {
    background-color: #ededed;
    /*border: 1px solid red;*/
    height: 200px;
    border-radius: 6px;
    box-shadow: 2px 2px 5px #999;
}

.servicios:hover {
    box-shadow: none;
    cursor: pointer;    
}

.kit {
    background-color: #ededed;
    /*border: 1px solid red;*/
    height: 240px;
    border-radius: 6px;
    box-shadow: 2px 2px 5px #999;
}

.kit:hover {
    box-shadow: none;
    cursor: pointer;    
}

.icono {
    font-size: 60px;
    text-align: center;
    color: #ffd900;
    text-shadow: 1px 2px #777;
}

.textoServicios {
    text-align: center;
    color: #999;
    text-shadow: 1px 2px #ddd;
}

/* change navbar background on collapse */
@media (max-width: 768px) {
    .navbar-collapse {
        width: 100%;
        padding-left: 20px;
    }

    .carousel-caption h2 {
        font-size: 38px;
    }

    .carousel-caption p {
        font-size: 20px;
    }

    .servicios {
        margin-bottom: 25px;
    }

    .kit {
        margin-bottom: 25px;
    }
}

.hr {
    border-bottom: 1px solid #ededed;
}

.tituloPagina {
    color:#ffd900;
    font-weight: 600;
    text-shadow: 1px 2px #777;
}

.color5 {
    color: #555;
}

.color6 {
    color: #666;
}

.color7 {
    color: #777;
}

.color9 {
    color: #999
}

.colorAzul {
    color: #1172B8;
}

.colorDipa {
    color: #ffd900;
}

.colorVerde {
    color: #1C8496;
}

footer {
    background-color: #333;
    
    padding: 50px;
    color:#FFF !important;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fff;
    text-decoration: underline;
}