@charset "utf-8";
/* CSS Document de MARTA*/

/*LETRAS - TAMAÑOS-----------------------------------------------------------------------------------------*/
.txtdsrrll3 { 
	font-size: calc(1.3rem ) !important;
	line-height: 1.1;	
	}
.txtdsrrll2 {
	font-size: calc(1.3rem ) !important;
}
.ltamnormal {
	font-size: calc(1rem + 0.075vw) !important;
}
	 
  /*h3, .h3 {
    font-size: calc(1.25625rem + 0.3vw) ;
  }*/

.tamletramenuppal {
	font-size: calc(10px + 0.21vw) !important;
		
}
/*LETRAS COLORES Y EFECTOS*-----------------------------------------------------------------------------------*/

.txtdsrrll {
	font-weight: 350; color: rgba(48, 98, 125, 0.9) !important; text-align: center; font-family: 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', 'sans-serif' !important; font-size:calc(1.2rem + 0.015vw) !important;
}
			@media(max-width: 576px) { 
								.txtdsrrll {
							font-weight: 400; color: rgba(48, 98, 125, 0.9) !important; text-align: center; font-family: 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', 'sans-serif' !important; font-size:calc(1.0rem + 0.065vw) !important;
							}
				}
.txtdsrrll2 {
	font-weight: 400; color: black !important; text-align: center; font-family:  'Segoe UI', 'DejaVu Sans', 'Trebuchet MS',  'sans-serif' !important; font-size: calc(1.3rem )!important ;
}
.letrachula {
	font-weight: 400; color: rgba(48, 98, 125, 1) !important; text-align: match-parent; font-family: 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS',  'sans-serif' !important; 
	
	 }
.letrachula2 {
	font-weight: 300; color: rgba(48, 98, 125, 1) !important; text-align: match-parent; font-family: 'Segoe UI', 'DejaVu Sans', 'Trebuchet MS', 'sans-serif' !important; 
	
	 }


#stratcons {
	color: black !important;
	font-family: "Arial Rounded MT Bold" !important;
	font-size:calc(1.9vw) !important;
	overflow-x: visible;
	float: left;
	z-index: 10000;
	margin-top:-10px !important;
	
	}
			@media(max-width: 992px) {
				#stratcons {
				font-size: calc(1.2125rem + 0.75vw) ;
				color: black !important;
				font-family: "Arial Rounded MT Bold" !important;
				
				overflow-x: visible;
				float: left;
				z-index: 10000;
				margin-top:-5px !important;
			  }
			}
/*TARJETAS*---------------------------------------------------------------------------------------------*/
.tarjetapragmatil {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-repeat:no-repeat;
  background-image: linear-gradient(170deg, rgba(255,255,255,1.00)0px, rgba(255,255,255,0.90)40%, rgba(70,117,154,0.04)100%);
  
	background-clip: border-box;
  border: 0.0625rem solid rgba(231, 234, 243, 0.7);
  border-radius: 0.75rem;
}
.cardmmm1 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: rgba(255, 255, 255, 0.5);
    background-clip: border-box;
    border: 0.0625rem solid rgba(231, 234, 243, 0.7);
    border-radius: 0.75rem;
}
/*posiciones---------------------------------------------------------------------------------------*/

/*padding del logo ue de pragmatil quiero que quede junto al texto, con un 35% de pading left en grande y, en pequeño, para que no desdoble, el padding debe reducirse al 10%: */
.padding_ue_pragmatil {
		padding-left: 35%;
		}
		@media (max-width: 576px){
		.padding_ue_pragmatil {
			padding-left: 12%;
		}	
		}

.centrartexto {
	 text-align: center !important;
}
		@media (max-width: 992px){
		.peq-centrartexto {
			 text-align: center !important;
		}	
		}


/*-- COSAS CONCRETAS VARIAS --------------------------------------------------------------------*/

#barragris {
	background-repeat: no-repeat; 
	background-image: linear-gradient(145deg, rgba(255, 255, 255, 0),  rgba(255, 255, 255,0)240px,rgba(48,98,125,0.9)260px, rgba(48,98,125,0.9)295px, rgba(48,98,125,1)100%)  !important;
	position: absolute !important; 
	margin-top: 2px !important; 
	
	height: 3vh !important; 
	min-height: 30px !important;
	margin-left: -5px ;
	border-radius: 8px !important;
	width: calc(470px + 48vw) ;
	}
		/*-- ENTRE 768 Y 992, QUE SE VE PERO SUFRE-----------------------------------*/
				@media(min-width: 1200px) {
					#barragris {
					margin-left: 20px !important;
					width: calc(550px + 48vw) !important;
				}
				}
					@media(max-width: 991.99px) {
					#barragris {
					display: none;

				}
				}

		

					
		/*-- MENOS DE 768, CON BOLA, DESAPARECE--------------------------------------^/