/* CSS Document */

*{
    padding:0;
	margin: 0;	
	font-family: 'Montserrat', sans-serif;
}

body{
	background-color:  #FFFCFC !important;
	width: auto;
}


nav{
	margin: 0px !important;
	height: 200px;
	position: fixed !important;
	width: 100% !important;
	display: flex;
	justify-content: space-around !important;
	transition: 0.7s;
	z-index: 10 !important;
	top: 0;
	left: 0;
	backface-visibility: hidden;
	background-color: hsla(0,0%,0%,0.40);
	
}



.navbar-brand{
	
	background-color:transparent!important;
	padding-left: 10px;
}

.nav-link{
	
	color: aliceblue !important;
	margin: 0px 5px!important;
}

.collapse{
	margin: 0px 70px 0px 0px !important;
}

.navbar-nav{
	margin-right: 5px!important;
	
}

banner{
	width: 100%;
}
#bannerMDR{
	
	background: url( "../img/BANNER.png");
	background-size: cover;
	width: 100%;
	height: 800px;
	display: flex;
    flex-direction: column;
	justify-content: center;
	align-items: center;
	
}
#bannerMDR2{
	width: 70%;
	height: 600px;
	display: flex;
    flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-top: 120px;
	
}
#bannerMDR2 h2{
	 width: 1000px;
	color: #FFFCFC;
	font-family:'Montserrat extrabold', sans-serif;
	font-size: 53px;
	
	
}
#link{
	width: 100%;
	color: #D4D4D4;
	height: 100px;
	padding-top: 110px;
	padding-left: 20px;
	font-size: 10px;
	
}
#Brochure{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center!important;
	align-items: center;
}

.brochure{
	width: 240px;
	height: 50px;
	background-color: transparent !important;
	border: solid !important;
	
}

.brochure:hover{
	box-shadow: 0   4px 10px #022A35;
	background-color: #FFFCFC !important;
	
}

#Sabermas:hover {
	color: #28D3C6 !important;
	visibility: visible!important;
	
	
}

.brochure a{
	color: #FFFCFC;
	text-decoration: none;
	font-family:'Montserrat medium', sans-serif;
	font-size: 25px;
}

#content{
	
	background: url("../img/FONDOO.png");
	width: 100%;
	height: 2200px;
	padding-top: 300px;
	display: flex;
	flex-direction: column;
}

#sec1{
	
	width: 100%;
	height: 1100px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cards{
	margin-bottom: 80px;
	
}

#card1{
	background-color: #000785;
	width: 60%;
	height: 400px;
	padding: 60px 170px;
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	
}



#card1 h2{
	color: #FFFCFC;
	font-family:'Montserrat semibold', sans-serif;
	font-size: 40px;
	margin-bottom: 40px;
}

#card1txt{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#card1txt p{
	color: #FFFCFC;
	font-family:'Montserrat medium', sans-serif;
	font-size: 25px;
	text-align: justify;
	
	
}

#card1txt img{
	margin-right: 65px;
	
}

#sec2{
	width: 100%;
	height: 900px;
	display: flex;
	justify-content: center;
	align-items: center;
}







#footer{
	display: flex;
	flex-direction: row;
	height: 70%;
	margin-bottom: 120px;
	width: 100%;
}

#fila1{
	display: flex;
	flex-direction: column;
	margin-right: 300px;
	
}

#fila2{
	display: flex;
	flex-direction: column;
	width: 200px;
	margin: 0px 50px;
}

#fila3{
	
	display: flex;
	flex-direction: column;
	width: 200px;
	margin: 0px 50px; 
}

#fila3 h3{
	padding:60px 0px 30px 0px;
	color:#FFFCFC;
	font-size: 22px;
}

#fila3 a{
	text-decoration: none;
	color:#FFFCFC;
	margin: 10px 0px;
}




#correo2{
	
	display: flex;
	flex-direction: row;
	color: #FFF7F7;
	width: 70%;
	padding-left: 50px;
}



#telefono{
	
	display: flex;
	flex-direction: row;
	color: #FFF7F7;
	width: 60%;
	padding-left: 50px;
}

#numeros{
	display: flex;
	flex-direction: column;
	color: #FFF7F7;
	
}

#ubicacion{
	
	display: flex;
	flex-direction: row;
	color: #FFF7F7;
	width: 85%;
	padding-left: 50px;
}

#fila2 h3{
	padding:60px 0px 30px 0px;
	color: #FFF7F7;
	width: 200px;
	font-size: 22px;
}


#fila2 a {
	
	text-decoration: none;
	color: #FFF7F7;
	margin: 10px 0px;
	
}

#fila4{
	display: flex;
	flex-direction: column;
	width: 200px;
	margin: 0px 30px;
}

#fila4 h3{
	
	padding:60px 0px 30px 0px;
	color: #FFF7F7;
	width: 200px;
	font-size: 22px;
}

#fila4 a{
	
	text-decoration: none;
	color: #FFF7F7;
	margin: 10px 0px;
}

#fila5{
	
	display: flex;
	flex-direction: column;
	width: 200px;
	margin: 0px 30px;
}

#fila5 h3{
	
	padding:60px 0px 30px 0px;
	color: #FFF7F7;
	width: 200px;
	font-size: 22px;
}

#fila5 a{
	
	text-decoration: none;
	color: #FFF7F7;
	margin: 10px 0px;
}

#redesS{
	
	display: flex;
	flex-direction: row;
	height: 49px;
	padding-top: 165px;
}

#derechos{
	
	color: #FFF7F7;
	display: flex;
	justify-content: center;
	align-content: center;
	padding-top: 20px;
	
}





footer{
	background-color: #000785;
	width: 100% !important;
	height: 600px;
	display: flex;
	flex-direction: column;
	
}