body{
    margin:0px;    
    font-family: 'Saira Condensed', sans-serif;
    color: #6A6A6A;
    font-size: 18px;
    background-color: #1A1A1A;
    line-height: 25px;
}


/*BOTONERA*/

.botonera {
    float: right;
    margin-top: 0px;
}

.navbar-principe{
    background-image: none;
    border-radius: 0px;
    box-shadow: none;
    background-color:transparent;
    border:none;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size:15px;
    font-weight:500;
    font-family: 'Titillium Web', sans-serif;
}

.navbar {
    margin-bottom: 0px;
}

.navbar-principe .nav > li > a {
    padding: 10px 10px;
}


.nav.navbar-nav.navbar-principe {
    float: left;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #16C7DF; /*143e36*/
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #7cc92f;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}


.navbar-principe .navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}



.botonera-xs .navbar-default {
    box-shadow: none !important;
    background-color: transparent;
    background-image: none;
    border-radius: 0px !important;
    border: none;
}

.botonera-xs .navbar-toggle {
    margin-left: 0px;
    background-color:transparent;
    border: none;
    top:0px;  /*--0*/
}


.botonera-xs .navbar-default .navbar-toggle .icon-bar {
    background-color: #16C7DF;
}

.botonera-xs .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}


.botonera-xs .navbar-default .navbar-nav > li > a {
    margin-left: 15px;
    margin-top: 6px;
    color: #fff;
    font-size: 16px;
    padding-bottom: 5px;
}


.botonera-xs .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #16C7DF;
    background-color: transparent;
}


.botonera-xs .navbar-default .navbar-nav > li > p {
    margin-left: 30px;
    margin-top: 6px;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin-bottom: 0px;
    line-height:20px;
}
.botonera-xs .navbar-default .navbar-nav > li > span {
    margin-left: 30px;
    margin-top: 6px;
    color: #fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight:bold;
}

.botonera-xs .navbar-inverse {
    background-image: none;
    background-color:#1A1C26;
}



.botonera-xs .navbar-nav {
    margin: 0px -15px;
}


.logo {
    margin-top: 9px;
}

.cabecera.largo{
    background-color: transparent;
    position: relative;
    z-index: 3;
    height: 106px;
    padding-top: 30px;
}

.cabecera.corto{
    background-color: #1A1C26;
    position: fixed;
    width: 100%;
    z-index: 777777;
    top: 0;
    box-shadow: 0px -5px 8px 0px #111; 
    height: 90px;
}


.cabecera.corto .navbar-default .navbar-nav > li > a {
    color: #fff;
}

.cabecera.corto .navbar-default .navbar-nav > li > a:hover, .cabecera.corto .navbar-default .navbar-nav > li > a:focus {
    color: #16C7DF;
}


.cabecera.corto .botonera-xs .navbar-default .navbar-nav > li > a {
    color:   #fff;
}

.cabecera.corto .botonera-xs .navbar-default .navbar-nav > li > a:hover {
    color:   #16C7DF;
}



.cabecera.corto .botonera {
    margin-top: 24px;
}

.cabecera.corto .logo {
    margin-top: 0px;
}



.cabecera.corto .logo-sticky{
    display: block;
}

.cabecera.corto .logo-sticky img{
    display: block;
    margin-top: 20px;
}

.cabecera.corto .logo{
    display: none;
}



.cabecera.corto .logo-sticky-xs{
    display: block;
    margin-top: 10px;
}

.cabecera.corto .logo-sticky-xs img{
    display: block;
    margin: auto;
    padding-right: 30px;
}

.cabecera.corto .logo-xs{
    display: none;
}

.logo-xs img{
    display: block;
    margin: auto;
    padding-right: 30px;
}


.cabecera.corto  .botonera-xs .navbar-default .navbar-toggle .icon-bar {
    background-color: #16C7DF;
}


.logo-xs {
    margin-top: 10px;
}

/*BOTONERA*/


.btn-secundario{
    background-color: #transparent;
    border-radius: 30px;
    padding: 10px 25px;
    color: #fff;
    font-size: 16px;
    border: 2px solid #fff;  
}

.btn-secundario:hover, .btn-secundario:focus {
    background-color: #transparent;
    color: #fff !important;
    border: 2px solid #fff;  
}

.btn-primario{
    background-color: #0EA1B5;
    border-radius: 50px;
    padding: 10px 30px;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
}

.btn-primario:hover, .btn-primario:focus {
    background-color: #0A8B9C;
    color: #fff !important;
}

header{
    background-image: url("../img/bg-header.png");
    min-height: 750px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}


.box-frase h1{
    font-size: 60px;
    color: #fff;
    line-height: 63px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 5px;
}

.box-frase p{
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    font-weight: 300;
}

.box-frase p span{
    color: #03B4CD;
    font-weight: 600;
}

.box-frase{
    width:400px;
    height: 125px;
    margin-top:140px; 
}


.whatsapp{
    position: fixed;
    bottom: 15px;
    right: 15px;
    width: 73px;
    height: 65px;
    z-index: 99999999;
}

.redes-sociale img{
    float: left;
    margin-right: 10px;
}


#footer-ana{
    background-color: #1A1C26;
    padding-top: 50px;
    padding-bottom: 50px;
    min-height: 200px;
}

#biografia{
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: 200px;
}

#catalogo{
    background-color: #1A1C26;
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 300px;
}

#catalogo .linea-titular{
    margin: 0px auto 10px;
}


#catalogo .titular h2{
    text-align: center;
}

#brillo{
    background-color: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
    min-height: 200px;
}

.icon-contacto{
    float: left;
    margin-right: 10px;
    width: 15px;
}

.texto-contacto{
    float: left;
    width: 85%;
}

p.destacado{
    color: #0391A5;
    font-weight: 600;
}

.titular h2{
    color: #03B4CD;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 5px;
}

.linea-titular{
    width: 43px;
    height: 1px;
    background-color: #03B4CD;
    margin-bottom: 10px;
}

.texto-catalogo{
    width: 70%;
    margin: 30px auto 0px;
}

.texto-catalogo p{
    text-align: center;
    color: #fff;
}

.foto-ana img{
    float: right;
    margin-right: 10px;
}

.texto-brillo span{
    font-size: 25px;
    line-height: 30px;
    text-align: right;
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
}

.texto-brillo p{
    text-align: right;
}

.texto-brillo{
    width: 80%;
    float: right;
    padding-top: 45px;
    margin-right: 15px;
}

.t-destacado{
    color: #0391A5;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 25px !important;
    margin-bottom: 0px !important;
}

.texto-briografia{
    width: 93%;
}

span.nombre{
    font-size: 20px;
    color: #03B4CD;
    line-height: 25px;
}

.contenedor-cuadros{
    margin-top: 50px;
}

.btn-filtros{
    
}


.btn-filtros{
    background-color: #03B4CD;
    color: #fff;
    border-radius: 50px;
    padding: 6px 30px;
    font-size: 20px;
    font-weight: 400;
    margin-left: 8px;
    margin-right: 8px;
}

.btn-filtros:hover, .btn-filtros:focus {
    background-color: #0A8B9C;
    color: #fff !important;
}

.tumb-catalogo{
    margin-bottom: 30px;
}

.box-contenedor-catalogo{
    margin-top: 45px;
    margin-bottom: 15px;
}

.navbar-principe .nav > li > a.icon-redes-menu {
  padding: 9px 4px;
}

#footer-ana h3{
     color: #fff;
     font-size: 22px;
     line-height: 25px;
     margin-top: 0px;
     font-weight: 300;
     margin-bottom: 18px;
}

.texto-contacto p, .texto-contacto a{
    color: #fff;
    display: block;
    font-size: 16px;
    padding-top: 1px;
    margin-bottom: 4px;
}

.box-pie p.copyr{
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    margin-top: 15px;
    margin-left: 60px;
}

.box-pie {
  width: 75%;
  margin: auto;
}

.box-seccion-datos-contacto{
    margin-left: 30px;
}


.texto-contacto a:hover, .texto-contacto a:focus {
    color: #03B4CD;
}

.redes-sociales img{
    margin-right: 8px;
}