/*+clearfix {*/
#DescServicios DIV:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
}
#DescServicios DIV
{
display: block;
*height: 1px;
}
/*+}*/
BODY
{
}
/*(*[clearfix]*)
.pHeader {
  padding: 30px;
}*/
.bHome MAIN H2
{
color:var(--c1);
font-size: 3rem;
text-align: center;
margin: 20px;
line-height: 1.1;
margin: 30px 0 20px;
}
.bHome MAIN H3
{
text-align: center;
font-family:var(--f_textos);
font-size: 1.7rem;
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
line-height: 1.1;
}
/*Contenidos*/
#banner_ #cImg IMG
{
width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
/*align-self: normal;*/
display: block;
}
#banner_
{
display: block;
position: relative;
padding: 0;
margin: 0 0 calc(var(--gap) * 2) 0;
height: 450px;
}
#banner_ #ContTexto
{
position: absolute;
bottom: 30px;
padding: 0;
margin: 0 30px;
text-shadow:0 0 5px var(--c4);
}
#banner_ #ContTexto STRONG
{
color:var(--c2);
font-size: 1.3rem;
line-height: 1.6rem;
display: block;
text-align: center;
opacity: 0.9;
}
#banner_ #ContTexto H2
{
text-align: center;
font-weight: bold;
margin: 0 0 calc(var(--gap) / 2) 0;
font-size: 2.8rem;
line-height: 3rem;
color:var(--c2);
}
/*[clearfix]*/
#DescServicios DIV
{
display: flex;
align-content: flex-end;
flex-direction: column;
margin: 0 30px 35px;
padding:var(--gap);
min-height: 400px;
position: relative;
}
#DescServicios DIV:nth-child(even) SPAN
{
margin-left: calc(100% - 315px);
}
#DescServicios DIV IMG
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
/*align-self: normal;*/
display: block;
}
#DescServicios DIV SPAN
{
background: rgba(0, 0, 0, 0.7);
color:var(--c2);
display: block;
width: 315px;
padding:var(--gap);
}
#DescServicios DIV SPAN A
{
font-size: 1.2rem;
}
#DescServicios DIV H2
{
color:var(--c2);
}
#DescServicios DIV SPAN H2 A
{
font-size: 2.2rem;
}
#DescServicios DIV SPAN P
{
color:var(--c2);
}
#Nosotros
{
display: flex;
flex-direction: row;
justify-content: space-between;
padding:var(--gap);
gap:var(--gap);
}
#Nosotros DIV
{
order: 2;
width: calc(50% - (var(--gap)/2));
}
#Nosotros P
{
}
#Nosotros IMG
{
width: calc(50% - (var(--gap)/2));
height: auto;
align-self: flex-start;
object-fit: contain;
margin: 0 0 calc(var(--gap) / 2) 0;
}
.pFooter
{
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-end;
padding:var(--gap) 0;
background: url(../imgs/tyche_blanco.svg) 20px 20px / 200px no-repeat;
max-width:var(--maxw);
}
.prepie
{
padding-top: 0;
}
FOOTER ADDRESS
{
width: 240px;
text-align: left;
display: block;
align-items: flex-end;
font-size: 0.9rem;
line-height: 1.7;
justify-content: flex-end;
text-align: right;
/*background: #C0C;*/
margin: 16px 0 0;
padding: 0 20px 20px 0;
font-style: normal;
}
FOOTER ADDRESS A
{
font-size: 0.9rem;
}
.NavFooter
{
flex-direction: row;
}
FOOTER
{
margin: 0 auto;
font-family:var(--f-pie);
font-size: 1rem;
padding: 0;
}
.NavFooter A:after
{
content: " | ";
display: inline-block;
margin-left: 8px;
}
.NavFooter A:last-of-type:after
{
display: none;
}
ASIDE:before
{
display: none;
}
ASIDE
{
margin: 87px 0 30px;
padding:0 var(--gap);
border-left:1px solid var(--c6);
width: 28%;
}
ASIDE NAV
{
position: sticky;
top: 10px;
}
.contenido_html UL, .contenido_html OL
{
margin-top: 0;
}
.contenido_html UL LI, .contenido_html OL LI
{
margin: 0 0 0.5rem 1rem;
}
.contenido_html UL.textolargo LI, .contenido_html OL.textolargo LI
{
margin: 0 0 2rem 1rem;
}
.contenido_html H3
{
font-size: 1.6rem;
line-height: 1.7rem;
}
/*Contacto*/
.mContacto .w_contacto
{
display: flex;
justify-content: space-between;
flex-direction: row;
}
.mContacto .w_contacto .contenido_html
{
width: 48%;
}
.mContacto FORM#fContacto
{
margin-right: 0;
flex: 0 0 49%;
}
.mContacto IFRAME
{
width: 100%;
}
.mContacto FORM
{
flex-grow: 1;
/*max-width: 530px;*/
width: 50%;
margin:0 var(--gap) 0 0;
}
.mContacto ADDRESS
{
/*max-width: 470px;*/
font-size: 1rem;
font-style: normal;
flex-grow: 1;
width: 40%;
margin:20px 0 var(--gap);
}
