body{
color:#696969;
}
.table{
color:#696969;
}
header#masthead{
min-height: 109px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/fondo_cabeza.jpg);
background-repeat: no-repeat;
} header#masthead nav.navbar{
background-color: transparent;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
color: #026a44;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
color: #F89C1C;
font-weight: normal;
}
ul.dropdown-menu.show {
opacity: 0.75;
background-color: #4A4F4E;
}
.dropdown-menu .dropdown-item:hover {
color: #F89C1C;
}
.dropdown-menu .dropdown-item {
color: #fff;
font-size: 0.875rem;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.dropdown-item.active, .dropdown-item:active {
background-color: transparent;
} div#content.site-content{
background-color: white;
} #primary{
}
.titulo {
font-size: 42px;
color: #025937;
}
.tituloA {
font-size: 25px;
margin-bottom: 10px;
color: #F89C1C;
} .list-group-item.active {
background-color: #F89C1C;
border-color: #F89C1C;
}
.list-group-item-action:visited{
color:#696969;
}
.list-group-item.active {
color:#FFF;
} .wpcf7 form.wpcf7-form > p > label > span > input{
width:100%;
}
.wpcf7 form.wpcf7-form p label {
width:100%;
}
.wpcf7 form.wpcf7-form span.captcha-image label {
width:auto;
} #marcoPrincipal, 
#marcoVivienda,
#marcoFamilia,
#marcoEducacion,
#marcoVejez {
width: 100%;
height: 664px;
background-color: #026a44;
}
.marcoLuz01{
position: absolute;
background-size: 100% auto;
width: 500px;
height: 486px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/luz.png);
-webkit-animation-delay: 2500ms;
animation-delay: 2500ms;
left: -101px; 
top: -40px;
}
.marcoLuz02{
position: absolute;
background-size: 100% auto;
width: 500px;
height: 486px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/luz.png);
-webkit-animation-delay: 2500ms;
animation-delay: 2500ms;
left: 50px; 
top: 50px;
}
.marcoLuz03{
position: absolute;
background-size: 100% auto;
width: 500px;
height: 486px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/luz.png);
-webkit-animation-delay: 2500ms;
animation-delay: 2500ms;
left: 370px; 
top: 110px;
}
.marcoLuz04{
position: absolute;
background-size: 100% auto;
width: 500px;
height: 486px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/luz.png);
-webkit-animation-delay: 2500ms;
animation-delay: 2500ms;
left: 605px; 
top: 170px;
}
.marcoPrincipalVivienda{
width: 350px;
height: 650px;
left: 0px;
top: 0px;
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms;
}
.marcoPrincipalFamilia{
width: 424px;
height: 500px;
left: 182px; 
top: 139px;
-webkit-animation-delay: 1700ms;
animation-delay: 1700ms;
}
.marcoPrincipalEducacion{
width: 345px;
height: 482px;
left: 535px; 
top: 162px;
-webkit-animation-delay: 1900ms;
animation-delay: 1900ms;
}
.marcoPrincipalVejes{
width: 317px;
height: 502px;
left: 792px; 
top: 138px;
-webkit-animation-delay: 2100ms;
animation-delay: 2100ms;
}
.marcoPrincipalSombra{
width: 100%;
height: 562px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/principalSombra.png);
}
.marcoPrincipalTapa{
width: 1110px;
height: 664px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/principalTapa.png);
}
.marcoViviendaFondo{
width: 100%;
height: 664px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/fondoVivienda.jpg);
}
.marcoFamiliaFondo{
width: 100%;
height: 664px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/fondoFamilia.jpg);
}
.marcoEducacionFondo{
width: 100%;
height: 664px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/fondoEducacion.jpg);
}
.marcoVejezFondo{
width: 100%;
height: 664px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/fondoVejez.jpg);
}
.marcoTitulo{
padding: 0px 15px 0px 0px;
left: 0px;
top: 50px;
width: 100%;
height: 110px;
-webkit-animation-delay: 1000ms;
animation-delay: 1000ms;
}
.marcoTexto{
padding: 0px 10px;
left: 0px;
top: 560px;
width: 100%;
position: absolute;
z-index: 20;
}
.marcoTxt{
color: #026a44;
font-style: oblique;
font-size: 27px;
font-weight: bold;
line-height: 1.1;
letter-spacing: -1px;
}
.marcoCtc{
padding-top: 30px;
color: #026a44;
font-size: 20px;
}
.marcoPrincipalBotones{
padding: 0px 10px;
left: 0px;
top: 560px;
width: 1110px;
position: absolute;
z-index: 20;
}
.marcoPrincipalBotones img:hover
{
opacity: 0.85;
filter: alpha(opacity=85);
}
.bld-step-1-el-2 {
border: 1px solid #ccc;
width: 360px;
height: 50px;
top: 225px;
left: 388px;
z-index: 112;
-webkit-animation-delay: 1500ms;
animation-delay: 1500ms;
} @media (min-width: 992px) and (max-width: 1199.98px) {
#marcoPrincipal,
#marcoVivienda,
#marcoFamilia,
#marcoEducacion,
#marcoVejez {
width: 100%;
height: 580px;
}
.marcoPrincipalTapa{
background-size: 930px auto;
width: 930px;
height: 580px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/principalTapa.png);
}
.marcoLuz01{
width: 419px;
height: 407px;
left: -85px; 
top: -34px;
}
.marcoLuz02{
width: 419px;
height: 407px;
left: 42px; 
top: 42px;
}
.marcoLuz03{
width: 419px;
height: 407px;
left: 310px; 
top: 92px;
}
.marcoLuz04{
width: 419px;
height: 407px;
left: 507px; 
top: 142px;
}
.marcoPrincipalVivienda{
width: 293px;
height: 545px;
}
.marcoPrincipalFamilia{
width: 355px;
height: 419px;
left: 152px;
top: 116px;
}
.marcoPrincipalEducacion{
width: 289px;
height: 404px;
left: 448px;
top: 136px;
}
.marcoPrincipalVejes{
width: 226px;
height: 421px;
left: 664px;
top: 116px;
}
.marcoPrincipalBotones{
left: 0px;
top: 490px;
width: 930px;
position: absolute;
z-index: 20;
}
.marcoViviendaFondo{
background-size: 930px auto;
width: 100%;
height: 580px;
}
.marcoFamiliaFondo{
background-size: 930px auto;
width: 100%;
height: 580px;
}
.marcoEducacionFondo{
background-size: 930px auto;
width: 100%;
height: 580px;
}
.marcoVejezFondo{
background-size: 930px auto;
width: 100%;
height: 580px;
}
.marcoTexto{
top: 470px;
}
} @media (min-width: 768px) and (max-width: 991.98px) {
#marcoPrincipal,
#marcoVivienda,
#marcoFamilia,
#marcoEducacion,
#marcoVejez  {
width: 100%;
height: 560px;
}
.marcoPrincipalTapa{
background-size: 690px auto;
width: 690px;
height: 560px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/principalTapa.png);
}
.marcoLuz01{
width: 311px;
height: 302px;
left: -63px; 
top: -25px;
}
.marcoLuz02{
width: 311px;
height: 302px;
left: 31px; 
top: 31px;
}
.marcoLuz03{
width: 311px;
height: 302px;
left: 230px; 
top: 68px;
}
.marcoLuz04{
width: 311px;
height: 302px;
left: 376px; 
top: 106px;
}
.marcoPrincipalVivienda{
width: 218px;
height: 404px;
}
.marcoPrincipalFamilia{
width: 264px;
height: 311px;
left: 113px;
top: 86px;
}
.marcoPrincipalEducacion{
width: 214px;
height: 300px;
left: 333px;
top: 101px;
}
.marcoPrincipalVejes{
width: 197px;
height: 312px;
left: 492px;
top: 86px;
}
.marcoPrincipalBotones{
left: 0px;
top: 360px;
width: 690px;
position: absolute;
z-index: 20;
}
.marcoViviendaFondo{
background-size: 930px auto;
width: 100%;
height: 560px;
}
.marcoFamiliaFondo{
background-size: 930px auto;
width: 100%;
height: 560px;
}
.marcoEducacionFondo{
background-size: 930px auto;
width: 100%;
height: 560px;
}
.marcoVejezFondo{
background-size: 930px auto;
width: 100%;
height: 560px;
}
.marcoTexto{
top: 360px;
}
} @media (min-width: 576px) and (max-width: 767.98px) {
#marcoPrincipal,
#marcoVivienda,
#marcoFamilia,
#marcoEducacion,
#marcoVejez {
width: 100%;
height: 670px;
}
.marcoPrincipalTapa{
background-size: 510px auto;
width: 510px;
height: 670px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/principalTapa.png);
}
.marcoLuz01{
width: 230px;
height: 223px;
left: -46px; 
top: -18px;
}
.marcoLuz02{
width: 230px;
height: 223px;
left: 23px; 
top: 23px;
}
.marcoLuz03{
width: 230px;
height: 223px;
left: 170px; 
top: 51px;
}
.marcoLuz04{
width: 230px;
height: 223px;
left: 278px; 
top: 78px;
}
.marcoPrincipalVivienda{
width: 161px;
height: 299px;
}
.marcoPrincipalFamilia{
width: 195px;
height: 230px;
left: 84px;
top: 64px;
}
.marcoPrincipalEducacion{
width: 159px;
height: 221px;
left: 246px;
top: 74px;
}
.marcoPrincipalVejes{
width: 146px;
height: 231px;
left: 364px;
top: 63px;
}
.marcoPrincipalBotones{
left: 0px;
top: 270px;
width: 510px;
position: absolute;
z-index: 20;
}
.marcoViviendaFondo{
background-size: 930px auto;
width: 100%;
height: 560px;
}
.marcoFamiliaFondo{
background-size: 930px auto;
width: 100%;
height: 560px;
}
.marcoEducacionFondo{
background-size: 930px auto;
width: 100%;
height: 560px;
}
.marcoVejezFondo{
background-size: 930px auto;
width: 100%;
height: 560px;
}
.marcoTexto{
top: 300px;
}
} @media (max-width: 575.98px) {
#marcoPrincipal,
#marcoVivienda,
#marcoFamilia,
#marcoEducacion,
#marcoVejez {
width: 100%;
height: 600px;
}
.marcoPrincipalTapa{
background-size: 100% auto;
width: 100%;
height: 600px;
background-image: url(//lavitalicia.bo/wp-content/themes/wp-vitalicia/assets/img/principalTapa.png);
}
.marcoPrincipalVivienda{
width: 31%;
height: 58%;
}
.marcoPrincipalFamilia{
width: 38%;
height: 45%;
left: 16%;
top: 64px;
}
.marcoPrincipalEducacion{
width: 31%;
height: 43%;
left: 48%;
top: 74px;
}
.marcoPrincipalVejes{
width: 28%;
height: 45%;
left: 71%;
top: 63px;
}
.marcoPrincipalBotones{
left: 0px;
top: 200px;
width: 100%;
position: absolute;
z-index: 20;
}
.marcoViviendaFondo{
background-size: 100% auto;
width: 100%;
height: 600px;
}
.marcoFamiliaFondo{
background-size: 100% auto;
width: 100%;
height: 600px;
}
.marcoEducacionFondo{
background-size: 100% auto;
width: 100%;
height: 600px;
}
.marcoVejezFondo{
background-size: 100% auto;
width: 100%;
height: 600px;
}
.marcoTexto{
top: 250px;
}
}
footer{
background-color: #026a44;
padding: 7px 40px 7px 40px;
}