/*



Theme Name: Avada Child



Description: Child theme for Avada theme



Author: ThemeFusion



Author URI: https://theme-fusion.com



Template: Avada



Version: 1.0.0



Text Domain:  Avada



*/







/* Estilos estructurales y reset */







html {



  box-sizing: border-box;



  font-size: 10px !important;



}



*,



*::before,



*::after {



  box-sizing: inherit;



  font-style: normal;



}



img {



  height: auto;



  max-width: 100%;



}



.altOcultar {



  clip: rect(0 , 0 , 0 , 0);



  position: absolute;



}



header,



		hgroup



	nav,



	section,



		article,



			figure,



			time,



	main,



	footer {



		display: block;	



	}



	.altOcultar {



		clip: rect(0 , 0 , 0 , 0);



		position: absolute;



	}



	.upper {



		text-transform: uppercase;



	}







/* codigo para ocultar el espacio dejado por el iframe de remarketing */



iframe[name='google_conversion_frame'] { 



    height: 0 !important;



    width: 0 !important; 



    line-height: 0 !important; 



    font-size: 0 !important;



    margin-top: -13px;



    float: left;



}







/* Estilos para la función propia que envuelve los vídeos de youtube en un div y los hace responsivos */



div.flex-video {



    position: relative;



    padding-bottom: 56.25%;



    padding-top: 30px;



    height: 0;



    overflow: hidden;



    margin: 20px 0; /* esto es opcional */



    clear: both;



  }



   



  div.flex-video iframe {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



  }

  #contenedorPiePagina >.fusion-builder-row > div:nth-child(1){

            margin-top: 20px !important;  

}



  /* cabecera AVADA 19/08/2022*/

  #contenedorPreCabecera{   /*Para que se quede debajo del menu desplegable*/

    z-index: 99 !important;

  }  

  

  

  /* inicio*/

  /* fusion-mobile-logo */
.fusion-mobile-logo{
  max-height: 50px !important;
  height: auto;
  margin-left: 20px;
}

    #wrapper > #contenedorPreCabecera{/* pre cabecera*/

      background-color:#116aa4;

    }

    #wrapper > #contenedorPreCabecera >.contenedor> #contenedorMenuSuperior >#contenidoMenuSuperior> .menu-item-60> a:hover{

      background-color: #4b96c6;

    }

    #wrapper > #contenedorPreCabecera >.contenedor> #contenedorMenuSuperior >#contenidoMenuSuperior> .menu-item-61> a:hover{

      background-color: #4b96c6;

    }
    #wrapper > #contenedorPreCabecera >.contenedor> #contenedorMenuSuperior >#contenidoMenuSuperior> .menu-item-1341> a:hover{

      background-color: #4b96c6;
      color: #ffffff;
      border: 1px solid #4b96c6;

    }

    #wrapper > #contenedorPreCabecera >.contenedor> #contenedorMenuSuperior >#contenidoMenuSuperior> .menu-item-60> a{

      background-color: #116aa4;

      border: 1px solid #ffffff;

      color: white;

    }

    #wrapper > #contenedorPreCabecera >.contenedor> #contenedorMenuSuperior >#contenidoMenuSuperior> .menu-item-61> a{

      background-color: #116aa4;

      border: 1px solid #ffffff;

      color: white;
    }

    #wrapper > #contenedorPreCabecera >.contenedor> #contenedorMenuSuperior >#contenidoMenuSuperior> .menu-item-1341> a{

      background-color: #ffffff;

      border: 1px solid #ffffff;

      color:  #116aa4;
    }

    
    #wrapper > .fusion-header-wrapper{
      background-color: #4b96c6;

    }
    #wrapper > .fusion-header-wrapper > .fusion-header-v1 > .fusion-header{/* cabecera*/

      background-color: #4b96c6;
    }
    #wrapper > .fusion-header-wrapper > .fusion-header-v1 > .fusion-header > .fusion-row> .fusion-header-has-flyout-menu-content > .fusion-logo-background{/*fondo logo*/

      background-color: #4b96c6;

    }

    #wrapper > header > div.fusion-header-v1 > div.fusion-header > div > div{

      max-width: 1400px;

      width: 100%;

    }

    #wrapper > .fusion-header-wrapper:not(.fusion-is-sticky) >.fusion-header-v1 >.fusion-header>.fusion-row>.fusion-header-has-flyout-menu-content>.fusion-logo{

      margin: 15px 50px 0px 0px !important;



    }

    #wrapper >.fusion-is-sticky >.fusion-header-v1 >.fusion-header>.fusion-row>.fusion-header-has-flyout-menu-content>.fusion-logo{

      margin-right: 50px !important;



    }





    /*fin*/

 /*Ajuste cabecera*/

 /*@media only screen and (max-width:1800px) and (min-width: 1025px) {

  #headerComercio >.fusion-builder-row >.contenedorLogo{

    width: 80% !important;



  }

}

  @media only screen and (max-width:1148px) and (min-width: 1025px) {

    #headerComercio > .fusion-builder-row > .contenedorBtnAcceso >.fusion-column-wrapper > div:nth-child(1) >.btnAccesoUsuario, .btnAcceoEstable{

      padding: 15px 10px !important;

    }

    

 }

 

 @media only screen and (max-width: 1024px) and (min-width: 768px){

  #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(1) .btnAccesoUsuario{

    padding: 10px 5px !important;



   }

   #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(1) .btnAccesoUsuario > span{

  font-size: 13pt !important;



   }

   #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(2) .btnAcceoEstable{

    padding: 5px !important;

   }

   #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(2) .btnAcceoEstable > span{

    font-size: 13pt !important;

   }



 }

 @media only screen and (max-width: 767px) and (min-width: 641px){



 }*/



  /* Tamaño letra cabecera*/

 /* #headerComercio > .fusion-builder-row > .contenedorBtnAcceso >.fusion-column-wrapper > div:nth-child(1) >.btnAccesoUsuario> span{

    font-size: 15pt;

  }

  #headerComercio > .fusion-builder-row > .contenedorBtnAcceso >.fusion-column-wrapper > div:nth-child(2) >.btnAcceoEstable> span{

    font-size: 15pt;

  }*/





  div> .btnAccesoUsuario:hover, .btnAcceoEstable:hover{

    background-color: #d8a939 !important;



  }



/*Estilo Botones*/

/*

.btClaro{

  background-color: #d8a939 !important;

  border: 1px solid #ffffff !important;

  height: 70px !important;

  max-width: 360px !important;

  padding: 25px !important;

}

.btClaro:hover{

  background-color: #ab8730 !important;

  border: 1px solid #ab8730 !important;

}

.btClaro > span{

  margin: 0 auto !important;

}

.btOscuro{

  background-color: #ab8730 !important;

  border: 1px solid #ffffff;

}

.btOscuro:hover{

  background-color: #d8a939 !important;

  border: 1px solid #d8a939 !important;

}

.btOscuro > span{

  margin: 0 auto !important;

}*/

/*Estilo menu desplegable*/

#mobile-menu-menu-principal > .fusion-mobile-nav-item > a {

  background-color: transparent !important;

}

#mobile-menu-menu-principal > .fusion-mobile-nav-item > a > span {

  color: white !important;

  font-size: 1.8rem;

}





  @media only screen and (max-width: 480px) and (min-width: 350px) {

    #headerMovil {

      max-height: 196px !important;

    }

    #headerMovil > div .contenedorLogo > div > div > #logoComercio {

      margin-top: 10px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerMovil > div .contenedorLogo > div > div > #logoComercio > img {

      padding: 10px 20px 0px 20px;

    }

    #headerMovil > div .contenedorBtnAcceso {

      margin-top: 20px;

    }

    #headerMovil > div .contenedorBtnAcceso > div {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 10px;

    }

    #headerMovil > div .contenedorBtnAcceso > div > div > .btnAccesoUsuario {

      max-height: 50px !important;

      background-color: #ab8730;

      padding: 15px 30px;

      border-radius: 10px;

    }

    #headerMovil > div .contenedorBtnAcceso > div > div > .btnAccesoUsuario > span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      font-size: 1.2rem;

    }

    #headerMovil > div .contenedorBtnAcceso > div > div > .btnAcceoEstable {

      max-height: 50px !important;

      background-color: #ab8730;

      padding: 15px 10px;

      border-radius: 10px;

    }

    #headerMovil > div .contenedorBtnAcceso > div > div > .btnAcceoEstable > span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

      font-size: 1.2rem;

    }

    #headerMovil > div .contenedorMenuComercio > div > nav {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerMovil > div .contenedorMenuComercio > div > nav > button {

      background-color: #d8a939;

    }

    #contenedorPiePagina .fusion-builder-row {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -ms-flex-flow: row wrap;

      flex-flow: row wrap;

      -webkit-box-pack: justify;

      -ms-flex-pack: justify;

      justify-content: space-between;

    }

    #contenedorPiePagina .fusion-builder-row .fusion-layout-column {

      width: 48% !important;

      padding: 0px 20px 0px 20px;

    }

    #contenedorPiePagina .fusion-builder-row .fusion-layout-column + .fusion-layout-column {

      margin: 0px !important;

    }

    #contenedorPiePagina .fusion-builder-row .fusion-layout-column:nth-child(1) {

      margin-top: 10px !important;

    }

    #contenedorPiePagina .fusion-builder-row .fusion-layout-column:nth-child(5) {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin: 10px 0 0 0 !important;

      width: 100% !important;

    }



    /*.btClaro{

      margin: 0 auto !important;

      max-height: 50px !important;

      max-width: 250px !important;

      background-color: #d8a939 !important;

      border: 1px solid #ffffff !important;

    }

    .btOscuro{

      max-height: 50px !important;

      max-width: 250px !important;

      background-color: #ab8730 !important;

      border: 1px solid #ffffff !important;

    }*/



  }  

  @media only screen and (max-width: 640px) and (min-width: 481px) {

    #headerMovil {

      max-height: 260px;

    }

    #headerMovil > div {

      margin: 20px;

    }

    #headerMovil > div .contenedorLogo > div > div > #logoComercio {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerMovil > div .contenedorBtnAcceso {

      margin: 25px 50px 0px 50px !important;

    }

    #headerMovil > div .contenedorBtnAcceso > div {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 15px;

    }

    #headerMovil > div .contenedorBtnAcceso > div > div {

      margin: 0 auto !important;

    }

    #headerMovil > div .contenedorBtnAcceso > div > div .btnAccesoUsuario, #headerMovil > div .contenedorBtnAcceso > div > div .btnAcceoEstable {

      max-height: 50px !important;

      background-color: #ab8730;

      border-radius: 10px;

    }

    #headerMovil > div .contenedorBtnAcceso > div > div .btnAccesoUsuario > span, #headerMovil > div .contenedorBtnAcceso > div > div .btnAcceoEstable > span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerMovil > div .contenedorMenuComercio > div > nav {

      padding: 5px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerMovil > div .contenedorMenuComercio > div > nav > button {

      background-color: #d8a939;

    }

    #contenedorPiePagina .fusion-builder-row .fusion-layout-column {

      width: 33% !important;

    }

    #contenedorPiePagina .fusion-builder-row .fusion-layout-column:nth-child(5) {

      margin: 0 !important;

      width: 25% !important;

    }





   /* .btClaro{

      margin: 0 auto !important;

      max-height: 50px !important;

      max-width: 250px !important;

      background-color: #d8a939 !important;

      border: 1px solid #ffffff !important;

    }*/





  }  

  @media only screen and (max-width: 767px) and (min-width: 641px) {

    #headerComercio {

      height: 260px;

    }

    #headerComercio > div {

      margin: 20px;

    }

    #headerComercio > div .contenedorLogo > div > div > #logoComercio {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerComercio > div .contenedorBtnAcceso {

      margin: 25px 50px 0px 50px !important;

    }

    #headerComercio > div .contenedorBtnAcceso > div {

      display: grid;

      grid-template-columns: 1fr 1fr;

      gap: 15px;

    }

    #headerComercio > div .contenedorBtnAcceso > div > div {

      margin: 0 auto !important;

    }

    #headerComercio > div .contenedorBtnAcceso > div > div .btnAccesoUsuario, #headerComercio > div .contenedorBtnAcceso > div > div .btnAcceoEstable {

      height: 50px !important;

      background-color: #ab8730;

      border-radius: 10px;

    }

    #headerComercio > div .contenedorBtnAcceso > div > div .btnAccesoUsuario > span, #headerComercio > div .contenedorBtnAcceso > div > div .btnAcceoEstable > span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerComercio > div .contenedorMenuComercio > div > nav {

      padding: 25px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerComercio > div .contenedorMenuComercio > div > nav > button {

      background-color: #d8a939;

    }

    #contenedorPiePagina > .fusion-builder-row > .fusion-layout-column {

      width: 23% !important;

    }

    #contenedorPiePagina > .fusion-builder-row > .fusion-layout-column:nth-child(5) {

      margin: 0 !important;

      width: 23% !important;

    }



   /* .btClaro{

      margin: 0 auto !important;

      height: 50px !important;

      width: 250px !important;

      background-color: #d8a939 !important;

      border: 1px solid #ffffff !important;

    }



    .btOscuro{



    }*/



  }  

  @media only screen and (max-width: 1024px) and (min-width: 768px) {

    #headerComercio {

      height: 125px;

    }

    #headerComercio > div {

      display: grid;

      grid-template-columns: 30% 50% 20%;

    }

    #headerComercio > div > .contenedorLogo > div > div > #logoComercio {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin-top: 30px !important;

    }

    #headerComercio > div > .contenedorBtnAcceso {

      margin-top: 30px;

    }

    #headerComercio > div > .contenedorBtnAcceso > div {

      display: grid;

      grid-template-columns: 50% 50%;

      gap: 10px;

    }

    #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(1) .btnAccesoUsuario {

      width: 100%;

      height: 45px !important;

      background-color: #ab8730;

      border: 1px solid #ffffff;

      border-radius: 10px;

    }

    #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(1) .btnAccesoUsuario > span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(2) .btnAcceoEstable {

      width: 100%;

      height: 45px !important;

      background-color: #ab8730;

      border: 1px solid #ffffff;

      /*padding: 12px 0px;*/

      border-radius: 10px;

    }

    #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(2) .btnAcceoEstable > span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerComercio > div > .contenedorMenuComercio > .fusion-column-wrapper > .menuComercio {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin-top: 30px !important;

    }

    #headerComercio > div > .contenedorMenuComercio > .fusion-column-wrapper > .menuComercio > button {

      background-color: #d8a939;

    }

    #contenedorPiePagina .fusion-builder-row .fusion-layout-column {

      width: 20% !important;

    }



   /* .btClaro{

      margin: 0 auto !important;

      height: 50px !important;

      width: 250px !important;

      background-color: #d8a939 !important;

      border: 1px solid #ffffff !important;

    }*/







  }  

  @media only screen and (min-width: 1025px) {

    #headerComercio {

      height: 125px;

    }

    #headerComercio > div {

      display: grid;

      grid-template-columns: 30% 60% 10%;

    }

    #headerComercio > div > .contenedorLogo {

      margin: 15px 0px 0px 140px;

    }

    #headerComercio > div > .contenedorBtnAcceso {

      margin-top: 30px;

      width: 100% !important;

    }

    #headerComercio > div > .contenedorBtnAcceso > div {

      display: grid;

      grid-template-columns: 50% 50%;

      gap: 10px;

    }

    #headerComercio > div > .contenedorBtnAcceso > div> div:nth-child(1) {  

      display: flex;

      justify-content: right;

    }

    #headerComercio > div > .contenedorBtnAcceso > div> div:nth-child(2) {  

      display: flex;

      justify-content: center;

    }

    

    #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(1) .btnAccesoUsuario {

      /* width:250px;

       height: 50px;*/

      background-color: #ab8730;

      border: 1px solid #ffffff;

      border-radius: 10px;

    }

    #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(1) .btnAccesoUsuario > span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(2) .btnAcceoEstable {

      /*width:250px;

      height: 50px;*/

      background-color: #ab8730;

      border: 1px solid #ffffff;

      border-radius: 10px;

    }

    #headerComercio > div > .contenedorBtnAcceso > div div:nth-child(2) .btnAcceoEstable > span {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      -webkit-box-align: center;

      -ms-flex-align: center;

      align-items: center;

    }

    #headerComercio > div > .contenedorMenuComercio {

      width: 100% !important;

    }

    #headerComercio > div > .contenedorMenuComercio > .fusion-column-wrapper > .menuComercio {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

      -ms-flex-pack: center;

      justify-content: center;

      margin-top: 30px !important;

    }

    #headerComercio > div > .contenedorMenuComercio > .fusion-column-wrapper > .menuComercio > button {

      background-color: #d8a939;

    }





  /*.btClaro{

    height: 70px !important;

    max-width: 360px !important; 

    background-color: #d8a939!important;

    border: 1px solid #ffffff!important;

    padding: 25px!important;

  }

  .btClaro > span{

    margin: 0 auto !important;

  }*/



}  

@font-face {

  font-family: Muthiara;
  
  src: url(http://hostinger-tutorials.com/wp-content/themes/Avada-Child-Theme/fonts/Muthiara.otf);
  
  font-weight: normal;
  
}


/* fuentes titulo y tamaño*/

.tituloAdherirHoste, .tituloConseguirHoste{
  font-family: "Muthiara";
  font-size: 95px;
  margin-top: 70px;
  
}
.subTitestableciHoste,.subTitutuloMivaleCadiz{
  margin-top: 10px;
}
.tituloDondeYqueHoste{
  font-family: "Muthiara";
  font-size: 95px;
  padding: 110px 90px 50px 0px;
}
.SubTituloDondeYqueHoste{
  padding: 0px 30px 30px 40px;
}
.subTitutuloMivaleCadiz{
  margin-top: 25px;
}

.tituloEstablecimientosHoste{
  font-family: "Muthiara";
  font-size: 95px;
  margin-top: 150px;

}
.subTittuloAdheridosHoste{
  margin: 35px 0px 0px 35px;
}
.tituloFaqs, .tituloContactar{
  font-family: "Muthiara";
  font-size: 95px;
  margin: 150px 0px 20px 0px;
}

/* fuentes movil y tamaño*/
.tituloAdherirHosteMovil, .tituloConseguirHosteMovil, .TituloDondeMovil, .tituloEstablecimientosMovil, .tituloFaqsMovil, .tituloContactarMovil{
  font-family: "Muthiara";

}