@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');
html, body {
	margin: 0;
	font-family: 'Didact Gothic', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	background-color: white;
	color: white;
	height:100%;
}
 /* unvisited link */
a:link {
    color: inherited;
}

/* visited link */
a:visited {
    color: inherited;
}

/* mouse over link */
a:hover {
    color: inherited;
}

/* selected link */
a:active {
    color: inherited;
}

* {
	box-sizing: border-box;
	margin: 0;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0;

 /* -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;*/

}

.bold {
	font-size: 72px;
	font-weight: bold;
}

.cabecera {

	padding: 0px;
	font-size: 24px;
	text-align: center;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	min-height: 100px;
}
.cabecera .tool-bar{
	position:absolute;
	right:0;
	top:30px;
	line-height:130px;
	/*width:200px;*/
	font-size:14px;
	float: right;
	color:black;
	margin-right:3%;
}
.cabecera .tool-bar a{
	margin-right:20px;
		width: 170px;
	border: solid 0px #000;
	color: #000;
	font-size: 12px;
	line-height: 33px;
	display: inline-block;
	cursor: pointer;
	background-color: #ebebeb;
}
i{
	margin-right:10px;
}
.inside-cab {

	color:black;
	width:300px;
	padding: 20px;
}

.cab-logo {
	width: 100px;
}

a {
	color: inherit;
	text-decoration: none;
	text-decoration-color: black;
	cursor: pointer;
}

a:HOVER {
	text-decoration: underline;
		text-decoration-color: black;
		color:black;
}

.sb1 {
	color:black;
	z-index: 5;
	width: 200px;
	padding: 25px;
	background-color:white;
	position: absolute;
	margin: 20px;
	font-size: small;
	/*border: 5px solid white;*/
}

.sb1 li ul {
	margin-left: 20px;
}

.sb1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sb1 ul li {
	margin-top: 20px;
}

.has-sub-sign {
	float: right;
}

.port {

}

.port-bigphoto {
	display: block;
	width: 100%;
	position: relative;
	margin-bottom: 0px;
}

.port-bigphoto-center {
	margin: auto;
	position: absolute;
	top: 0;
	display: block;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 31%;
	max-height: 233px;
	right: 0;
	text-align: center;
	min-height: 170px;
}

.port-bigphoto-center-outer {
	position: absolute;
	left: 50%;
}

.titulo-banner {
	font-size: 50px;
	margin-bottom: 4.086%;
	color: #ffffff;
	display: inline-block;
	line-height: 1;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0.4);
}

.subtitulo-banner {
	letter-spacing: 5px;
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 4.086%;
	line-height: 1;
	padding: 10px 10px;
	width:auto;


    display: inline-block;


    background-color: rgba(0, 0, 0, 0.4);
}

.port-bigphoto img {
	width: 100%;
}

.banner-button, button, .button {
	width: 170px;
	border: solid 1px #000;
	color: #000;
	font-size: 12px;
	line-height: 33px;
	display: inline-block;
	margin-right: 1.6%;
	cursor: pointer;
	background-color: white;
	text-align: center;
}
.form-control{

	border: 1px solid black;
	border-radius: 0;
	color:black;
}
.form-control:FOCUS{
  border: solid 1px #000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}

.button-inverse {
	background-color: black;
	color: white
}

.button-inverse:HOVER {
	background-color: white;
	color: black;
}

/*img {
	border: 0 none;
	vertical-align: top;
}*/


.cabecera .banner-cab {
	line-height: 32px;
	width: 100%;
	background-color: #595959;
	font-size: 12px;
	font-weight: bold;
}

.content2 {
	background-color: white;

	color: black;
	padding: 0px;
	padding-bottom: 20px;
}


.inside-cab-a:HOVER, .inside-cab-a, .inside-cab-a:FOCUS {
	color:black;
	text-decoration: none;
}
#shopp-bag-div{
	display:none;
	padding:10px;
	position:absolute;
	top:120px;
	border: 1px solid black;
	background-color: white;
	line-height: normal;
	right:0;
	width:400px;
	color:black;
}
#shopp-bag-div-table{
	font-size: 12px;
}
.shopp-bag-product-photo{
	width:100px;
}
.shopp-bag-cross{
	right:0;
	position:absolute;
	float: right;
	font-size: x-large;
}
.content2 h1 {
	position: static;
	left:0;
	z-index: 100;
	font-size: 72px;
	color: rgba(0, 0, 0, 0.2);

	font-weight: bold;
	width:100%;
	/*margin-left:20px;*/
	text-align:center;
	float: none;
	margin: 0;

}

.footerdiv {
	display:block;
	/*border: 1px solid black;*/
	position: fixed;
	bottom: 0;
	height:30px;
	width: 100%;


	color: #000;
	background-color: #e1e1e1;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;

	z-index:100;

}

.table-clothes table {
	/*margin-left:220px;*/
	border-spacing: 15px;
}

.tab-cloth {
	background-color: white;
	padding: 20px;

	margin-bottom:5px;
}

.tab-cloth img {
	width: 100%;
}

.tab-name {
	margin: 15px;
	color: black;
	text-align: center;
	font-size: 14px;
}
.tab-cost {
	margin: 15px;

	text-align: center;
	font-size: 14px;
}
.tab-cost:HOVER{
	text-decoration:none;
}

.fin-footer {
	position:static;
	bottom:0;
	width:100%;
	display: block;
	background-color: #fff;
	color:#4a4a4a;
	margin-bottom:30px;
	text-align:center;
	padding:15px;
	padding-bottom:30px;


}

.social-button:HOVER{
	color:#3b5998;
}
.container1{
	   position:relative;


}
.content2-product .column-info {
	float: right;
	width: 30%;
	padding: 20px;
}

.content2-product .column-info .title {
	font-size: 16px;
	font-weight: bold
}

.content2-product .column-photos {
	width: 70%;
	float: left;
}

.content2-product .column-photos img {
	width: 100%;
	margin-bottom: 20px;
}

.arrow-siguiente{
	right:0;
}
.arrow-anterior{
	left:0;
}
.arrow-btn:HOVER{

	background-color:white;
	color:black;

}
.arrow-btn{
	position:fixed;
	background-color:black;
	top:75%;
	color:white;
	padding:15px;
	font-size:36px;
	z-index:100;

}

p {
	margin-bottom: 10px;
	font-size: 14px;
}
.column-info br{
	height:10px;
}
.bordered {
	border: 1px solid black;
	padding: 10px;
}

table {
	border-collapse: collapse;
}

.table-tallas {
	text-transform: uppercase;
	font-size: 12px;
	color: black;
	width: 100%;
	margin-top: 10px;
}

.table-tallas tr td, .table-tallas tr th {
	padding: 5px;
	border: 1px solid black;
}

.accordion-sign {
	margin-right: 10px;
	float: left;
}

.accordion-closed {
	margin-top: 20px;
	display: none;
	text-transform: uppercase;
	font-size: 12px;
}

.accordion {
	margin-bottom: 20px;
}
.c-hamburger{
	display:none;
}
.column-info .arrow{
	display:none;
}
.msgcookie {
	display: block;
	position: fixed;
	z-index: 1000;
	bottom: 10px;
	left:10px;
	min-height: 50px;
	width: 300px;
	background-color: rgba(255,255,255,0.8);
	border:1px solid gray;
	color: #000;
	font-size: 11px;
	font-family: sans-serif;
	padding:20px;
}
.ribbon-wrapper-green {
		width: 200px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    right: 0px;
}

.wrapper{
	position:relative;
}

.ribbon-green {
  font: bold 12px Sans-Serif;
  color: #333;
  text-align: center;
 /* text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;*/
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
	left: 44px;
    top: 42px;
    width: 200px;
  background-color: red;

  color: #fff;
  -webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 1px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 1px rgba(0,0,0,0.3);
}

.ribbon-green:before, .ribbon-green:after {
  content: "";
  border-top:   3px solid red;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}

.ribbon-green:before {
  left: 0;
}
.ribbon-green:after {
  right: 0;
}
.msgcookie p {
	line-height: 20px;
	margin: 0 auto;
	background: url(cookie.png) 0 0 no-repeat;

}

.msgcookie p a:link, .msgcookie p a:active, .msgcookie p a:visited,
	.msgcookie p a:hover {
	color: #000
}

.msgcookie a.close-cookie {

}

a.close-cookie:hover {
	opacity: 1
}

.footer-cont ul{
	list-style-type: none;
}
.footer-cont{
	text-align:center;
	font-size: small;
}
.footer-cont li{
	margin-bottom:7px;
}
.fin-footer br{
	margin-top:7px;
	content:" "
}
.fin-footer p{
	margin-bottom:7px;
}
.band_incircle{
	text-align: center;
	font-size: 1.25vw;
	/* circle styles */
	background-color: white;
  width: 22%;
  height: 15%;
  border: 0px solid #222;
  border-radius: 50%;
	opacity: 0.6;

  /* become a flex container */
  /* its children will be flex items */
  display: flex;
  /* place items in column */
  flex-direction: column;
  /* center flex items horizontally */
  align-items: center;
  /* center all content vertically */
  justify-content: center;
	position: absolute;
	top: 35%;
	left: 39%;

}

.precio_before_descuento{
	text-decoration: line-through;
	font-size: 13px;
}
	#bolsa_x{
		line-height: 5px;
		font-size: 20px;
		float:right;
		cursor:pointer;
	}
	#div_bolsa{
		display:none;
		background-color: white;
		border: 1px solid black;
		position:absolute;
		top:70px;
		right:0;
		width:30vw;
		height:auto;
		padding:20px;
		line-height: 20px;
		z-index:50;
	}
	#div_bolsa p{
		line-height: 20px;
	}
	#div_bolsa td{
		padding:10px;
		width:30%;

	}
	#div_bolsa img {
		width:100px;
	}

	.is-invalid-text{
		color:red;
	}
	.is-invalid{
		border:1px solid red;
	}
	.tipo_precio_total{
		font-size: 20px;
	}
	.tipo_precio{
		text-align: right;
	}
	.precio_before_descuento{
		text-decoration: line-through;
		font-size: 13px;
	}
	.contentBolsa{
		margin-right: 50px;
		margin-left:50px;
	}
	.contentBolsa table{

width: 100%;

	}
	table th {

text-align: center;

	}
	.td_nombre{
		width: 90vh;
	}

		.contentBolsa p{
			line-height: 20px;
		}
		.contentBolsa td{
					border-top: 1px solid #DDD;
			padding:10px;


		}
		.contentBolsa img {
			width:100px;
		}
@media ( max-width : 600px) {

	.contentBolsa img {
		width:70px;
	}
	.cabecera .tool-bar a{
		display:none;
	}
	/*.cabecera .tool-bar{
		display:none;
	}*/
	.nomobl{
		display:none;
	}
	#shopp-bag{
		position:absolute;
		top:5px;
		left:-40px;
		font-size:xx-large;
		display:block;
		width:50px;
		height:50px;
		padding: 5px;
		background-color:  white;
	}
	#shopp-bag-div{
		position:absolute;
		top:0;
		width:100%;
		left:0;
		right:-50px;

	}

	#div_bolsa{
		background-color: white;
		border: 1px solid black;
		position:absolute;
		top:70px;
		right:0;
		width:90vw;
		height:auto;
		padding:20px;
		line-height: 20px;
		z-index:50;
	}



	.cab-logo {
		width: 75px;
	}
	.inside-cab-a span {
		display: none;
	}
	.cabecera {
		min-height: 0;
	}
	.inside-cab {
		width:100%;
		padding: 0;

	}
	.inside-cab-a img{
		margin-top:5px;
	}
	.sb1 {
		left: 0;
		top: 0px;
		margin: 0;
		display: none;
		width: 100%;
	}
	.contenido1 {
		margin-top: 0px;
	}
	.content2 h1 {
		text-align: center;
		left: 0;
		color: rgba(0, 0, 0, 0.5);
		font-size: 16px;
		z-index:1;
		margin-top:15px;
		margin-bottom:10px;
	}

	.tab-cloth {
		padding: 0px;
	}
	.content2{


		width:100%;

		margin: 0;
		padding: 0;
		padding-bottom: 20px;

	}
	.content2-product .column-photos {
		width: 100%;
		float: none;
	}
	.content2-product .column-info {
		float: none;
		width: 100%;
		padding: 20px;
		padding-left:70px;
		position:absolute;
		top:0;
		left:85%;
		background-color: white;
		height:100%;


overflow: auto;

	}

	.column-info .arrow{
		font-family:sans-serif;
		display:block;
		position:fixed;
		/*left:0;*/
		/*font-weight:bold;*/
		font-size: 50px;
		top:50%;
		left:88%;
	}
	.titulo-banner {
		font-size: 20px;
		margin-bottom: 4.086%;
		color: #ffffff;
		display: inline-block;
		line-height: 1;
		padding: 20px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.subtitulo-banner {
		font-size: 16px;
		margin-bottom: 4.086%;
		color: #ffffff;
		display: inline-block;
		line-height: 1;
		padding: 10px;
		background-color: rgba(0, 0, 0, 0.4);
	}
	.port-bigphoto {
		overflow: hidden;
	}
	.port-bigphoto img {
		margin-top:5px;
		width: 100%;
		left:-50%;

	}
	.banner-button, button {
		width: 170px;
		border: solid 1px #000;
		color: #000;
		font-size: 12px;
		line-height: 33px;
		display: inline-block;
		margin-right: 1.6%;
		cursor: pointer;
		background-color: white;
		margin-bottom: 1.6%;
	}
	.c-hamburger {
		display: block;
		position: absolute;
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 47px;
		height: 47px;
		font-size: 0;
		text-indent: -9999px;
		appearance: none;
		box-shadow: none;
		border-radius: none;
		border: none;
		cursor: pointer;
		transition: background 0.3s;
	}
	.c-hamburger:focus {
		outline: none;
	}
	.c-hamburger span {
		display: block;
		position: absolute;
		top: 21.54px;
		left: 8.8px;
		right: 8.8px;
		height: 4.5px;
		background: #000;
	}
	.c-hamburger span::before, .c-hamburger span::after {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #000;
		content: "";
	}
	.c-hamburger span::before {
		top: -9.79px;
	}
	.c-hamburger span::after {
		bottom: -9.79px;
	}
	.c-hamburger--htx {
		background-color: #fff;
	}
	.c-hamburger--htx span {
		transition: background 0s 0.3s;
	}
	.c-hamburger--htx span::before, .c-hamburger--htx span::after {
		transition-duration: 0.3s, 0.3s;
		transition-delay: 0.3s, 0s;
	}
	.c-hamburger--htx span::before {
		transition-property: top, transform;
	}
	.c-hamburger--htx span::after {
		transition-property: bottom, transform;
	}

	/* active state, i.e. menu open */
	.c-hamburger--htx.is-active {
		background-color: #fff;
	}
	.c-hamburger--htx.is-active span {
		background: none;
	}
	.c-hamburger--htx.is-active span::before {
		top: 0;
		transform: rotate(45deg);
	}
	.c-hamburger--htx.is-active span::after {
		bottom: 0;
		transform: rotate(-45deg);
	}
	.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after
		{
		transition-delay: 0s, 0.3s;
	}
	.fin-footer{
	display:none;
	}

	.arrow-btn{
	top:75%;
	padding:10px;
	font-size:24px;
	}
	.ribbon-wrapper-green {
		top:0px;
		right:0;

	}
	.cabecera .banner-cab p{
		font-size: 10px;
	}

}
@media (min-width:1200px){
    .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
    .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
    .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
    .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
    .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
    .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
    .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
    .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}