@charset "UTF-8";
/* CSS Document */
html, body { margin:0; font-family: 'quicksandlight'; background:#fcf7d4 !important; overflow-x:hidden;  }
a, img { border:none;  text-decoration:none; color:#fcf7d4; } 

#wrap { width:100%;  margin:0 auto; }
 aside { max-width:100%; min-height:780px; margin:0 auto; position:relative; padding-bottom: 150px; }
 header { width:100%;  height:100px; background:#373737; position:fixed; z-index:999999; }

 nav { width:100%; height:95px; margin:-10px auto; font-size:16px;  }
 nav ul { padding: 0; }
 nav ul.menu { width:100%; height:95px; padding-top:5px; text-align: center;  }
 nav ul.menu li { list-style:none; margin:0px; display: inline-block;  vertical-align: middle; margin: 0 5px; color:#fcf7d4; width:120px; text-align:center; }
 nav ul.menu li a { text-decoration:none; color:#fcf7d4; font-family: 'high_tidesans'; font-weight:normal; }
 nav ul.menu li a:hover { color:#f36b32; }
 nav ul.menu li a select { color:#f36b32; }



.submenu_ { width:100%; min-height:auto; position: absolute; top: 100px; left: -100%; z-index:999999999999999999 !important; transition:all 300ms ease;  text-align:center; background:#373737; z-index:999999999999; padding:25px 0;  }
.submenu_ ul li { list-style:none; padding:0; margin: 0;  width: 100%; }
.submenu_ ul li a { font-size:14px; margin:15px auto; margin-left: -40px; display: block; text-transform: uppercase; color:#f36b32; }
.submenu_ ul li a { font-size:14px; margin:15px auto; margin-left: -40px; display: block; text-transform: uppercase; color:#f36b32; }

.aa1 { overflow-y: auto; width: 90%; left: 0;  }
.listo { top: 100px; left: 0%; }



/*
 *  STYLE 3
 */

#style-3::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

#style-3::-webkit-scrollbar-thumb
{
  background-color: #000000;
}





 .ap { font-size:16px; line-height:26px;}
.logo { width:80px;  height:100px; display: inline-block; vertical-align: middle; margin: 0; background:url(../img/logo.png) center; }
.logo:hover { background:url(../img/logo_n.png) center; }
.logo_g { max-width:100%; height:auto; position:absolute; z-index:99; left:0; top:0; }
.mensaje { max-width:850px; height:auto; position:absolute; z-index:99; left:50%; top:38%; margin-left:-25%; color:#fcf6d4; text-align:center; font-size:28px; }
 
 h1 { font-size:141px !important; text-align:center; padding-top:155px; margin:0;  font-family: 'high_tidesans'; font-weight:normal; letter-spacing:16px; }
.equipo h1 { padding-top:200px; }
 h2 { font-size:22px; margin:0px; text-align:center; font-family: 'quicksandlight'; font-weight:normal; letter-spacing:1px;  }
 h3 { width:240px; font-size:22px; text-align:right; margin:0px 20px 19px 0px; padding-top:38px; color:#fdfae2; line-height:24px; font-family: 'high_tidesans';        
      font-weight:normal; text-transform:uppercase; }
 h4 { width:240px; font-size:12px; text-align:right; margin-top:-10px; color:#f36b34; text-transform:uppercase;  font-family: 'high_tidesans'; font-weight:normal; }
 h5 { font-size:19px; text-align:center; margin:0px; }
 h6 { font-size:141px; text-align:center; }
 
 p { font-size:16px; line-height:24px; text-align:center; font-family: 'quicksandlight'; }
.small { font-size:12px;  color:#f36b32;  }
a.small { font-size:12px;  color:#f36b32; display: inline-block;  }

.center { text-align:center; }
 span  { color:#f36b32; }
#icons { width:152px; height:42px; margin:0 auto; text-align:center;}
#icons a { width:42px; height:42px; float:left; margin-right:4px; }
.tw { background:url(../img/tw_n.png) no-repeat ; background-position:0px 100px; width:42px; height:42px; }
.li { background:url(../img/lin_n.png) no-repeat ; background-position:0px 100px; width:42px; height:42px; }
.instagram { background:url(../img/ig_n.png) no-repeat ; background-position:0px 100px; width:42px; height:42px;  }
.tw:hover { background:url(../img/tw_n.png) no-repeat); background-position:0px 0px;   }
.li:hover { background:url(../img/tw_n.png) no-repeat); background-position:0px 0px;   }
.instagram:hover { background:url(../img/ig_n.png) no-repeat); background-position:0px 0px;   }
.tw:hover img { background:url(../img/tw_n.png) no-repeat); background-position:0px 100px;  opacity:0; }
.li:hover img { background:url(../img/lin_n.png) no-repeat); opacity:0; }
.instagram:hover img { opacity:0; }

.arrow { width:44px; height:44px; position:absolute; bottom:50px; right:50px; } 
 
 /* COLORES PARA TEXTOS */
 
.beige { color:#fcf7d4; }
.gris  { color:#373737; }
.naranja { color:#f36b32; }


.esconde { display: none; }
/* REMATES */

.remate_g { height:10px; margin:0 auto 70px auto; }
.remate_c { width:95px; height:1px; margin:45px auto; }
.remate_s { width:35px; height:1px; margin:5px auto; }

/* TAMAÑOS REMATES */
.remate_1 { max-width:400px; }
.remate_2 { max-width:310px; }
.remate_3 { max-width:353px; }

.beige_bg { background:#fcf7d4; }
.gris_bg  { background:#373737; }
.naranja_bg  { background:#f36b32; }

.btn1, .btn2, .btn3, .btn4, .btn5, .btn6 { display:none; transition:all 600ms ease; }

/* ABOGADOS */

#abogados { width:100%; height:40px; text-align:center; padding-top:80px; font-family: 'high_tidesans'; font-size:16px;   }
.abogado { width:auto; height:40px; margin:20px; display:inline-block; vertical-align:top;}
.abogado:hover { color:#f36b32; cursor: pointer; }

#info { width:100%; height:310px; background:#373737; position:absolute; bottom:0px; text-align: center;  color:#fdfae2; z-index:9999; display:none;  }
.txt1 { width:100%; height:240px; display: inline-block; }
.txt2 { width:100%; height:240px; display: inline-block; }

#info h3 { font-size: 22px; }
#info h4 { font-size: 12px; color:#f36b32; letter-spacing:2.8px !important; }
#info { }

.col { width:26% !important; display: inline-block; vertical-align: top; padding-right:5px; box-sizing:border-box; }
.col1 { width:33.3% !important; float:left; vertical-align: top;  padding-left:20px; background:#CC6;  }
.col p  { width:232px; font-size:13px; line-height:14px; text-align:left; padding-top:33px; padding-left:22px !important;  }
.col .remate { width:140px; height:1px; background:#fcf7da; float:right; margin-top:13px;  }
.btn { width:32px; height:32px; background:url(../img/btn.png) no-repeat center; position:absolute; z-index:9999999; right:30px; top:30px; transition:all 300ms ease;  }
.btn:hover {  }

/* TIPOS DE ASIDES */

.index { width:100%; background:#fcf7d4;  }
.despacho { width:100%; background:#fcf7d4; color:#373737;  }
.equipo { width:100%; background:url(../img/fondo_equipo.jpg) no-repeat center right; background-size:cover; color:#fcf7d4; position:relative; }
.soluciones { width:100%; background:#fcf7d4; color:#373737;  }
.clientes { width:100%; background:url(../img/fondo_clientes.jpg) no-repeat center bottom; background-size:cover; color:#fcf7d4;  }
.soluciones { width:100%; background:#fcf7d4; color:#373737;  }
.contacto { width:100%; background:#fcf7d4 url(../img/mapa.png) no-repeat; /*background-position:top; background-size: cover;*/ background-position: center; position:relative;  }
.contact { width:960px; height:640px; margin:0 auto; color:#fcf7d4;   }
.contact div { width:960px; height:475px; position:relative;  }
.contact div .mar { width:150px; height:100px; position:absolute; left:50%; margin-left:-20px; bottom:-10%;  }
.contact a { color:#f36b32; }
.aviso { height:1590px; background:#fcf7d4; text-align:justify; }
.aviso1 { width:730px;  margin:0 auto;}
#izq { position: absolute; width:350px; height:250px; top: 350px; left: 0,  text-align:center; font-weight: bold;  position:absolute; background: rgba(252, 247,212,0.8);}
#izq a {  color:#373737; }
#izq a:hover {  color:#f36b32; }
.contacto .arrow { bottom: 25px; }



.carousel { }

.carousel-cell {
  width: 100%;
  height: auto;
  margin-right: 1px;
  position: relative;
}

.carousel-cell img {
  width: 100%;
  height: auto;
}

ol.flickity-page-dots{ width:auto; height:100%; z-index:90; padding-top: 140px; top:350px; right:45%; }
ol.flickity-page-dots> li.dot{ background:none; border:#fff solid 1px; background:#fff; opacity:1; margin:0 17px 0 0; width:10px; height:10px; }
ol.flickity-page-dots> li.dot.is-selected{ border:#f65720 solid 1px; background:#f65720; }


.burger { width:50px; height:50px;  position:absolute; top:25px; right:25px; display: none; cursor: pointer; }

.burger img { width:50px; }



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

      }

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


      }

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

    	 .hidden-sm { display: none; }
    	 .burger { width:50px; height:50px;  position:absolute; top:25px; right:25px; display: inline; }
    	 .logo { width:130px;  height:100px; position: absolute; left: 0px; top:0px; background:url(../img/logo.png) center; }
    	  #izq { position: relative; width:50%; height:auto; top: 550px; left: 0; margin: 0 auto 0 auto;  text-align:center; font-weight: bold;  position:absolute; background: rgba(252, 247,212,0.8);}
        
.col { width:100% !important; display: inline-block; vertical-align: top; padding-right:5px; box-sizing:border-box; }
.col p { width:70% !important;  }    	 

      }

    @media only screen and (max-width : 750px) {
    	 h1 { font-size:75px !important;  letter-spacing:5px; }
		.equipo h1 { padding-top:200px; }
		 h2 { font-size:16px !important; margin:0px; text-align:center; font-family: 'quicksandlight'; font-weight:normal; letter-spacing:1px;  }
		 h2 br { display: none;}
		 h3 { width:240px; font-size:16px !important; text-align:right; margin:0px 20px 19px 0px; padding-top:38px; color:#fdfae2; line-height:24px; font-family: 'high_tidesans';        
		      font-weight:normal; text-transform:uppercase; }
		 h3 br { display: none;}
		 h4 { width:240px; font-size:12px; text-align:right; margin-top:-10px; color:#f36b34; text-transform:uppercase;  font-family: 'high_tidesans'; font-weight:normal; }
		 h5 { font-size:19px; text-align:center; margin:0px; }
		 h6 { font-size:141px; text-align:center; }
    	p br { display:none;}

    	.arrow { bottom: 20px; right: 20px; }

    	 #izq { position: relative; width:100%; height:auto; top: 550px; left: 0; margin: 0 auto 0 auto;  text-align:center; font-weight: bold;  position:absolute; background: rgba(252, 247,212,0.8);}
        


        .mensaje {  width: 100%; margin-left: 0; left: 0; font-size: 16px; padding: 0 3%;  box-sizing:border-box; }
    	.mensaje br { display: none; }
      .esconde { display: inline; bottom: 140px; }
    	nav ul.menu li a { font-size: 12px; }    	 aside { padding: 0 3%;  box-sizing:border-box;}
    	 ol.flickity-page-dots{ width:auto; height:100%; z-index:90; padding-top: 140px; top:140px; }
  
      }

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

    	 h1 { font-size:35px !important;  letter-spacing:auto; }
		.equipo h1 { padding-top:200px; }
		 h2 { font-size:16px; margin:0px; text-align:center; font-family: 'quicksandlight'; font-weight:normal; letter-spacing:1px;  }
		 h3 { width:100%; font-size:16px; text-align:right; margin:0px 20px 19px 0px; padding-top:38px; color:#fdfae2; line-height:24px; font-family: 'high_tidesans';        
		      font-weight:normal; text-transform:uppercase; }
		 h4 { width:240px; font-size:12px; text-align:right; margin-top:-10px; color:#f36b34; text-transform:uppercase;  font-family: 'high_tidesans'; font-weight:normal; }
		 h5 { font-size:19px; text-align:center; margin:0px; }
		 h6 { font-size:35px; text-align:center; }
    	p br { display:none;}

        ol.flickity-page-dots{ width:auto; height:100%; z-index:90; padding-top: 140px; top:20px; display: none; }
       .mensaje { font-size: 12px; padding-bottom: 15px; }
        .remate_c  { display: none; }
        .equipo { height: auto; }

#info { width:100%; height:310px; background:#373737; position:absolute; bottom:0px; text-align: center;  color:#fdfae2; z-index:9999;  }
.txt1 { width:100%; height:240px; display: inline-block;  }
.txt2 { width:100%; height:240px; display: inline-block; }

#info h3 { font-size: 22px; text-align: left; }
#info h4 { font-size: 12px; text-align: left; color:#f36b32; }
#info { }

.col { width:100% !important; display: inline-block; vertical-align: top; padding-right:3%; box-sizing:border-box; text-align: left; }
.col1 { width:100% !important; float:left; vertical-align: top;  padding-left:3%; background:#CC6; text-align: left;  }
.col p  { width:232px; font-size:13px; line-height:14px; text-align:left; padding-top:33px; padding-left:3% !important;  }
.col .remate { width:140px; height:1px; background:#fcf7da; float:right; margin-top:13px;  }
.btn { width:32px; height:32px; background:url(../img/btn.png) no-repeat center; position:absolute; z-index:9999999; right:30px; top:30px; transition:all 300ms ease;  }
.btn:hover {  }

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