/* Estilos personalizados para MetroM@tica - Por: Jaime Quirant */
.divider {
    height:50px;
}

#kit-digital {
	//width: 90%;
	text-align: center;
	//border: 2px solid blue;
}

section {
    height:450px;
    padding-top:50px;
    padding-bottom:50px;
    overflow:auto;
}

.bg-1 {
	background: url('../images/1.jpg') no-repeat center center fixed;
    color:black;
    background-size:cover;
}
  
.bg-2 {
	background: url('../images/2.jpg') no-repeat top center fixed;
    color:black;
    background-size:cover;
}

.bg-3 {
	background: url('../images/3.jpg') no-repeat bottom center fixed;
    color:black;
    background-size:cover;
}

.bg-4 {
	background: url('../images/4.jpg') no-repeat bottom center fixed;
    color:black;
    background-size:cover;
}
/*
#footer {
    height: 60px;
    background-color:#585858;
    margin-top:50px;
    padding-top:20px;
    padding-bottom:20px;
}

#footer a {
  color:#efefef;
}
*/
.shadow {
	transition: box-shadow 0.5s ease-in-out;
}

.shadow:hover {
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	transition: box-shadow 0.5s ease-in-out;
}

.logoMetro {
    font-family:'Mistral';
    font-weight:normal;
    font-size:100px;
    color:#0305A7;
}

.logoMetro span {
    color:#11BB10;
}

.logoMetro-med {
    font-family:'Mistral';
    font-weight:normal;
    font-size:50px;
    color:#0305A7;
}

.logoMetro-med span, .verde {
    color:#11BB10;
}

.azul {
	color:#0305A7;
}

.logoMenu {
    font-family:'Mistral';
    font-size:25px;
    font-weight:normal;
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}

.fondoTrans {
  opacity: 0.7;
  background-color: white;
}

.fa-facebook-square:hover {
	color:#3b5998;
}

.fa-twitter-square:hover {
	color:#55acee;
}
.fa-google-plus-square:hover {
	color:#dd4b39;
}

.fa-instagram:hover {
	color:#125688;
}

.negrita:hover {
    font-weight:bold;
}

/* Por debajo de 700px de ancho */
@media (max-width: 700px){
    .logoMetro {
    font-size:80px;
    }
}

/* Por debajo de 400px de ancho */
@media (max-width: 400px){
    .logoMetro {
    font-size:60px;
    }
}