/****STYLES ARTELISTA****/
/**Geneales***/

body{width:100%; height: 100%;font: normal 12px/18px Arial,Helvetica,sans-serif}
#dsk a{color:#c00058}
#dsk *:before, #dsk *:after{clear: both; overflow: hidden}
.content-tenda .content{margin:0 auto; width: 91%; max-width:1620px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}
#dsk h1, #dsk h2, #dsk h3, #dsk h4, #dsk h5, #dsk h6, #dsk p, #dsk ul li{font-family:'roboto', sans-serif; font-weight: 300}

#dsk .m-top-10{margin-top:10px}
#dsk .m-top-80n{margin-top:-80px}

section #dsk.apartados{margin:10px}
#dsk .tachado{text-decoration:line-through}
#dsk .btn-pink{background-color:#c00058;
color:#fff;
text-align:center;
display:table;
padding:6px 7px;
font-size:14px;
cursor:pointer}
#dsk .txt-white{color:#fff}
/***Header***/
header#dsk{font-size:16px;  margin-top: 14px}

/** Start: Reset anti-bootstrap **/
header#dsk *, header#dsk *::after, header#dsk *::before {box-sizing: content-box;}
header#dsk * {line-height:normal;}
/** End: Reset anti-bootstrap **/

#dsk .header-first .logo{  margin-top: -4px;
  margin-left: 10px;
  margin-bottom: 16px}

#dsk .buscador-header{float:left;
width:24%;
margin-left:1%;
margin-top:12px}
#dsk .searchform div {
height: 26px;
width: 100%;
margin-top: -10px;
}

#dsk .searchboxwrapper {
position: relative;
}

#dsk .searchbox {
border: 1px solid #dadada;
outline: none;
font: 11px;
color: #777;
width: 97%;
height: 26px;
background: #fff;
padding-left: 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#dsk .searchsubmit {
font-family: 'FontAwesome';
width: 29px;
height: 40px;
border: 1px solid #dadada;
font-size: 21px;
position: absolute;
top: 0;
right: 0;
background: transparent;
border: none;
color: #c00058;
cursor: hand; cursor: pointer;
}
#dsk ul.private-menu{list-style-type:none;
font-size:0.9em;
margin-bottom:0;
height:30px}
#dsk ul.private-menu:first-child:after{color:transparent}
#dsk ul.private-menu li:after{content:"|";
font-size:22px;
color:#ccc;
font-weight:100}
#dsk ul.private-menu li{
float:left;
padding:4px;
margin-top:6px}
#dsk ul.private-menu li a:hover{text-decoration:underline}
#dsk ul.private-menu li .cart {
  top: -23px!important;
  position: relative;
}
#dsk ul.private-menu li .cart .num-cart:hover{text-decoration:none}
#dsk ul.private-menu li .cart a:hover, #dsk ul.private-menu li a.cart:hover .num-cart{text-decoration:none!important}
#dsk ul.private-menu li:first-child:after{border:none;content:" "}
#dsk ul.private-menu li:last-child:after{color:transparent}
#dsk ul.private-menu li.fav{display:table}
#dsk ul.private-menu li.fav div{display:inline-table}
#dsk ul.private-menu li.fav a{display:inline-table;
margin-left:3px;
margin-right:6px;
margin-top:-2px}

#dsk .header-second{background:#e9e6e6;
width:100%;
height:55px;
box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
font-size:16px}

#dsk .header-second ul.menu-general li{
position: relative;
list-style-type:none;
margin:0 5px;
text-decoration:none !important;
margin:20px 10px;
display:inline-table;
line-height: normal;
}
#dsk .header-second ul.menu-general li a{display:table-row}
#dsk .header-second ul.menu-general li > i{color:transparent;
display:block;
text-align:center;
bottom:1px;
position:relative;
font-size:24px}
#dsk .header-second ul.menu-general li:hover > i{color:#c00058}
#dsk ul.menu-general li .submenu{display:none}
#dsk ul.menu-general li:hover .submenu{display:block}
#dsk .submenu{position: absolute; width: 10000px; left: -5000px; padding-left: 4990px; margin-top: -1px; background-color: rgba(60, 1, 28, 0.8); z-index: 120}
#dsk .submenu .col_1{width:150px; float:left}
#dsk .submenu li a {color:#fff}
#dsk ul.menu-general .submenu ul li {display:block;float:none !important;margin:0}
#dsk ul.menu-general .submenu ul li a {display:block;padding:.4em .8em}
#dsk .submenu ul li:hover a {background-color:#a3034c}

/**FOOTER**/
footer#dsk ul.list-links{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	width:350px}
footer#dsk ul.list-links li{margin-bottom:15px}
footer#dsk{padding:20px}
footer#dsk .ministerio{width:300px; margin:0 10px}
footer#dsk .ministerio img{width:230px;
margin-top:20px}
footer#dsk .ministerio p{font-size:11px}
footer#dsk .artesanum {font-size:16px;
font-weight:500;
}
footer#dsk .artesanum img{width:200px}
footer#dsk .boletin{margin:0 60px 0 10px} 
footer#dsk .boletin form input{padding:6px;
float:left;
margin-right:7px;
width:200px}
footer#dsk .redes-sociales{}
/**FIN FOOTER**/

/****Genericos***/
#dsk .clear{clear:both}
header#dsk .fl-left, section.content-tenda .fl-left, #dsk .fl-left{float:left}
header#dsk .fl-right, section.content-tenda .fl-right, #dsk .fl-right{float:right}
#dsk section.content-tenda .font-24{font-size:24px!important}
.content-tenda .subtitulo{font-size:16px; margin-left:10px}


#dsk .bg-pink-icon, #dsk .bg-pink-icon-s{ 
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background:#c00058;
height:35px;
width:35px;
color:#fff;
font-size:22px;
padding: 4px;
box-sizing: border-box;
display:table}
#dsk .bg-pink-icon-s{height:24px;
width:24px;
font-size:14px}
#dsk .num-cart{ 
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #d3d2d2;
  height: 20px;
  width: 21px;
  color: #c00058;
  font-size: 13px;
  /*padding: 1px;*/
  box-sizing: border-box;
  display: block;
  border: solid 2px #fff;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  position:relative;
  top:10px;
  left:19px;
  z-index:1}
#dsk .bg-pink-icon > i, #dsk .bg-pink-icon-s > i{display:table-cell;
  vertical-align: middle;
  text-align: center}
 #dsk .fa-star.on {
  color: #fff367!important;
}
#dsk .fa-star.off {
  color: #cccccc;
}
#dsk  #slides .info p.font-24{font-size:24px}
#dsk  #slides .info p{font-size:16px}
#dsk  #slides .info .stars{font-size:16px}
/**efecto hover**/
#dsk .bg-pink-icon {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow-x: hidden;
    overflow-y: hidden;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color, background-color;
} 
#dsk .bg-pink-icon:hover, #dsk .bg-pink-icon:focus, #dsk .bg-pink-icon:active {
  background-color: #cdcccd;
  color: #c00058;
  border:solid 1px #b1537e;
}
section.content-tenda .grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
section.content-tenda .grow:hover, section.content-tenda  .grow:focus, section.content-tenda .grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
 
/***mega-banner**/
#dsk .mega-banner {padding:1em; height: 340px; max-width:100%; background: url('/imagenes/banner-muestra.png') scroll no-repeat; background-size: cover; background-position: 50% 50%}
#dsk .mega-banner .description-banner{color:#fff; text-align: center; margin-top: 6em}
#dsk .mega-banner .description-banner .header_list li {font-size:x-large;line-height:1em}

#dsk .mega-banner .description-banner h3 {font-size:2.2em; font-weight: bold; margin-bottom:0}
#dsk .mega-banner .description-banner p{ font-size:1.7em; margin-top:0.7em; margin-bottom:0}
#dsk .mega-banner .description-banner .button-btn-white{width:180px; border:5px solid #fff; padding:0.5em 1em; /*position: relative;*/ margin:30px auto}
#dsk .mega-banner .description-banner .button-btn-white a {color:#fff; font-size: 1.1em; font-weight: bold; text-align:center}
/***fi del mega-banner**/
/**llistat-productes**/
.content-tenda{font-family:'roboto', sans-serif; font-weight: 300}
.content-tenda h2, .content-tenda h3, .content-tenda p{font-family:'roboto', sans-serif; font-weight: 300}
.content-tenda h2{font-size:22px; margin-left:10px}
.item_header{background:#f7f7f7; padding:45px 35px 15px; margin-top:15px; margin-bottom:15px; margin-left:15px; margin-right:15px}
.item_header:hover .pos-abs{display:block}
.item_header h3{text-align: center; font-size: 18px; margin: 0; width:205px}
.item_header p {margin:0; font-size: 16px}
.item_header .medidas{position:absolute; top:10px; left:10px}
.item_header .medidas p{font-size:12px}
.item_header .precio, #dsk .price-repro, #dsk .rebaja{margin-top:5px; margin-right:-24px!important;
text-align:right}
.item_header .artista, #dsk .reproduccion{margin-top:5px; margin-left:-24px!important}
#dsk .rebaja{font-size:13px;
color:#c00058;
font-weight:500}
#dsk .precio-rebaja{font-size:18px!important}
.item_header .pos-abs{position:absolute; top:7px; right:7px; display:none}
.heart-link, .plus-link{border-radius: 50%; background: #c2c2c2; padding:0.5em; height: 16px; width: 16px; font-size:16px; text-align: center; color:#c00058}
.heart-link:hover, .plus-link:hover{color:#fff; background-color:#c00058}
.heart-selected{border-radius: 50%; background: #c00058; color:#fff; padding:0.5em; height: 16px; width: 16px; font-size:16px; text-align: center}
.heart-selected:hover{background: #c2c2c2; color:#fff}
.sold{background-color: rgba(255, 85, 85, 0.6);
background: rgba(255, 85, 85, 0.6);
color: rgba(255, 85, 85, 0.6);
height:94px;
width:94px;
position:absolute;
bottom:5px;
right:5px;;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color:#fff;
display:table}
.sold p{vertical-align:middle;
text-align:center;
display:table-cell;
font-weight:400}
.autor-price{max-width:200px}

#dsk .reproduccion, #dsk .price-repro{font-size:13px!important;
font-weight:bold!important;
margin-top:5px}

/***Slider***/
#slider {
text-align: center;
width:60%;
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#slider label {
color: #444444;
cursor: pointer;
text-decoration: none;
}
#slider label:hover, #slider a:hover {
color: #000 !important;
}
#slider label, #slider #active, #slider img { -moz-user-select:none;-webkit-user-select:none; }

#slider input {
display: none;
}
#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }
#overflow {
width: 100%;
overflow: hidden;
}
#slider article img {
width: 100%;
max-width:100% !important;
}
#slides .inner {
width: 500%;
line-height: 0;
}
#slides article {
width: 20%;
float: left;
}
/* Slider Styling */
/* Control Setup */
#controls {
margin: -25% 0 0 0;
width: 100%;
height: 50px;
}
#controls label { 
display: none;
width: 50px;
height: 50px;
opacity: 0.3;
}
#active {
margin: 21% 0 0;
text-align: center;
}
#active label {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
width: 15px;
height: 15px;
background: #cacaca;
}
#active label:hover {
background: #c00058;
border-color: #777 !important;
}
#controls label:hover {
opacity: 0.8;
}
#slide1:checked ~ #controls label:nth-child(2):before, 
#slide2:checked ~ #controls label:nth-child(3):before, 
#slide3:checked ~ #controls label:nth-child(4):before, 
#slide4:checked ~ #controls label:nth-child(5):before, 
#slide5:checked ~ #controls label:nth-child(1):before{
font-family:fontawesome;
content:"\f054"}
#slide1:checked ~ #controls label:nth-child(2), 
#slide2:checked ~ #controls label:nth-child(3), 
#slide3:checked ~ #controls label:nth-child(4), 
#slide4:checked ~ #controls label:nth-child(5), 
#slide5:checked ~ #controls label:nth-child(1) {
font-size:26px;
float: right;
margin: 18px -126px 0 0;
display: block;
}

#slide1:checked ~ #controls label:nth-child(5):after,
#slide2:checked ~ #controls label:nth-child(1):after,
#slide3:checked ~ #controls label:nth-child(2):after,
#slide4:checked ~ #controls label:nth-child(3):after,
#slide5:checked ~ #controls label:nth-child(4):after{font-family:fontawesome;
content:"\f053"}

#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) {
font-size:26px;
float: left;
margin: 18px 0 0 -126px;
display: block;
}
#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) {
background: #c00058;
border-color: #c00058 !important;
}
/* Info Box */
#slider .info {
line-height: 20px;
/*margin: 0 0 -150%;
position: absolute;*/
/*font-style: italic;*/
padding: 10px 30px;
opacity: 0;
color: #000;
text-align: left;
}
#slider .info h3 {
color: #333;
margin: 0 0 5px;
font-weight: normal;
font-size: 22px;
font-style: normal;
}
#slider .info p{margin-top:5px}
#slider .puntuaciones{display:table}
#slider .puntuaciones .categoria{display:inline-table;margin-right:35px}
/* Slider Styling */
#slides {
margin: 45px 0 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 10px 10px 10px -6px #c5c5c5;
padding: 1%;
}
/* Animation */
#slides .inner {
-webkit-transform: translateZ(0);
-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); 
transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
-o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); 
transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#slider {
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#controls label{
-webkit-transform: translateZ(0);
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
}
#slider #controls {
margin: -25% 0 0 15%;
width: 70%;
height: 50px;
}
#slider #controls label {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}

#slide1:checked ~ #slides article:nth-child(1) .info,
#slide2:checked ~ #slides article:nth-child(2) .info,
#slide3:checked ~ #slides article:nth-child(3) .info,
#slide4:checked ~ #slides article:nth-child(4) .info,
#slide5:checked ~ #slides article:nth-child(5) .info {
opacity: 1;
-webkit-transition: all 1s ease-out 0.6s;
-moz-transition: all 1s ease-out 0.6s;
-o-transition: all 1s ease-out 0.6s;
transition: all 1s ease-out 0.6s;
}
#slider .info, #controls, #slides, #active, #active label, .info h3, .desktop, .tablet, .mobile {
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/* Responsive Styling */
@media only screen and (max-width: 850px) and (min-width: 450px) {
#slider #slides {
padding: 1% 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#slider #active {
margin: 22% 0 0;
}
}
@media only screen and (max-width: 450px) {
#slider #controls {
margin: -28% 0 0 24%;
width: 50%;
height: 50px;
}
#slider #active {
margin: 23% 0 0;
}
#slider #slides {
padding: 1% 0;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
#slider #slides .info {
opacity: 0 !important;
}
#slider #controls label {
-moz-transform: scale(0.6);
-webkit-transform: scale(0.6);
-o-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
}
}