@font-face {
    font-family: "Montserrat";
    font-display: auto;
    src:  url('Termina-Bold.otf');
}
@font-face {
    font-family: "Termina Light";
    font-display: auto;
    src: url('Termina-Light.otf');
}





html a img{border:none;}

img { border: none;}
html{padding:0;margin:0;position:relative;min-height: 100%;}
body{padding:0;margin:0px auto;max-width:3000px;font-family:Arial;background:#FFF;text-align:justify;font-size:1em;}
*{margin: 0;}
html, body {height:100%;}
input{border:#D1CAB7 solid 1px;color:#022b58;}
b{font-family: Arial;}
.titulo h1{font-size:0 !important;}
h1{color:#fff;font-size:2.5em;font-family: arial;}
h2{color:#0F3A61;font-size:1.5em;font-family:Arial;letter-spacing:1px;}
h3{color:#0F3A61;font-size:1em;letter-spacing:3px;text-align: center;font-family:arial;}
h4{color:#FFF;font-size:1.5em;letter-spacing:1px;text-align: center;font-family:arial;}

.secciones_redes h3{color:#000;font-size:16px;font-style: italic;font-weight:400;}




#divgral{width:100%;margin:0 auto;padding:0;z-index:8888;position:fixed;    max-width: 3000px;}
#home{height:0px;max-width:3000px;}
#todo{width:100%;margin:0 auto;min-height:55px;overflow:hidden;}
#logo{margin-top:70px;}
#logo img{width:170px;margin-left:15%;margin-top:10px;}
#divm{width:100%;background:#000;}
#telmail{width:33%;float:left;font-size:.9em;font-family:Arial;/*letter-spacing:1px;*/padding-top:44px;color:#01669c;}
#redes_soc{display:block;width:100%;height:37px;margin:0 auto;max-width:3000px;}
#redes_soc a{display: inline-block;float:right;margin:9px 13px;text-decoration: none;color:#fff;font-size:11px;}
#redes_soc a:hover{color:#2c9ce6}

#barblock{width:100%;float:left;}
#divmenu{display:block;width:100%;min-height:56px;float:none;margin:0 auto;
}
.contenido{width:100%;margin:0 auto;height:100%;background:url('../img/gral.png');background-position: center;background-size: cover;overflow:hidden;}

#secciongral{background:linear-gradient(90deg , #022b58 50%, #55585d 50%);overflow:hidden;}
#btnmsj{width:300px;position:absolute;margin-left:10%;color:#FFF;margin-top:100px;text-align: center;}
#btnmsj span{font-size:2em;}
#menugral{width:100%;position:absolute;bottom: 0;    background: linear-gradient(
90deg
, #022b58 50%, #55585d 50%);}
.menugral{width:80%;margin:0 auto;display:block;}
.menugral a{width:33.3%;display:block;text-align:center;color:#FFF;padding:40px 0;float:left;letter-spacing:2px;}
.menugral a:nth-child(1){background:#022b58;}
.menugral a:nth-child(2){background:#baa516;}
.menugral a:nth-child(3){background:#55585d;}
.menugral a:hover{filter:drop-shadow(2px 4px 6px black);}
.gral{width:80%;margin:0 auto;display:block;}
#vm{display:none;/*margin-top:20px;*/line-height:16px;top: -80px;position:relative;cursor:pointer;}
#vm .noventa{background:#fff;padding:5px;overflow:hidden;}
.fv{width:16.66%;float:left;text-align: center;font-size:.7em;background:#022b58;color:#FFF;padding:40px 0;max-height:94px}
.od{background:#011e48 !important;}

#cm{display:none;line-height:16px;position: relative;
    top: -70px;cursor:pointer;}
#cm .noventa{background:#fff;padding:5px;overflow:hidden;}
.cv{width:16.66%;float:left;text-align: center;font-size:.7em;background:#baa516;color:#FFF;padding:40px 0;max-height:94px}
.cv:nth-child(odd){background:#a18700 !important;}

#im{display:none;line-height:16px;position: relative;
    top: -70px;cursor:pointer;}
#im .noventa{background:#fff;padding:5px;overflow:hidden;}
.iv{width:20%;float:left;text-align: center;font-size:.7em;background:#55585d;color:#FFF;padding:40px 0;max-height:94px}
.iv:nth-child(odd){background:#414449 !important;}


#seccion-1{width:100%;padding:120px 0;text-align:left;overflow:hidden;}
#seccion-1 img{display:block;margin:0;max-width:100%;}
#seccion-1 span{font-size:2.7em;color:#022b58;padding:20px 0;display:block;}
#seccion-1 p{color:#666;line-height: 36px;}

#familiar{width:100%;height:100%;padding:120px 0;text-align: center;background:url('../img/f1.png');background-position: center;background-size: cover;color:#FFF;line-height:36px;}
#familiar h1{color:#baa516;letter-spacing:2px;}
.btnd{background:#baa516;color:#FFF;padding:3px 10px;border-radius:20px;display:block;text-align:center;width:300px;margin:20px auto;cursor: pointer}
.btnd:hover{filter:drop-shadow(2px 4px 6px gray);}


#civil{width:100%;height:100%;padding:120px 0;text-align: center;background:url('../img/f2.png');background-position: center;background-size: cover;color:#0b0127;line-height: 36px;}
#civil h1{color:#022b58;letter-spacing:2px;}
.btnb{background:#022b58;color:#FFF;padding:3px 10px;border-radius:20px;display:block;text-align:center;width:300px;margin:20px auto;cursor: pointer;}
.btnb:hover{filter:drop-shadow(2px 4px 6px black);}

#inmobiliaria{width:100%;height:100%;padding:120px 0;text-align: center;background:url('../img/f3.png');background-position: center;background-size: cover;color:#FFF;line-height: 36px;}
#inmobiliaria h1{color:#baa516;letter-spacing:2px;}

#contacto{width:100%;padding:120px 0;text-align: center;background:url('../img/f4.png');background-position: center;background-size: cover;overflow:hidden;color:#FFF;}

#contacto span:nth-child(1){font-size:2.4em;color:#fff;padding:20px 0;display:block;text-align: left;}
#contacto span:nth-child(2){font-size:15px;color:#fff;padding:20px 0;display:block;text-align: left;}
#contacto span:nth-child(1) b{letter-spacing:2px;font-size:1.5em;}
#contacto span:nth-child(2) b{letter-spacing:2px;font-size:17px;}
#contacto strong{color:#baa516;}

#contacto input{displaY:block;width:90%;border-radius:60px;height:40px;border:1px solid #dad5c8;margin:10px auto;font-family:arial;font-style: oblique;line-height:30;text-align: center;}
#contacto textarea{displaY:block;width:90%;border-radius:20px;height:130px;border:1px solid #dad5c8;font-family:arial;font-style: oblique;padding:15px;text-align: center;margin:10px auto;}
.btnr{background:#baa516;color:#FFF;line-height:27px !important;width: 200px !important;
  float: right;
  margin-right: 6% !important;
}

#up{position:fixed;
    bottom:14%;
    right:2%;
    color:#FFF;
    z-index:999999;
    background:#baa516;
    padding:20px;
    border-radius:10px;
    text-align: center;}

/*********/

* {box-sizing: border-box;}

body {
  margin: 0 auto;
  font-family: Arial;
  font-size: 17px;
}




/***********/


.full{width:100%;display:block;overflow:hidden;}
.pag{width:100%;max-width:1140px;margin:0 auto;overflow:hidden;}
.noventa{width:90%;}
.izq{float:left;}
.der{float:right;}
.sidebarpeq{width:35%}
.sidebargde{width:65%;}
.txtdiv{width:95%;margin:10px auto;display:block;overflow:hidden;}
.txtdivpeq{width:70%;margin:10% auto;display:block;overflow:hidden;}
.txtgral{font-size:13px;color:#515151}
.txtgris{font-size:13px;color:#999;}
.borderbottom{border-bottom:1px solid #d8d8d8;}
.margentop{margin-top:20px;}
.margenbot{margin-bottom:20px;}
.padd{padding:40px 0;}
.mitad{width:50%;}
.txtcentro{text-align: center;display: block;margin: 10px auto;}
.centro{display:block;margin:0 auto;}
.txtpeq{font-size:13px;;}
.divpeq{width:70%;margin:10%;height:200px;background:#fff;color:#515151}
.centro{margin:0 auto;}

.fa{font-size:22px !important;margin-top:-3px;}
#smfooter a{text-decoration:none;color:#FFF;}
#smfooter .fa{margin-right:5px;}

.banner{width:100%;margin:0 auto;border-bottom:#202686 solid 0px}
.body_ban{width:100%;min-height:100px}
.body_ban img{width:100%;}


footer{float:left;width:100%;overflow:hidden;height: 333px;background:#000;padding:40px 0;position:absolute;z-index:8888;}
.footer{color:#ECECE0;font-size:.8em;}

.seccionesfooter{width:11%;float:left;margin-left:1%;color:#ecd0e0;font-size:13px;height:270px;text-align:left;}
.titulo{color:#FFF;font-size:13px;text-align:left;
    line-height:14px;display:block;height:44px;}
#footercentro{width:100%;max-width:500px;margin:0 auto;display:block;height:105px;}
#footercentro .sidebargde{width:63%;color:#fff;font-size:13px;;}
#footercentro .sidebarpeq img{display:block;margin:0 auto;}


.movil{display:none;}
.web{display:block;}

.webp{display:block;}
.movilp{display:none;}
@media only screen and (max-width : 500px) {
  .webp{display:none;}
  .movilp{display:block;}
}


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

}

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

}
@media only screen and (max-width : 2000px) {

}

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

}




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

#logo{width:100%;float:none;margin:0 auto;}
#logo img{display:block;margin:5px auto;width:120px;}
#divm{width:100%;float:none;margin:0 auto;}
#redes_soc{display:block;width:100%;height:37px;border:green solid 0px;}
#redes_soc img{display: inline-block;float:right;margin:4px 3px;}
#divmenu{display:block;width:100%;height:auto;}
#contenido{width:100%;margin:0 auto;}


}

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


.menugral a{
  height: 101px;
  letter-spacing: 1px;
}
#todo{display:none !important;}


#telmail{    width: 100%;
    float: none;
    margin: 0 auto;
    text-align: center;
    font-size: .6em;
    font-family: Arial;
    letter-spacing: 1px;
    padding-top: 0;
    color: #fff;
    background: #24a0e1;}
    .pag {
    width: 90%;}

    #divmenu{background:#000;min-height:27px;    overflow: hidden;}
    #contacto span:nth-child(1) b {
    letter-spacing: 2px;
    font-size: 1.1em;
}

    #contenido{min-width:100%;margin:0 auto;}
#divgral{position:relative;margin-bottom:120px;}
#logo{display:none;}
#logo img{width:130px;}
#redes_soc{display:none;width:100%;height:37px;border:green solid 0px;}
#redes_soc img{display: inline-block;float:right;margin:4px 3px;}
#submenus a{width:30%;margin-top:5px}


.movil{display:block;}
.web{display:none;}


}
@media only screen and (max-width : 800px)  {

.contenido{width:100%;margin:0 auto;height:100%;background:url('../img/gralm.png');background-position: center;background-size: cover;overflow:hidden;}

#btnmsj{width:300px;position:relative;margin-left:auto;margin:0 auto;color:#FFF;margin-top:150px;text-align:center;}

  #familiar{width:100%;height:auto;padding:120px 0;text-align: center;background:url('../img/f1m.png');background-position: center;background-size: cover;overflow:hidden;color:#FFF;}
  #civil{width:100%;height:auto;padding:120px 0;text-align: center;background:url('../img/f2m.png');background-position: center;background-size: cover;overflow:hidden;color:#0b0127;}
  #inmobiliaria{width:100%;height:auto;padding:120px 0;text-align: center;background:url('../img/f3m.png');background-position: center;background-size: cover;overflow:hidden;color:#FFF;}

#blanco{height:94px;}

.izq{float:none;}
.der{float:none;}
.sidebarpeq{width:95% !important;margin:0 auto;border:none !important;}
.sidebargde{width:95%;margin:0 auto;}
.mitad{width:100%;}
#contacto img{max-width:100% !important;}
#contacto .der{margin-top:100px;}

footer{float:left;width:100%;overflow:hidden;min-height:350px;background:#1d1d1b;
    padding: 0px 0;}
footer img{display:block;margin:0 auto !important;}
footer .mitad{text-align: center!important;}
footer .mitad .pag{text-align: center!important;padding-bottom:40px;}
.seccionesfooter{width:30%;float:left;margin-left:1%;color:#ecd0e0;font-size:13px;min-height:270px;overflow:hidden;text-align:left;}
.titulo{color:#FFF;font-size:13px;text-align:left;
    line-height:14px;display:block;height:44px;}
#footercentro{width:100%;max-width:500px;margin:0 auto;display:block;height:105px;}
#footercentro .sidebargde{width:63%;color:#fff;font-size:13px;;}
#footercentro .sidebarpeq img{display:block;margin:0 auto;width: 95px;}


.vm{position:relative;}
.fv{    width: 50%;
    max-width: 50%;
    max-height: 122px;
    height: 80px;
    padding: 19px 0 0;
    border: #08325f solid 1px;
    line-height: 17px;}
.fv:nth-child(odd){background:#011e48 !important;}
.fv:nth-child(even){background:#022b58 !important;}
.cv{width: 50%;
    max-width: 50%;
    max-height: 122px;
    height: 72px;
    padding: 19px 1px 0;
    line-height: 17px;border:#cbb624 solid 1px;}
.iv{width: 50%;
    height: 80px;
    padding: 23px 0;border:#646567 solid 1px;}
.iv:last-child{width:100%;}

  .menugral a{width:33%;letter-spacing:0;}


}