/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
@font-face {
  font-family: Aabel-Regular;
  src: url('tipografia/Aabel-Regular.ttf');
}

@font-face {
  font-family: Athena-Book;
  src: url('tipografia/Athena-Book.ttf');
}

@font-face {
  font-family: Athena-Regular;
  src: url('tipografia/Athena-Regular.ttf');
}

@font-face {
  font-family: Athena-Light;
  src: url('tipografia/Athena-Light.ttf');
}

@font-face {
  font-family: Athena-Bold;
  src: url('tipografia/Athena-Bold.ttf');
}

@font-face {
  font-family: Hermann-SemiBold-Italic;
  src: url('tipografia/Hermann SemiBold Italic.otf');
}

body {
  font-family:Athena-Regular !important;
}

#content {
  background-color: #f9f5f4;
}

a {
  color : #000;
}

label {
  font-family:Athena-Light;
  font-size:14px
}

input {
  font-family:Athena-Light;
  font-size:14px
}

button, [type="button"] {
  border : none;
/*  background-color: #fff;*/
}

.content-wrap {
  padding: 0px 0;
}


h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: 600;
    line-height: 1.5;
    margin: 0 0 30px 0;
    font-family: Athena-Book;
}

header#header,
#header-wrap {
  height: 110px;
	-webkit-transition:  opacity .3s ease;
	-o-transition:  opacity .3s ease;
	transition:  opacity .3s ease;
  
}

#header-wrap > div#logo-contenedor {
  	height: 50px;    
 }

h1.logo {
    margin: 0px 0px 0px 0px;
}

.transparente .top-links ul li,
.transparente .center.logo,
.transparente .top-links li > a,
.transparente #primary-menu ul li > a
 {
  color:#fff;
}

.sticky-header .top-links ul li,
.sticky-header .center.logo,
.sticky-header .top-links li > a,
.sticky-header #primary-menu ul li > a
 {
  color:#000;
}

#logo img {
	height: 50px;
	-webkit-transition: height .4s ease, opacity .3s ease;
	-o-transition: height .4s ease, opacity .3s ease;
	transition: height .4s ease, opacity .3s ease;
}

@media (min-width: 992px) {
  #header.split-menu #logo {
      height: 70px;
  }
}

#top-bar {
  border-bottom: none;
  background-color: transparent !important;
  font-family : Athena-Regular;
  font-size: 16px;
  height:30px;
}

.top-links ul li {
border-left: none;
height:30px;
}

.top-links li > a {
height:30px;
}

#header.dark.transparent-header, #header.dark.semi-transparent { 
border-bottom: none !important;
}

header#header.split-menu.transparent-header > div.container.clearfix > div#logo.divcenter {
height: 55px
}


.dark .top-links ul  li:hover {
  background-color: transparent;
}

.dark .top-links ul ul li:hover {
    background-color: transparent !important;
}

.dark .top-links ul ul li {
    border-top: none;
}

.dark .top-links ul ul, .dark .top-links ul div.top-link-section {
    background: transparent !important;
}

.dark .top-links ul ul, .dark .top-links ul div.top-link-section > li > a:hover{
    background: transparent !important;
}

.top-links ul ul a:hover {
    background: transparent !important;
}

.top-links ul ul, .top-links ul div.top-link-section {
  border-top:none;
}

nav#primary-menu.style-2.divcenter {
  border-top:none;
}


#primary-menu ul li > a {
  font-family: Athena-Book;
  font-size: 12px
}

#primary-menu.style-2 > div > ul > li > a {
    padding-top: 0px;
    padding-bottom: 8px;
}

nav#primary-menu div ul.d-block {
  padding-top:0px;
}

#primary-menu .container #primary-menu-trigger {
  top: -50px !important;
  left: 0;
}

@media (min-width: 992px) {
  nav#primary-menu > div.container.clearfix {
     margin-left: 50%
  }

  #primary-menu.style-2 > div > ul {
      margin-left: -20%
  }

}



#header.transparent-header {
  height: 110px;
  background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,1));

}



@media (max-width: 991.98px) {
 #primary-menu .container #primary-menu-trigger {
    top: -50px !important;
    left: 0;
 }

  .top-links {
     display: none;
  }

}

.portada:hover {
  display:block
}

.bottom-links ul li {
  display : inline-block;
  color : #000;
  padding: 20px
}

/*  H O M E  */

div.contenedor-home {
  margin:30px 30px 30px 30px;
  background-color : #E3DDD6;
  text-align: center;
  padding:20px;
  font-family : Athena-Light;
}

div.contenedor-home h1 {
  font-family : Athena-Regular;
}

div.contenedor-home .button.dark {
  background-color : #000;
  font-family : Athena-Regular;
}

div div.contenedor-featured {
  background-color: #d6d6d4;
  min-height: 100px;
  overflow: hidden;
  margin : 30px;
  font-family : Athena-Light;
}

div.col_full.row-full {
  min-height : 100px;
  overflow : hidden;
  margin-bottom:0px
}

div#clean-overlay {
  display:none;
}

.overlay {
  background-color: rgba(0,0,0,0.84);
}

.overlay.transparent {
  background-color: transparent;
}

.button.button-border {
  font-family : Hermann-SemiBold-Italic;
  font-size : 22px;
  border-width : 3px;
   text-transform: none;
}


@media (min-width: 1100px) {

  .slider-caption.slider-caption-center {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 100px;
    font-family : Athena-Light;
    font-size : 16px
  }

  .slider-caption.slider-caption-center.full {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 100px;
    font-family : Athena-Light;
    font-size : 16px
  }

  .boton-home {
    position:absolute;
    bottom: 50px;
    width:100%
  }

  a.button-blanco {
    background-color : #fff;
    color : #000;
    font-family : Athena-Light;
    font-size : 20px;
    padding: 7px 20px 7px 20px;
  }

}

@media (min-width: 601px) and (max-width: 1099px) {

  .slider-caption.slider-caption-center {
    padding-left: 20%;
    padding-right: 20%;
    padding-top: 100px;
    font-family : Athena-Light;
    font-size : 14px
  }

  .boton-home {
    position:absolute;
    bottom: 40px;
    width:100%
  }

  a.button-blanco {
    background-color : #fff;
    color : #000;
    font-family : Athena-Light;
    font-size : 18px;
    padding: 5px 20px 5px 20px;
  }



}




@media (max-width: 600px) {
  .slider-caption.slider-caption-center {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 100px;
    font-family : Athena-Light;
    font-size : 14px
  }

  .boton-home {
    position:absolute;
    bottom: 40px;
    width:100%
  }

  a.button-blanco {
    background-color : #fff;
    color : #000;
    font-family : Athena-Light;
    font-size : 14px;
    padding: 5px 20px 5px 20px;
  }

  div.contenedor-home {
    margin:10px 10px 10px 10px;
    background-color : #E3DDD6;
    text-align: center;
    padding:10px;
    font-family : Athena-Light;
  }

  div#clean-overlay {
    display:block;
  }


}

div#nav-bottom div a {
  color:#000;
  line-height : 1.5
}

div#nav-bottom div a:hover{
   border-bottom : 2px solid #000 !important;
}

/* producto */
div.talla table.talla-option tbody tr td {
  border:solid 2px #000;
/*  padding:7px 20px 7px 20px; */
  font-family:Athena-Book;
  font-size:14px;
  width : 16.6%;
  width:1%;
   white-space: nowrap;
  text-align: center
}

/*div.talla table.talla-option tbody tr td:hover {
  background-color:#000;
  color: #fff;
}  */

.select-td {
  background-color:#000;
  color: #fff;
}

.deselect-td {
  background-color:#fff;
  color: #000;
}

div.prod {
  margin: 30px 0px 30px 0px;
  font-family : Hermann-SemiBold-Italic;
  text-align : center;
}

div ul.nav.nav-tabs li {
  font-family : Athena-Bold;
  font-size : 18px;
  opacity : 30%;
  width : 33%;
  text-align : center;
}


div ul.nav.nav-tabs li.active {
  opacity : 100%
}

div.tab-content div.tab-pane {
  font-family: Athena-Light;
  font-size : 16px;
  text-align : center;
}

/*
i.icon-shopping-cart >* {
    visibility: hidden !important;
}
i.icon-shopping-cart {
    background-image: url(../images/bag.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
}  */

/* guida medidas guia PRENDAS */
.button-white.guia-medidas {
  color:#000;
  font-family : Athena-Light;
  font-size : 24;
  border : 2px solid #000;
}

.button-white.guia-medidas:hover {
  background-color:#000;
  color:#fff !important;
}

.button-white.guia-medidas.active {
  background-color:#000;
  color:#fff !important;
}

table.medidas {
  font-family:Athena-Regular;
  font-size:14px
}

table.medidas tr td {
  padding:15px !important;
  text-align : center
}

table.medidas tr.cafe {
  background-color:#e4ddd4
}

ul#prendas-tab-list {
  border : none;
}

ul#prendas-tab-list li {
  font-family : Athena-Light;
  font-size : 18px;
  opacity : 100%;
  width : 25%
}

@media (max-width: 767px) {
  ul#prendas-tab-list li {
    font-size : 8px;
  }

}


ul#prendas-tab-list li a {
  color:#000
}

ul#prendas-tab-list li a:hover {
  color:#000;
  border-bottom: solid 2px #000;
}

ul#prendas-tab-list li.active a {
  color:#000;
  border-bottom: solid 2px #000;
}

ul#cuenta-tab-list {
  border-bottom: solid 2px #000;
  opacity:100%
}

ul#cuenta-tab-list li {
  font-size : 18px;
  opacity : 100%; 
  width:25% 
}

@media (max-width: 767px) {
  ul#cuenta-tab-list li {
    font-size : 8px;
  }
}

#textotela {
  font-family:"Athena-Bold";
  font-size:8px;
  font-weight: bold;
  text-align:center;
}

footer#footer.dark {
  background-color:#FFF;
}

.menu-bottom {
  font-family:Athena-Light;
  font-size:20px
}

ul.breadcrumb {
    color: #FFF;
    font-weight: 600;
    line-height: 1.5;
    margin: 50px 0 50px 0 ;
    font-family: Athena-Book;
    float:left;
    font-size:14px;
}

.btn-link,
.page-link,
.page-link:hover,
.page-link:focus { color: #000000 !important; }

.page-item.active, .page-link:hover, .page-link:focus {
  color: #FFF !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

.categoria {
  float:left;
}

img.btn-clip {
  height:80px;
}

img.btn-clip:hover {
  height:80px;
  content: url('../../image/naranja_hover_con_sombra.png');
}


@media (max-width: 767.98px){
  .subcategoria {
    margin-bottom:5px !important;    
  }
  .categoria {
    margin:10px 0 10px 0 !important;
  }
}

#footer {
  position: relative;
  background-color: #FFF;
  border-top: 5px solid rgba(0,0,0,0.2);
}

.img-thumbnail {
  background-color: transparent;
}

.promo a#primera-compra.button  {
  position: relative;
  
}