<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {box-sizing: border-box;}

@font-face {
    font-family: "bodoni";
    font-style: normal;
    font-weight: normal;
    src: local("?"), url("/fonts/bodoni/BOD_D.ttf") format("truetype");
}

body { 
  margin: 0;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
  min-width: 320px;
}

h1{
  font-size: 40px;
  color:#1D426E;
}

h2{
  font-size: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.flecha_arriba{
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 999;
	width: 50px;
	height: 50px;
	display: none;
	transition: 2s;
}

.texto_blanco{
  color: white;
}

.flecha_arriba img{
	width: 50px;
	height: 50px;
}

.titulo{
  background-color: #1D426E;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
}

.titulo_facturacion{
  border-style: solid;
  border-width: thin;
  border-color: #019DA4;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  color: #019DA4;
  font-size: 20px;
  margin-bottom: 15px;
}

.titulo_facturacion:hover{
  background-color: #019DA4;
  color:white;
  cursor: pointer;
}

.colonya_contacto{
  border-style: solid;
  border-width: thin;
  border-color: #77C941;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  color: #77C941;
  font-size: 20px;
  margin-bottom: 15px;
}

.colonya_contacto:hover{
  background-color: #77C941;
  color:white;
  cursor: pointer;
}

.colonya_consultas{
  border-style: solid;
  border-width: thin;
  border-color: #3AADC7;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  color: #3AADC7;
  font-size: 20px;
  margin-bottom: 15px;
}

.colonya_consultas:hover{
  background-color: #3AADC7;
  color:white;
  cursor: pointer;
}



.titulo_facturacion_logo{
  position: absolute;
  top: -20px;
  left: -80px;
}

.titulo_facturacion_logo img{
  width: 25%;
}

.titulo_facturacion_empresa{
  background-color: #019DA4;
  color: white;
  font-size: 20px;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.titulo_contacto{
  font-size: 16px;
  padding-left: 15px;
  padding-right: 15px;  
}

.contacto_descripcion{
  font-size: 14px;
  line-height: 1;
}

.maps {
  width: 80%;
  height: 400px;
  display: block;
  cursor: pointer;
  float: center;
  border: 0;
  margin: auto;
}

#navbar {
  overflow: hidden;
  background-color: #1D426E;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 98;
  border-color: #1D426E;
  border-style: solid;
  border-width: thin;
}

#navbar a {
  float: left;
  color: black;
  text-align: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-right: 12px;
  padding-left: 12px;
  text-decoration: none;
  font-size: 14px; 
  line-height: 15px;
  border-radius: 4px;
  color: white;
}

#navbar #logo {
  font-size: 20px;
  font-weight: bold;
  transition: 0.4s;
}

#navbar a:hover {
  background-color: #A0A2A1;
  color: white;
}

#navbar a.active {
  background-color: #f1f1f1;
  color: #1D426E;
}

#navbar-right {
  float: right;
  padding-top: 20px;
  padding-right: 20px;
}

#menubar {
  overflow: hidden;
  background-color: #1D426E;
  padding: 5px 10px;
  transition: 0.4s;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 99;
  display: none;
  border-color: #1D426E;
  border-style: solid;
  border-width: thin;  
}

#menubar a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px; 
  line-height: 25px;
  border-radius: 4px;
}

#menubar #logo {
  font-size: 25px;
  font-weight: bold;
  transition: 0.4s;
}

#menubar a:hover {
  background-color: #A0A2A1;
  color: white;
}

#menubar a.active {
  background-color: #1D426E;
  color: white;
}

#menubar-right {
  float: right;
  padding-top: 5px;
}

#menubar .icon{
  font-size: 25px;
  color: white;
}

.logo, .logo_mobile{
  content: url("imagenes/logo_blanco.png");
  width:200px;
  padding: 2px;
  border-radius: 5px;
}

.usuari{
  text-align: center;
  color: white;
  text-decoration: bold;
  background-color: #1D426E;
  padding-top: 1px;
  padding-bottom: 1px;
}

.presentacion{
  margin-top:110px;
  text-align: center;
}

.presentacion2{
  text-align: center;
  font-size:30px;
}
.servicios{
  background-color: #E5E5E5;
  color:#ffffff;
  display:inline-block;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.servicios_new_design{
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-color: white;
  border: 1px solid white;
  float: left;
  width: 18%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;  
  text-align: center;  
  margin: 10px;
  cursor: pointer;
  transition: 0.3s;
}

.servicios_new_design img{
  transition: 1s;
}

.servicios_new_design:hover img{
  transform: rotateY(360deg);
}

.servicios_new_design:before {
  content: "";
  display: block;
  width: 0%;
  margin-left: auto;
  margin-right: auto;
  height: 3px;  
  background-color: white;
  transition: all .3s;
  border-radius: 3px;
  filter: blur(4px);  
  opacity: .5;
}

.servicios_new_design:after {
  content: "";
  display: block;
  width: 0px;
  margin-left: auto;
  margin-right: auto;  
  height: 4px;
  background-color: white;
  transition: all .3s;
  border-radius: 3px;
}

.servicios_new_design:hover:before {
  width: 100%;
}

.servicios_new_design:hover:after {
  width: 100%;
}

.servicios_new_design_apartados{
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-color: white;
  border: 1px solid white;
  width: 18%;
  min-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;  
  text-align: center;  
  cursor: pointer;
}

.brillo:before{
  content: "";
  position: absolute;
  display: block;
  height: 5px;
  background-color: white;
  left:-50px;
}

.brillo:hover:before{
  content: "";
  position: absolute;
  display: block;
  height: 5px;
  background-color: white;
  left:-50px;
}

.download{
  width: 175px;
  height: 50px;
  text-decoration: none;
  position: absolute;
  left:0%;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
}

.text-1, .text-2{
  position: absolute;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-origin: 50% 50% -25px;
  transition: all 0.3s;
  border-radius: 5px;
}

.text-1{
  transform: rotateX(0deg);
  background-color: white;
  color: black;
  border-color: red;
  border-width: thin;
  border-style: solid;
}

.text-2{
  transform: rotateX(90deg);
  background-color: #8B8B8B;
  color: white;
  border-color: white;
  border-width: thin;
  border-style: solid;  
}

.image-1{
  content: url("imagenes/adobe_logo.png");
  height: 40px;
  transform: translateX(-10px);
}

.image-2{
  content: url("imagenes/download.png");
  height: 30px;
  transform: translateX(10px);
}

.download:hover .text-1{
  transform: rotateX(-90deg);
}

.download:hover .text-2{
  transform: rotateX(0deg);
}

.fondo_blanco{
  background-color: #FFFFFF;
}

.fondo_rojo{
  background-color: #A51F38;
}

.fondo_turquesa{
  background-color: #48849A;
}

.fondo_lila{
  background-color: #C41067;
}

.fondo_amarillo{
  background-color: #ECB743;
}

.fondo_gris{
  background-color: #6D6D6D;
}

.fondo_azul{
  background-color: #0059B2;
}

.fondo_gris_oscuro{
  background-color: #405664;
}

.fondo_verde{
  background-color: #4BB243;
}

.fondo_naranja{
  background-color: #FEA61C;
}

.fondo_focus_wassap:hover{
  background-color: #2CB740;
}

.fondo_focus_telegram:hover{
  background-color: #31A9DD;
}

.fondo_focus_messenger:hover{
  background-color: #0175FF;
}

.fondo_focus_facebook:hover{
  background-color: #00539F;
}

.fondo_focus_twitter:hover{
  background-color: #8DE2FF;
}

.fondo_focus_youtube:hover{
  background-color: #C82528;
}

.facturacion_detalle{
  background-color: #8B8B8B;
  color:#ffffff;
  display:inline-block;
  width: 100%;
  padding-bottom: 30px;
  text-align: center;
}

.servicios_div_ppal{
  background-color: #405664;
  float: left;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  width: 23%;
  list-style-type: none;
  border: 1px solid #fff;
  margin: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;  
  border-radius: 5px;
  box-shadow: 5px 5px 5px black;  
}

.servicios_div_ppal_traspaso{
  background-color: #405664;  
  float: none; 
  width: 50%; 
  margin-left: auto; 
  margin-right: auto;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  list-style-type: none;
  border: 1px solid #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;  
  border-radius: 5px;
  box-shadow: 5px 5px 5px black;    
}

.servicios_div_ppal:hover, .servicios_div_ppal_traspaso:hover {
  box-shadow: 0px 0px 40px white;
  cursor:pointer;
}

.servicios_div_ppal_datos{
  background-color: #405664;
  float: left;
  text-align: justify;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  width: 45%;
  list-style-type: none;
  border: 1px solid #fff;
  margin: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;  
  border-radius: 5px;
  line-height: 1.5;
}

.servicios_div_ppal_datos:hover {
  box-shadow: 0 0px 30px 0 rgba(255,255,255,0.6);
  cursor:pointer;
}

.contacto{
  display:inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.whatsapp{
  float: left;
  width: 15%;
}

.telegram{
  float: left;
  width: 15%;
}

.messenger{
  float: left;
  width: 15%;
}

.facebook{
  float: left;
  width: 15%;
}

.twitter{
  float: left;
  width: 15%;
}

.youtube{
  float: left;
  width: 15%;
}

.imagen-pointer{
  cursor: pointer;
  width: 150px;
  -webkit-transition: 0.3s;
  transition: 0.3s;      
}

.imagen-pointer-big{
  cursor: pointer;
  width: 300px;
  -webkit-transition: 0.3s;
  transition: 0.3s;      
}

.imagen-pointer-blog{
  cursor: pointer;
  width: 180px;
  -webkit-transition: 0.3s;
  transition: 0.5s;      
}

.imagen-pointer-blog:hover{
  cursor: pointer;
  border-radius:50%;
  -webkit-border-radius:50%;
  box-shadow: 0px 0px 15px 15px #1D426E;
  -webkit-box-shadow: 0px 0px 15px 15px #1D426E;
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);  

}

.imagen-pointer-colegios{
  cursor: pointer;
  width: 200px;
  -webkit-transition: 0.3s;
  transition: 0.3s;      
}

.imagen-pointer-colegios:hover{
  cursor: pointer;
  width: 220px;
}

.imagen-pointer-servicios{
  cursor: pointer;
  width: 90%;
  -webkit-transition: 0.3s;
  transition: 0.3s;      
  box-shadow: 5px 5px 5px black;  
}

.iconos{
  cursor: pointer;
}

/* Create three columns of equal width */
.tarifas{
  background-color: #405664;
  display: inline-block;
  color:#ffffff;
  width: 100%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}

.tarifas div{
  width: 25%;
  padding: 8px;
  float: left;
  margin-left:5%;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;    
}

/* Style the list */
.price {
  list-style-type: none;
  border: 1px solid #fff;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* Add shadows on hover */
.price:hover {
  box-shadow: 0 0px 30px 0 rgba(255,255,255,0.6)
}

/* Pricing header */
.price .header {
  color: white;
  font-size: 25px;
}

/* List items */
.price li {
  padding: 20px;
  text-align: center;
}

/* Grey list item */
.price .grey {
  font-size: 60px;
}

.lletra12{
  font-size: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;  
}

.lletra14{
  font-size: 14px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;  
  border-color: #1D426E;
  border-width: thin;
  border-style: solid;
  padding: 5px;
  line-height: 1.5;
  border-radius: 5px;
}


.lletra14:focus{
  color:black;
  border-color: white;
  border-width: 2px;
  border-style: solid;
  outline: none;
  line-height: 1.5;
  border-radius: 5px;
}

/* The "Sign Up" button */


.blog{
  display:inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.llamada{
  background-color: #8BA5B6;
  color:#ffffff;
  display:inline-block;
  width: 100%;
  text-align: center;
}

.llamada_img_ayuda{
  width: 300px;
}

.llamada_desglose{
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
}

.llamada_div{
  border-width: thin;
  border-radius: 5px;
  border-color: white;
  border-style: solid;
  width: 45%;
  float: left;
  margin: 15px;
  text-align: center;
}

.llamada div img{
  width: 90%;
  border-radius: 5px;
}

.llamada_label{
  text-align: justify;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.personales_div{
  border-width: thin;
  border-radius: 5px;
  border-color: white;
  border-style: solid;
  width: 25%;
  float: left;
  margin: 15px;
  text-align: center;
}

.personales_div:hover {
  box-shadow: 0px 0px 40px white;
  cursor:pointer;
}

.personales_div img{
  cursor: pointer;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 50%;
  
}

.personales_desglose{
  width: 35%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 185px;
}

.blog_label{
  text-align: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}

.blog_label_centro{
  text-align: center;
  position: relative;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5;
}


.button {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 10px 30px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 15px;
  outline: none;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button:hover span, .button:focus span {
  padding-right: 25px;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -40px;
  transition: 0.5s;
}

.button:hover span:after, .button:focus span:after {
  opacity: 1;
  right: -10px;
}

/* Blue */
.info {
  border-color: #1D426E;
  background-color: #1D426E;
  color: white;
}

.info:hover, .info:focus {
  border-color: white;
  color: white;
}

.info_white {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  color: #1D426E;
}

.info_white:hover, .info_white:focus {
  border-color: white;
  color: #1D426E;
}

.wassap{
  background-image: url('imagenes/telwasap.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #77C941;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 15px;
  outline: none;  
  height: 50px;
  width: 20%;
  transition: 0.5s;
}

.centralita{
  background-image: url('imagenes/centralita.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #2292D0;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 15px;
  outline: none;  
  height: 50px;
  width: 20%;
  transition: 0.5s;
}

.www{
  background-image: url('imagenes/www.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #031E39;
  cursor: pointer;
  border-radius: 5px;
  margin-bottom: 15px;
  outline: none;  
  height: 50px;
  width: 20%;
  transition: 0.5s;
}

.citaprevia{
  height: 130px;
}

.form-field {
  float: left;
  width: 100%;
  padding: 8px 16px;
  font-weight: 500;
  font-family: "Mukta Malar", Arial;
  margin-right: 5px;
  margin-left: 5px;
  border-radius: 6px;
  -webkit-appearance: none;
  color:#1D426E;
  border: 1px solid var(--input-border);
  background: white;
  transition: border 0.3s ease;
  cursor: pointer;
}
.form-field::-moz-placeholder {
  color: var(--input-placeholder);
}
.form-field:-ms-input-placeholder {
  color: var(--input-placeholder);
}
.form-field::placeholder {
  color: var(--input-placeholder);
}
.form-field:focus {
  outline: none;
  border-color: var(--input-border-focus);
}

.mailing{
  width: 50%; 
  margin: auto;
  background: url('imagenes/maling_list.png');
  background-repeat: no-repeat;
  background-size: contain;

}

.mailing_input{
  width: 40%; 
  float: none;
}

.wassap:hover, .centralita:hover, .www:hover{
  width: 25%
}

.ayuda{
  display:inline-block;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
}

.wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  padding: 20px 0;
}

.input100 {
  color: #000000;
  line-height: 1.2;
  margin-left: 15px;
  display: block;
  width: 50%;
  height: 40px;
  background-color: #ffffff
  padding: 0 10px 0 20px;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  width: 90%;
  font-size: 14px;
}

.focus-input100 {
  position: absolute;
  display: block;
  margin-left: 15px;
  width: 90%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0;
  height: 1px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #d41872;
  background: -webkit-linear-gradient(left, #a445b2, #d41872, #fa4299);
  background: -o-linear-gradient(left, #a445b2, #d41872, #fa4299);
  background: -moz-linear-gradient(left, #a445b2, #d41872, #fa4299);
  background: linear-gradient(left, #a445b2, #d41872, #fa4299);
}

.focus-input100::after {
  font-size: 14px;
  color: #999999;

  display: block;
  width: 100%;
  position: absolute;
  top: 40px;
  left: 35px;
 

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.input100:focus {
  padding-left: 5px;
}

.input100:focus + .focus-input100::after {
  left: 23px;
  color: #d41872;
}

.input100:focus + .focus-input100::before {
  width: 100%;
}

.login100-form {
  border-radius: 10px;
  background-color: #A9CBF0;
  padding-top: 15px;
  width: 30%;
  margin: auto;
  -webkit-transition: 0.3s;
  transition: 0.3s;   
}

.avisos{
  background-color: #f1f1f1;
  color:#000000;
  display:inline-block;
  width: 100%;
  text-align: center;
  font-size: 12px;
}

.avisolegal{
  width: 75%;
  text-align: justify;
  margin:auto;
}

.links{
  text-decoration: none;
  color:#ffffff;
}

.links:hover{
  color:#6BE1FF; 
}

.datos{
  background-color: #405664;
  color:#ffffff;
  display:inline-block;
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
  text-align: justify;
}

.gestoria_servicios{
  background-color: #8B8B8B;
  color:#ffffff;
  display:inline-block;
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
}

.gestoria_div_ppal{
  background-color: #405664;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;
  width: 400px;
  list-style-type: none;
  border: 1px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-left: auto;
  margin-right: auto;
  border-radius: 5px;
  box-shadow: 5px 5px 5px black;  
}

.blog_caledario img{
  width: 100px;
  height: auto;        
  content: url("imagenes/schedule.png");
}

.blog_sex img{
  width: 100px;
  height: auto;        
  content: url("imagenes/sex.png");
}

.blog_autonomo img{
  width: 100px;
  height: auto;        
  content: url("imagenes/autonomo.png");
}

.blog_camera img{
  width: 100px;
  height: auto;        
  content: url("imagenes/camera.png");
}

.blog_jornada img{
  width: 100px;
  height: auto;        
  content: url("imagenes/clock.png");
}

.blog_48horas img{
  width: 100px;
  height: auto;        
  content: url("imagenes/48hours.png");
}
.gestoria_dgt img{
  width: 100px;
  height: auto;        
  content: url("imagenes/dgt_icon.png");
}

.gestoria_dgt:hover img{
  content: url("imagenes/dgt_icon_hover.png");
}

.gestoria_dni img{
  width: 100px;
  height: auto;        
  content: url("imagenes/dni_icon.png");
}

.gestoria_dni:hover img{
  content: url("imagenes/dni_icon_hover.png");
}

.gestoria_anagrama img{
  width: 100px;
  height: auto;        
  content: url("imagenes/anagrama_icon.png");
}

.gestoria_anagrama:hover img{
  content: url("imagenes/anagrama_icon_hover.png");
}

.gestoria_sepa img{
  width: 100px;
  height: auto;        
  content: url("imagenes/sepa_icon.png");
}

.gestoria_sepa:hover img{
  content: url("imagenes/sepa_icon_hover.png");
}

.gestoria_segsoc img{
  width: 100px;
  height: auto;        
  content: url("imagenes/segsocial_icon.png");
}

.gestoria_segsoc:hover img{
  content: url("imagenes/segsocial_icon_hover.png");
}

.gestoria_notaria img{
  width: 100px;
  height: auto;        
  content: url("imagenes/notaria_icon.png");
}

.gestoria_notaria:hover img{
  content: url("imagenes/notaria_icon_hover.png");
}

.gestoria_suministros img{
  width: 100px;
  height: auto;      
  content: url("imagenes/suministros_icon.png");
}

.gestoria_suministros:hover img{
  content: url("imagenes/suministros_icon_hover.png");
}

.gestoria_consell img{
  width: 100px;
  height: auto;      
  content: url("imagenes/consell_icon.png");
}

.gestoria_consell:hover img{
  content: url("imagenes/consell_icon_hover.png");
}

.gestoria_caib img{
  width: 100px;
  height: auto;    
  content: url("imagenes/caib_icon.png");
}

.gestoria_caib:hover img{
  content: url("imagenes/caib_icon_hover.png");
}

.gestoria_ayto img{
  width: 100px;
  height: auto;  
  content: url("imagenes/ayto_icon.png");
}

.gestoria_ayto:hover img{
  content: url("imagenes/ayto_icon_hover.png");
}


.contacto_llamada{
  color: white;
}

.software{
  display:inline-block;
  width: 100%;
  text-align: center;
  background-color: white;
  color:black;  
  padding-bottom: 30px;
}

.facturacion{
  display:inline-block;
  width: 100%;
  text-align: center;
  color:black;    
}
  
.software_units{
  position: relative;
  float: left;
  width: 30%;  
  color: white;
  border-radius: 5px;
  border-style: solid;
  border-color: black;
  border-width: thin;  
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;  
  border-radius: 5px;
  box-shadow: 5px 5px 5px black;   
  cursor: pointer;
}

.software_units:hover{
  background-color: #1D426E;
}

.software_units:hover p{
  color: white;
}

.software_units .impuestos {
  position: absolute;
  left:20px;  
  top:3px;
  padding-left: 15px;
  width: 80px;
}

.software_units .gestion {
  position: absolute;
  left:20px;
  top:3px;
  padding-left: 15px;
  width: 80px;
}

.software_units .contabilidad {
  position: absolute;
  left:20px;
  top: 3px;
  padding-left: 15px;
  width: 80px;
}

.software_units p {
  text-align: justify;
  width: 100%;
  color: black;
  line-height: 2;
  padding-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.software_units_1-4{
  width: 22%;
}

.tabla{
  display: table;
  margin-left: auto;
  margin-right: auto;
  width: 50%;  
  color: black;  
}

.tabla_titulo{
  display: table-caption;
  text-align: center;
  font-size: large;
  color: white;
  margin-bottom:15px;
}

.tabla_heading{
  display: table-row;
  font-weight: bold;  
  text-align: center;
  background-color: #1D426E;
  color: white;
}

.tabla_heading_corner_left{
  border-radius: 6px 0 0 0;  
}

.tabla_heading_corner_right{
  border-radius: 0 6px 0 0;
}

.tabla_fila{
  display: table-row; 
  background-color: #f1f1f1;
  transition: 0.3s;
}

.tabla_fila:hover{
  cursor: pointer;
  background-color: #019DA4;
  color: white;
}

.tabla_celda, .tabla_celda_sino{
  display: table-cell;
  border:solid;
  border-width: thin;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-color: #1D426E;
  border-style: solid;
  border-width: thin;    
  vertical-align: middle;  
}

.tabla_celda_select{
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 20px;  
  font-weight: bold;
}

.lupa{
  width: 35px;
  transform: translate(10px,8px);
  cursor: pointer;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  transition: 0.5s;
}

/* Modal Content/Box */
.modal-content {
  background-color: #019DA4;
  margin: 10% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  border-radius: 5px;
  width: 30%; /* Could be more or less, depending on screen size */
  height: 50%;
  overflow-y: auto;
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-top: 12px;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#filtro_empresas {
  background-image: url('imagenes/lupa.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  background-size: 22px;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#seleccion_empresas {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#seleccion_empresas tr.datos {
  text-align: left;
  padding: 12px;
  background-color: white;
  color: black;
  cursor: pointer;
  transition: 0.3s;
}

#seleccion_empresas tr {
  border-bottom: 1px solid #ddd;
}

#seleccion_empresas tr.header, #seleccion_empresas tr.datos:hover {
  background-color: #1D426E;
  color: white;
  text-align: left;
  padding: 12px;  
}

#seleccion_empresas tr.datos:hover {
  background-color: #027378;
  color: white;
  text-align: left;
  padding: 12px;  
}

#seleccion_empresas th.header{
  text-align: left;
  padding: 12px;   
}

#seleccion_empresas tr.seleccionada td{
  color: white;
  background-color: #8B8B8B;
  text-align: left;
  padding: 12px;     
  cursor: no-drop;
}

.particulares_servicios{
  color: white; 
  height: 130px; 
  font-size: 25px; 
  border-radius: 5px; 
  vertical-align: middle; 
  padding-top: 14px;
}

.presupuesto {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-color: white;
  border: 1px solid white;
  width: 18%;
  min-width: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 15px;  
  cursor: pointer;  
  height: 130px;
  background-color: #FEA61C;
  position: relative;
  text-align: center;
  transition: 1s;
  color: white;
}


.secciones{
  line-height: 3;
  padding-right: 10px;
  padding-left: 10px;
  text-align: left;
}

.homemenu{
  color: white; 
  height: 130px; 
  font-size: 25px; 
  border-radius: 5px; 
  vertical-align: middle; 
  padding-top: 14px;
  animation: 0.5s;
}

.homemenu:before{
  color: white; 
  height: 130px; 
  font-size: 25px; 
  border-radius: 5px; 
  vertical-align: middle; 
  padding-top: 14px;
  animation: 0.5s;
  background-color: black;
  opacity: 1;
}

.homemenu:hover{
  
}


}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width: 1480px) {
.servicios_div_ppal {
  font-size: 14px;
  width: 80%;
}


.servicios_div_ppal_datos{
  font-size: 14px;
  width: 45%;
}

.login100-form {
  width: 40%;
}

.modal-content {
  width: 40%; 
}

.personales_desglose{
  padding-left: 115px;
}

.llamada_div{
  width: 80%;
  margin: 15px;
}

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width: 1300px) {

.servicios_new_design{
  width: 30%;
}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width: 1200px) {
h1{
  font-size: 36px;
} 
h2{
  font-size: 18px;
}

.servicios_new_design{
  font-size: 14px;
  width: 30%;
}

.servicios_div_ppal_datos{
  width: 30%;
}
.whatsapp{
  width: 30%;
}

.telegram{
  width: 30%;
}

.messenger{
  width: 30%;
}

.facebook{
  width: 30%;
}

.twitter{
  width: 30%;
}

.youtube{
  width: 30%;
}

.price .grey {
  font-size: 40px;
}
.login100-form {
  width: 50%;
}
.llamada_desglose{
  width: 80%;
  padding-left: 15px;
}

.software_units{
  width: 45%;
}

.modal-content {
  width: 50%; 
}

.personales_desglose{
  padding-left: 85px;
}

.mailing{
  width: 70%;
}

.servicios_div_ppal{
  width: 80%;
}

}


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width: 1000px) {
h1{
  font-size: 36px;
} 
h2{
  font-size: 16px;
}

.price .grey {
  font-size: 30px;
}
.login100-form {
  width: 60%;
}
.llamada_desglose{
  width: 95%;
  padding-left: 15px;
}

.blog_label, .blog_label_centro{
  width: 70%;
}

.modal-content {
  margin: 20% auto; /* 15% from the top and centered */
}

.modal-content {
  width: 55%; 
}

.close {
  padding-top: 8px;
}

.servicios_div_ppal_traspaso{
  width: 75%;
}


.servicios_new_design{
  width: 40%;
}

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width: 860px) {
  /* Hide the links inside the navigation menu (except for logo/home) */
#navbar {
  display: none;
}

#menubar {
 display: block;
 float:right;

}

#navbar {
    padding: 20px 15px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
  }
#navbar a {
  float: none;
  display: block;
  text-align: left;
  font-size: 16px;
}
#navbar-right {
  float: none;
}
.servicios_div_ppal{
  width: 80%;
}

.servicios_new_design{
  width: 45%;
}

.servicios_div_ppal_datos{
  width: 95%;
}
.price .grey {
  font-size: 20px;
}
.login100-form {
  width: 70%;
}
.avisolegal{
 font-size: 14px;
}

.modal-content {
  width: 60%; 
}

.personales_desglose{
  padding-left: 105px;
}

.personales_desglose{
  width: 55%;
}


}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width: 800px) {  
.tarifas div{
  width: 44%;
}
}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width: 600px) {
h1{
  font-size: 20px;
}
h2{
  font-size: 14px;
}
.titulo_contacto{
  font-size: 12px;
}
.servicios_div_ppal, .servicios_new_design{
  width: 95%;
} 
.contacto_descripcion{
  font-size: 12px;
}
.contacto_llamada{
  font-size: 12px;
}
.datos{
  font-size: 12px;
}
.tarifas div{
  width: 95%;
  margin:10px;
}

.login100-form {
  width: 80%;
}
.button {
  padding: 8px 16px;
  font-size: 12px;
}
.llamada_desglose{
  width: 95%;
  padding-left: 5px;
}
.llamada_div{
  width: 95%;
  margin: 10px;
}

.blog_label{
  width: 80%;
  text-align: justify;
}

.blog_label_centro{
  width: 80%;
}

.software_units{
  width: 95%;
  margin-left: 5px;
  margin-right: 5px;    
}

.software_units p {
  font-size: 12px;
  padding-top: 30px;
}

.tabla_celda_sino, .titulo_facturacion_logo{
  display: none;
}

.titulo_facturacion_empresa{
  font-size: 14px;
}

.lupa{
  width: 30px;
}

.modal-content {
  margin: 30% auto; /* 15% from the top and centered */
}

.modal-content {
  width: 70%; 
}

#filtro_empresas {
  font-size: 12px;
 }

#seleccion_empresas th.header{
  font-size: 12px;
}

#seleccion_empresas tr.seleccionada td{
  font-size: 12px;  
} 

.close {
  font-size: 20px;
}

.personales_desglose{
  padding-left: 95px;
}

.personales_desglose{
  width: 75%;
}

.titulo_facturacion_empresa{
  font-size: 12px;
}

.tabla{
  width: 90%;
}

.box_shadow_black{
  box-shadow: 10px 5px 5px black;  
}

#archivo_facturacion{
  content: url("imagenes/facturas_movil.png");
  border-radius: 5px;
}

#archivo_facturacion_bn{
  content: url("imagenes/facturas_movil_bn.png");
  border-radius: 5px;
}

#archivo_impuestos{
  content: url("imagenes/impuestos_movil.png");
  border-radius: 5px;
}

#archivo_impuestos_bn{
  content: url("imagenes/impuestos_movil_bn.png");
  border-radius: 5px;
}

#archivo_laboral{
  content: url("imagenes/laboral_movil.png");
  border-radius: 5px;
}

#archivo_laboral_bn{
  content: url("imagenes/laboral_movil_bn.png");
  border-radius: 5px;
}

#archivo_informes{
  content: url("imagenes/informes_movil.png");
  border-radius: 5px;
}

#archivo_informes_bn{
  content: url("imagenes/informes_movil_bn.png");
  border-radius: 5px;
}

#archivo_documentos{
  content: url("imagenes/documentos_movil.png");
  border-radius: 5px;
}

#archivo_documentos_bn{
  content: url("imagenes/documentos_movil_bn.png");
  border-radius: 5px;
}

#archivo_compartir{
  content: url("imagenes/compartir_movil.png");
  border-radius: 5px;
}

#archivo_compartir_bn{
  content: url("imagenes/compartir_movil_bn.png");
  border-radius: 5px;
}

.servicios_1-4{
  width: 44%;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;  
}

.servicios_div_ppal_traspaso{
  width: 90%;
}

.logo{
  visibility: hidden;
}

.mailing{
  width: 100%;
}

.citaprevia{
  font-size: 20px;
}

.particulares_servicios, .homemenu{
  width: 75%;
}


}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
@media screen and (max-width: 400px) {

.gestoria_div_ppal{
  width: 375px;
}
.lletra14{
  font-size: 12px;
}

.llamada_img_ayuda{
  width: 200px;
}

.modal-content {
  width: 80%; 
  height: 80%;
}

.close {
  padding-top: 6px;
}

.personales_desglose{
  padding-left: 55px;
}

.personales_desglose{
  width: 95%;
}

.particulares_servicios, .homemenu{
  color: white; 
  height: 130px; 
  font-size: 15px; 
}

}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 

/*MINI MOBILES*/
@media (max-width:320px){

#navbar a {
  font-size: 14px;
}

.gestoria_div_ppal{
  width: 320px;
}
}</pre></body></html>