.margin-top{
	margin-top: 14px;
}

.card .card-title{
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

.card-content p{
	font-size: 13px;
}

.blue-btn{
	background-color: #03a9f5;
}


/*detail.php*/
h3{
	margin-top: 34px;
}

.s-ico{
	margin-right: 12px;
}

.margin-bottom-10{
	margin-bottom: 2.5em!important;
	
}

.padding-11{
	padding: 11px;
}

.padding-top-10{
	padding-top: 14px!important;
}

.margin-bottom-14{
	margin-bottom: 14px!important;
}

.strong{
	font-weight: bold;
}

.margin-top-10{
	margin-top: 10px !important;
}

.margin-top-41{
	margin-top: 41px!important;
}

.black-border{
	border: 2px solid #000000;
}

input[type="text"], textarea{
	background-color: #ffffff!important;
	padding-left: 5px!important;
	padding-right: 5px!important;
}

.greenButton{
	padding: 8px 0!important;
	width: 50%;
	margin-top: 0px!important;
}

.background-col{
	background-color: #f2f2f2!important;
}

.border-col{
	border: 1px solid #d9d9d9!important;
}

table{
	font-family: Lato !important;
	font-size: 15px!important;
}
table thead td{
	font-family: Lato !important;
}

.imagenGrande{
	background-size: cover;
	background-position: center;
	margin: 0px auto 14px auto;
	min-height: 328px;
	width: 447px!important;
	
}

/*botón azul, página principal*/
.btn-contacto{
	padding: 16px;
	text-align: center;
	height: 430px;
	background-color: #03A9F5;
}

.btn-contacto h4{
	width: 100%;
	font-weight: bold;
	color: #ffffff!important;
	margin-bottom: 30px;
}

.btn-contacto p{
	color: #ffffff!important;
	font-size: 20px!important;
}

.btn-contacto span{
	font-weight: bold;
	color: #ffffff;
	font-size: 22px;
}
.btn-contacto a{color: #fff !important;}

#thumbs .col{ cursor: pointer !important; }

.card{

	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.backgrey{
	/* border: 1px solid red; */
	padding: 15px 10px 0px 10px!important;
	margin-top: 20px!important;
	height: 82px;
}

.margin-tit-h5{
	font-size: 18px;
}

.margin-tit-h31{
	margin-top: 16px;
	font-size: 26px;
	font-weight:bold;
}

.margin-tit-h3{
	margin-top: 28px;
	font-size: 20px;
	font-weight: bold;
}


.example-prices td{ font-size: 14px; }
.example-prices .big td{
	padding: 20px auto;
	font-size: 20px;
}

.mini-photo{
	padding: 0px 17px!important;
}

.tit-eti{
	margin-top: 44px;
	font-size: 26px;
	font-weight: bold;
}

.btn-contacto p{
	font-size: 20px!important;
}

.margin-top-20{
	padding-top:38px!important;
}

.no-margin-bottom{
	margin-bottom: 5px!important;
}

#toc_container{
	text-align: center;
}

.divTop{ 
    height: auto !important;
    width: 100% !important;
	margin-left: 1px !important;
   
}
.divText{ 

    margin-left: 0px !important;
    margin-right: 0px !important;
}
.divText h1{ 
	font-weight:bold;
	text-align: center;
	font-size: 40px;
}
.divMin{ 
    height: 235px !important;
    width: 100% !important;
    margin-left: 0px !important;
    background-color: powderblue;
    background-size: 100%;
    /*background-image: url('img/top-etiquetas.jpg');*/
}


.textLeft{ 
    margin-left: 52%;
    height: 100%;
    text-align: right;
}
.textRight{ 
    margin-right: 52%;
    height: 100%;
}

.bgImgDiv1 img{
	width: 100%;
}

.card-content {
    padding: 18px!important;
}

.divQuote{
    margin-left: 15px !important;
    margin-right: 15px !important;
    text-align: justify;
    font-size: 30px!important;
}

.boton {
 	text-align: center;
}

.imgCatalogo {
	height: 150px;
	width: 150px;
}

blockquote {
	font-size: 27px;
	font-style: italic;
	margin: 0.25em 0;
	margin-left: 17px;
	margin-right: 15px;
	text-align: justify;
	position: relative;
	color: #383838;
}

blockquote:before {
	display: block;
	content: "\201C";
	font-size: 80px;
	position: absolute;
	left: -20px;
	top: -20px;
	color: #7a7a7a;
}

blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
blockquote cite:before {
	content: "\2014 \2009";
}


.header h2 {
    margin-top: 5px !important;
}

.menu-wrapper{
	height: 0px !important;
}
#navigation > ul > li {
min-width: 169px!important;
}
.toc_list li{
	display: inline-block!important;
	margin-right: 50px;
	font-size:18px!important;
}
.toc_list li:hover{
	font-weight:bold;
}
.toc_list{
	text-align: center!important;
}	

.row .row {
    margin-left: 0em!important;
    margin-right: 0em!important;
    <!-- margin-top: 20px!important; -->
}
#marcHome .rowMargin {
    margin-top: 0px!important;
    margin-bottom: 20px!important;
}
.card .card-title {
    font-size: 16px!important;
}

.cardSello .card.horizontal .card-image {
    height: 220px!important;
}
.cardSello .card-content {
    padding: 14px!important;
}

.materialTitle{
	font-weight:bold;
	text-transform: uppercase;
}

#ref{
	margin-bottom: 0px;
}
#productName{
	margin-top: 5px;
	font-size: 18px;
	margin-bottom: 30px;
}
.containerSlide * {box-sizing: border-box}
.containerSlide body {font-family: Verdana, sans-serif; margin:0}
.containerSlide .mySlides {display: none}
.containerSlide img {vertical-align: middle;}

/* Slideshow container */
.containerSlide .slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.containerSlide .prev, .containerSlide .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */
.containerSlide .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.containerSlide .prev:hover, .containerSlide .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.containerSlide .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.containerSlide .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.containerSlide .dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.containerSlide .active, .containerSlide .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.containerSlide .fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


#calidadPrendas h3{
	font-size: 15px;
	display: inline;
	margin: 0px;
	line-height: 1.5;
}

#calidadPrendas .destP{
	display: inline;
}

#calidadPrendas{
	line-height: 1.5px;
}


/*.cat-brand-marca{
	width: 32%!important;
	height:500px!important;
}*/

.newSizeImg2 {
    position: absolute!important;
	width:60px;
	height:60px;
    left: 0%;
}

@keyframes growrightTrans {
  0% {
    width: 0px;
  }
  100% {
    width: 100px;
  }
}

@keyframes growFontSizeTrans {
  0% {
font-size: 2px;
  }
  100% {
font-size: 19px;
  }
}
  

#tallasColores{
	display: none;
    position: absolute;
    top: 30%;
    left: 0;
    background-color: black;
    padding: 13px;
    height: 0px;
    width: 0px;
	animation: 0.2s ease-out 0s 1 growrightTrans;
}

#tallasColores p{
	color: white;
	animation: 0.2s ease-out 0s 1 growFontSizeTrans;
	font-size: 19px;
}

.cat-brand{
    width: 24%!important;
    height: 100%!important;
    height: 380px!important;
    object-fit:cover;
 }

.cat-brand img{
    object-fit:cover;
    min-height: 280px!important;
    display: block;
    width: 100%;
    max-height: 280px!important;
    width:100%!important;
    margin-left: auto;
    margin-right: auto;    
 }
 
.cat-brand .lineNameProduct{
	line-height: 1;
}

.cat-brand-marca:hover #tallasColores{
	display: block;
    width: 110px;
    height: 86px;
}

.cat-brand-marca .imgProduct{
    max-height: 378px!important;
    height: 378px!important;
    width:94%;
    object-fit:cover;
 }

.cat-brand-marca  br {
    line-height: 150%;
}
.cat-brand-marca {
   /* min-width:280px;
	width: 32%;
	position: relative;
    float: left;
    cursor: pointer;	
    margin-left: 10px;
    height: auto!important;*/
}

.nameProd{
	width:150px;
} 

#catpreload li img{
	height:auto!important;
}
.header{
	height:250px;
}
.newSizeImg{
	height:60px;
	width:60px;
}
#productName{
	text-align: center;
}
.cat-brand-marca .logoEvent{
	margin-left:0px!important;
}
.wrappVideo{
	max-width: 560px;
	text-align:center;
	margin: auto;
}
.wrappEventPr{
	margin-bottom: 40px;
}
.wrappEvents{
	margin-bottom: 40px!important;
}
.eventCont{
	padding:10px!important;
}


#marcHome .wrappSubH2Mrcs{
text-align: center;
}
#marcHome .subH2Mrcs{
display: inline-block;
text-align: center;
border-bottom: 5px solid #f9bf2f!important;
width: auto;
}
#marcHome .logoMrc{
height: 100px;
padding: 0px!important;
/*border: 1px solid black;*/
}
#marcHome .imgMrcBW{
cursor: pointer;
filter: gray; /* IE5+ */
-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
-webkit-transition: all .2s ease-in-out; 
margin: 10px 0px 10px 0px; 
}
#marcHome .imgMrcBW:hover{
filter: none;
-webkit-filter: grayscale(0);
-webkit-transform: scale(1.00); 		
} 	
#marcHome .card-title{
margin: 0px!important;
}
#marcHome .rowMargin {
margin-left: 0px!important;
margin-right: 0px!important;
margin-top: 0px!important;
}
#marcHome .rowMargin h4 a{
color:black!important;
}
#marcHome .toc_list{
margin-bottom: 30px;
}
#marcHome #recomendamos h4 a{
color:black!important;
}
#marcHome #recomendamos h4 a:hover{
color:#2BA6CB !important
}
.btnSpecialTOC{
color:white!important;
background:#67b359;
padding:10px;

}
.btnSpecialTOC:hover{
background:#70b963;
}
.txtToc{
font-size:17px!important;
}
.btnSpecialTOC .txtToc{
font-size:18px!important;
}
.toc_list .btnSpecialTOC .txtToc{
color:white!important;
}

.btnSpecialTOCBlue{
background:#03a9f5;
padding:10px;
color:white!important;
}
.btnSpecialTOCBlue:hover{
background:#049be0;
}
.btnSpecialTOCBlue .txtToc{
font-size:18px!important;
}
.toc_list .btnSpecialTOCBlue .txtToc{
color:white!important;
}

.vj-short span{
line-height:1!important;
}
@media only screen and (max-width: 1023px) {


.cat-brand {
	width:40%!important;
	height:100%!important;
}
.cat-brand img {
    min-height: 100%!important;
    padding: 0px;
}


.newSizeImg {
	max-height:45px!important
}

.cat-brand-marca{
	/*width:40%!important;*/
	height:100%!important;
}
#catpreload li img{
	height:auto!important;
}
.divText h1{
	
}
.main-container{
    padding-left: 8px!important;
    padding-right: 8px!important;	
}	
.divTop img{ 
margin-top:15px!important;
}
 .material-icons {
	font-size: 2rem!important;
}

	.toc_list{
		
		margin-left: 0px!important;
	}

	
	.textLeft {
	    margin-left: 0%;
	    text-align: left;
	}

	.textRight {
	    margin-right: 0%;
	    text-align: left;
	}

	.bgImgDivMin1{
		background: none!important;
	}

	.bgImgDivMin2{
		background: none!important;
	}

	.bgImgDivMin3{
		background: none!important;
	}		

	.bgImgDivMin4{
		background: none!important;
	}

	.bgImgDivMin5{
		background: none!important;
	}		

	.divMin {
	    height: auto !important;
	}	
	
	.cardMat {
	    width: 100%!important;
	}

	.cardSello {
	    width: 100%!important;
	}
	
	.cardProducto {
	    width: 100%!important;
	}		


.vj-large{
	border-right:0px;
	height:auto;
	padding-top:5px!important;
	padding-bottom:5px!important;
	margin-bottom: 5px!important;
}
.vj-short{
	border-left:0px;
	height:auto;
}
.vj-short p{
	padding:0px;
	margin:0px;
}
.tectxt p{
	margin:0px;
}
.vj-button{
	padding:0px!important;
}
}