@font-face {
  font-family: 'PreciousRegular';
      src: url('zenda.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
    }

/* The following rules are deprecated. */ 

@font-face {
  font-family: 'Precious';
      src: url('zenda.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
    }

html, body { height: 100%; width: 100%; margin: 0; overflow-x: hidden;}
html{scroll-behavior: smooth;}
body { 
  margin:0;padding:0;
  font-family:'Muli', sans-serif;; 
  cursor: default; color:#555;}
a {text-decoration: none;}
h3{color: #576874;}

.body{min-width: 530px;}
.bodypi{height: auto;} /*130%;*/
.bodycm{height: auto;} /*180%*/

#intro{
  background-color: #3C4C63; 
  height: 100%; 
  color: #FFF; 
}
#caratula{
  position: absolute;
  top: 50%; left:50%; 
  margin-left: -344px;
  cursor: pointer;
}
#anim{ height: 100%; }

#header {
  box-sizing:border-box;-moz-box-sizing:border-box;
  z-index:3;
  position:fixed;
  top:0;
  width:100%;
  background:#3C4C63;
  color:#000;
  text-align:center;
  -webkit-box-shadow: 0px 2px 2px #333;
  -moz-box-shadow: 0px 2px 2px #333;
  box-shadow: 0px 2px 2px #333;
  height: 70px;
  min-width: 550px;
}
.logo {
    font-size: 30px;
    color: #FFF;
    float: left;
    padding: 5px;
}
.nav{text-align: right; padding: 12px 5px 0 0;}
.nav a,
.nav span{color: #deeaf6; display: inline-block; margin: 0 5px; text-decoration: none;}
.mx{background-image: url('../img/mx.png');width: 20px; cursor: pointer;}
.eu{background-image: url('../img/eu.png');width: 20px; cursor: pointer;}

#popidioma{
  position: absolute; display: none;
  background-color: #F7F7F7;
  box-shadow: 2px 6px 5px #333;
  padding: 20px;
  margin-left: -270px;
  margin-top: 20px;
  color: #3C4C63;
  background-repeat: no-repeat;
  padding-left: 40px;
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 40px;
  background-position: 10px center;
}
#popidioma:hover{background-color: #deeaf6;}
.mx #popidioma{background-image: url('../img/eu.png');}
.eu #popidioma{background-image: url('../img/mx.png');margin-left: -250px;}

.subnav{margin: 15px 0 0 0; border-top: 1px #5f6978 solid; text-align: right;}
.subnav a{
  display: inline-block; 
  margin: 0 5px; 
  color: #BFCBDA; 
  font-size: 12px;
}
.subnav a:hover{color: #deeaf6;}
.subnav .slt,
.subnav .linkhover{color: #DBAA70;}

#android .nav{font-size: 25px;}

.head {
  z-index:1;
  height:40%;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  min-height: 200px;
  color: #FFF;
}

.section{ min-width: 550px;}
.section .content{padding: 20px;text-align: justify;}

.head .contenth{
  padding-top: 5%;
  color: #fff;
  font-size: 24px;
}
.chr{text-align: right;
  padding-right: 50px;
  /*padding-left: 50%;*/
}
.chl{text-align: left;}

.icnmobile,
.icnw{background-image: url('../img/mobile.png'); 
  padding-left: 16px; 
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 12px;
}
small.icnmobile, small.icnw{
  display: inline-block;
}
.icnw{
  background-image: url('../img/w16.png'); 
}

#home {
  background-color:#FFF;
  padding-top: 70px;  
  
}
#home .head{
  background-image: url('../img/justicia.jpg');
}
#home .content{font-size: 18px;}
#home .icnmobile{background-image: url('../img/mobile_b.png'); font-size: 12px;}

.contentletrag{margin-bottom: 30px;}
.letrag{
  font-family: 'PreciousRegular'; 
   font-weight: normal; 
   font-style: normal; 
   font-size: 100px;
   color: #576874;
   float:left;margin-top:10px;margin-right:15px;
}

#servicios {
  background-color:#F7F7F7;
}
#servicios .head{
  background-image: url('../img/servicios.jpg');
}
#servicios .head .contenth{padding-top: 7%;}
#servicios .contenth div{
  margin: 7px 0;
  font-size: 24px;
  padding-left: 20px;
}
.panelarea{
  display: inline-block; 
  vertical-align: top; 
  margin: 5px;
  padding: 0 30px;
  cursor: pointer;
}
.panelarea h3{
  border-bottom: 1px #576874 solid; 
  padding: 0 0 5px 8px;}
.panelarea:hover h3{color:#DBAA70;}

#socios {
  background: #EBEEF0;;
}
#socios .head{
  background-image: url('../img/socios.jpg');
}
#socios .content{font-size: 17px;}
.info{text-align: right;}

.nsocio{height: 25px; }
.nsocio span{display: none;}
.s1{background: url('../img/lic1.png'); background-repeat: no-repeat;}
.s2{background: url('../img/lic2.png'); background-repeat: no-repeat;}

#contacto {
  background: #6D8FAB; 
  color:#F7F7F7; 
  /*height: 300px;*/
  padding-bottom: 5px;
}
#contacto h2{margin: 0; padding: 20px;}
#contacto .head{min-height: 60px; height: 60px;}
#contacto .head .contenth{padding: 0;}
#contacto .content{
  background-image: url(../img/icncontacto.gif);
  background-repeat: no-repeat;
  background-position: right top;
  /*height: 200px;*/
}
#contacto .icnmobile,
#footer .icnmobile{background-image: url('../img/mobile_b.png'); }

#footer {
  /*text-align: center;*/
  padding: 20px;
  box-sizing:border-box;-moz-box-sizing:border-box;
  position:relative;
  z-index:2;
  background:#3C4C63;
  width:100%;
  height:auto;
  margin:0;
  -webkit-box-shadow: 90px 6px 5px #333;
  -moz-box-shadow: 90px 6px 5px #333;
  box-shadow: 90px 6px 5px #333;
  color: #F7F7F7;

  padding-bottom: 70px;
  
}
#footer a{color: #deeaf6;}
#footer a:hover{color: #DBAA70;}

.infocontacto a{color: #deeaf6;}
.infocontacto a:hover{color: #DBAA70;}

.pagservicio .head{background-attachment: inherit;}

.imgr{float: right;
  -webkit-box-shadow: 1px 2px 2px #999;
  -moz-box-shadow: 1px 2px 2px #999;
  box-shadow: 1px 2px 2px #999;
  margin-left: 10px;
}
.imgl{float: left;
  -webkit-box-shadow: 1px 2px 2px #999;
  -moz-box-shadow: 1px 2px 2px #999;
  box-shadow: 1px 2px 2px #999;
  margin-right: 10px;
}

#amparo .head{ background-image: url('../img/amparo.jpg');}
#amparo .content {font-size: 20px;}

#corporativo .head{ background-image: url('../img/corporativo.jpg');}
#corporativo .content {font-size: 20px;}

#pagpropiedadint .head{ background-image: url('../img/plans.jpg'); height: 30%;}

#administrativo .head{ background-image: url('../img/administrativo.jpg');}
#administrativo .content {font-size: 22px;}

#civilmercantil .head{ background-image: url('../img/firma.jpg'); height: 22%;}



#mobile #header{text-align: left; height: 165px; 
  min-width: 350px;
}
#mobile .logo{float: none; padding: 5px 0 0 5px; font-size: 0%;}
#mobile .nav{text-align: right; padding: 0 5px 0 0;}
#mobile .nav a{padding: 10px 0;}
#mobile .subnav{text-align: right; margin: 5px 0 0 0;}
#mobile .subnav a{padding: 10px 0;}

#mobile #popidioma{padding: 20px; padding-left: 40px;}

#mobile #home{padding-top: 165px; min-width: 350px;}
#mobile .chr{padding-left: 20%; padding-right: 20px;}

#mobile .head{
  -webkit-background-size: 120%;
  -moz-background-size: 120%;
  -o-background-size: 120%;
  background-size: 120%;
  height: 27%;
  background-attachment: initial;
}
#mobile .head .contenth{font-size: 18px; padding-top: 7%; display: none;}
#mobile #home .content{font-size: 15px;}
#mobile #pagpropiedadint .head .contenth{padding-top: 7%;}
#mobile  #home .head .contenth,
#mobile  #servicios .head .contenth,
#mobile  #socios .head .contenth{display: block;}

#mobile .section{min-width: 350px; height: auto;}
#mobile .letrag{width: 50%;}

#mobile #footer{position: static; width: auto;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  min-width: 350px;
}

#mobile #caratula {margin-left: -30%;}
#mobile #caratula img{width: 80%;}

#mobile .pagservicio{margin-top: 165px;}

#footerfix {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 3;
}
.infocontacto .contacticons{
  margin: 3px;
  margin-bottom: 5px;
  width: 99%;
}
.contacticons{  
  width: 100%;
  background:#6D8FAB;
  color: white;
  text-align: center;
  height: 60px;
  white-space: nowrap;
}
.icncontact{
  display: inline-block; 
  width: 50%; 
  padding: 6px;
  cursor: pointer;
}
.icncontact:hover{background-color: #557086;}


/**Servicios/