/*img {
    view-timeline-name: --image;
    view-timeline-axis: block;
    animation-timeline: --image;
    animation-name: show;
    animation-range: entry 25% cover 30%;
    animation-fill-mode: both;
}

@keyframes show {
    from {
        opacity: 0;
        scale: 25%;
    }

    to {
        opacity: 1;
        scale: 100%;
    }
}

*/
h3>a{

	color:#7a6e5c !important; 

}

.new{color: white;

    font-size: 2em;

    font-weight: bold;

    padding-top: 1em;}

/*h1{ margin-top:1.8em !important;}*/

body > div.container > div > div > div.containercat > div.texto > div > div > div > div.col-12.col-xl-7.p-4 > h2 {

	margin-bottom:1em;

}



.sticky-top {

	margin-bottom:50px;

}



.lg-group {

	background-color:transparent !important;

}

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

    .productos{width:100%;}	

    .texto{order: 2 !important;}

    .categorias{order: 1 !important;}    

}

.texto{order: 1;}

.categorias{order: 2;}

.containercat{  display:flex; flex-wrap:wrap;}



 



@media (min-width: 992px) {

	.dropdown-menu{

		transition: all .5s ease;

	}

    .dropdown:hover .dropdown-menu {

        display: block;

		top:95% !important;

	 

    }

	/*.dropdown-menu h3{border-bottom:1px solid #000;}*/

	.menul{left:-200px !important; width:450px !important;}

	.nav-link{padding-left:1em !important; padding-right:1em !important;}

}

.zoom {

  padding: 30px;  

  transition: transform .2s; /* Animation */

 

 

  margin: 0 auto;

}

.zoom:hover{	

  /*transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */



}

.image-post img{border:2px solid #f0f0f0;}

/*.card-img-top{width:356px !important;}*/

 .navbar-dark .navbar-nav .nav-link{

	 color:#000 !important;

 }



@media all and (min-width: 992px) {

	.dropdown-menu{min-width:30rem !important;}

	.navbar{ padding-top: 0; padding-bottom: 0; }

	.navbar .has-megamenu{position:static!important;}

	.navbar .megamenu{left:0; right:0; width:100%; padding:20px;  }

	.navbar .nav-link{ padding-top:1rem; padding-bottom:1rem;  }



}

	.navbar-dark .navbar-toggler {background-color: #0074c2;}

.dropdown-menu{padding:20px !important;}



.container{

	max-width:1650px !important;

}

.colores {

    float: left;

    text-align: center;

    margin-right: 5px;

    margin-left: 5px;

    margin-bottom: 10px;

	font-size:0.8em;

}

.rounded-circle {

    height: 40px;

    width: 40px;

    border-radius: 50%;

    display: inline-block;

}

.bg-gris{

	background-color:#f2f2f2;

}

.ficha{

	/*float:left;	*/

}

.card-text{

	text-decoration: none;

    color: 000;

    color: #000;

    padding: 0px;

    margin: 0px;

}

.color-primario{
	/*color:#2571b4;*/
	color:#7a6e5c;
}



.card a:hover{ text-decoration:none;}



#cap.small {

    font-size: 15px;

    height: 70px;

	transition: background-color 2s linear;

}

#cap.small img{

	width:200px;

}



.bg-image-full{

	background-repeat:no-repeat;

	background-size:cover;

	background-position-y:center;

}

#productos_img-estanterias{

	

	height:235px;

	/*background-color:#ddd;*/

	/*margin-right:10px;*/

	padding:5px;   

	 }

	 

#separador{

	height:left;

	clear:both;

}

#productos_img{

	width:200px;

	height:250px;

	/*background-color:#ddd;*/

	/*margin-right:10px;*/

	padding:5px;   

	 }



#productos_img-mostradores{

	width:240px;

	height:190px;

	/*background-color:#ddd;*/

	/*margin-right:10px;*/

	padding:5px;   

	 }

.logospetits{

	background-color: #fff;

    border: 1px solid #000;

    float: left;

    margin-right: 15px;

    margin-top: -19px;

    padding: 5px

	 

}

.oferta{

background: rgba(0, 0, 0, 0) url("oferta.png") no-repeat scroll 0 0;

    left: -50px;

    position: relative;

    top: -240px;

    /*word-wrap: 8;*/

    width: 100px;

    z-index: 11;

	

}

.fotopro{

 box-shadow: 2px 2px 5px #999;

 border: 2px solid #999;

	

}

#enlaces{

	float:left;

	margin-right:10px;

}

h2 b{ color:#000;}

#container-fotos{ width:100%; float:left;  margin-bottom: 15px;}

#imagefoto{float:left;  margin-right:10px;}



#colores img{ border:1px solid #000;}

table{ margin-bottom:20px; margin-top:20px;}

body{	 

 	background-color:#FFF;  

	font-family: 'Roboto' !important; 

	font-size:12px;}



.logo{

	float:left;	

	}

#menu_left{

	float:left;

	-moz-border-radius:15px 55px 5px;

	padding:10px;

    -webkit-border-radius: 15px 55px 5px; 

	background-color: #f0f0f0;

	border:1px solid #f0f0f0;

	/*border-radius:10px;*/

	margin-bottom:10px;

	height: fit-content;

}



.continguts_texte{

	float:left;

	margin-top:10px; 

	 }

#menu_right{

		float:right;

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px;

	width:150px; 

	background-color: #f0f0f0;

	border:1px solid color #f0f0f0;

	border-radius:10px;

	margin-left:30px;

	margin-top:10px; 

	background-repeat:no-repeat;

	

}

.nom_categoria_left b{ font-weight:bold; color:#00a3e0; margin-top:4px; margin-left:2px; font-size:13px;}

.nom_categoria_left a{ color: #000; text-decoration:none;}

.nom_categoria_left a:hover{ color: #000; text-decoration:underline;}

.nom_categoria_left::before {

    content: " » ";

}



.nom_categoria_left_peu{ padding-left:0.5em; color: #ffffff;}

.nom_categoria_left_peu a{ color: #ffffff;}

.nom_categoria_left_peu a:hover{ color: #ffffff; text-decoration:underline;}

.nom_categoria_right{

	float:left;

	margin-left:10px;

	width:150px;

	height:20px;

	color: #666;;

	font-weight:bold;

	margin-top:4px;

	 

}

#continguts_principal{

	float:left; 

	background-color:#039;

	width:80%;



}

	

#container{ 

	width:100%;	

	margin:auto;}



#body{ background-color:#fff;	}



#cap{ 		

	display:flex; 

	padding:20px;	 

	background-color:#1a1a1a;

	transition: background-color 2s linear;

 

	text-align:center;}

#cap2{ 

	background-repeat:no-repeat;

	width:100%; 

	height:10px;

 	color:#FFF;

	padding-bottom:20px;

	 background-color:#1a1a1a;

	margin:auto;

	text-align:right;}

#peu{ 

	background-repeat:no-repeat;

	width:100%; 

	height:240px;

	background-color:#1a1a1a;

	margin:auto;

	text-align:center;

	color:#FFF;}



#menu{	

	width:150px;

	height:400px;

	float:left;

	background-color:#000000;

	color:#FF8502;

	}

#publi{

	width:150px;

	height:200px;

	float:left;

	background-color:#CC6633;}



#menub{	

	width:150px;

	height:450px;

	float:left;

	background-color:#000000;

	color:#FF8502;

	}

#menu1{	width:150px;

	height:30px;

	 

	padding-top:10px;

	border-bottom:2px solid #1A1A1A;

	border-right:2px solid #1A1A1A;

	border-left:2px solid #1A1A1A;}





#mentext{

	width:450px; 

	margin:auto;

	padding:20px;

	float:left;

	text-align:left;

	color:#ffffff;}

	

#menudos{width:150px;

	heigh:500px;

	background-color:#000000;

	text-align:left;

	float:left;}



#cos{

	width:800px;	 

	text-align:center;

	margin:auto;} 



#fotos{	

	width:452px;

	padding:20px;

	text-align:center;

	margin:auto;

	float:left;}



#contacto{

	width:420px;

	padding:20px;

	text-align:left;

	float:left;

	padding-left:30px;}





#ban{	

	width:800px;

	height:100px;

	text-align:center;

	margin:auto;}





 

.mcla{	

	text-decoration:none;

	color:#FF8502;}



a:hover.mcla{ 	

	color:#ffffff;

	padding-left:10px;

	background-color:#1D1D1D}



#sep{	

	clear:both;

	width:800px;

	height:25px;}



#la{	

	width:1000px;

	height:200px;

	float:left;}



.ci{	

	text-decoration:none;

	padding-left:20px;

	float:left;

	border:2px solid #ffffff;}



#ima{	

	width:150px;

	height:150px;

	float:left;}



#flash{	

	width:800px;

	height:150px;

	float:left;}

#flash2{	

	width:98%; 

	background-color:#eee;

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px; 

	border:1px solid color:#f0f0f0;

	border-radius:10px;

	padding:10px; 

	height:100%; 

	

 

	float:left;

	text-align:center;

	margin-top:10px;

	margin-bottom:10px;}



img{	

	text-decoration:none;

	border:0px;}



/*************************************************EFECTO FILTRO****************************



a img{ 

	text-decoration:none;  

   	opacity:.5;

	border:2px solid #ffffff;}



a img{ 

	text-decoration:none;      

	filter:alpha (opacity=50);}



a:hover img{  

	filter:alpha (opacity=100);}



a:hover img{ 	

	opacity:5;}



a{ text-decoration:none;  

   color:#FF8502;}

 

/*********************trans******************************************/



H2{	color:#000;}

 

h5{ color:#00a3e0; font-size:1em !important;}

h1{ font-size:2em !important;}

h2{ font-size:1.4em !important;}

 

/*b{  color:#FF9900;}*/



/******************drets***********************/



#drets{	width:600px;

	height:50px;

	font-size:12px;

	color:#cccccc;

	font-size:12px;

	text-align:center;

	margin:auto}

#addthis{

	float:left; 

	margin-top:10px;

	margin-right:20px;}

#peu_1{		

	color:#fff;

	 }

#peu_2{	

	color:#fff;

	 }

#peu_3{	

	color:#fff;

	}

#peu_4{	  

	color:#fff;

	}

#peu_4 h1{ font-size:9px;}

.categories_nom{

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px; 

	background-color: #f0f0f0;

	border:1px solid color:#f0f0f0;

	border-radius:5px;

	margin-right:10px;

	margin-top:10px; 

	background-repeat:no-repeat;

	margin-bottom:10px;	

	color:#00a3e0;

	padding:8px;

	font-size:0.9em;

}

.categories_nom_2{

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px; 

	background-color: #f0f0f0;

	border:1px solid color:#f0f0f0;

	border-radius:5px;

	margin-right:10px;

	margin-top:10px; 

	background-repeat:no-repeat;

	margin-bottom:10px;	

	color:#00a3e0;

	padding:8px;

	/*font-size:0.7em;*/

}

#categories_nom span{

	font-size:0.7em;

}

#categories_nom_2{

	float:left;

	clear:both;

 

 

	font-weight:bold;

	font-size:14px;

	padding:10px;

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px; 

	background-color: #f0f0f0;

	border:1px solid color:#f0f0f0;

	border-radius:10px;

	margin-right:10px;

	margin-top:10px; 

	background-repeat:no-repeat;

	margin-bottom:10px;

	height:20px;

	color:#00a3e0;

}

#series{

	float:left; 

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px;  

	border:1px solid  #00a3e0;

	border-radius:10px;

	margin-right:10px;

	margin-top:10px; 

	background-repeat:no-repeat;

	margin-bottom:10px;

	text-align:center; 

	padding:5px;

	border-radius:10px;

}

.foto_categoria{  float:left; border:2px solid #000; margin-right:20px;  }

#categoria_descripcion{ text-align:justify; color:#CCC; font-size:12px; padding:10px; }

#categoria_descripcion b{ color:#333;}

#titolpro b{ color:#000;}

#medidas{  float:left; width:120px; height:20px;}

#medidas b{ color:#000;}

#precio b { color:#F00;}

#series{

	}

#container_foto{ float:left;}

#desprod{ float:left; width:100%; font-style:normal;}

#desprod address{ font-style:normal;}

#preciopro{ float:left; color:#F00; font-size:14px; font-weight:bold;}

#addthis{  margin-top:10px; }

#telefono{ float:right; color:#CCC; font-weight:bold; font-size:18px; text-align:right; margin-right:10px; margin-top:20px;}

#barra_contacto{

	float:left;	

	padding:10px;

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px; 

	background-color: #f0f0f0;

	border:1px solid color:#f0f0f0;

	border-radius:10px;

	margin-right:10px;

	margin-top:10px; 

	background-repeat:no-repeat;

	margin-bottom:10px;

	color:#000 

	}

#barra_contacto b{ color:#00a3e0;}

#cap img{ text-decoration:none; border:0px; width:300px;}

#enl_sup{ 

	width:450px;

	float:right; 

	margin-right:10px; }

#enl_sup a{ color:#FFF; font-size:15px;} #enl_sup a:hover{ color:#CCC;}

#barra_contacto_telf{float:left;

	width:300px;;

	font-weight:bold;

	font-size:14px;

	padding:10px;

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px; 

	background-color: #f0f0f0;

	border:1px solid color:#f0f0f0;

	border-radius:10px;

	margin-right:10px;

	margin-top:10px; 

	background-repeat:no-repeat;

	margin-bottom:10px;

	color:#00a3e0;

	}

#barra_contacto_telf h3{ color:#000;}

#barra_vertical{float:right;

	width:210px;;

	font-weight:bold;

	font-size:14px;

	padding:10px;

	-moz-border-radius:15px 55px 5px;

    -webkit-border-radius: 15px 55px 5px; 

	background-color: #f0f0f0;

	border:1px solid color:#f0f0f0;

	border-radius:10px;

	margin-right:10px;

	margin-top:10px; 

	background-repeat:no-repeat;

	margin-bottom:10px;

	color:#00a3e0;

	margin-left:20px;

	}

#barra_vertical b{ color: #000;}

.separador{

	width:100%;

	background-color: #999;

	margin-top:20px;

	height:1px;

	color:#333;} 



/******carousel**//

.gallery {

  background: #EEE;

}



.gallery-cell {

  width: 66%;

  height: 200px;

  margin-right: 10px;

  background: #8C8;

  counter-increment: gallery-cell;

}



/* cell number */

.gallery-cell:before {

  display: block;

  text-align: center;

  content: counter(gallery-cell);

  line-height: 200px;

  font-size: 80px;

  color: white;

}



.carousel-cell {

  width: 225px;

  height: 230px;

  margin-right: 10px;

  /*background: #8C8;*/

  counter-increment: gallery-cell;

      /*border: 1px solid #2571b4;*/

    border-radius: 10px;

}

 



.carousel-cell img{ box-shadow: 0px 0px 15px 0px #D6D6D6; border: 2px solid #ddd;

    padding: 5px;}