@charset "utf-8";
/* CSS Document */

label{font-weight:normal !important; cursor:pointer;}

div.loading
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(238,238,238,0.5);/*{_BACKGROUND_LOADING}*/
	background-image:url(../../images/loading_public.gif);
	background-position:center;
	background-repeat:no-repeat;
	z-index:10000;
}

.divTot
{ 
	width:100%; height:100%; position:fixed; left:0; 
	background-color:black; 				/*{_BORDER_BOTTOM}*/
	color: white;
}
.divTotFinalitzar
{
	color:black; 							
	background-color: #F2F2F2; 			
	text-align: center;
}
.divBottom
{
	height:100%; 
	background-color:black;				/*{_BORDER_BOTTOM}*/
}
.divTop
{
	background-color: black;				/*{_BACK_MENU_TOP}*/
	color: white; height:7%;				/*{_TEXT_MENU_TOP}*/
	border-top: 3px solid #bd1622;			/*{_BORDER_MENU_TOP}*/
}
.divMiddleRight
{ 
	width:30%; position:absolute; height:95%; margin-top:2.5%; float:right; 
	background-color:red; 
	padding-right:40px; 
}
.divMiddleRightPaleta{ height:93.9%;}
.divMiddleLeft
{ 
	width:20%; position:absolute; height: 100%; 
	color: black;							/*{_TEXT_MENU_LEFT}*/
}
.divTopLeft,.divTopRight,.divBottomRight,.divBottomLeft{ position:absolute; height: 8vh; padding:0px 10px;}
.divTopRight,.divBottomRight,.divBottomLeft{ width: 20%;}
/*.divMiddleRight{ width:10%}*/
.divTopLeft{width: 15%;}

.divTopLeft,.divBottomLeft,.divMiddleLeft{left:0;}
.divTopRight,.divBottomRight,.divMiddleRight{right:0;}
.divTopMiddle,.divBottomMiddle,.divMiddleMiddle{ width: 40%; position: absolute; height: 7vh; left:57%;
}
.divMiddleMiddle
{ 
	width: 85%; height:100%; 
	background-color: #F2F2F2;
}

.divMiddle{ height:92%; position:relative;}
.divMiddleLeftFiltres{ 
	overflow-y:auto;overflow-x:hidden;
	margin-left: 18px;
	padding-top: 15px;
	z-index: 20;
}

.divText20{width: 20%;display: inline-block; float:left; height:100%}
.divColMenu{width: 31%;display: inline-block; float:left; height:100%}

.logoTopBlank{height:1vh;}
.logoTopRight{width:100%; height:100%; display: inline-block; background-position:right; background-repeat:no-repeat; background-size:contain; background-image:url(../../images/logo_top.png)}
.logoTopLeft{width:100%; height:100%; display: inline-block; background-position:left; background-repeat:no-repeat; background-size:contain; background-image:url(../../images/logo_Principal.png); margin-left:10px}
.logoTopMenu{width: 87%; height: 75%; max-width: 85%; max-height: 78%; margin-top: 1%; display: inline-block; background-position: right; background-repeat: no-repeat;
	background-size: contain;
	margin-left: 10px;
	float: right;
	text-align: right;
}

.divMiddleMiddleEscollirRight .logoTopMenu{background-position: left;}
.divTopLeft .logoTopMenu{background-image: url(../../images/logo_Principal.png);}


.alCenter{text-align:center;}
.alRight{text-align:right;}
.alLeft{text-align:left;}


.textActive{ text-decoration:underline;}
.seccions{ cursor:pointer;list-style-type:none !important;}
.li_seccions { height:30px; padding:4px;}
ul{list-style-type:none !important; padding-inline-start: 0px !important; margin-bottom:0px !important;}

a{ color:black !important;}
a:hover{ color:black !important;}

.parent_li_seccions{position: relative; background-color: #F2F2F2; z-index: 20; border-radius:3px}

.borderTop{border-top:1px solid black;}
.borderBottom{border-bottom:1px solid black;}
.borderLeft{border-left:1px solid black;}
.borderRight{border-right:1px solid black;}

.blockImage{ margin:8px 0px;border:0px;border-radius:5px; cursor:pointer;}
.blockImage:hover{ background-color:transparent;}
.titleResultat
{ 
	text-align:center; cursor:pointer;padding: 5px; margin-bottom:-16px; font-size:1em; vertical-align:bottom; position:relative; z-index:10; height:40px; 
	border-bottom: 2px solid #004258; 					/*{_BORDER_EDITA_ARTICLE}*/
	background-color: transparent;
}
.titleResultatTitol{float: left;
font: 600 1.1em 'Raleway', sans-serif;
line-height: 28px;
}
.titleResultatEdit
{
	float: right; 
	color: #bd1622; 									/*{_TEXT_EDITA_ARTICLE}*/
	line-height: 28px; font: 700 0.9em 'Raleway', sans-serif;
	padding-top: 6px;
	letter-spacing: 0.2mm;
}

.titlePersonalitzar{ text-align:center; cursor:pointer;padding: 5px; margin-top:-16px; font-size:1.2em; vertical-align:bottom; position:relative; z-index:2;}
.divResultat{ margin-left: 10px;margin-right: 0px;margin-top: 20px;}

.titleSeccioFiltres{ height:50px; padding:10px; font-size:1.3em; font-family: 'Raleway', sans-serif;}
.titleAfinarFiltres{ 
	height:40px; padding:10px; font-size:1em; margin:0px 0px 10px 0px; 
	background-color:#F2F2F2;
}
.accordion{ height:50px; padding:8px 10px; margin:1px; background-color:transparent; cursor:pointer;}
.panelAcc{ margin-bottom:10px; background-color:#F2F2F2; padding:5px 10px;}
.panelAccFills{ height:40px; padding:5px;}
.descFiltre{ width:80%; float:left !important; box-sizing:border-box; display:inline-block; text-transform:uppercase;
font: 0.9em 'Raleway', sans-serif; text-align: left !important;
}
.signFiltre{ width:15%; float:left; text-align:center; box-sizing:border-box; display:inline-block;  position:relative;
font-size: 24px;
font-weight: bold;
padding-bottom: 0;
bottom: 10px;
color: black;										/*{_ICONA_FILTRES}*/
}
.accordion > .signFiltre{width: 30px;}
.titleAcc{
font: 1.1em/16px 'Raleway', sans-serif;
border-bottom: 2px solid #ffffff;					/*{_BORDER_FILTRES}*/
padding-bottom: 14px;
}
.titleAcc:hover {
	font-weight: 600 !important;
}
.descFiltre:active {
	font-weight: 600 !important;
}
.active, .accordion:hover { font-weight: 700 !important; background-color: transparent !important
}
.accordion:active {
	font-weight: 700 !important;
}

.titleMenu{ font-size:1.2em; height:40px; padding:7px}


.divMiddleBottom{height:8vh; position:absolute; bottom:0; width:100%; text-align: center;}

/*------------------GLOBAL------------------*/
.divMiddleMiddleUsuari{position: relative; width: 100%; height: 100%;}
.divMiddleMiddleUsuari div{position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%);}
.red-text{color:#bd1622 !important;}
.green-text{color:#215821;}
.blue-r3-text{color: #004258;}
.right-text{text-align: right;}
.glyphicon-l{
	font-size: 1.2em;
	margin-bottom: 0;
}

.defaultTextStyle{font-family: 'Raleway', sans-serif !important;}
.alignRight{text-align: right;}
.divBlock100{width:100% !important;}
.centered-text{text-align: center;}
.invisibleSeparator_xs{height: 5px; width: 100%; display: block;}
.invisibleSeparator{height: 10px; width: 100%; display: block;}
.invisibleSeparator_xl{height: 20px; width: 100%; display: block;}

.isSelected,.tmpIsSelected{
	color:#e67300; 												/*{_COLOR_SELECCIO}*/
	z-index:0;
}				
.isSelected > div,.tmpIsSelected > div{ transform: scale(1.2);}
.isSelected > div {
    border: 2px solid #e67300;										/*{_COLOR_SELECCIO}*/
    position: relative;
}
.isSelected > div:before {
    position: absolute; display: block; content: '';
    border: 2px solid #F2F2F2;										/*{_COLOR_SELECCIO_INTERIOR}*/
	border-radius: 25px;
    height: 100%; width: 100%;
    box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

.animated_icon{transition: transform .3s;}
/*-----------------------------------------*/

/*------------------AUTH------------------*/
.divMiddleRightAuth{ width:20%; float:left; height: 100%;}
.divMiddleLogo,.divMiddleRightTop{ text-align:center; height:30%;padding:30px; max-width: 5px;
max-width: 900px;
}
.divMiddleText{text-align:center; vertical-align: middle; display: table; height:auto;}
.divMiddleAuth{text-align:center; height:auto; width: 35%; margin: 10px 10px;}
.divMiddleTitle,.divMiddleRightBottom{ height:30%;}
.divMiddleMiddleAuth{width:100%; float:left; height:100%;
background: url(../../images/background2.jpg) no-repeat;
background-size: cover;
}
.divMiddleRightTopAuth{ width:100%;padding:10px}
.divMiddleRightBottomAuth{ width:100%;padding:10px}
.authText{ font-size:1.5em; padding: 15px 5px;}
.authText > input{
	background-color: black; 									/*{_BACK_AUTH_TEXT}*/
	border: 0px; 
	border-bottom: 4px solid white; 							/*{_BORDER_AUTH_TEXT}*/
	height: 40px; font-size:18px; 
	color: white;												/*{_TEXT_AUTH_TEXT}*/
}
.authText50{display: inline-block; width: 49%;}
.authTextUtilitats{display:inline-block; padding: 0px 15px;
font: 15px Raleway !important;
text-transform: uppercase;
}
.authTextUtilitats:hover{cursor: pointer;
font-weight: bold !important;
}
#user_auth.form-control, #passwd_auth.form-control {
	font-size: 15px;
	letter-spacing: 1px;
	border-radius:0px; 
}
.divTextInici{width: 100%;display: inline-block;
text-align:center;
font-size: 25px;
font-weight: bold;
letter-spacing: 6px;
}
.divTextInicism{width: 100%;display: inline-block;
font: 18px Raleway;
text-align: center;
padding-top: 10px;
letter-spacing: 1px;
padding-right: 11px;
}
.divTextInicixl{width: 100%;display: inline-block;
text-align: left !important;
float: left;
font-size: 24px;
font-weight: bold;
letter-spacing: 7px;
}

.logoInici{width: 50%; height:100%; display: inline-block; background-position:center; background-repeat:no-repeat; background-size:contain; background-image:url(../../images/logo_Principal.png);

}

/*-----------------------------------------*/



/*------------------ESCOLLIR------------------*/
.divMiddleMiddleEscollir{width: 52%;float: left;height:100%;display: table;
font: 1.1em 'Raleway', sans-serif;
font-weight: bold;
text-align: left !important;}
.divMiddleMiddleEscollir > div, .divMiddleMiddleEscollir > div > div{display:table-cell; vertical-align: middle;}
.divMiddleMiddleEscollirRight,.divMiddleMiddleEscollirLeft{width: 22%;float:left; height: 87%;
margin-top: 11px;
}
.divEscollirL{ width:33%;display: inline-block; float:right; height:100%;font-size:0.8em; padding: 0px 5px;}
.divEscollirR{ width:50%;display: inline-block; float:right; height:100%;font-size:0.8em;}
.divEscollirLeft{width: 30%; display: inline-block; float:right; height:100%}
.divEscollirLeft::-webkit-scrollbar {display: block;height: 4px;}
.divEscollirLeft::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0.15);margin-right: 6px;margin-left: 6px;}  
.divEscollirLeft::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, 0.35);border-right: none;border-left: none;}

.divEscollirRight{float:right; width:30%;height:100%;}
.imgEscollir{ margin-bottom: 2px; position:relative; height:28px; /*filter:grayscale(100%)invert(100%)sepia(100%)saturate(10000%)hue-rotate(-50deg);*/}
/*.titleEscollir{ font-size:3em; padding:10px;  text-align:center; color:black;}
.titleEscollirFill{ font-size:1.5em; text-align:center; color:black;}
*/
li.li_seccions{text-align:center;cursor:pointer;}
.li_seccions_title{text-align:center; cursor:pointer;}
.escollirSeccionsTop{ height:20%;}
.escollirSeccions{ height:60%;}

.divMiddlePlantilles{height:100% !important; 
	background-color: #F2F2F2; 									/*{_BACKGROUND_MENU_INICIAL}*/
	color: black;													/*{_TEXT_MENU_INICIAL}*/
}
.recResultat{ height:100%; overflow:auto;}
.filtresPlantilles{ height:3vh; padding:5px}
.btnFiltres{padding: 1px 3px !important;font-size: 0.88em !important; line-height: 1.2 !important; border-radius: 2px !important; margin-right:5px;}
/*--------------------------------------------*/


/*------------------PRINCIPAl------------------*/
input{font: .8em 'Raleway' !important;}

input.webgl_range[type="range"] {
	background: #fff;												/*{_BACKGROUND_INPUT_RANGE}*/
	border: 0px;
	border-radius: 8px;
	height: 7px !important;
	outline: none;
	transition: background 450ms ease-in;
	-webkit-appearance: none;
}

input.webgl_range[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
	background: #234458;											/*{_BOLA_INPUT_RANGE}*/
	border-radius: 200px;
}


.titleFill{font-size:1em;}
.divResultat{width:100%; height:100%;}
label.filtresLabel{width:70%; overflow:hidden; height:30px; line-height:30px;
margin-right: 24px;
}

.topSubMenu{position: absolute; background-color: black; z-index: 100; width: 240px; padding: 25px 5px 10px; margin-left: -10px; border-radius: 5px;}
.topSubMenuOption{width: 100%; display: table-row;}
.topSubMenuOption > div{display: table-cell; line-height: 40px;}

.tbl_registre>tbody>tr>td, .tbl_informacio>tbody>tr>td{
padding: 15px 10px 9px 16px;
font-size: 23px;
font-family: Raleway, sans-serif;
margin-top: 0;
bottom: 0;
position: relative;
}
.tbl_registre>tbody>tr>td.desc, .tbl_informacio>tbody>tr>td.desc{text-align:right; font-weight: bold;
padding-bottom: 0;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
font-family: Raleway, sans-serif;
padding-top: 2px;
}
.info_title{
font-weight: bold;
text-align: left;
padding-bottom: 11px;
text-transform: uppercase;
font-size: 1em;
letter-spacing: 0.4px;
color: #305e7e;													/*{_TEXT_TITLE_INFO_WEB}*/
}
.info_text{
font: 1em/28px Raleway;
text-align: justify;
}
.iconButtonMenu{color:red;}										/*{_ICON_BUTTON_MENU}*/
button.form-control {
	background-color: #203e53;										/*{_BACK_BUTTON_FORMS}*/
	color: #ffffff !important;										/*{_TEXT_BUTTON_FORMS}*/
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
	border-radius: 0px;
	float: right;
	margin-bottom: 30px;
}
button.form-control:hover {
	background-color: #2d5672;										/*{_BACK_BUTTON_HOVER_FORMS}*/
}
.input-sm.obligatori, input#telefon, input#missatge.form-control.obligatori, input#empresa {
	border-radius: 0px;
	/*border: 2px none #bebebe !important;*/
	border-width:1px;
	border-style:none;
	border-color:#bebebe;
	background-color: #f4f4f4;										/*{_BACK_INPUT_FORMS}*/
	padding-top: 4px;
	box-shadow: 0 0 1px rgba(255, 255, 255, 0);
}
textarea.obligatori{background-color: #f4f4f4 !important;}			/*{_BACK_INPUT_FORMS}*/
#nom {
	margin-top: 22px;
}
#contacteForm {
	padding-right: 10px;
	padding-left: 10px;
}

/*---------------------------------------------*/


/*------------------EDITAR------------------*/ 
.blockImageEditar{border:1px solid #F2F2F2;border-radius:5px; cursor:pointer; height:100%;}
.imgResultatDisseny{background-size:contain; background-repeat:no-repeat; background-position:center; width:100%; height:100%; text-align:center; cursor: default;}
/*.blockImage:hover{ background-color:#F2F2F2}*/
.imgResultat{ transition: transform .2s;background-image:url(images/logo_Principal.png); background-size:contain; background-repeat:no-repeat; background-position:center; width:100%; height:25vh;  margin:18px 5px 5px 5px; z-index: -10;}
.imgResultat:hover { transform: scale(1.1); z-index: -10;}
.rectRightTot{width:100%; height:100px; display:inline-block; background-color:#F2F2F2; border-top:3px solid #E2E2E2; border-right:3px solid #E2E2E2; float:left;box-sizing: border-box; cursor:pointer; margin:0px}
.divEtiquetesLeft{ text-align:right}
.divEtiquetesRight{padding-left:10px;}
.divEtiquetesLeft,.divEtiquetesRight{ width:50%; float:left; height:100px;}
.divEtiquetes{height:100%;}
.divInputImage { height: 70px; width: 90px; border-radius: 10%; display: inline-block;margin: 15px; border: 2px solid #000; background-size: contain; background-repeat: no-repeat; background-position: center;}
.textEtiquetes{color:black; height: 70px; width: 90px; border-radius: 10%; display: inline-block; margin: 15px;border: 2px solid #000;background-size: contain;}
.divEtiquetesText{ margin-top:-5px; font-size:1em;float:left;padding: 42px 0px;}
/*---------------------------------------------*/


/*------------------PERSONALITZAR / WGL------------------*/
.panelPerso{ margin-bottom:10px; background-color:#F2F2F2;}
.divMiddleLeftNav{width:40px; z-index:100; position:absolute; right:0}
.divMiddleRightNav{float:left; width:40px; position:absolute; z-index:100}
.buttonsRight{height:21.5vh; border:1px solid #E2E2E2; background-color:#F2F2F2; cursor:pointer; 
	width:3vw; display:inline-block; float:right; box-sizing:border-box; max-width:40px; clear:both;
}
.titleBtnRight{top: 50%;position: relative; font-size:1.2em; text-align: center; transform:rotate(-90deg)}
.panelRightTop{height:6vh; background-color:#F2F2F2; line-height:8vh; text-align:center;}
.panelTextRightTop{height:10vh; background-color:#F2F2F2; line-height:8vh;}
.titleRight{font-size:1.5em;}
.subTitleRight{font-size:1.2em;}
/*.panelRight{overflow-y:auto;overflow-x:hidden;height:auto;height:76.3vh; background-color:#F2F2F2; padding: 10px 10px 10px 10px;}*/
.panelImage{height:66.3vh;}
.panelImageHalf{height:35vh; overflow-y:auto;overflow-x:hidden;}
.divTextTop{height:80%; text-align: center;}
.divTextTop{padding:25px;}
.divColorsBottom{height:20%; text-align: center;}
/*.divColorsMostra{ height:60px; width:60px; border-radius: 50%; display: inline-block; position: relative;}*/
.divColorsText{ margin-top:-5px; font-size:0.9em;}
/*.panelRightBottom{height:7vh; background-color:#F2F2F2; cursor:pointer; line-height:8vh; border: 1px solid #E2E2E2;}*/
.panelClickable:hover{background-color: #E2E2E2; cursor: pointer;}
.titleTornar{ font-size:1.5em}
.paletesLeft{ float:left; width:100%; height:100%; padding:0 1px;}
.paletes{ float:left; width:100%; height:100%; padding:0 1px; background-color:#F2F2F2; }
.rectRight{width:50%; display:inline-block; background-color:#F2F2F2; 
	float:left;box-sizing: border-box; cursor:pointer
}
.panelCenterBottom{height:8vh; background-color:#F2F2F2; cursor:pointer; 
	line-height:8vh; display:inline-block; padding:0 20px;
}
.rectMides{padding:2px;}

#divMenuRightContent{width:40%; height:100%; position:absolute; z-index: 100; top:0px;}
.paletesFlotants{position:absolute; color:black;}												/*{_TEXT_MENUS_WGL}*/
.paletesFlotants > .divMenuIcon{padding-right:10px; line-height:35px; font-size:1em;}

.rectRightTotPerso{width:100%; height:100px; display:inline-block; background-color:#F2F2F2; 
	border-bottom:2px solid #E2E2E2; float:left;box-sizing: border-box; cursor:pointer; 
	margin:0px; padding:30px 0;
}
.divTextText{ font-size:20px;}
.btn_afegir{background-color: #F2F2F2; border: 1px solid black; border-radius: 2px;width: 40px;  font-size: 1.3em; height:40px;}
.imgBtn{ width: 6vh; margin-bottom: 2px; position:relative; }
.divMotius{height:100%;}
.divMotiuMostra{width:90%; height:90%; margin:10px;}
.divMotiuMostra svg {width: inherit; height: inherit;}

#large-image{display:none; margin-top:5%; margin-left:10%; position: absolute;}
#large-image > img {width:100%; height:100%;}

.divMiddleWGL{height:100%;background-color: #f2f2f2;}										/*{_BACK_MENU_WGL}*/
.divMiddleLeftWGL{width: 32%; height: 100%; position:absolute; 
	color: black; 																			/*{_TEXT_MENUS_WGL}*/
	background-color: #F2F2F2; 															/*{_BACK_MENU_WGL}*/
	display: table-cell; text-align: right;
	padding-right: 0px;
	overflow:auto;
}
.divMiddleMiddleWGL{width: 65%; height: 100%; position:absolute; right: 0px; 
	background-color: #f2f2f2;																/*{_BACK_MENU_WGL}*/
}

.divMiddleLeftWGLMenu{text-align: left; right: 0px; display: inline-block; padding-top: 20px; width: 14%; min-width: 368px; max-width: 66%; height: calc(100% - 240px);}
.divMiddleLeftWGLMenu > div, .divMiddleLeftWGLInfo > div{line-height: 40px; padding: 0px 2px;}
.divMiddleLeftWGLInfo{text-align: left; height: 240px !important; right: 0px; width: 62%; min-width: 300px; max-width: 62%; display: none; font-family:'Raleway', Sans-serif;
}

.divMiddleTitle{font-weight: bold; font-size: 1.2em; height:40px; padding-bottom: 0;
	margin-bottom: 6px; font-family:'Raleway', Sans-serif;
}
.divMiddleMenuBorder{border-top: 3px solid white; border-bottom: 3px solid white;}		/*{_SEPARADORS_MENUS_WGL}*/
.divMiddleMenuBorder-bottom{border-bottom: 3px solid white;}								/*{_SEPARADORS_MENUS_WGL}*/
.divMiddleMenu50 {display: inline-block; width: 49%; padding: 0px 4px; font-family:'Raleway', Sans-serif;
	font-weight: bold;
}
.divMiddleLeftWGLInfoText {font-size: 13px; margin-top: 10px; line-height: 23px !important; padding: 0px 4px;}

.divMiddleMenuOpcions{width:100%; overflow-y: auto;/*max-height: calc(100% - 86px);*/ }
.divMiddleMenuOpcions > div{padding: 0px 4px;
font: 16px/45px 'Raleway';
font-weight: 500; 
}
.divMiddleMenuOpcions::-webkit-scrollbar {display: block; width: 4px;}
.divMiddleMenuOpcions::-webkit-scrollbar-track {background: #ffffff;}  				/*{_BACK_SCROLL_MENUS}*/
.divMiddleMenuOpcions::-webkit-scrollbar-thumb {background-color: #004258; 			/*{_BARRA_SCROLL_MENUS}*/
	border-right: none; border-left: none;
}

.divMiddleMenuOpcio{position: relative;}
.divMiddleMenuOpcioTitol{width: 100%; display: table;}
.divMiddleMenuOpcioTitolImg{display: table-cell; padding-right: 6px;}
.divMiddleMenuOpcioTitolImg > img{width: 15px; height: 15px;
}

.divMiddleMenuOpcioTitolText{display: table-cell; width: 100%;
font: 14px 'Raleway'; font-weight: 400;
}
.divMiddleMenuOpcioTitolIcon{display: table-cell; text-align: right; padding-right: 2px;}

.divMiddleMenuOpcio:hover{cursor: pointer;}
.divMiddleMenuOpcio:hover > .divMiddleMenuOpcioTitol > .divMiddleMenuOpcioTitolText{font-weight: bold;}
.divMiddleMenuOpcio:hover > .divMiddleMenuOpcioTitol > .divMiddleMenuOpcioTitolImg{margin-right: 4px; margin-left: -2px;}
.divMiddleMenuOpcio:hover > .divMiddleMenuOpcioTitol > .divMiddleMenuOpcioTitolImg > img{width: 16px; height: 16px;}

.divMiddleMenuOpcio.selected > .divMiddleMenuOpcioTitol > .divMiddleMenuOpcioTitolText{font-weight: bold;}
.divMiddleMenuOpcio.selected > .divMiddleMenuOpcioTitol > .divMiddleMenuOpcioTitolImg{margin-right: 4px; margin-left: -2px;}
.divMiddleMenuOpcio.selected > .divMiddleMenuOpcioTitol > .divMiddleMenuOpcioTitolImg > img{width: 22px; height: 22px;}

.divMiddleMenuOpcioContent{padding: 4px 10px 16px !important; width: calc(100% + 5px) !important; 
	z-index: 10; margin-bottom: 5px; background-color: #f2f2f2;						/*{_BACK_MENU_WGL}*/
}						
.divMiddleMenuOpcioContent > div{
	margin:0px; 
	width: 100%;
	padding: 0px 4px;
	font: 16px 'Raleway';
	font-weight: 500;
}
.divMiddleMenuOpcioContent:hover{cursor: default;}
.divMiddleMenuOpcioContentBlock{width: 100%; display: table; padding-top: 5px; overflow-y: auto; padding: 5px 5px 10px !important;}

.divMiddleMenuOpcioContentTitle{border-bottom: 3px solid white; 						/*{_SEPARADORS_MENUS_WGL}*/
	padding: 0px 5px 10px !important; text-align: left; font: 16px 'Raleway' !important; position:relative;
}
.divMiddleMenuOpcioContentHelp{width:auto; position:absolute;right:5px; top:-10px; font-size:1.5em; cursor:pointer;}

.divBlockOpcio{display: table; width: 100%; height: 40px !important; text-align: left;}
.divBlockOpcioInfo, .divBlockOpcioInfoRight{display: table-cell; width: 0%; padding-left: 5px; line-height: 40px;}
.divBlockOpcioInfo_sm{display: table-cell; width: 33.3333%; padding-left: 5px; line-height: 40px;}
.divBlockOpcioInfo_xl{display: table-cell; width: 66.6667%; padding-left: 5px; }
.divBlockOpcioInfoText{display: table-cell; width: calc(100% - 25px); text-align: right;
padding-right: 11px;
}
.divBlockOpcioInfoText > div{display: inline-block;}
.divBlockOpcioInfoIcon{display: table-cell; width: 15px; text-align: right;}
.divBlockOpcioInfoIconRight{text-align: right;}

.divBlockOpcioTitle{display: block; width: 100%;}
.divBlockOpcioDades{display: block; width: 100%;}

.tableInfoTitolHref{height: 100%; background-color: black !important;}					/*{_BACK_TALLA}*/
.tableInfoTitolHref > a{font-size: .8em; color: white !important;}						/*{_TEXT_TALLA}*/

/* TALLES I QUANTITATS */
#quantitat_proposta{font: 1em 'Raleway' !important;}
/* FI TALLES I QUANTITATS */

/* DISSENYS */
.divBlockDissenys, .divBlockDissenysTitle{height: 100%; width: 75% !important; text-align: left; display: block; float: left;}
.divBlockDissenys{overflow-x: hidden; overflow-y:auto; padding: 5px 5px 10px !important;}
.divBlockDissenys::-webkit-scrollbar {display: block; width: 4px;}
.divBlockDissenys::-webkit-scrollbar-track {background: #ffffff;}  					/*{_BACK_SCROLL_MENUS}*/
.divBlockDissenys::-webkit-scrollbar-thumb {background-color: #004258; 				/*{_BARRA_SCROLL_MENUS}*/
	border-right: none; border-left: none;
}
.divDissenyDetall{display: inline-block; max-width:33%; max-height:auto; text-align: center; padding: 4px 3px;}
.divDissenyDetall:hover{cursor: pointer;}
.divDissenyDetall > img{max-width: 100%; max-height: 100%;}
/* FI DISSENYS */

/* COLECCIONS */
.divBlockColeccions, .divBlockColeccionsTitle{height: 100%; width: 25% !important; display: block; float: right;}
.divBlockColeccions{border-left: 3px solid white; overflow-x: hidden; overflow-y:auto; padding: 5px 5px 10px !important;}
.divBlockColeccions::-webkit-scrollbar {display: block; width: 4px;}
.divBlockColeccions::-webkit-scrollbar-track {background: #ffffff;}  					/*{_BACK_SCROLL_MENUS}*/
.divBlockColeccions::-webkit-scrollbar-thumb {background-color: #004258; 				/*{_BARRA_SCROLL_MENUS}*/
	border-right: none; border-left: none;
}
.divBlockColeccions > div:not(:first-child){padding-top: 20px;}
.titleColeccio{border-bottom: 3px solid white; padding-left: 4px;}
.divColeccionsDetall{display: inline-block; max-width:99%; text-align: center; padding: 4px 3px;}
.divColeccionsDetall:hover{cursor: pointer;}
.divColeccionsDetall > img{max-width: 100%; max-height: 100%;}
/* FI COLECCIONS */

/* COLORS */
.divBlockColorBasic{display: inline-block; line-height: 20px; text-align: center; width: 16.6667%;}
.divBlockColorBasicColor{display:inline-block; width: 100%;}
.divBlockColorBasicText{display: inline-block; width: 100%;
font-size: 12px;
margin-bottom: 3px;
}

.divBlockColorDetall{display:table-row;
}
.divBlockColorsDetalls{display:table-cell; position:relative; overflow-x:auto; overflow-y:hidden;}
.divBlockColorsDetalls::-webkit-scrollbar {display: block; height: 4px;}
.divBlockColorsDetalls::-webkit-scrollbar-track {background: #ffffff;}  					/*{_BACK_SCROLL_MENUS}*/
.divBlockColorsDetalls::-webkit-scrollbar-thumb {background-color: #004258; 				/*{_BARRA_SCROLL_MENUS}*/
	border-right: none;border-left: none;
}
.divBlockColorsMostra{position:absolute; top:25%;}
.divColorDetall{height:100%; padding-left: 4px;
	padding-right: 4px;
	display:table-cell;
}
.divColorDetallMostra{ width:1.2vw; height:1.2vw; border-radius:50%; z-index:100;}
.divColorDetallText{display:table-cell; width:110px;}
.divColorDetallOpcions{display:table-cell; width: 42px; padding-right:4px;}

#containerColorsDetalls .divBlockOpcioInfo, #containerColorsDetallsProp .divBlockOpcioInfo{width: 50% !important;}
/* FI COLORS */

/* TEXT */
.divBlockTextAfegir{display: table; width: 100%; padding-top: 5px !important;}
.divBlockTextAfegirInput{display: table-cell; width: 100%;}
.divBlockTextAfegirInput > input{background-color:rgba(0, 0, 0, .01); width:95%; 
	border:1px solid black; color:black;													/*{_TEXT_INPUT_TEXT}*/
}
.divBlockTextAfegirInput > input::placeholder {color: gray; opacity: 1;}/* Firefox */		/*{_PLACEHOLDER_INPUT_TEXT}*/
.divBlockTextAfegirInput > input:-ms-input-placeholder { color: gray;}  /* IE */			/*{_PLACEHOLDER_INPUT_TEXT}*/
.divBlockTextAfegirInput > input::-ms-input-placeholder { color: gray;} /* Edge */			/*{_PLACEHOLDER_INPUT_TEXT}*/

.divBlockTextAfegirButton{display: table-cell; min-width: 70px;}
.divBlockTextAfegirButton > span{display:inline-block;}
/* FI TEXT */

/* ESTAMPATS */
.divBlockEstampats{max-height: 300px; width: 80% !important; text-align: left; padding: 5px 1px !important; overflow-y:auto;}
.divBlockEstampats::-webkit-scrollbar {display: block; width: 4px;}
.divBlockEstampats::-webkit-scrollbar-track {background: #ffffff;}  						/*{_BACK_SCROLL_MENUS}*/
.divBlockEstampats::-webkit-scrollbar-thumb {background-color: #004258; 					/*{_BARRA_SCROLL_MENUS}*/
	border-right: none; border-left: none;
}
.divEstampatDetall{display: inline-block; width:50px; max-height:50px; text-align: center; padding: 4px 3px;}
.divEstampatDetall:hover{cursor: pointer;}
.divEstampatDetall > img{max-width:44px; max-height:42px;}
/* FI ESTAMPATS */

/* MOTIUS */
.divBlockMotius{max-height: 600px; width: 100% !important; text-align: left; padding: 10px 1px 5px !important; overflow-y:auto; overflow-x: hidden;}
.divBlockMotius::-webkit-scrollbar {display: block; width: 4px;}
.divBlockMotius::-webkit-scrollbar-track {background: #ffffff;}  							/*{_BACK_SCROLL_MENUS}*/
.divBlockMotius::-webkit-scrollbar-thumb {background-color: #004258; 						/*{_BARRA_SCROLL_MENUS}*/
	border-right: none; border-left: none;
}
.divMotiuDetall{display: inline-block; width:12.5%; height:auto; text-align: center; padding: 4px 3px;}
.divMotiuDetall > img{max-width:99%; max-height:99%;}
/* FI MOTIUS */

/* LOGOS I DISSENYS */
.divBlockImatges{max-height: 300px; width: 100% !important; text-align: left; padding: 5px 1px !important; overflow-x: hidden; overflow-y:auto; vertical-align: top;}
.divBlockImatges::-webkit-scrollbar {display: block; width: 4px;}
.divBlockImatges::-webkit-scrollbar-track {background: #ffffff;}  							/*{_BACK_SCROLL_MENUS}*/
.divBlockImatges::-webkit-scrollbar-thumb {background-color: #004258; 						/*{_BARRA_SCROLL_MENUS}*/
	border-right: none; border-left: none;
}
.divImatgeTitol{display: inline-block; width: 100%; padding: 4px 3px 0px; text-align: center;}
.divImatgeDetall{display: inline-block; position: relative; width:12.5%; height:auto; text-align: center; padding: 4px 3px;}
.divImatgeDetall > img{max-width:99%; max-height:99%;}
.divImatgeDetallCheck{position:absolute !important; z-index:10; left: calc(100% - 14px);}
/* FI LOGOS I DISSENYS */

/* CAPES */
.divBlockCapes{padding: 4px 2px !important;}
.divBlockCapes > div{line-height: 50px !important;}
/* FI CAPES */

/* MATERIALS */
.divBlockMaterials{max-height: 300px; width: 100% !important; text-align: left; padding: 5px 1px !important; overflow-y:auto;}
.divBlockMaterials::-webkit-scrollbar {display: block; width: 4px;}
.divBlockMaterials::-webkit-scrollbar-track {background: #ffffff;}  						/*{_BACK_SCROLL_MENUS}*/
.divBlockMaterials::-webkit-scrollbar-thumb {background-color: #004258; 					/*{_BARRA_SCROLL_MENUS}*/
	border-right: none; border-left: none;
}
.divMaterialDetall{display: inline-block; width:12.5%; height:auto; text-align: center; padding: 4px 3px;}
.divMaterialDetall > img{max-width:99%; max-height:99%;}
/* FI MATERIALS */

/* COMPARTIR */
.divBlockOpcioInfo.rectSeleccionable_sm:hover, .divBlockOpcioInfo_sm.rectSeleccionable_sm:hover, .divBlockOpcioInfo_xl.rectSeleccionable_sm:hover{font-weight: bold;}

.divBlockPlantilles{max-height: 300px; width: 100% !important; text-align: left; padding: 5px 1px !important; overflow-y:auto;}
.divBlockPlantilles::-webkit-scrollbar {display: block; width: 4px;}
.divBlockPlantilles::-webkit-scrollbar-track {background: #ffffff;}  						/*{_BACK_SCROLL_MENUS}*/
.divBlockPlantilles::-webkit-scrollbar-thumb {background-color: #004258; 					/*{_BARRA_SCROLL_MENUS}*/
	border-right: none; border-left: none;
}
.divPlantillaDetall{display: inline-block; position: relative; width:80px; max-height:80px; text-align: center; padding: 4px 3px;}
.divPlantillaDetall > img{max-width:74px; max-height:72px;}
.divPlantillaDetallCheck{position:absolute !important; z-index:10; left: calc(100% - 14px);}
/* FI COMPARTIR */

/* ESCENES */
.divEscenaDetall{display: inline-block; width:50%; line-height: 40px; text-align: center; 
	border-bottom:1px solid #DDDDDD; 														/*{_BORDER_ILUMINACIO_MENUS}*/
	padding-top: 10px;
}
.divEscenaDetall:nth-of-type(odd){border-right:1px solid #DDDDDD;}							/*{_BORDER_ILUMINACIO_MENUS}*/

#colorBackground{visibility: hidden; float: right; height: 0px; padding:0px; border: 0px;}
#escena_exposicio{background-color:rgba(0, 0, 0, .01); 
	border:1px solid black; color:black;													/*{_TEXT_INPUT_TEXT}*/
}
#escena_exposicio::placeholder {color: gray; opacity: 1;}/* Firefox */						/*{_PLACEHOLDER_INPUT_TEXT}*/
#escena_exposicio:-ms-input-placeholder { color: gray;}  /* IE */							/*{_PLACEHOLDER_INPUT_TEXT}*/
#escena_exposicio::-ms-input-placeholder { color: gray;} /* Edge */						/*{_PLACEHOLDER_INPUT_TEXT}*/
/* FI ESCENES */

/* FINALITZAR */
#tableInfoTalles{border-collapse:collapse;width:100%;}
#tableInfoTalles .tableInfoTitol td{font-weight:bold;line-height:25px;background:#D6D6D6;	/*{_BACK_TAULES_TALLES_PREUS}*/
	padding-left:5px;
}
#tableInfoTalles .tableInfoDades td{width:43px;line-height:17px;text-align:center;
	border-right:1px solid #D6D6D6;border-left:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6;	/*{_BACK_TAULES_TALLES_PREUS}*/
	font-size:10px;}

#taula_preus_article{ border-collapse: collapse; text-align: center;}
#taula_preus_article td {border:1px solid #D6D6D6;}										/*{_BACK_TAULES_TALLES_PREUS}*/
#taula_preus_article_title td{font-weight:bold;line-height:25px;background:#D6D6D6;		/*{_BACK_TAULES_TALLES_PREUS}*/
	padding-left:5px;
}
#num_quantitat_article td{width:43px;line-height:17px;text-align:center;font-size:10px;}
#preus_quantitat_article td{line-height:17px;text-align:center;font-size:10px;}

#tableInfoPreus{border-collapse:collapse;width:100%;background-color:#D6D6D6;}				/*{_BACK_TAULES_TALLES_PREUS}*/
#tableInfoPreus td{line-height:25px;}

#quantitat_proposta{background-color:rgba(0, 0, 0, .01); 
	border:1px solid black; color:black;													/*{_TEXT_INPUT_TEXT}*/
}
#quantitat_proposta::placeholder {color: gray; opacity: 1;}/* Firefox */					/*{_PLACEHOLDER_INPUT_TEXT}*/
#quantitat_proposta:-ms-input-placeholder { color: gray;}  /* IE */						/*{_PLACEHOLDER_INPUT_TEXT}*/
#quantitat_proposta::-ms-input-placeholder { color: gray;} /* Edge */						/*{_PLACEHOLDER_INPUT_TEXT}*/
/* FI FINALITZAR */

/* INFO WEB */
.tbl_informacio_title td, .tbl_registre_title td{border-bottom:1px solid black;}			/*{_SEPARADOR_INFO_WEB}*/
.tbl_informacio td, .tbl_registre td{color:black;}											/*{_TEXT_INFO_WEB}*/
/* FI INFO WEB */

/*---------------------------------------------*/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: black !important;
    cursor: pointer !important;
    background-color: #F2F2F2 !important;
    border: 1px solid black !important;
    border-bottom-color: transparent !important;
}
.nav-tabs > li > a:hover {
    border-color: #F2F2F2 #F2F2F2 black !important;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none !important;
    background-color: gray !important;
}

.nav > li > a {
	position: relative;
	display: block;
	padding: 5px 20px 5px 20px !important;
}





.rectRightColor{width:12.5%; height:3vw; display:inline-block; background-color:#F2F2F2; float:left;box-sizing: border-box; cursor:pointer}
.divColorsTop{height:80%; text-align: center; padding-top: 10%;}
/*.divColorsMostra{ width:2.5vw; height:2.5vw; border-radius: 50%; display: inline-block; position: relative;}*/
.divColorsMostra_s{ height:40px; width:40px; border-radius: 50%; display: inline-block; position: relative;
padding-top: 0;
}
.divColorsMostra_xs{ height:25px; width:25px; border-radius: 50%; display: inline-block; position: relative;
padding-top: 0;
}

.divMiddleMenu{height:6vh; text-align:center; width:100%; float:left; padding-top:0px;}
.tableMiddleMenu{width:43%;}
.tableMiddleMenu td{padding:0px 20px 0 20px; line-height:6vh; z-index:0; position:relative; font-size:1.2em; text-align:center; text-shadow: -1px 0 #F2F2F2, 0 1px #F2F2F2, 1px 0 #F2F2F2, 0 -1px #F2F2F2; vertical-align: top;}
.tableMiddleMenu td p{z-index:2;}
.tableMiddleMenu td p:hover{cursor:pointer; color:#e67300;}							/*{_COLOR_SELECCIO}*/
.paletaSelected{color:#e67300;}														/*{_COLOR_SELECCIO}*/

.li_seccions_title:hover .titleEscollir{cursor:pointer; color:#e67300;}				/*{_COLOR_SELECCIO}*/

.titleEscollir{ font-size:1em; padding:10px;  text-align:center; color:black;}
.titleEscollir:hover{cursor:pointer; color:#e67300;}									/*{_COLOR_SELECCIO}*/
.titleEscollirSelected{color:#e67300;}													/*{_COLOR_SELECCIO}*/
.titleEscollirFill{ font-size:1.5em; text-align:center; color:black;}

.divMapes{padding-top: 10%;}

.rectSeleccionable{ transition: transform .2s;}
.rectSeleccionable:hover{ transform: scale(1.1); cursor:pointer;}
.rectSeleccionable_sm{ transition: transform .2s;
}
.rectSeleccionable_sm:hover{ transform: scale(1.05); cursor:pointer;}

.rectSeleccionableText{ transition: transform .2s;}
.rectSeleccionableText:hover{
font-weight: bold; cursor:pointer;
font-size: 15px;
}

.divSeleccionable:hover{background-color: #CECECE; cursor:move;}

.titleTextLeft{float:left; height:40%; padding-left:15%; font-size:1.5em;}
.titleTextRight{float:right; width:100%; height:40%; font-size:1.5em; position:relative;}
.titleTextRight:hover{cursor:pointer;color:#e67300;}									/*{_COLOR_SELECCIO}*/
.textPers{height: 30px; padding: 5px; font-size:1.3em; width:70%;}
.rectRightTotText{width:100%; height:100%; display:inline-block; background-color:#F2F2F2; float:left;box-sizing: border-box; margin:0px; }
.panelRightText{overflow-y:auto;height:auto;height:97%; background-color:#F2F2F2; padding: 10px 10px 10px 10px;}
.panelRightTipusText{overflow-y:auto;height:auto;height:97%; background-color:#F2F2F2;}
.panelRightMaterials{overflow-y:auto;overflow-x: hidden; background-color:#F2F2F2; padding-top:20px; padding-left:25px; padding-right:25px;}
.titleTextColor:hover,.mostraTextTipus:hover,.divEscollirEscena:hover{cursor:pointer;
	color:#e67300;																		/*{_COLOR_SELECCIO}*/
}
.titleTextColor{font-size:1.5vw;}

.divEscollirEscena{height:40px; border-bottom:1px solid black; vertical-align:central; padding-top:12px; width:50%;}
.divEscollirEscena:nth-of-type(odd){border-right:1px solid black;}

.divTextText_sm{ font-size:16px;}

.divChildSeleccionable{ font-size:.8em; transition: transform .2s;}
.divChildSeleccionable:hover > div{ transform: scale(1.1);}
.divChildSeleccionable:hover{color:#e67300;cursor:pointer;}							/*{_COLOR_SELECCIO}*/

canvas {border: 0px;}

.paletaMotiusHalf{height:43%;}
.paletaTextHalf{height:40.5%;}
.paletaEscenesHalf{height:39%;}
.paletaEscenesHalfImatges{height:38%;}
.paletaImagesHalf{height:45.5%;}

.rectFinalitzar{border: 1px solid #E2E2E2;}

.rectImgsFons{overflow-y:auto;overflow-x:hidden;text-align:left;padding-top:20px; border-top:1px solid #292828;}

.rectRightMotiu{width:33.3%}

/* Canvis 25/03/2021 */

.paletesFlotants{ float:left; width:100%; height:100%; padding:0 1px; background-color:transparent; z-index:10;}
.divMenuButton, .divMenuButtonDisabled{line-height:35px; width:100%; 
	/*background-color:#f2f2f2;*/															/*{_BACK_BUTTON_MENU}*/
	margin-top:10px; padding:6px 10px; font-size:1.15em;
		font-weight: bold;
	color: #fff;
	background-color: #000;
}
.divMenuButton span, .divMenuButtonDisabled span{padding-left:10px; font-size:1em;}
.divMenuButton:hover{cursor:pointer; filter: brightness(85%);}
.divMenuIcon{transition: transform .2s;}
.divMenuButton:hover .divMenuIcon{ transform: scale(1.2); }

.divMenuOpcio{line-height:35px; width:100%; border: 1px solid #EAEAEA; margin-top:10px; padding:6px 10px; font-size:1.15em;}

.divMenuTitle{line-height:35px; width:100%; background-color:#EAEAEA; margin-top:2px; padding:6px 10px; font-size:1.15em;}

.panelRight{overflow-y:auto;overflow-x:hidden;height:auto;height:100%; min-height: 100px; 
	background-color:#F2F2F2; 															/*{_BACK_MENU_WGL}*/
	padding: 11px 11px;
}
.panelRight50{overflow-y:auto;overflow-x:hidden;height:auto;height:50%; 
	background-color:#F2F2F2; 															/*{_BACK_MENU_WGL}*/
	padding: 10px;
}
.divMiddleRightPaleta{ background-color:#F2F2F2;overflow:hidden;}						/*{_BACK_MENU_WGL}*/

#divMenuRightMenu{font-size:.8em; text-align:center; border-bottom:1px solid #C4C4C4;}
#divMenuRightMenu .row p{margin-bottom: 2px;}
#divMenuRightMenu .row div.paletaSelected{z-index: 12;}
#divMenuRightMenu .row div.paletaSelected div.menuBorder{background-color:#e67300;}	/*{_COLOR_SELECCIO}*/
.menuBorder{width:60px; height:2px;}
.menuEscollir{float:left;}
.menuEscollir p{font-size:.94em;}
#divMenuRightMenu .menuEscollir:hover{cursor:pointer; color:#e67300;}					/*{_COLOR_SELECCIO}*/
#divMenuRightMenu .row div span{font-size: 20px;}

.titleTextMenus{font-size:.8vw; font-weight:bold; padding-left:5%; line-height: 25px;}
#divChangeColor, #divChangeColorMotiu{border-bottom:1px solid #DDDDDD; padding-top:0px;}
#divColors{padding:0px;}
#svgColorsBasics p{padding-top:6px; font-size:1.1em;}
.divColorsMostra{ width:1.55vw; height:1.55vw; border-radius:50%; z-index:100;}
.divColorsMostra_sm{
border-radius:50%;
padding-top: 0;
/*margin-top: 14px;*/
border: 2px solid #ffffff;																/*{_BORDE_COLORS}*/
width: 1.2vw;
height: 1.2vw;
position: relative;
top: 5px;
}

.valign-content{display:flex;align-items:center;
padding-bottom: 5px;
}
.valign-content.items{
	padding-bottom: 6px;
}

.mostraTextTipus{font-size:1.2em; height:40px; 
	border-bottom:1px solid #DDDDDD; 													/*{_BORDE_TAULA_FONTS}*/
	vertical-align:central; padding-top:12px;
}
.mostraTextTipus:nth-of-type(odd){border-right:1px solid #DDDDDD;}						/*{_BORDE_TAULA_FONTS}*/
#font_text{font-size:1.2em; height:100%; float:left;}

.menuSeparador{border-left:1px solid #C4C4C4;}

.colorDiv100{max-height:100px;overflow-y:auto; padding-top:5px;}
.colorDiv100 .container{width:100%; height:35px; padding: 0px;}
.colorDiv100 .row{padding-left: 5px; width:100%; height:100%; line-height:35px; margin: 0px;}

.mostraColorColeccio{display:table-cell; width: 18px; height: 18px; border-radius:5px; border: 1px solid rgba(0,0,0, 0.25);}
.grupColorColeccio{display:inline-block; width:30%; height:24px; padding-top:1px; margin:0px 4px; border-radius: 6px; border-spacing: 2px;}
.grupColorColeccio:hover{cursor: pointer; background-color:rgba(0, 0, 0, 0.1); box-shadow:inset 0 0 1px 0 rgba(0, 0, 0, 0.1);}
.grupColorColeccio:hover > .mostraColorColeccio{box-shadow:inset 0 0 3px 0 rgba(0, 0, 0, .3);}

.pointer-hover:hover{cursor: pointer;}