/*  ----------------------------------------------------------------------------
    This file will load automatically when the YourStore theme is active. You can use it
    for custom CSS.
*/


/* added by me*/
.tooltip{margin-left:10px;background:#c3c8c9;border-radius:15px;width:22px;height:22px;font-size:15px;text-indent:-3px;text-align:center;line-height:22px;display:inline-block;color:#fff;font-style:italic;position:relative;top:1px;}
.tooltip{position:relative;font-weight:bold;}
.tooltip:hover:before{border:solid;border-color:#333 transparent;border-width:0px 6px 6px 6px;top:30px;content:"";left:50%;margin-left:-6px;position:absolute;z-index:99;}
.tooltip:hover:after{background:rgba(0, 0, 0, 0.9);top:36px;color:#fff;font-size:11px;line-height:15px;content:attr(alt);left:50%;padding:5px 15px;position:absolute;z-index:98;margin-left:-110px;width:220px;}
h3.itemTitle{    margin-bottom: 0.1em;
    margin-top: 0.1em;
    position: relative;
    top: -55px;}
.new_products{background:#f0f0f0 none repeat scroll 0 0;border:1px solid #ccc;border-radius:70px;display:inline-block;margin:3px;padding:10px 0;text-align:center;width:31% !important;}
.faq_question{background:#f0f0f0 none repeat scroll 0 0;border:thin outset #dbdbdb;border-radius:8px;color:#000;font-family:"Helvetica Neue",sans-serif;font-size:14px;letter-spacing:0.03em;padding:7px 10px;max-width: 85%;margin: 20px 0 0px 0px;}
#faq_question_2{max-width:50%;}
#carrito{max-width:50%;}
@media all and (min-width:720px){.iconcat1{display:none;position:absolute;right:20%;text-align:center;top:-7px;width:25%;}
.iconcat1 img{margin:0 1px 2px;width:26%;}
.iconcat1IMG{width:95%;}
}
@media all and (min-width:720px){.header_icon1{display:inline;position:absolute;right:20%;text-align:center;top:-7px;width:25%;}
.header_icon1 img{margin:0 1px 2px;width:26%;}
.header_icon_IMG{width:95%;}
}
.foto_detail{margin:-70px 100px -20px;}
@media all and (max-width:600px){.descripcion-cat{display:none;}
}
.descripcion-cat{font-size:0.9em;margin:-51px 140px 15px;width:90%;}
#header-lan-curr{display:inline-block;float:inherit;font-size:smaller;margin:120px 85px 5px;}
#lan-curr-none{display:none;}
#header-lan-curr img{vertical-align:middle;}
#header-lan-curr{display:inline-block;float:inherit;font-size:smaller;margin:20px 85px 5px;}




.faq_question{background:#f0f0f0 none repeat scroll 0 0;border:thin outset #dbdbdb;border-radius:8px;color:#000;font-family:"Helvetica Neue",sans-serif;font-size:14px;letter-spacing:0.03em;padding:7px 10px;}
#faq_question_2{max-width:50%;}
#carrito{max-width:50%;}
.faq_answer{max-width:95%;}
.faq_answer_container{background:#f0f0f0 none repeat scroll 0 0;border-top:none;margin:0 12px;height:0px;overflow:hidden;padding:0px;max-width:85%;width:85%;}
.faq_question:hover{box_mau-shadow:0 0 0 3px #000 inset, 0 0 1px rgba(0, 0, 0, 0);}
/* FIM added by me*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600);

/* gallery_mau */

.gallery_mau {
	width: 900px;
	margin: inherit;
	overflow: hidden;

	display: -webkit-flex;
	display: flex;

	-webkit-flex-flow: row wrap;
  	flex-flow: row wrap;
}
.gallery_mau li{
	position: relative;
	width: 18.333%;
	float: left;
	padding: 0.625rem;

	display: -webkit-flex;
	display: flex;

	-webkit-box_mau-sizing: border-box_mau;
	box_mau-sizing: border-box_mau;

	-webkit-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
}
.gallery_mau li .box_mau {
	position:relative;
	padding: 6px 6px 30px 6px;
	background-color: #fff;
	overflow: hidden;
}
.gallery_mau li figure{
	display: block;
	width: 100%;
	margin-bottom: 6px;
}
.gallery_mau li img{
	width: 100%;
	height: auto;
}
.gallery_mau li h3{
	margin-bottom: 6px;
	font-size: 17px;
	font-weight: bold;
	line-height: 100%;
	text-transform: uppercase;
	color: #000;
}
.gallery_mau li time{
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
	padding: 6px;
	font-weight: 400;
	text-align: center;

	-webkit-box_mau-sizing: border-box_mau;
	box_mau-sizing: border-box_mau;
}

.gallery_mau li:nth-child(even) .box_mau {
	background: #eee;
}

/* MEDIA QUERIES */

@media screen and (max-width:992px) {

	.gallery_mau {
		width: auto;
	}

}

@media screen and (max-width:768px) {

	.gallery_mau li {
		width: 50%;
	}

}

@media screen and (max-width:468px) {

	.gallery_mau li {
		width: 100%;
	}

}