@import url(carrusel.css);
@import url(mediasQuerys.css);


/*===========================================
	ESTILOS ESPECIFICOS PARA PLANTILLA GENERAL
	SECCION GENERAL
  ==========================================*/

*{
	margin: 0px;
	padding: 0px;
}

h1{
	color: #0D619A; /*azul*/
	display: flex;
	font-weight: #0D619A;
	justify-content: left;
	padding-top: 10px;
}

h2{
	color: #0D619A;
	display: flex;
	font-weight: #0D619A;
	justify-content: center;
	padding-top: 10px;
}


h1.titulos{
	color: #666; /*gris*/
	background: white;
	font-weight: 100; /*peso de fuente negrita*/
	padding-top: 0px;
	text-align: center;
}

h1.titulos hr{
	border: 1px solid #ddd;
	margin: 0px;
	margin-bottom: 10px;
}

.row{
	display:table; 
	clear:both; 	/*no permite elementos flotantes de lado izquierdo o derecho*/
	position:relative;
	margin:1px;
	height: auto;
	width:100%;
	/*border: 2px solid black;*/
}

section.row{
	display:flex; 
	clear:both; 	/*no permite elementos flotantes de lado izquierdo o derecho*/
	margin:1px;
	position:relative;
	height: auto;
	width:100%;
}

.jumbotron{
	
	background: #EAF2F8;
	/*color:black;
	background-image:url('../img/galeria/equivalencias.png');
	width: 100%;
	height: 100%;
	opacity: 0.3;
    filter:  alpha(opacity=50);
	*/

}

/*boton de la pagina de inicio*/
.boton{
	display: inline-block; 
	background: #0D619A; 
	width: 100%; 
	height: 100%; 
	border: 2px solid #ecb731; 
	border-radius: 50%; 
	transition: border-color .3s;
}

.figura-boton{
	color:#fff; 
	margin-top: 25px;
}



 a:hover span {
	display: inline-block; 
	width: 100%; 
	height: 100%; 
	background: #fff; 
	border-radius: 50%; 
	border: 4px solid #;
}

a:hover span i{
	color:#0D619A; 
	margin-top: 25px;
}




/*===========================================
  SECCION DE INICIO (servicios)
  ==========================================*/
 
.opcServicios .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}

.opcServicios h2 {
  font-weight: 300;
  text-align: center;
}

.opcServicios .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


.card #imgAsesoria{
	width: 50%;
	height: 50%;
}



/*===========================================
	SECCION FOOTER Y PIE DE PAGINA
  ==========================================*/

section.row #logotipo img{
	display: block; /*display y margin van juntos, se pone auto para que la centre*/
	margin: auto;
	max-width: : 201px;
	max-height: 50px;
	margin-bottom: 0px;
	padding-top: 0px;
}

section.row #textoPie{
	text-align: center;
}