/* Homepage boxes */
.centerheader{
    display:block;
		width: 800px;
		margin:auto;

}

#primary-menu{
		padding-top:50px;
}

.site-header{
	margin-bottom:10px;
}

.headerul{
	color:white;
}

.box  {
		height:400px;
		width:370px;
		margin-top:40px;
		background-color:#151c3e;
		color: white;
		border-width: 1px;
		border-radius: 12px 12px 12px 12px;
		padding: 10px 10px 10px 10px;
}


.masthead-sentinel {
  margin-bottom: 20px;
}

.box:hover{
	 box-shadow: 0 0 15px  #ffffff , 0 0 30px  #193b9e ;
}
.box
.main-navigation ul li a{
	color:#151c3e
}


.stiua{ 
		height:430px;
		margin-top:40px;
		background-color:#151c3e;
		color: white;
		border-width: 1px;
		border-radius: 12px 12px 12px 12px;
		padding: 10px 10px 10px 10px;
}


.stiua:hover{
	 box-shadow: 0 0 15px  #ffffff , 0 0 30px  #193b9e ;
}


/* Custom tiny box Situa*/
.boldsu{
    display: block;
    height: 90px;
    width: 100%;
    text-decoration: none;
		color:white;
}
.blockimg{
    height: 290px;
    width: 100%;
}
.iconsu{
	display:block;
	width: 125px;	
	height: 100%;
	margin:auto;
}
.iconsu2{
	display:block;
	width: 100px;	
	height: 100%;
	margin:auto;
}




/* Custom logo*/
.custom-logo {
	width:128px;
	max-width:128px;
	margin-top:10px;
}

a.fillblock{
    display: block;
    height: 430px;
    width: 100%;
    text-decoration: none;
		color:white;
}

p.fillblock{
    display: block;
    
    width: 100%;
    text-decoration: none;
		color:black;
}
/* Phrase slow*/
.trickle { color: #151c3e}


/*Bullet part homepage*/
.texthome{
	color:#151c3e;
	margin-top: -40px
}

/* Button homapge*/
.buttonhome{
 	margin-top: -25px
}
/* ========= */
h3.widget-title{
		color:white;
}

.widget-title-conce{
		color:black;
}

.titleblock{
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	text-align: center;

}



.titleblock2{
  font-size: 33px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	text-align: center;

}

.centericon{
  display: block;
  margin: auto;
  width: 35%;
} 
.centericontasa{
  display: block;
  margin-left: 125px;
	margin-top: -40px;
  width: 35%;
} 
.centericonunidueda{
  display: block;
  margin-left: 110px;
	margin-top: -40px;
  width: 35%;
}

p.buttonbox, p.buttonboxsub{
	color:#151c3e;
	text-align: center;
}

p.buttonbox{
  font-size:36px;
}

.ow-button-base a.cuentanos {
	background: white !important;
	border-color: #151c3e !important;
	color: #151c3e !important;
 	border: 3px;
}



/* Block reviews*/
p.titletxt2{
  font-size:36px;
	color:#151c3e;
	text-align: center;
}

.columnasres {
  display: flex; /* Alinea los elementos hijos en fila */
  justify-content: space-between; /* Distribuye el espacio */

}
.columna1 {
  width: 33%; /* O un poco menos para el espaciado */
	height:400px;
  box-sizing: border-box; /* Para incluir padding/border en el width */
	border-style:solid;
	border-radius: 12px 12px 12px 12px;
	border-color:white !important;
	display:block;
	background-color:white !important;
 	/* box-shadow: 0 0 15px  #ffffff , 0 0 30px  #193b9e */
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}



.bannerRes{
	 margin-bottom: -240px;
}

.resbacktransp{
   padding-top:-30px;
}




.resp,.respstar, .resauto, .resautojob{
	text-align:center;
}

.resp{
	
  padding: 40px 10px 10px 10px;
	display:flex;
	height:50%;
   justify-content: center;
   align-items: center;

}

.resauto{
	font-size:30px  !important;
}

.resautojob{
	margin-top:-20px  !important;
}

.leermas
{
	color:#151c3e !important;
}






/* 1-2-3-4 */
.subti {
	display: block;
	height:89px;
	color: #151c3e;
}


/* formulario */
.sow-contact-form{
	border-width: 400px;
	border-color: red;
	border-radius: 30px 30px 30px 30px;
}

/* idioma */
.lang{
  float:right;
  width: 90px;
  margin-bottom: -200px;
  margin-top: 10px;
  margin-right: 4%;

}

.langul li{
	display: inline;
}

.langflag{
	width:25px;
	height:15px;
}


/* phone */

@media screen and (max-width: 600px) {

	.titleblock{
		font-size: 30px
	}

	.box{
		width: 340px
	}

	.hidephone{display: none;}
	
		.resbacktransp{display: none;}
		.columna1{ width: 100%;}


 .lang{
  float: right;
  width: 90px;
  margin-bottom: -200px;
  margin-top: 10px;
  margin-right: 0%;
  }
}



@media screen and (max-width: 600px) {
	.centerheader{
    display:block;
		width: 300px;
		margin:auto;

	}


}

@media screen and (min-width: 600px) {

		.hidedesktop{	display: none;}
.resbacktranspMob{ display: none;}

}





/* footer */
.footinfo{
	color:white;
	font-weight: bold;
}


@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(https://credalia.es/eng/wp-content/themes/icons/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(https://credalia.es/eng/wp-content/themes/icons/MaterialIcons-Regular.woff2) format('woff2'),
        url(https://credalia.es/eng/wp-content/themes/icons/MaterialIcons-Regular.woff) format('woff'),
        url(https://credalia.es/eng/wp-content/themes/icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }