.DondeEstamos
{
    font-size: var(--tamanyo-letra-3);
    font-style:italic;
    color: var(--color-texto);
}

.MostrarNombreEmpresa
{
    font-weight: 700;
}

.NombrePagina
{
    font-size: var(--tamanyo-letra-texto);
    font-weight: bold;
    color: var(--color-negro);
}

.TextoNegrita {
	color: var(--color-negro);
	font-weight: bold;
	text-align: justify;
    font-size: var(--tamanyo-letra-2);
 }

 .Texto {
	color: var(--color-texto);
    text-align: justify;
    font-size: var(--tamanyo-letra-1);
    font-family: var(--tipografia-texto);
    font-weight: 300;
    letter-spacing: 0.02em;
}

 .TextoInicio {
	color: var(--color-texto);
    font-family: var(--tipografia-texto);
    text-align: justify;
    font-size: var(--tamanyo-letra-1);
}

 .TextoTitulo {

    text-align: justify;
    font-size: var(--tamanyo-letra-texto);
    font-weight: bold;
}

 .TextoTitulo a:link
  {
    text-align: justify;
    font-size: var(--tamanyo-letra-texto);
    font-weight: bold;
    text-decoration: none;
}

 .TextoMini
{
    color: var(--color-texto);
    text-align: justify;
    font-size: var(--tamanyo-letra-3);
}

a.TextoMini:link
{
    color: var(--color-texto);
    text-align: justify;
    font-size: var(--tamanyo-letra-3);
    text-decoration: none;
}

a.TextoMini:hover
{
    color: var(--color-texto);
    text-align: justify;
    font-size:  var(--tamanyo-letra-3);
    text-decoration: none;
}

a.TextoMini:visited
{
    color: var(--color-texto);
    text-align: justify;
    font-size:  var(--tamanyo-letra-3);
    text-decoration: none;
}
a.TextoMini:active
{
    color: var(--color-texto);
    text-align: justify;
    font-size:  var(--tamanyo-letra-3);
    text-decoration: none;
}

.EtiquetaError {
	color: var(--color-error);
	text-align: justify;
    font-size: var(--tamanyo-letra-2);
    padding-left: 2px;
 }

.TituloSeccion {

    text-align: center;
    color: var(--color-titulo-negro);
    font-family: var(--tipografia-titulo);
    font-weight: bold;
    font-size: var(--tamanyo-letra-T3);
    font-weight: 900;
    line-height: 1.15;
    padding-top: 50px;
    margin-bottom: 50px;
    box-sizing: border-box;
}

.TituloSeccionProductoDetalle {

    text-align: center;
    color: var(--color-titulo-negro);
    font-family: var(--tipografia-titulo);
    font-size: var(--tamanyo-letra-T3);
    font-weight: 900;
    float: left;
    position: relative;
    margin: 0px !important;
    overflow: hidden;
}

.TituloSeccionComentarios
{
    color: var(--color-titulo-negro);
    font-family: var(--tipografia-titulo);
    font-weight: bold;
    font-size: var(--tamanyo-letra-titulo);
    padding-top: 50px;
    margin-bottom: 50px;
    text-align: left;
    width: 70%;
}

.Titulo-Subrayado
{
    text-align: center;
    border-top: 1px solid var(--color-gris-claro);
    text-transform: none;
    margin-top: 10px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

.TituloSeccionProductos {

    text-align: center;
    color: var(--color-titulo-negro);
    font-family: var(--tipografia-titulo);
    font-weight: bold;
    font-size: var(--tamanyo-letra-titulo);
    padding-top: 50px;
    margin-bottom: 50px;
}

.TituloSeccionDiscreto {

    text-align: left;
    color: var(--color-negro);
    font-size: var(--tamanyo-letra-texto);
    font-weight: bold;
    margin-top: 30px;
    /*margin-bottom: 30px;*/
}

.TituloSeccionBlanco {

    text-align: center;
    color: var(--color-blanco);
    font-family: var(--tipografia-titulo);
    font-weight: bold;
    font-size: var(--tamanyo-letra-titulo);
    padding-top: 50px;
    margin-bottom: 50px;
    box-sizing: border-box;
}

.TituloSeccionContador {

    text-align: center;
    color: var(--color-blanco);
    font-family: var(--tipografia-titulo);
    font-weight: 900;
    line-height: 1.15;
    font-style: normal;
    font-size: var(--tamanyo-letra-T3);
    margin-top: 90px;
    margin-bottom: 50px;
}


.TituloElemento {

    text-align: justify;
    font-family: var(--tipografia-titulo);
    color: var(--color-titulo);
    font-size: var(--tamanyo-letra-texto);
    font-weight: bold;
}

.TextoPie
{
    color: var(--color-primario);
    font-size: var(--tamanyo-letra-2);
    font-family: var(--tipografia-texto);
}

.TextBoxContactoInicio
{
    width: 90%;
    background-color: transparent;
    border-color: transparent;
    border-bottom: solid 1px var(--color-gris-claro);
    color: var(--color-texto);
    font-family: var(--tipografia-texto);
    font-size: var(--tamanyo-letra-T1);
	font-weight: 300;
    min-height: 24px;
}

/* do not group these rules */
.TextBoxContactoInicio::-webkit-input-placeholder {
    color: var(--color-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}
.TextBoxContactoInicio:-moz-placeholder {
    /* FF 4-18 */
    color: var(--color-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}
.TextBoxContactoInicio::-moz-placeholder {
    /* FF 19+ */
    color: var(--color-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}
.TextBoxContactoInicio:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--color-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}

.TextBoxFormularioLanding
{
    width: 90%;
    background-color: var(--color-fondo);
    border-color: transparent;
    border-bottom: solid 1px var(--color-blanco);
    color: var(--color-negro);
    min-height: 24px;
}

.TextBoxContacto
{
    width: 90%;
    background-color: var(--color-blanco);
    border-color: transparent;
    border-bottom: solid 1px var(--color-blanco);
    color: var(--color-negro);
    min-height: 24px;
}


.TextoEmpresa
{
    color: var(--color-blanco);
	font-family: var(--tipografia-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}

.TextoEmpresaContacto
{
    color: var(--color-negro);
	font-family: var(--tipografia-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}

.TextoContactoInicio {
	color: var(--color-blanco);
	font-family: var(--tipografia-texto);
	font-weight: 700;
    font-size: var(--tamanyo-letra-texto);
    text-transform: uppercase;
}

.TextoSolicitarInfo {
	color: var(--color-texto);
	font-family: var(--tipografia-texto);
	font-weight: 700;
    font-size: var(--tamanyo-letra-texto);
    text-transform: uppercase;
}

.TextoFormularioLanding {
	color: var(--color-texto);
	font-family: var(--tipografia-texto);
    font-size: var(--tamanyo-letra-2);
    text-transform: uppercase;
    text-align: left;
    padding: 4px;
    box-sizing: border-box;
}

.TextoContadorInicio {
	color: var(--color-texto);
    font-family: var(--tipografia-texto);
    font-weight: 400;
    font-style: normal;
    font-size: var(--tamanyo-letra-1);
}

.Contador1 {
	color: var(--color-texto);
    font-size: var(--tamanyo-letra-titulo);
    margin-bottom: 2px;
}

.Contador2 {
	color: var(--color-texto);
    font-size: var(--tamanyo-letra-titulo);
    margin-bottom: 2px;
}

.Contador3 {
	color: var(--color-texto);
    font-size: var(--tamanyo-letra-titulo);
    margin-bottom: 2px;
}

.Contador4 {
	color: var(--color-texto);
    font-size: var(--tamanyo-letra-titulo);
    margin-bottom: 2px;
}

.TextoContacto {
	color: var(--color-texto);
	font-family: var(--tipografia-texto);
    font-size: var(--tamanyo-letra-texto);
    text-transform: uppercase;
}


.TextoEnlacePie
{
    color: var(--color-texto);
	font-family: var(--tipografia-texto);
    font-size: var(--tamanyo-letra-3);
}

a.TextoEnlacePie:link
{
    color: var(--color-texto);
    text-decoration: none;
}


a.TextoEnlacePie:hover
{
    color: var(--color-texto);
    text-decoration: underline;
}


a.TextoEnlacePie:visited
{
    color: var(--color-texto);
    text-decoration: none;
}

.TextoEnlaceFormularioLanding
{
    color: var(--color-texto);
	font-family: var(--tipografia-texto);
    font-size: var(--tamanyo-letra-3);
}

a.TextoEnlaceFormularioLanding:link
{
    color: var(--color-texto);
    text-decoration: none;
}


a.TextoEnlaceFormularioLanding:hover
{
    color: var(--color-texto);
    text-decoration: underline;
}


a.TextoEnlaceFormularioLanding:visited
{
    color: var(--color-texto);
    text-decoration: none;
}


.TextoEnlacePieBoton, a.TextoEnlacePieBoton:link, a.TextoEnlacePieBoton:visited
{
    /*background-color: var(--color-fondo-principal);
    color: var(--color-blanco);
    font-size: var(--tamanyo-letra-texto);
    display: inline-block;
    padding: 7px 20px 7px 20px;
    min-width: 155px;*/
    /*border: 2px solid var(--color-blanco);*/
    background: var(--color-blanco);
    display: inline-block;
	font-family: var(--tipografia-texto);
    text-decoration: none;
    font-size: var(--tamanyo-letra-2);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4rem;
    -webkit-backface-visibility: hidden;
    text-decoration: none;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

a.TextoEnlacePieBoton:hover
{
    /*border: 2px solid var(--color-blanco);*/
    color: var(--color-blanco);
    background: var(--color-fondo-boton);
    text-decoration: none;
    transition: all 400ms;
    cursor: pointer;
}



.TituloFamilias
{
    font-family: var(--tipografia-titulo);
    font-weight: bold;
    font-style: normal;
    font-size: var(--tamanyo-letra-texto);
    color: var(--color-blanco);
    text-align: center;
}

.FechaBlog
{
    color: var(--color-texto);
    font-size: var(--tamanyo-letra-1);
    font-weight: 300;
    letter-spacing: 0.01em;
    font-family: var(--tipografia-texto);
}

.TextoBreveBlog
{
    color: var(--color-texto);
    font-size: var(--tamanyo-letra-2);
    font-family: var(--tipografia-texto);
}

.TituloEntradaBlog
{
    color: var(--color-titulo-negro);
    font-size: var(--tamanyo-letra-texto);
    font-family: var(--tipografia-titulo);
}

a.TituloEntradaBlog:link, a.TituloEntradaBlog:visited
{
    color: var(--color-titulo-negro);
    text-decoration: none;
}


a.TituloEntradaBlog:hover
{
    color: var(--color-titulo-negro);
    text-decoration: none;
}

.TextoComentarioInicio
{
    font-family: var(--tipografia-texto);
    font-size: var(--tamanyo-letra-T1);
    line-height: 22px;
    font-weight: 400;
    font-style: italic;
    color: var(--color-texto);
}

.TextoNombreComentarioInicio
{
    font-family: var(--tipografia-titulo);
    font-size: var(--tamanyo-letra-T1);
    font-style: normal;
    font-weight: 300;
    color: var(--color-titulo-negro);
    text-transform: uppercase;
}

.ComillasComentarios
{
    text-align: left;
    margin-bottom: 5px;
}

.ImageComillas
{
    width: 20px;
}

.TextBoxComentarios
{
    width: 90%;
    background-color: transparent;
    border-color: transparent;
    border-bottom: solid 1px var(--color-gris-claro);
    color: var(--color-texto);
    font-family: var(--tipografia-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}

/* do not group these rules */
.TextBoxComentarios::-webkit-input-placeholder {
    color: var(--color-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}
.TextBoxComentarios:-moz-placeholder {
    /* FF 4-18 */
    color: var(--color-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}
.TextBoxComentarios::-moz-placeholder {
    color: var(--color-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}
.TextBoxComentarios:-ms-input-placeholder {
    color: var(--color-texto);
	font-weight: 300;
    font-size: var(--tamanyo-letra-T1);
}

.TextoComentario {
	color: var(--color-negro);
    font-size: var(--tamanyo-letra-texto);
    font-weight: normal;
}



.TextoEnlaceComentario, a.TextoEnlaceComentario:link, a.TextoEnlaceComentario:visited
{
    font-size: var(--tamanyo-letra-2);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    color: var(--color-blanco) !important;
    text-decoration: none;
}

 a.TextoEnlaceComentario:hover
 {
    font-size: var(--tamanyo-letra-2);
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    color: var(--color-blanco) !important;
    text-decoration: none;
 }

.TextoEnlaceCoomentarios, a.TextoEnlaceComentarios
{
    color: var(--color-texto);
    font-size: var(--tamanyo-letra-3);
    text-decoration: none;
}

.TituloMenuFooter
{
    margin: 5px 0px 0px 0px;
    font-weight: normal;
    font-size: var(--tamanyo-letra-texto);
}
