body  {
background-color: #38444D;
margin: 6px;
margin-top: 20px;
margin-bottom: 200px;
}




html {font-family: "Roboto", sans-serif}
h1 {font-size: 3.5em; font-family: "Lato", sans-serif}
h2 {font-size: 3.0em; font-family: "Lato", sans-serif}
h3 {font-size: 2.0em; font-family: "Lato", sans-serif}
h4 {font-size: 1.5em; font-family: "Lato", sans-serif}
h5 {font-size: 1.0em; font-family: "Lato", sans-serif}
h6 {font-size: 0.5em; font-family: "Lato", sans-serif}
p  {font-size: 1.0em; font-family: "Lato", sans-serif}





/*
COLORES
---
GrisFondo: #38444D
GrisClaro: #AAAAAA
VerdeClaro: #D9CB04
VerdeOscuro: #908702
ANARANJADO: #E95C00
ANARANJADO OSCURO: #9B3D00
AMARILLO: #D9CB04
gris muy claro: #C6C6C6
---
*/



/*MENÚ PRINCIPAL -----------------------------   */

/* Add a black background color to the top navigation */
.topnav {
/*    background-color: #B24600;*/
    overflow: hidden;
    border-radius: 8px;
  
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #38444D;
  color: white;
}

/* Right-aligned section inside the top navigation */
.topnav-right {
  float: right;
}

/*MENÚ PRINCIPAL -----------------------------   */


/*NAVEGACIÓN ---------------------*/
div.BLOQUE_navegacion {max-width:100%; padding: 0px; margin:0px; margin-top: 30px; margin-bottom:80px; margin-right: 30px; margin-left: 30px}

    /*BOTONES -----------------------------*/
    .w3-button.w3-round-large {
        background-color: black;
        color: white;
        border: 1px solid #00BFFF;
        border-radius: 6px;
        padding: 5px;
        margin: 0;
        font-size: 1.0em;
        font-family: 'Barlow', sans-serif;
        font-weight: 300; /* Especifica el peso "Thin" de la fuente */
        text-align: center;
    }

    /* Es una buena práctica limpiar el float en el contenedor */
    .BLOQUE_login::after {
        content: "";
        display: table;
        clear: both;
    }
    /*BOTONES -----------------------------*/


/*NAVEGACIÓN ---------------------*/





div.hojaAnchoMax {border-radius: 8px; max-width:1000px; padding: 6px;} /*ANCHO DE LA PAGINA*/
div.hojaContenido {border-radius: 8px; margin:0px; padding:0px; padding-top: 0px;} /*HOJA BLANCA*/
div.contenedorAnchoMax {padding:0px; margin: 0px; width:100%;}

div.contactoContenedor {opacity: 30%; border-radius: 8px; margin:0px; background-color: #AAAAAA; margin: 4px;}

p.usuarioSettings  {line-height:20px; color:#ffffff; margin:0px; font-size: 1.0em; font-family: "Lato", sans-serif;}
p.usuarioNombre  {line-height:26px; color:#ffffff; font-weight: regular; margin:0px; font-size: 1.6em; font-family: "Lato", sans-serif;}
p.usuarioEditar  {line-height:20px; color:#ffffff; margin:0px; font-size: 1.0em; font-family: "Lato", sans-serif; } /*text-align: right*/
a.usuarioCerrarSesion  {line-height:20px; color:#ffffff; margin:0px; font-size: 1.0em; font-family: "Lato", sans-serif; } /*text-align: right*/


img.LOGOancho {width:250px}
p.logoBajada  {text-align: center; letter-spacing: 0px; width:50%; line-height:20px; color:#ffffff; font-weight: regular; margin:0px; font-size: 1.1em; font-family: "Lato", sans-serif;}

div.espaciadorInicial    {padding-top: 600px; }
div.espaciadorFinal    {padding-top: 000px; }

/*HEADER IMAGENES*/
div.HEADERIMAGENhorizontal    {display: block; margin:0px; padding: 0px; width:100%; }
div.HEADERIMAGENvertical      {display: none;  margin:0px; padding: 0px; width:100%; }
/*HEADER IMAGENES*/




div.INDEX_Logo_separador {padding: 0px; margin:0px; padding-bottom: 50px}


/*BOTONES*/
button.botonComenzar {background-color: #38444D;  color:#ffffff;}
button.botonEditar {background-color: #7c9bb2;  color:#ffffff;}
button.botonDownload {background-color: #D9CB04;  color:#ffffff;}
button.botonSolicitar {background-color: #908702;  color:#ffffff;}

button.botonGenerico {

    color: white;
    border: 1px solid #00BFFF;
    border-radius: 6px;
    padding: 5px;
    margin: 0;
    font-size: 1.0em;
    font-family: 'Barlow', sans-serif;
    font-weight: 300; /* Especifica el peso "Thin" de la fuente */
    text-align: center;

}

button.botonEnviar {background-color: #38444D;  color:#ffffff;}

a.botonComenzar {background-color: #38444D;  color:#ffffff;}
a.botonEditar {background-color: #7c9bb2;  color:#ffffff;}
a.botonDownload {background-color: #D9CB04;  color:#ffffff;}
a.botonSolicitar {background-color: #908702;  color:#ffffff;}

a.botonEntrar {background-color: #38444D;  color:#ffffff;}
a.botonEnviar {background-color: #38444D;  color:#ffffff;}
/*BOTONES*/






/*PROMOCIONES*/

div.PROMOCIONESAnchoCaja  {width:100%; margin:0px; padding: 0px}
img.PROMOCIONES {max-width:32%;}

/*PROMOCIONES*/





/*PRODUCTOS A LA VENTA*/
div.PRODUCTOSContenedor {width:100%; margin:0px; padding: 0px}
div.PRODUCTOCajaPC {display: block; max-width:800px; margin:0px; padding: 0px}
div.PRODUCTOCajaMOBILE {display: none;}
/*PRODUCTOS A LA VENTA*/





/*DASHBOARD*/

   div.CLASIFICACION_GRUPO_contenedor  {margin: 0px; padding:0px; padding-left: 100px; padding-top: 50px}
   p.CLASIFICACION_GRUPO_Titulo  {opacity: 50%; letter-spacing: -1px; color:#38444D; line-height:30px; font-weight: normal; margin:0px; font-size: 2.6em; font-family: "Lato"; text-align: left;}

   /*sort*/
   div.contenedorAnchoMax_Sort {padding:0px; margin: 0px; width:80%; padding-bottom: 20px}
   p.Sort_titulo  {color:#1a3d59; line-height:36px; font-weight: bold; margin:0px; font-size: 1.6em; font-family: "Lato"; text-align: left;}
   button.botonSortVideos {opacity:50%; margin: 2px; border: none; border-radius: 8px; background-color: #E95C00;  color:#ffffff; padding: 2px; width: 140px; transition: all 0.3s; cursor: pointer;}
   button.botonSortVideos:hover {background-color: #38444D;  color:#ffffff;}
   /*sort*/


   /*videos*/
   div.contenedorAnchoMax_paraVideos {padding:6px; margin: 0px; width:100%; padding-top: 0px;padding-bottom: 50px;}
   div.moduloContenedorDeVideo_car {background-color: #F3EFB5; border-left: 8px solid #E3D947; margin: 0px; margin-top:20px; max-width:800px; padding:0px; padding-bottom: 4px;; padding-top: 4px; }
   div.moduloContenedorDeVideo_cumple {background-color: #fbefd2; border-left: 8px solid #f7e0a5; margin: 0px; margin-top:20px; max-width:800px; padding:0px; padding-bottom: 4px;; padding-top: 4px; }
   div.moduloContenedorDeVideo_prop {background-color: #e5e5ce; border-left: 8px solid #D1CF9D; margin: 0px; margin-top:20px; max-width:800px; padding:0px; padding-bottom: 4px;; padding-top: 4px; }
   div.moduloContenedorDeVideo_users {background-color: #BABABA; border-left: 8px solid #666666; margin: 0px; margin-top:20px; max-width:800px; padding:0px; padding-bottom: 4px;; padding-top: 4px; }
   div.moduloContenedorDeVideo_advertencia {background-color: #EBA898; border-left: 8px solid #666666; margin: 0px; margin-top:20px; max-width:800px; padding:0px; padding-bottom: 4px;; padding-top: 4px; }



   div.video_ICON_container {height: 70px; width:40px; margin: 0px; padding:0px;}

   div.video_DESC_container {width:470px; margin: 0px; padding:0px;}
   div.video_DESC_tit {color:#38444D; letter-spacing: 0px; text-align: left; line-height:18px; margin:0px; font-size: 1.0em; font-family: "Lato"; padding: 0px; padding-bottom: 4px}
   div.video_DESC_dir1 {opacity:70%; color:#000000; letter-spacing: 0px; text-align: left; line-height:18px; margin:0px; font-size: 1.1em; font-family: "Lato"; padding: 0px;}
   div.video_DESC_dir2 {opacity:50%; color:#000000; letter-spacing: 0px; text-align: left; line-height:18px; margin:0px; font-size: 1.1em; font-family: "Lato"; padding: 0px;}

   div.video_SEPARADOR_uno {margin:0px; padding: 0px; border-left: 1px solid #000000; opacity: 20%; height: 70px;}

   div.video_CAT_container {width:135px; margin: 0px; padding:0px;}
   div.video_CAT_tit {color:#75777c; letter-spacing: 0px; text-align: left; line-height:12px; margin:0px; font-size: 1.0em; font-family: "Lato"; padding: 0px; padding-bottom: 2px; padding-top: 2px}
   div.video_CAT_fotos {color:#75777c; letter-spacing: 0px; text-align: left; line-height:14px; margin:0px; font-size: 1.0em; font-family: "Lato"; padding: 0px;}
   div.video_CAT_botones {color:#D9CB04; letter-spacing: 0px; text-align: left; line-height:18px; margin:0px; font-size: 1em; font-family: "Lato"; padding: 0px; padding-top: 2px}
   

   div.video_SEPARADOR_dos {margin:0px; padding: 0px; border-left: 1px solid #000000; opacity: 20%; height: 70px;}

   div.video_STATUS_container {width:124px; margin: 0px; padding:0px;}
   div.video_STATUS_icon {color:#75777c; letter-spacing: 0px; text-align: left; line-height:18px; margin:0px; font-size: 1.0em; font-family: "Lato"; padding: 0px; padding-bottom: 4px;}
   div.video_STATUS_buy {color:#38444D; letter-spacing: 0px; text-align: left; line-height:18px; margin:0px; font-size: 1.0em; font-family: "Lato"; padding: 0px; padding-left: 4px;}
   div.video_STATUS_exp {color:#38444D; letter-spacing: 0px; text-align: left; line-height:18px; margin:0px; font-size: 1.0em; font-family: "Lato"; padding: 0px; padding-left: 4px;}

   /*videos*/






div.moduloPackContenedorDownload {background-color: #f1f1f1; border-left: 8px solid #D9CB04; margin: 0px; margin-top:20px; padding-bottom:20px; max-width:800px;}
div.moduloPackContenedorEditar {background-color: #f1f1f1; border-left: 8px solid #B3B3B3; margin: 0px; margin-top:20px; padding-bottom:20px; max-width:800px;}
div.moduloPackContenedorComenzar {background-color: #e3e7ed; border-left: 8px solid #B3B3B3; margin: 0px; margin-top:20px; padding-bottom:20px; max-width:800px;}
div.moduloPackContenedorInactivo {background-color: #f1f1f1; border-left: 8px solid #B3B3B3; margin: 0px; margin-top:20px; padding-bottom:20px; max-width:800px;}

img.modProp_Iconos {padding-top: 2px; width:30px;}
p.DASH_Titulo  {padding-left: 60px; color:#38444D; line-height:50px; font-weight: bold; margin:0px; font-size: 4.0em; font-family: "Lato"; text-align: left;}




p.DASH_VideosResumen  {color:#38444D; font-weight: regular; line-height:20px; margin:0px; font-size: 1.1em; font-family: "Lato"; text-align: right;}
p.DASH_VideosResumenDownload  {color:#E95C00; font-weight: regular; line-height:20px; margin:0px; font-size: 1.1em; font-family: "Lato"; text-align: right;}
p.modProp_PaqueteTitulo  {color:#c9c9c9; text-align: left; font-weight: regular; margin:0px; font-size: 1.6em; font-family: "Lato"}
p.modProp_PaqueteTitulo:hover  {color:#75777c; text-align: left; font-weight: regular; margin:0px; font-size: 1.6em; font-family: "Lato"}
p.modProp_Fechas  {color:#7a8f8d; letter-spacing: -0.3px; font-weight: normal; line-height:20px; margin:0px; font-size: 0.9em; font-family: "Lato"; text-align: right;}
p.modProp_FechasDestacado  {color:#D9CB04; font-weight: normal; line-height:20px; margin:0px; font-size: 1.0em; font-family: "Lato"; text-align: right;}
p.modProp_Direccion  {color:#D9CB04; letter-spacing: -1px; text-align: left; line-height:22px; margin:0px; font-size: 1.6em; font-family: "Lato"; padding: 0px;}
p.modProp_Tipovideo  {text-align: left; padding-left: 16px; margin:0px; font-size: 1.0em; font-family: "Lato"}
p.modProp_Fotos  {margin:0px; font-size: 1.0em; font-family: "Lato"}
p.modProp_Boton  {margin:0px; font-size: 1.0em; font-family: "Lato"}
p.modProp_FechaActualizacion  {color:#7a8f8d; line-height:14px; margin:0px; font-size: 0.8em; font-family: "Lato"}
div.modProp_DivisionVideos {background-color: #c9c9c9; padding: 0.5px; width: 85%;}






div.moduloPackDivision {background-color: #D9CB04; margin: 0px; margin-top: 10px; padding: 1px; width:40%; }
/*DASHBOARD*/




/*CONTACTO*/
p.contactoData  {color:#FFFFFF; margin:0px; font-size: 1.0em; font-family: "Lato", sans-serif}
p.contactoTit  {letter-spacing: -0.2px; color:#FFFFFF; margin:0px; font-size: 2.0em; font-family: "Lato", sans-serif}
/*CONTACTO*/



/*FOOTER ---------------------*/
a.footer_email  {color: #FFFFFF; line-height:26px; text-align: center; padding: 0px; margin:0px; font-style: italic; font-weight: 300; font-size: 0.8em; font-family: "Lato"}
p.footer_powered  {opacity: 40%; color: #FFFFFF; line-height:26px; text-align: center; padding: 0px; margin:0px; font-style: italic; font-weight: 300; font-size: 0.6em; font-family: "Lato"}

/*FOOTER ---------------------*/



/*login -----*/
p.LOGIN_Titulo  {color:#FFFFFF; line-height:45px; font-style: italic; font-weight: 300; margin:0px; font-size: 2.8em; font-family: 'Lato', sans-serif; text-align: center;}
p.LOGIN_Titulo2  {color:#FFFFFF; line-height:33px; font-style: italic; font-weight: 300; margin:0px; font-size: 2.1em; font-family: 'Lato', sans-serif; text-align: center;}
p.LOGIN_subTitulo  {color:#FFFFFF; line-height:25px; font-style: italic; font-weight: 300; margin:0px; font-size: 1.4em; font-family: 'Lato', sans-serif; text-align: center;}
div.LOGIN_Contenedor {border: 1px solid #074C6D; width: 50%; border-radius: 20px; margin: 0px; margin-top:10px; padding-bottom:20px; max-width:800px;}
/*div.LOGIN_Contenedor {width: 50%;  border: 1px solid #0A284C; border-radius: 20px; margin: 0px; margin-top:20px; padding-bottom:20px; max-width:800px;}*/
   

a.LOGIN_IraRegistro  {line-height:20px; color:#E95C00; margin:0px; font-size: 1.0em; font-family: "Lato", sans-serif; } /*text-align: right*/
div.loginTXT  {padding-top: 10px; padding-bottom: 4px; text-align: left; color: rgba(255, 255, 255, 0.7); line-height:24px; letter-spacing: -0.5px; margin:0px; font-size: 1.3em; font-family: 'Barlow', sans-serif; font-weight: 100; }
div.loginTXTpie  {letter-spacing: 0px; text-align: center; line-height:16px; color:#E95C00; margin:0px; font-size: 0.9em; font-family: "Lato", sans-serif; }
input.loginTXTinput  {width: 100%; border: 1px solid #00BFFF; border-radius: 6px; margin:0px; padding: 0px; color: #000000; line-height:32px; font-style: italic; font-size: 1.1em; font-family: 'Barlow', sans-serif; font-weight: 300; }

/*login -----*/


 text-align: center;


/*registro -----*/
div.registroTXT  {padding-top: 10px; padding-bottom: 4px; letter-spacing: 0px; text-align: left; line-height:20px; color:#38444D; margin:0px; font-size: 1.1em; font-family: "Lato", sans-serif; }
div.registroTXTpie  {letter-spacing: 0px; text-align: center; line-height:16px; color:#FFFFFF; margin:0px; font-size: 0.9em; font-family: "Lato", sans-serif; }

p.success,
p.error {
    color: white;
    font-family: lato;
    background: yellowgreen;
    display: inline-block;
    padding: 2px 10px;
}
p.error {
    background: orangered;
}
/*registro -----*/






/*Ventana advertencia ---------------------*/
.window-notice {
    background: rgba(33, 41, 52, .85);
    bottom: 0;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
    padding: 40px;
    transition: background .0s;
}

.window-notice .content {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(33, 41, 52, .75);
    box-sizing: content-box;
    display: flex;
    flex-direction: column;
    margin: auto;
    max-width: 500px;
    min-width: 320px !important;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 2rem;
    

    letter-spacing: 0px;
    text-align: center;
    line-height:24px;
    font-family: "Lato";
    font-size: 1.3rem;
}

.content-buttons {
    text-align: center;
    margin-top: 1rem;

}

.content-buttons a {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    background-color: #E95C00;
    color:#ffffff;
    border-radius: 10px;
    width:150px;
    padding: 3px;
    font-size: 1em;
    font-family: "Lato", sans-serif
}

.content-buttons a:hover {
    background-color: #38444D;  color:#ffffff;;
}


/*Ventana advertencia ---------------------*/






/*SHOP ---------------------*/

div.SHOPfuncionamientoContenedor {width:70%; padding: 0px; margin: 0px; padding-bottom: 50px; padding-top: 30px;}
div.SHOP_TitFuncionamiento  {color: #38444D; line-height:36px; font-weight: bold; margin:0px; padding: 0px; padding: 10px; font-size: 2.5em; font-family: "Lato"; text-align: center;}
div.SHOP_TitBajadaFuncionamiento  {color: #38444D; opacity: 70%; line-height:28px; font-weight: bold; margin:0px; padding: 0; font-size: 1.4em; font-family: "Lato"; text-align: center;}


/*SHOP ---------------------*/






/*STEPS --------------------*/

div.STEPS_moduloPackContenedor {border-left: 8px solid #AAAAAA; background-color: #f1f1f1; margin: 0px; margin-top:20px; padding-bottom:20px; max-width:800px;}      
div.STEPS_contenedorDuplicarVideo {padding:0px; margin:10px; margin-left: 110px; margin-right: 110px; padding-top: 30px}
p.STEPS_Titulo  {color:#1a3d59; line-height:36px; font-weight: bold; margin:0px; font-size: 2.6em; font-family: "Lato"; text-align: center;}
p.STEPS_stepsTXT  {opacity: 100%; color:#95b1c6; line-height:48px; font-weight: regular; margin:0px; font-size: 1.6em; font-family: "Lato"; text-align: center;}
p.STEPS_DireccionTitulo  {text-align: left; line-height:26px; margin:0px; font-size: 1.8em; font-family: "Lato"; padding: 0px;}
p.STEPS_Direccion  {color:#FF9000; text-align: left; line-height:26px; margin:0px; font-size: 1.8em; font-family: "Lato"; padding: 0px;}
p.STEPS_categorias_titulo  {line-height:26px; text-align: left; padding: 0px; padding-bottom: 10px; margin:0px; font-size: 2em; font-family: "Lato"}
p.STEPS_amenities_categoria  {text-align: left; padding-left: 16px; margin:0px; font-size: 1.5em; font-family: "Lato"}

p.STEPS_videoreferencia_titulo  {line-height:26px; text-align: center; padding: 0px; padding-bottom: 10px; margin:0px; font-size: 2em; font-family: "Lato"}
p.STEPS_videoreferencia_tituloBajada  {color:#E95C00; line-height:24px; text-align: center; padding: 0px; padding-bottom: 10px; margin:0px; font-size: 1.6em; font-family: "Lato"}
        
button.STEPS_botonDownload {background-color: #E95C00;  color:#ffffff;}
button.STEPS_botonSave {background-color: #E95C00;  color:#ffffff;}

div.STEPS_video {background-color: #f1f1f1; margin: 0px; padding:0px; width:500px; border-radius: 16px; }  
div.STEPS_linkpage {margin: 0px; padding:0px; width:100%; }
div.STEPS_linkpage_data {margin: 0px; padding:0px; width:100%; } 

div.STEPS_inputSELECTAncho {text-align: left; padding: 0px; padding-top: 6px; padding-left: 20px;} 

/*div.STEPS_previewImages_contenedorGeneral {padding: 0px; margin: 0px; width:100%; }*/
p.STEPS_previewImages_titulo  {line-height:20px; text-align: center; padding: 0px; margin:0px; font-size: 2em; font-family: "Lato"}
div.STEPS_previewImages_imageContenedor {padding: 0px; margin: 0px;  padding-bottom: 10px}
label.STEPS_previewImages_numImage {color:#E95C00; padding: 0px; margin: 0px; text-align: center;}
img.STEPS_previewImages_image {padding: 5px; margin: 0px; text-align: center; width:100% }

div.STEPS_previewImages_descripcion {color: #38444D; padding: 0px; margin: 0px; width:220px; padding-bottom:5px }
input.STEPS_previewImages_descripcion {color: #38444D; padding: 0px; margin: 0px; text-align: center; }

div.STEPS_previewImages_boton {padding: 0px; margin: 0px; text-align: center; width:200px; padding-bottom:10px }
button.STEPS_previewImages_btnReplace {background-color: #E95C00;  color:#ffffff; width:200px; padding: 3px;}
input.STEPS_previewImages_btnSelect {background-color: #E95C00;  color:#ffffff; width:350px; padding: 3px; font-size: 1em; font-family: "Lato"}
p.STEPS_previewImages_titulo  {line-height:26px; text-align: center; padding: 0px; padding-bottom: 10px; margin:0px; font-size: 2em; font-family: "Lato"}
p.STEPS_previewImages_tituloBajada  {line-height:26px; text-align: center; padding: 0px; padding-bottom: 10px; margin:0px; font-size: 1em; font-family: "Lato"}
#preview {
    max-width: 100%;
    pointer-events: none;
}
hr.STEPS_previewImages_separador {height:1px; width:70%; background-color:gray}


/*ICONOS DEMO --*/
.icon-container {
  position: relative;
}

.icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.image-overlay {
  position: fixed; /* Posición fija para cubrir toda la pantalla */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  display: none;
  justify-content: center;
  align-items: center;
}

.overlay-image {
  max-width: 75vw; /* Ajusta el ancho de la imagen emergente */
  max-height: 75vh; /* Ajusta la altura de la imagen emergente */
}
/*ICONOS DEMO --*/






/*STEPS --------------------*/








.mySlides {display: none}
/* Extra small devices (phones, 600px and down) */





























/*------------------------------------------------------------------*/
@media only screen and (max-width: 600px) {
/*------------ screenMobile ----*/
div.hojaAnchoMax {max-width:100%; margin:0px; padding: 6px;} /*ANCHO DE LA PAGINA*/

p.logoBajada  {text-align: center; letter-spacing: 0px; width:90%; line-height:20px; color:#ffffff; font-weight: regular; margin:0px; font-size: 1.2em; font-family: "Lato", sans-serif;}
img.LOGOancho {width:250px}
img.PROMOCIONES {max-width:45%; padding-bottom: 4px; }



/*HEADER IMAGENES*/
div.HEADERIMAGENhorizontal    {display: none;  margin:0px; padding: 0px; width:100%; }
div.HEADERIMAGENvertical      {display: block; margin:0px; padding: 0px; width:100%; }
/*HEADER IMAGENES*/


/*NAVEGACIÓN ---------------------*/
div.BLOQUE_navegacion {max-width:100%; margin-top: 10px; margin-right: 0px; margin-left: 0px}

/*NAVEGACIÓN ---------------------*/


div.INDEX_Logo_separador {padding: 0px; margin:0px; padding-bottom: 10px}


/*SHOP*/
div.SHOPfuncionamientoContenedor {width:85%; padding: 0px; margin: 0px; padding-bottom: 30px; padding-top: 30px;}
div.SHOP_TitFuncionamiento  {line-height:36px; font-weight: bold; margin:0px; font-size: 2.2em; font-family: "Lato"; text-align: center;}
div.SHOP_TitBajadaFuncionamiento  {opacity: 60%; line-height:26px; font-weight: bold; margin:0px; font-size: 1.3em; font-family: "Lato"; text-align: center;}

div.PRODUCTOCajaPC {display: none;}
div.PRODUCTOCajaMOBILE {display: block; width:98%; margin:0px; padding: 0px}
/*SHOP*/



/*STEPS --------------------*/
div.STEPS_contenedorDuplicarVideo {padding:0px; margin:30px; margin-left: 30px;}
p.STEPS_Titulo  {line-height:36px; font-weight: bold; margin:0px; font-size: 2.4em; font-family: "Lato"; text-align: center;}
p.STEPS_stepsTXT  {opacity: 100%; color:#95b1c6; line-height:30px; font-weight: regular; margin:0px; font-size: 1.3em; font-family: "Lato"; text-align: center;}

p.STEPS_DireccionTitulo  {text-align: center; line-height:36px; margin:0px; font-size: 1.6em; font-family: "Lato"; padding: 0px;}
p.STEPS_Direccion  {text-align: center; line-height:30px; margin:0px; font-size: 2em; font-family: "Lato"; padding: 0px;}

div.STEPS_video {background-color: #f1f1f1; margin: 0px; padding:0px; width:100%; border-radius: 16px; }  
div.STEPS_linkpage {margin: 0px; padding:0px; width:100%;  }    
div.STEPS_linkpage_data {margin: 0px; padding:0px; width:100%; } 

div.STEPS_inputSELECTAncho {text-align: left; padding: 0px; padding-top: 6px; padding-left: 0px; margin:0px} 



hr.STEPS_previewImages_separador {height:0px; width:70%; background-color:gray}

/*STEPS --------------------*/      


p.DASH_Titulo  {line-height:36px; font-weight: bold; margin:0px; padding-left: 15px; font-size: 2.7em; font-family: "Lato"; text-align: left;}
p.Sort_titulo  {color:#1a3d59; line-height:36px; font-weight: bold; margin:0px; font-size: 1.4em; font-family: "Lato"; text-align: left;}
p.modProp_Tipovideo  {text-align: center; margin:0px; font-size: 1.0em; font-family: "Lato"}
div.PROMOCIONESAnchoCaja  {width:100%; margin:0px; padding: 0px}
p.modProp_Direccion  {letter-spacing: 0px; text-align: left; line-height:22px; margin:0px; font-size: 1.1em; font-family: "Lato"; padding: 0px;}
div.contenedorAnchoMax_Sort {padding:0px; margin: 0px; width:90%; padding-bottom: 20px}
div.video_DESC_container {width:160px; margin: 0px; padding:0px; min-height: 80px; }
div.video_DESC_tit {color:#75777c; letter-spacing: 0px; text-align: left; line-height:18px; margin:0px; font-size: 0.9em; font-family: "Lato"; padding: 0px; padding-bottom: 4px}
div.video_CAT_container {width:135px; margin: 0px; padding:0px;}
div.video_STATUS_container {width:135px; margin: 0px; padding:0px; padding-left: 0px}

div.video_SEPARADOR_uno {margin:0px; padding: 0px; border-left: 1px solid #000000; opacity: 20%; height: 72px;}
div.video_SEPARADOR_dos {margin:0px; padding: 0px; border-left: 1px solid #000000; opacity: 0%; height: 1px;}


div.CLASIFICACION_GRUPO_contenedor  {margin: 0px; padding:0px; padding-top: 50px}
p.CLASIFICACION_GRUPO_Titulo  {opacity: 50%; letter-spacing: -1px; color:#38444D; line-height:30px; font-weight: normal; margin:0px; font-size: 2.6em; font-family: "Lato"; text-align: center;}



















/*------------------------------------------------------------------*/
div.LOGIN_Contenedor {width: 80%}



/*------------ screenMobile ----*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}