/* CSS Document */
/*Inicio*/

.imagen_logo{
	width:240px;
	height:240px;
}

.logo_contenedor{
	text-align:center;
}

.cajas_conceptos { 
	margin-bottom: 10px; 
	
	padding: 10px; 
	border-radius: 10px; 
	background-color: transparent; 
	border: 5px solid #D7B5B6; 
}

.tamano_1
{
	height:380px;
}

.tamano_1_1
{
	height:380px;
}

.tamano_2
{
	height:210px;
}

ul.lista_1
{
	list-style:square;	
	padding-left: 10px;	
}

@media only screen and (min-width:728px)  and (max-width:1020px){
	.tamano_1_1
	{
		height:240px;
	}	
}
/*
@media only screen and (min-width:1024px)  and (max-width:2048px){
	.tamano_1, .tamano_1_1
	{
		height:400px;
	}	
}*/

/*Página inicio*/
.fondo_inicio
{
	background-color:#ECECEC;	
}

.fondo_plomo
{
	background-color:#B6B6B6;	
}

.fondo_blanco
{
	background-color:#FFFFFF;	
}

.pd_jrsperu
{
	padding:15px;
}
.rojo_centrado_title
{
	color:#D90000;
	text-align:center;
	padding-top:5px;
	margin: 0;
}
.purpura_centrado_title
{
	color:#9C1962;
	text-align:center;
	padding-top:5px;
	font-weight:bold;
	margin: 0;
}

.rojo_centrado_subtitle
{
	color:#D90000;
	text-align:center;
}

.purpura_centrado_subtitle
{
	color:#9C1962;
	text-align:center;
	font-weight:bold;
}

.border_derecha{
	border-right: 5px solid #ECECEC; 
}
.border_izquierda{
	border-left: 5px solid #ECECEC; 
}

.centrar_jrsperu
{
	text-align:center;	
}

/*Página servicios*/
/*menu*/
#navigation .active{
	background-color:#9C1962;
}

#navigation .active >a
{
	color:#FFFFFF;
}

/* Style the tab */
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs > li {
  float: none;
}
/* CONTENIDO DE LOS TABS */
.tab-content {
    background-color: #FFFFFF;
    /*border:solid 1px #DCE1E5;*/
    border-left-style: none;
    height: 100%;
    margin-bottom: 15px;
    /*min-height: 200px;*/
    border-radius: 0px 4px 4px 4px;
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    
    -webkit-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 18px 2px rgba(0,0,0,0.05);
}

.tab-content > div {
    margin-top: 10px;
}

/* Formato del tab activo */


/* Formato de los tabs en general */
.nav-tabs > li:nth-child(1) > a,
.nav-tabs > li:nth-child(1) > a:hover,
.nav-tabs > li:nth-child(1) > a:focus,

.nav-tabs > li:nth-child(1) > div,
.nav-tabs > li:nth-child(1) > div:hover,
.nav-tabs > li:nth-child(1) > div:focus 
{
    cursor: pointer;
    border-top-left-radius: 4px;
}

.nav-tabs > li.active:nth-child(1) > a,
.nav-tabs > li.active:nth-child(1) > a:hover,
.nav-tabs > li.active:nth-child(1) > a:focus,

.nav-tabs > li.active:nth-child(1) > div,
.nav-tabs > li.active:nth-child(1) > div:hover,
.nav-tabs > li.active:nth-child(1) > div:focus 
{
    border-top-left-radius: 4px;
    border-bottom-style: none;
    border-left: 1px solid #DCE1E5;
}

.nav-tabs > li > a, 
.nav-tabs > li > div {
    /*display:block;*/
    /*display: table;*/
    /*border: solid 1px transparent;*/
    margin-right: -1px;
    margin-bottom: -1px;
    border:solid 1px #DCE1E5;
    border-radius: 0px;
}

/* Style of the div element acting as tab content */
.nav-tabs > li > div > div {
    display:block;
    width: 100%;
    padding: 1em;
    min-height: 6em;
}

/** For elements on the same line that jump down - I */
@media (max-width: 767px) {
    .mt-20 {
        margin-top:20px;
    }
    
    .tab-content {
        border-left-style: solid;
                border-radius: 4px 4px 4px 4px;
           -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
    }
}
.color_azulino{
	color:#0A6FA5;
	font-style:oblique;
}

.color_purpura{
	color:#9C1962;
	font-style:oblique;
	font-size: 13px;
	font-weight:bold;
}

.color_purpura_h1{
	color:#9C1962;
	font-style:oblique;
	font-size: 26px;
	font-weight:bold;
}



.titulo_page
{
	font-size: 12px;
	text-align: center;	
	color: #5B0746;
	font-weight:bold;
	padding-top: 10px;
}

.direccion_cabecera
{
	font-size: 15px;
	text-align: right;	
	color: #5B0746;
	font-weight:bold;
	padding-top: 3px;
}

.centrar{
	margin-left: auto;
	margin-right: auto;
}

.tamano_letra_cuadros_inicio{
	font-size:14px;
	text-align:justify;
	margin-bottom: 5px;
}

.tamano_letra_cuadros_lista{
	font-size:13px;
	text-align:justify;
	margin-bottom: 5px;
}


.img_jrs { width: 200px; height: 200px; margin: 0px; padding: 0px; border-radius: 0px; align-items:center;}
.img_jrs_2 { width: 300px; height: 200px; margin: 0px; padding: 0px; border-radius: 0px; align-items:center;}
.img_jrs_am { width: 300px; height: 450px; margin: 0px; padding: 0px; border-radius: 0px; align-items:center;}

.center_jrs {
margin:0 auto;
text-align:center;
}

.columns {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin: 5px 0;
}

.column {
	flex: 1;
	/*border: 1px solid gray;*/
	margin: 2px;
	padding: 10px;
	&:first-child { margin-left: 0; }
	&:last-child { margin-right: 0; }
	
}

footer {
	padding: 0 15px;
}


@media screen and (max-width: 980px) {
  .columns .column {
		margin-bottom: 5px;
    flex-basis: 40%;
		&:nth-last-child(2) {
			margin-right: 0;
		}
		&:last-child {
			flex-basis: 100%;
			margin: 0;
		}
	}
}

@media screen and (max-width: 680px) {
	.columns .column {
		flex-basis: 100%;
		margin: 0 0 5px 0;
	}
}

.estilo_contacto_menu
{
	color:#525252;
	font-size: 14px;
}

/* ============================================
   SOLUCIÓN: SOLO IGUALAR ALTURA EN ESCRITORIO
   ============================================ */

/* SOLO en pantallas grandes (escritorio) */
@media only screen and (min-width: 992px) {
    
    /* Contenedor de los cuadros */
    .row.cuadros-container {
        display: flex;
        flex-wrap: wrap;
    }
    
    /* Cada columna tendrá la misma altura */
    .row.cuadros-container [class*="col-"] {
        display: flex;
        flex-direction: column;
    }
    
    /* Los cuadros ocupan toda la altura disponible */
    .feature-block {
        flex: 1;
        height: 100%;
        display: flex;
        flex-direction: column;
        background-color: #fff;
        border: 1px solid #ededed;
        padding: 30px;
        margin-bottom: 30px;
    }
    
    /* El contenido interno se expande */
    .feature-block > div {
        flex: 1;
        display: flex;
        flex-direction: column;
    }
    
    /* El párrafo ocupa el espacio restante para igualar altura */
    /*.feature-block p {
        flex: 1;
        margin-bottom: 0;
    }*/
    
    /* También para las listas */
    /*.feature-block .lista_1 {
        flex: 1;
        margin-bottom: 0;
    }*/
}

/* En móvil (menos de 992px) NO aplicamos ninguna regla especial */
/* Los rectángulos mantienen su altura natural y se apilan */

/* Ocultar BR extras en móvil para evitar espacios blancos */
@media only screen and (max-width: 767px) {
    .tamano_letra_cuadros_inicio br {
        display: none;
    }
}

.about_text{
	font-family: Arial, sans-serif;
}