/* HOMEPAGE FONDO --------------- */
.homepage, .homepage .banflex2, .homepage .region-content-bottom {
	background: #E3E6E6;
}
.homepage .flexslider {
    background: none; border: 0;
}


  .homepage h1 { font-size: calc(22px + (36 - 22)*(100vw - 300px)/(1000 - 300)); }
  .homepage h1::after {
    content: "";
    width: 120px;
    height: 5px;
    background: #FF6600;
    display: flex;
    margin: 30px auto;
}

.region-content-home-top {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* FRONTSLIDER */
#flexslider-1.flexslider {
    margin: 0 0 60px;
    border: 0px solid #fff !important;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#flexslider-1 li { overflow: hidden; }
#flexslider-1 .views-field-field-slide-procura { height: 80%; }
#flexslider-1 .flexslider .slides img {
    min-width: 960px;
    display: block;
}
#flexslider-1 .views-field.views-field-field-titulo {
	width: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, .3);  
}
#flexslider-1 .views-field.views-field-field-titulo h2 {
	font-size: calc(26px + (60 - 26)*(100vw - 300px)/(1000 - 300));
	text-shadow: -4px 4px 4px rgba(0,0,0, 0.6);
}

.main-wrapper { padding: 0; }

/* NODE CONTENT */
.homepage .node-content {
  /*width: 90%;*/
  margin: 70px auto;
}


/* CONTENT HOMEPAGE */
.homepage .block-region.region-content {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.homepage .block-region.region-content .item50 {
	background: #fff;
	flex: none;
	width: calc((100% - 30px) / 4);
	margin-bottom: 10px;
    padding: 10px;
}
.homepage .block-region.region-content .item100 {
	flex: none;
	width: 100%;
	margin-bottom: 10px;
}

@media screen and (max-width: 960px){
	.homepage .block-region.region-content .item50 { 
}}
@media screen and (max-width: 780px){
	.homepage .block-region.region-content .item50 { 
	width: calc((100% - 10px) / 2);
}}
@media screen and (max-width: 480px){
	.homepage .block-region.region-content .item50 { 
	width: 100%;
}}

/* TOP FRONTPAGE */
#block-topppal { padding: 5em 1em; }
#block-topppal h1 {
	font-weight: bold;
	text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FFF 0px 0px 20px, #FFF 0px 0px 30px, #FFF 0px 0px 40px, #FFF 0px 0px 50px, #FFF 0px 0px 60px;
}

.logservicios { margin-top: 30px; }

/* BANFLEX25 */
.banflex25 {
	display: flex;
	flex-flow: row wrap;
	align-content: stretch;
	align-items: flex-start;
	background: #fff;
	text-align: center;
}
.banflex25 h3 {
	font-size: 1.2em;
	font-weight: bold;
}
.banflex25 p {
	font-size: .9em;
	line-height: 1.3em;
}
.banflex25 .banflex-item {
	flex-grow: 1;
	width: calc((100% - 30px) / 4);
	margin-bottom: 10px;
    padding: 10px;
}
.banflex25 .item1 { order:1; }
.banflex25 .item2 { order:2; }
.banflex25 .item3 { order:3; }
.banflex25 .item4 { order:4; }

@media screen and (max-width: 960px){
	.banflex25 .banflex-item { 
}}
@media screen and (max-width: 820px){
	.banflex25 .banflex-item { 
	width: calc((100% - 10px) / 2);
}}
@media screen and (max-width: 530px){
	.banflex25 .banflex-item { 
	width: 100%;
}}

/* BANFLEX30 */
.banflex30 {
	display: flex;
	flex-flow: row wrap;
	align-content: stretch;
	align-items: flex-start;
	background: #fff;
	text-align: center;
}
.banflex30 h3 {
	font-size: 1.2em;
	font-weight: bold;
}
.banflex30 p {
	font-size: .9em;
	line-height: 1.3em;
}
.banflex30 .banflex-item {
	flex-grow: 1;
	width: calc((100% - 30px) / 4);
	margin-bottom: 10px;
    padding: 16px;
}
.banflex30 .item1 { order:1; }
.banflex30 .item2 { order:2; }
.banflex30 .item3 { order:3; }

@media screen and (max-width: 960px){
	.banflex30 .banflex-item { 
}}
@media screen and (max-width: 820px){
	.banflex30 .banflex-item { 
	width: calc((100% - 20px) / 3);
}}
@media screen and (max-width: 530px){
	.banflex30 .banflex-item { 
	width: 100%;
}}

/* BANFLEX50 */
.banflex50 {
	display: flex;
	flex-flow: row wrap;
	align-content: stretch;
	align-items: flex-start;
	background: #fff;
	text-align: center;
}
.banflex50 h3 {
	font-size: 1.2em;
	font-weight: bold;
}
.banflex50 p {
	font-size: .9em;
	line-height: 1.3em;
}
.banflex50 .banflex-item {
	flex-grow: 1;
	width: calc((100% - 10px) / 2);
	margin-bottom: 10px;
    padding: 10px;
}

.banflex50 .item1 { order:1; }
.banflex50 .item2 { order:2; }

@media screen and (max-width: 530px){
	.banflex50 .banflex-item { 
	width: 100%;
}}

/* BANFLEX50 VENTAJAS */
.banflex50.ventajas h3 { color: #004AA3; font-size:1.8em; }
.banflex50.ventajas p { font-size: 1em; }
.banflex50.ventajas { align-items: center; text-align: left !important; }
.banflex50.ventajas li { padding: 0; }
@media screen and (max-width: 779px){
	.banflex50.ventajas .banflex-item { 
	width: 100%;
}}

/* BANFLEX50 VENTAJAS2 */
.banflex50.ventajas2 h3 { color: #004AA3; font-size:1.8em; }
.banflex50.ventajas2 p { font-size: 1em; }
.banflex50.ventajas2 { align-items: center; text-align: left !important; }
.banflex50.ventajas2 li { padding: 5px 0; line-height: 1.2em; }
.banflex50.ventajas2 li span { font-size:.8em; }
@media screen and (max-width: 779px){
	.banflex50.ventajas2 .banflex-item { 
	width: 100%;
}}

/* BANFLEX30 VENTAJAS */
.banflex30.ventajas h3 { color: #004AA3; font-size:1.3em; padding-bottom: 8px; border-bottom: solid 1px #004AA3; }
.banflex30.ventajas p { font-size: 1em; }
.banflex30.ventajas { text-align: left !important; }
.banflex30.ventajas li { padding: 5px 0; line-height: 1.2em; }
.banflex30.ventajas li span { font-size:.8em; }
@media screen and (max-width: 779px){
	.banflex30.ventajas .banflex-item { 
	width: 100%;
}}

/* BANFLEX50 PAP */
.banflex50.pap h3 { color: #004AA3; font-size:1.8em; }
.banflex50.pap p { font-size: 1em; }
.banflex50.pap { align-items: center; text-align: left !important; }
.banflex50.pap li { padding: 0; }
@media screen and (max-width: 779px){
	.banflex50.pap .banflex-item { 
	width: 100%;
}}

/* COMPROMETIDO */
.comprometido {
	background: #0095CD;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
	padding: 0.1em 1em 1em;
    border: solid 1px #fff;
	margin-top: 20px;
    margin-bottom: 20px;
	text-align: center;
	color: #fff;
}
.comprometido h3 {
	margin-bottom: .5em;
}

.titulo-icon {
	display:flex;
	align-items: center;
}
.titulo-icon img {
	max-width:70px;
	max-height:70px;
}
.titulo-icon h2 {
	font-size: calc(20px + (28 - 20) * (100vw - 300px) / (1000 - 300));
	font-weight: bold;
}



