/************************* ESTILS GENERALS *************************/
/************************* ESTILS GENERALS *************************/

@font-face{ 
    font-family: Acens;
    src: url('./Acens.ttf');
}

body.admin, body.menu
{
    font-family: Arial;
    letter-spacing: 1px;
}

body.gestio
{
    /*background: #d0d4d5;
    background: -moz-linear-gradient(45deg,  #d0d4d5 0%, #b1bfc2 50%, #2b2c31 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#d0d4d5), color-stop(50%,#b1bfc2), color-stop(100%,#2b2c31));
    background: -webkit-linear-gradient(45deg,  #d0d4d5 0%,#b1bfc2 50%,#2b2c31 100%);
    background: -o-linear-gradient(45deg,  #d0d4d5 0%,#b1bfc2 50%,#2b2c31 100%);
    background: -ms-linear-gradient(45deg,  #d0d4d5 0%,#b1bfc2 50%,#2b2c31 100%);
    background: linear-gradient(45deg,  #d0d4d5 0%,#b1bfc2 50%,#2b2c31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d4d5', endColorstr='#2b2c31',GradientType=1 );
    */
 /*   background: url('../imatges/bg.jpg') no-repeat no-repeat center center fixed;*/
    background-size: 100% 100%;
    font-family: Arial;
    letter-spacing: 1px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    margin: auto;
    position: relative;
    color: black;
}
/****************************** LUPA *********************************/

#capa_lupa
{
    top: 570px;
    height: 29px;
    width: 89px;
    left: 885px;
    display: none;
}

#slider-vertical
{
    width: 42px;
    margin-top: 6px;
    margin-left: 21px;
}

#slider-vertical .ui-slider-handle
{
    height: 14px;
    width: 2px;
    color: #ff9c00;
    border-color: #ff9c00;
    background: #ff9c00;
}

/************************** CATEGORIES SECUNDERIES **************************/

#capa_categories
{
    background: none;
    border: none;
    left: -20px;
    top: 268px;
}

.eina
{
    margin-bottom: 15px;
    position: relative;
    bottom:	63px;
    visibility: hidden;
}

.text_eina, #boto_categoria_principal, .titol_cataleg
{
    color: black;
    padding: 14px;
    width: 88px;
    text-align: left;
    font-size: 11px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #bbc5c6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#bbc5c6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#bbc5c6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 0%,#bbc5c6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 0%,#bbc5c6 100%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 0%,#bbc5c6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbc5c6',GradientType=1 ); /* IE6-9 */
    box-shadow: 2px 2px #6c6c6c;
    font-weight: bold;
}

.text_eina, .titol_cataleg
{
    height: 26%;
}

.text_eina, .cat_seleccionada
{
    position: relative;
    border-bottom: none;
}

.cat_seleccionada
{
    z-index: 2;
    position: relative;
    color: #ff9c00;
}

#engloba2
{
    display: none !important;
    height: auto;
    width: 90px;
    left: 150px;
    top: -44px;
    z-index: 3;
}
.categoria_content_element{
    border: 1.2px solid rgb(202, 199, 199);
  /*  border-radius: 6px;*/
  /*  overflow: hidden;*/
    z-index:5;
}

@media (max-width: 768px) and (orientation: portrait){
	.categoria_content_element{
		overflow: hidden;
	}
}

.current_categories_content .categoria_content_element{
/*    background-color: rgba(217, 217, 217, 1);*/
}

#categories_content_izq,#categories_content_der{
    position: absolute;
    width: 89%;
    /*height: 55%;*/
    height: 55vh;
    left: 1%;
    top: 28%;
    z-index: 2;
    display: block;
}
@media (max-width: 768px) and (orientation: portrait){
	#categories_content_izq,#categories_content_der{
      height: 352px !important;
   }
}
.catego_titulo {
    position: relative;

/*    left: 6%;*/
 /*   top: 3px;*/
	top: -19px;
    color: #000000;
    font-size: 11px;
    height: 18px;
    overflow: hidden;
    width: 113%;
	letter-spacing: initial;
/*    font-style: italic;*/
/*    background: rgb(217, 217, 217);*/
    z-index: 2;
}

#catego_3{
    position: absolute;
    left: 17.5%;
    /*top: 49%;*/
	top: 53%;
    width: 8%;
    /*height: 51%;*/
	height: 47%;

}
#catego_5{
    position: absolute;
    left: 17.5%;
    /*top: 0%;*/
	top: 3%;
    width: 8%;
    /*height: 47%;*/
	height: 44%;

}
#catego_6{
    position: absolute;
    left: 26%; 
	/*top: 0%;*/
	top: 3%;
    width: 9%;
    /*height: 47%;*/
	height: 44%;

}
#catego_7{
    position: absolute;

    left: 4%;
    top: 0%;
    width: 13%;
    height: 47%;
}
#catego_8{
    position: absolute;
    right: 3%; 
	top: 0%;
    width: 20.2%;
    height: 62%;
	background-color:white;
}
#catego_11{
    position: absolute;
    left: 4%;
    /*top: 0%;*/
	top: 3%;
    width: 13%;
    /*height: 100%;*/
	height: 97%;
    background-color: rgba(217, 217, 217, 1);
}

#capa_colors_3
{
    width: 100%;
    height: 74%;
    background: none;
    box-shadow: none;
    overflow: hidden;
    border-radius: 0;
    max-height: 364px;
    position: relative;
    /*top: 3%;*/
	top: -3%;
}


#capa_colors_5
{
    width: 100%;
    height: 74%;
    background: none;
    box-shadow: none;
    overflow: hidden;
    border-radius: 0;
    max-height: 364px;
    position: relative;
    /* top: 15%; */
}


#capa_colors_6
{
    width: 100%;
    height: 74%;
    background: none;
    box-shadow: none;
    overflow: hidden;
    border-radius: 0;
    max-height: 364px;
    position: relative;
}


#capa_colors_7
{
    width: 96%;
    height: 85%;
    background: none;
    box-shadow: none;
    border-radius: 0;
    max-height: 364px;
    position: relative;
    top: 15%;
    padding: 1%;
}


#capa_colors_8
{
    width: 93%;
    height: 45%;
    background: none;
    box-shadow: none;
    border-radius: 0;
    max-height: 364px;
    position: relative;
    left: 4%;
	bottom: 3%;
}

#capa_colors_11
{
    width: 100%;
    height: 86%;
    background: none;
    box-shadow: none;
    overflow: hidden;
    border-radius: 0;
    /*max-height: 364px;*/
    position: relative;
    /* top: 10%; */
}

.capa_colors ul{
    top:0%;
    /*opacity:0;*/
}

#capa_colors_3 #cat_secundaria
{
    width: 84%;
    height: 100%;
    position: absolute;
    margin: 5%;
}


#capa_colors_5 #cat_secundaria
{
    width: 100%;
    height: 100%;
    position: absolute;
    padding-top: 2%;
}


#capa_colors_6 #cat_secundaria
{
    width: 100%;
    height: 100%;
    position: absolute;
    padding-top: 2px;
}


#capa_colors_7 #cat_secundaria
{
    width: 100%;
    height: 88%;
    position: absolute;
    padding-right: -7%;
}

.pedreria_you_and_i{
    /* left: 0% !important; */

    /* width: 100% !important; */
    margin: 0 !important;
    height: 70% !important;
}
.pedreria_you_and_i #cat_secundaria{
    width: 99%;
    height: 100% !important;
    position: absolute;
    left: 1%;
    top: 1% !important;
}
#capa_colors_8 #cat_secundaria
{
    width: 100%;
    height: 100%;
    position: absolute;
}

#capa_colors_11 #cat_secundaria
{
    width: 100%;
    height: 100%;
    background: none;
    box-shadow: none;
    /* overflow: hidden; */
    border-radius: 0;
    max-height: 364px;
    position: absolute;
}


#capa_colors_3 li
{
    position: relative;
    height: 20%;
    width: 94%;


    /* margin-left: 2%; */
    /* margin-top: 2%; */
    left: 2%;
}


#capa_colors_5 li
{
    position: relative;

    height: 19%;
    width: 91%;
    left: 3%;
}


#capa_colors_6 li
{
    position: relative;
    height: 25%;
    width: 92%;
    padding: 0 0px 6px 3px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;
}


#capa_colors_7 li
{
    position: relative;

    width: 48%;
    height: 50%;
    float: left;
}

.pedreria_you_and_i li{
    width: 30%!important;

    height: 29%!important;
    margin: 0 !important;
    padding: 0 !important;
}

#capa_colors_8 li
{
    position: relative;
    float: left;
    width: 12%;
    height: 100%;
    margin-right: 1%;
    padding-left: 1%;
    padding-top: 2%;
}

#capa_colors_8 .pedreria_sin_imagen
{
    position: absolute;
    width: 72% !important;
    height: 21% !important;
    /*bottom: -21% !important;*/
	bottom: -18% !important;
    right: 17.4%;
	font-size: 14px;
}

#capa_colors_11 li
{
    width: 48%;
    float: left;
    margin: 1%;

    height: 17%;
}

#capa_colors_3 .boto_color
{
    box-shadow: none;
    width: 100%;
    /* margin: 0; */
    text-align: center;
    top: 0;
    position: absolute;
    height: 100%;
}

#capa_colors_3 .boto_color img
{
    height: auto;  max-width: 100%;
    width: 85%;
    margin-top: 4%;
    margin-bottom: 3%;
    position: absolute;
    left: 6%;
    top: -4%;
    max-height: 90%;     top:0;     bottom:0;     margin:auto;
}

#capa_colors_5 .boto_color
{
    box-shadow: none;
    width: 100%;
    margin: 0;
    position: relative;
    float: none;
    height: 100%;
    text-align: center;
}

#capa_colors_5 .boto_color img
{
    height: auto;
    border-radius: 0;
    max-width: 100%;
    width: auto;
    margin-top: 5%;
}

#capa_colors_6 .boto_color
{
    box-shadow: none;
    width: 100%;
    height: auto;
    margin: 0;
    text-align: center;
    max-height: 100%;
    overflow: hidden;
}

#capa_colors_6 .boto_color img
{
    height: auto;
    border-radius: 0;
    max-width: 100%;
    width: auto;
    max-height: 100%;
}

#capa_colors_7 .boto_color
{
    box-shadow: none;
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
}

#capa_colors_7 .boto_color img
{
    max-width: 100%;
    width: 90%;
    bottom: 10%;
    position: absolute;
    border: none;
    height: auto;
    left: 5%;
    top: 28%;
}

.pedreria_you_and_i .boto_color{

}
#capa_colors_8 .boto_color
{
    box-shadow: none;
    width: 100% !important;
    height: 95%;
    margin: 0;
    cursor: pointer;
    z-index: 54;
    display: table;
}

.pedreria_you_and_i .pedreria_sin_imagen .boto_color{

}

#capa_colors_8 .pedreria_sin_imagen .boto_color
{
    text-align: center;

}
.pedreria_you_and_i .pedreria_sin_imagen .boto_color:hover{
    color:#df0808;
}
#capa_colors_8 .pedreria_sin_imagen .boto_color:hover{
    color:#df0808;
}
.pedreria_you_and_i .boto_color img{
    width: auto !important;

    height: 81% !important;
    left: 10% !important;
}
#capa_colors_8 .boto_color img
{
    height: auto;
    width: 75%;
    display: table-cell;
    vertical-align: middle;
    position: absolute;     top:0;     bottom:0;     margin:auto;
    left: 16%;
}

.pedreria_you_and_i .pedreria_sin_imagen .boto_color img{
    display: none;
}

#capa_colors_8 .pedreria_sin_imagen .boto_color img
{
    display: none;
}

#capa_colors_11 .boto_color
{
    box-shadow: none;
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    text-align: center;
    max-height: 100%;
}

#capa_colors_11 .boto_color img
{
    height: auto;
    max-width: 87%;
    margin-top: 3%;
    margin-bottom: 6%;
    width: auto;
    max-height:90%;
}

.boto_color
{
    width: 96% !important;
    margin: 1% !important;
}

.cat_secundaria
{
    padding: 5px;
}

.titulo_perfil_divisorio{
    width:100% !important;
    height:7% !important;
    font-size: 11px;
}

.resum_filtre
{
    position: absolute;
    right: -10px;
    top: 10px;
}

.imatge_resum_filtre
{
    max-width: 55px;
    max-height: 50px;
    margin-top: -12px;
}

#categories_content_der {
   /*outline: blue solid 2px;*/
}
#categories_content_izq {
   /*outline: red solid 4px;*/
}

input, radio {
  accent-color: #df0808;
}

body.gestio:-moz-full-screen
{
    background: url('../imatges/bg.jpg') no-repeat;
    background-size: 100% 100%;
}

body.gestio:-webkit-full-screen
{

    background: url('../imatges/bg.jpg') no-repeat;
    background-size: 100% 100%;
}

body.gestio:fullscreen
{
    background: url('../imatges/bg.jpg') no-repeat;
    background-size: 100% 100%;
}



input,textarea
{
    font-family: Arial;
}

.select_propietats
{
    background: #f8f8f8;
}

#contenidor{
    width: 100%;
}

.invisible{
    display:none !important;
}

/******************************************************************************/
/********************************** ADMIN *************************************/
/******************************************************************************/

#capa_anchor
{
    z-index: 102;
}

#capa_zoom #slider-vertical .ui-slider-handle
{
    height: 2px;
    width: 14px;
    left: -14px;
    margin-bottom: -20px;
}

.tipus_filtre
{
    font-size: 9pt;
}

/******************************************************************************/
/********************************** GESTIO ************************************/
/******************************************************************************/

#gestio
{
    /*width: 85%;*/
	width: 100%;
    min-height: 0px;
    position: relative;
    height: 100%;
	max-width:1180px;
}

div#gestio {}

#logo_client
{
    top: 10%;
    left: 40%;
    z-index: 100;
    cursor: pointer;
    width: 13%;
    height: 9%;
}

#logo_maiter
{  
    position: absolute;
    top: 15px;
    left: 13%;
    z-index: 100;
    cursor: pointer;
    width: 13%;
    height: 9%;
}

.regenerar_clau  #logo_client{
	position: relative;
	clear: both;
	margin: 0 auto;
	float: none;
	left: 0px;
}

.regenerar_clau  #logo_client{
	position: relative;
	clear: both;
	margin: 0 auto;
	float: none;
	left: 0px;
}

.regenerar_clau #parametres_fitxa_admin {
	width: 424px;
	text-align: initial;
	margin-top: 15px;
}

#descripcio_regenerar_clau{
	float: none !important;
}

.text #logo_client {
   
}
#logo_client img
{
    max-width: 100%;
    max-height: 100%;
}
#logo_maiter img
{
    max-width: 100%;
    max-height: 100%;
}

body.admin #logo_client
{
    top: 5px;
    left: 5px;
}

body.admin #logo_client img
{
    max-width: 230px;
    max-height: 90px;
}

/********************** MISSAGE INICI ***************************/

#missatge_inici
{
    height: 300px;
    top: 100px;
    z-index: 11;
}

#logo_client_inici
{
    float: left;
}

#logo_configurador
{
    float: left;
    margin-left: 20px;
}

#logo_configurador img
{
    max-width: 400px;
}

.capa_inici
{
    background: none;
    width: 200px;
    height: 150px;
}

.peu_categoria_inici
{
    color: white;
    font-size: 12px;
    margin: 0 auto;
}

/********************* VIDEO AUTOAJUDA ********************/

#div_video_autoajuda
{
    z-index: 10;
    display: none;
}

/************************* VISOR INFO IMATGE *******************/

#visor_imatge img, .capa_inici img
{
    max-height: 150px;
    max-width: 200px;
}

#visor_imatge
{
    width:300px;
    height:auto;
    background-color: #f8f8f8;
    box-shadow: none;
    border-radius:0;
}

.div_info_visor
{
    border-radius: 0;
    background-color: #f8f8f8;
    text-shadow: none;
    color: black;
    padding: 5px;
    border: 2px solid #727677;
    font-weight: normal;
}

.sobreimpressio
{
    width: 75px;
}

/********************** BOTONS GESTIO **************************/

#menu
{
    z-index: 5;
}

#user-logout, #logout_clients, #logout_clients a, #logout
{
    color: black;
    opacity: 1;
    z-index: auto;
}

#boto_autoajuda
{
    position: absolute;
    right: 506px;
    cursor: pointer;
}

#facebook_link,
#pinterest_link
{
    position: fixed;
    left: 11%;
    cursor: pointer;
    bottom: 2%;
    width: 3%;
    height: 8%;
}
#pinterest_link {left:15%}

.menu #user-logout
{
    z-index: 2;
}

.text_capa:hover
{
    color: #df0808; /*taronja*/
}

.admin #user-logout,.admin   #logout, .menu #user-logout,.menu   #user-logout,.menu   #logout
{
    color: white;
}

#logout_clients a:hover, #logout:hover
{
    color: #ff9c00;
}

#user
{
    z-index: 4;
    position: fixed;
    left: 0%;
    top: 1%;
    width: 9%;
}

#register, #signin, #compte, #compres, #cistell,#idioma,#boto_autoajuda
{
    background: none;
    border: none;
    font-weight: bold;
    font-size: 12px;
    width: 105px;
    z-index:5;
    text-align:right;
    /*padding-right:10px;*/
    /* display: none; */
}

#cistell
{
    display: none;
}

#compres
{
    right: 0;
}

@media (min-width:640px){
	#compres{
		display:none !important;
	}
	#acces_professional{
		display:none !important;
	}
}

@media (max-width:640px) and (orientation:portrait){
	#compres_usuario{
		display:none !important;
	}
	#acces_professional_menu{
		display:none !important;
	}
}

#compres_usuario
{
    display:table;
}

#compres_usuario .text_capa
{
    display:table-cell;
	vertical-align:middle;
}

#compte
{
    right: 160px;
}

#register
{
    right: 100px;
}

#capa_error_login .error
{
    width: 185px;
}

#botons_usuari
{
    font-size: 14px;
    top: 24.5%;
    right: 4%;
    height: 69%;
    cursor: pointer;
    z-index: 5;
    width: 8%;
    left: auto;
}

.boto_muntador
{
    /* color: black; */ /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbc5c6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    width: 98%;
/*    box-shadow: -2px 2px #6c6c6c;*/
    height: 10%;
    text-align: left;
    margin: 11% 0;
    font-size: 11px;
/*    font-weight: bold;*/
/*    border-radius: 6%;*/
    text-align: center;
    display: table;
/*    background: linear-gradient(to top, #918E8E 8%,#ffffff 100%);*/
    cursor: pointer;
/*    background: -webkit-linear-gradient(bottom,#918E8E 8%,#ffffff 100%);*/ /* worked for me*/;
	background: #ececec;				 
}

.boto_muntador:hover
{
    color: #df0808;
}

.boto_muntador_text
{
    position: relative;
    margin: 0;
    height: 100%;
    top: 0;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    text-transform: uppercase;
}

#botons_propietats
{
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    /* overflow: hidden; */
}

/***************************** CANVAS ******************************/

#canvas
{
    height: 55%;
    width: 35%;
    top: 26%;
    /* background: url('../imatges/maiter/bg_blanc_transparent.png'); */
    background:none;
    border: none;
    z-index: 4;
    left: 33%;
    overflow: hidden;
}
#canvas_sombras
{
    height: 370px;
    width: 520px;
    top: 26%;
    left: 33%;
    overflow: hidden;
    position: absolute;
}
#canvas_sombra_izquierda{
    position: absolute;
    width:50%;
    top: 20px;
    left: 12px;
    height: 100%;
    display:none;
}
#canvas_sombra_derecha{
    position: absolute;
    width:50%;
    top: 20px;
    right: 38px;
    height: 100%;
    display:none;
}

/************************* CAPA INFO ********************************/

#info
{
    background-color: #f8f8f8;
    color: black;
    width: 794px;
    border: 2px solid #727677;
    border-radius:0;
    overflow: hidden;
}

.text_capa {
    margin-top: 5px;
}


.text_capa_info
{
    float: left;
    width: 610px;
    font-size: 14px;
}

#preu_peu
{
    width: 170px;
    height: 100%;
    float: right;
    text-align: center;
}

.text_preu_peu
{
    font-size: 87%;
	/*font-size: 68%;*/
    /* border-left: 2px solid #000000; */
}

.import_selected{
/*    box-shadow: 0px 0px 0px 2px rgb(255, 168, 63) !important;*/
	box-shadow: 0px 0px 0px 1px #df0808 !important;											
    border: none !important;
}

#import_1, #import_2
{
 /*   background-color:#f8f8f8;*/
    color: black;
    width: 77%;
    position: absolute;
    height: 5%;
    border: 1px solid #727677;
    z-index: 5;
    text-transform: uppercase;
    right: 18.4%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

#import_1
{
    bottom: 9.5%;
}

#import_2
{
    bottom: 4%;
}

.text_import
{
    clear: both;
    font-weight: normal;
    /*font-size: 9px;*/
	font-size: 14px;
}

.div_import
{
    /* text-align: center; */
    position: absolute;
    left: 81%;
    width: 22%;
    height: 80%;
    top: 12%;
    padding-top: 4px;
    font-weight: bold;
}

.div_nom_abalori
{
    float: left;
    width: 80%;
/*    height: 80%;*/
	height: 100%;
    border-right: 1px solid #666;
    text-align: center;
/*    top: 23%;*/
    position: absolute;
}

.props_abalori
{
    display: none;
    padding-top: 1px;
    font-weight: normal;
    position: absolute;
    height: 80%;
    width: 71%;
    left: 28%;
    top: 32%;
    font-size: 11px;
}

.prop_mida
{
}

.nom_abalori
{
    height: auto;
    overflow: hidden;
    margin: 0 3px;
    font-weight: normal;
    position: absolute;
    width: 27%;
    float: left;
    border-right: 1px solid #666;
    top: 32%;
}

.guia_mides
{
	background: #ececec;				 
    color: black;
/*	background: -webkit-linear-gradient(bottom,#918E8E 8%,#ffffff 100%);*/
    width: 100%;  
	font-size: 11px; 
	/*font-weight: bold; */
	/*border-radius: 6%;*/
    height: 7%;
    text-align: center;
	display: table;
	position: absolute;
	bottom:29px;
	right: -2px;
	border: 1px solid #6c6c6c;
/*    box-shadow: -2px 2px #6c6c6c;*/
}

.boton_informacion
{
	background: #ececec;				 
    color: black;
    width: 100%;  
	font-size: 11px; 
    height: 7%;
    text-align: center;
	display: table;
	position: absolute;
	bottom:-24px;
	right: -2px;
	border: 1px solid #6c6c6c;
	letter-spacing: 0px;
}

#text_informacion{
	vertical-align: middle;
	display: table-cell;
}

#text_informacion:hover {
  color: #df0808;
}

.tabla_cookies{
	border-collapse: collapse;
	margin-top: 10px;
}

.linea_cookies{
	border-bottom: 1px solid black;
	border-top: 1px solid black;
}

@media (max-width:640px) and (orientation:portrait){
	#descripcio_text_legal2{
		width:auto !important;
		height:auto !important;
		left:0 !important;
		position: relative !important;
	}
	.titol_text_legal {
		left: 27% !important;
	}
	.text_legal_titol{
		padding-left: 21px !important;
	}	
	.tabla_div{
		overflow-x: scroll;
	}
	#legal_return {
		left: 0 !important;
		position: relative !important;
		top: 200px !important;
	}
	.boton_informacion{
		bottom: -107px !important;
      width: 99%;
      padding: 14px 0px;
      right: 0px;
	}
      
}

.i_info
{
    color: white;
    font-size: 28px;
    font-weight: bold;
    text-shadow: -1px 0  #666666, 0 1px #666666, 1px 0 #666666, 0 -1px #666666;
    cursor: pointer;
}

.guia_link{
    position: relative;
/*    padding-top: 11%; */
	height: 100%; 
	width: 100%; 
	top: 0;
    text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}

#link_guia{
    color:#ffffff;
}

#link_guia:hover
{
    color: #df0808;
}

/************************* CATEGORIES *******************************/

#boto_categoria_principal
{
    padding: 12px;
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    left: -10px;
    top: 155px;
    text-align: center;
    height: 16px;
    width: 110px;
    font-weight: bold;
    display: block;
}

#div_categoria_principal
{
    width: 72%;
    height: 190px;
    top: 0;
    left: 28%;
    /* overflow: hidden; */
    position: relative;
}


#categoria_principal
{
    width: 100%!important;
    overflow: hidden;
    position: relative;
    z-index: 4;
    top: 10%;
    height: 145px;
    left: -31px;
    text-align: left;
}

.text_cat_principal
{
    color: #000000;
    font-size: 70%;
    display: block;
    margin-left: 0;
    padding: 4px;
    text-align: center;
	font-size: 60%;
}

#imatge_categoria_seleccionada
{
    position: absolute;
    top: -7px;
    left: 98px;
}

#imatge_categoria_seleccionada img
{
    max-width: 83px;
    max-height: 63px;
}

#engloba,#engloba_aux
{
    top: 32px;
    min-height: 137px;
    left: 245px;
    width: 815px;
    overflow: hidden;
    display: none !important;
}

#engloba_aux
{
    z-index: 2;
    display: none;
}

#capa_productes
{
    background: none;
    box-shadow: none;
    border-radius: none;
    width: 772px;
    height: 137px;
}

.boto_prod
{
    background: none;
    width: auto;
    height: auto;
    padding: 0;
    position: relative;
    margin: 0 10px;
}

.boto_prod img
{
    max-height: 137px;
    max-width: 90px;
    /*
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, transparent), to(rgba(255,255,255,0.2)));
    */
}

.categoria_hover
{
    box-shadow: none;
}

#scroller
{
    height: 140px;
    width: 735px;
    display: none;
}

.simply-scroll
{
    width: 735px;
    height: 140px;
}

.simply-scroll-list
{
/*width: 735px;*/
width: 1856px;
}

#div_categoria_principal .simply-scroll
{
    width: 100%;
    height: 190px;
    margin-bottom: 0;
}

.simply-scroll-btn-pause
{
    display: none;
}

.simply-scroll .simply-scroll-clip
{
    width: 735px;
    height: 140px;
}

#div_categoria_principal  .simply-scroll .simply-scroll-clip
{
    width: 100%;
    height: 190px;
    left: 35px;
}

.simply-scroll-btn-right
{
    left: 746px;
    bottom: 85px;
/*display:none;*/
}

.simply-scroll-btn-left
{
    bottom: 85px;
/*display:none;*/
}

#div_categoria_principal .simply-scroll-btn-right
{
    bottom: 85px;
    left: 770px;
    display: none;
}


#div_categoria_principal .simply-scroll-btn-left
{
    bottom: 85px;
    left: 0;
    display: none;
}

.simply-scroll .simply-scroll-list li
{
    height: 140px;
    width: auto;
    min-width: 90px;
}

.boto_imatge
{
    max-width: 146px;
    max-height: 137px;
    height: auto;
   /* margin: 5px 10px;*/
   margin: 5px 7px;
    float: left;
    width: 12%;
    overflow: hidden;
}

.boto_imatge:hover
{
    box-shadow: none;
}

.boto_imatge IMG
{
    min-width: 50px;
    max-width: 211px;
    width: 100%;
    height: auto;
    border-radius: none;
}

.boto_seleccionat
{
    border: none;
    border-radius: none;
/*    box-shadow: 0px 0px 0px 2px rgb(255, 168, 63) !important;*/
	box-shadow: 0px 0px 0px 1px #df0808 !important;											
}

.boto_seleccionat_cataleg
{
    border: none;
    border-radius: none;
}

.div_container
{
    width: 90px;
    overflow: hidden;
    position: relative;
    left: 140px;
    background: white;
    z-index: 1;
    border: solid black 1px;
    bottom: 0;
}

#boto_netejar {
    background: linear-gradient(to right, rgba(48,67,73,1) 0%,rgba(177,178,180,1) 100%);
    color: white;
    height: 3% !important;
    margin-top: 5% !important;
}

.color_referencia_catalogo
{
    text-shadow: -1px 0 #666666, 0 0px #666666, 0px 0 #666666, 0 -1px #666666;
}

.negro{color:black;}
.azul{color:blue;}
.naranja{color:rgb(241, 164, 23);}
.verde{color:rgb(0, 134, 0);}
.amarillo{color:rgb(243, 243, 2);}
.marron{color:rgb(184, 30, 30);}

.absolute
{
    position:absolute;
    top:50px;
}
.hidden{display:none;}

.filtre_seleccionat
{
    left: 150px;
    position: absolute;
    text-shadow: -1px 0 #666666, 0 1px #666666, 1px 0 #666666, 0 -1px #666666;
    font-size:12px;
    color:white;
    margin-left: -9px;
    top: 17% !important;
}



/*************************** PROPIETATS ******************************/

.boto_propietat
{
    height: 8%;
    float: left;
}

.opcions_propietats,
.opcions_propietats_fake
{
    width: 132px;
/*    text-align: right;*/
    display:block;
    color: black;
    border: none;
    cursor: pointer; z-index: 10;
}

#propietats_1{
    position: absolute;

    left: 48%;
    top: 82.2%;
    z-index: 6;
    width: auto;
    height: 3%;
    width: 20%;
}
#propietats_1 input{
    width: 14px;
    position: relative;
    height: 24px;
    top: 5px;
}
#propietats_2{
    position: absolute;

    left: 81.3%;
    top: 59.3%;
    width: 50px;
    border: 1px solid #2f2f2f;
    border-radius: 7px;
    display: none;
    background: white;
    padding: 0;
    text-align: center;
    overflow: auto;
    z-index: 11;
}
#propietats_3{

}

#propietats_4, #propietats_4_fake{
    right: 13%;
    position: absolute;
    top:52%;
    height: 10%;
    width: 17%;
    padding: 0;
    margin: 0;
    left: initial;
    overflow: auto;
    cursor: default;
}

#propietats_4_fake{
    pointer-events: none !important;
    opacity: 0.4;
}

#propiedades_container_5{
    position: absolute;
    top: 59.5%;
    left: 24.5%;
    font-size: 13px;
    width: 7.7%;
    text-transform: uppercase;
    text-align: start;
    height: 20%;
    overflow: hidden;
}
#propietats_5{
    position: relative;
    left: 0%;
    font-size: 13px;
    width: 100%;
    text-transform: uppercase;
    text-align: start;
    height: auto;
    overflow: initial;
}

#propietats_1 .opcio_propietat{
    float: left;

    margin-right: 7px;
    font-size: 13px;
    position: relative;
    top: -10px;
    width: 34%;
}
#propietats_2 .opcio_propietat{

}
#propietats_3 .opcio_propietat{

}
#propietats_4 .opcio_propietat{
/*    background: rgba(217, 217, 217, 1);*/
}
#propietats_4 .opcio_propietat, #propietats_4_fake .opcio_propietat {
    float: left;
    position: relative;
    font-size: 10px;
    width: 44%;
    overflow: hidden;
    height: 31%;
    text-align: left;
    margin-top:1%;
}
#propietats_5 .opcio_propietat{
    font-size: 7.5px;

    text-align: center;
    padding-top: 9%;
    padding-bottom: 8%;
}


/****************************** LUPA *********************************/

#capa_lupa
{
    top: 570px;
    height: 29px;
    width: 89px;
    left: 885px;
    display: none;
}

#slider-vertical
{
    width: 42px;
    margin-top: 6px;
    margin-left: 21px;
}

#slider-vertical .ui-slider-handle
{
    height: 14px;
    width: 2px;
    color: #ff9c00;
    border-color: #ff9c00;
    background: #ff9c00;
}

/**************************** VISTES *********************************/

#capa_3_vistes
{
    top: 174px;
}

/*************************** EINA TEXT *******************************/

#eina_text
{
    bottom: 100px;
    left: 29.5%;
    z-index: 5;
/*overflow: none;*/
height: 29px;
    width: 40%;
}

#boto_eina_text
{
    cursor: pointer;
    position: absolute;
    z-index: 5;
}

.boto_eina_text
{
    z-index: 6;
    position: absolute;
    padding: 2px;
    cursor: pointer;
}

body.diamantes_abiertos #boto_eina_text_10.boto_eina_text {
    z-index: 0 !important;
}    

#boto_eina_text_10.boto_eina_text {
    z-index: 6 !important;
	display:none;
}    

#tipografies_eina_text
{
    position:absolute;
    top: 0%;
    padding: 2px;
    border: 1px solid #df0808;
    background-color: white;
    width: 36%;
/*    height: 89%;*/
    overflow: hidden;
}

#tipografies_eina_text span {
    cursor:pointer;
}

#select_tipografia_eina_text
{
    background-color: #999;
    color: white;
    max-width: 70px;
}

#input_text_eina_text
{
    color: black;
    background-color: white;
    width: 100%;
	border: 1px solid #df0808;
	border-radius: inherit;
}

#max_eina_text
{
    color: black;
    position: absolute;
    top: 64%;
/*    left: 49%;*/
    font-size: 10px;
}

#accions_eina_text
{
    position: absolute;
    top: 0;
    left: 9%;
    width: 92%;
    height: 100%;
}

#estils_eina_text div
{
    float: left;
}

#tipografia_eina_text
{
    position: absolute;
    top: 10%;
    left: 10%;
    max-width: 10%;
    display: none;
}

#text_eina_text
{
    position: absolute;
    top: 76%;
 /*   left: 39%;*/
    width: 36%;
}
/*************************** VIDEO 360 *********************************/

#boto_video
{
    position:absolute;
    left: 325px;
    top: 570px;
    z-index: 2;
    cursor: pointer;
    display: none;
}


#video
{
    height: 464px;
    width: 820px;
    display: none;
    z-index: 1;
    position: absolute;
    left: 231px;
    top: 190px;
}

/*************************** CAPA 3 VISTES *****************************/

#capa_3_vistes
{
    top: 570px;
    left: 253px;
    background: none;
    border: none;
}

/************************** FULLSCREEN *********************************/

#fullscreen
{
    top: 620px;
    left: 1004px;
    z-index: 1;
    display: none;
}

/********************** CAPA FLOTANT FACTURA *****************************/

#div_capa_creacions,#capa_cataleg
{
    /*background: rgb(194,202,204); /* Old browsers */
    /*background: -moz-linear-gradient(45deg,  rgba(194,202,204,1) 0%, rgba(164,179,184,1) 50%, rgba(58,69,75,1) 100%); /* FF3.6+ */
    /*background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(194,202,204,1)), color-stop(50%,rgba(164,179,184,1)), color-stop(100%,rgba(58,69,75,1))); /* Chrome,Safari4+ */
    /*background: -webkit-linear-gradient(45deg,  rgba(194,202,204,1) 0%,rgba(164,179,184,1) 50%,rgba(58,69,75,1) 100%); /* Chrome10+,Safari5.1+ */
    /*background: -o-linear-gradient(45deg,  rgba(194,202,204,1) 0%,rgba(164,179,184,1) 50%,rgba(58,69,75,1) 100%); /* Opera 11.10+ */
    /*background: -ms-linear-gradient(45deg,  rgba(194,202,204,1) 0%,rgba(164,179,184,1) 50%,rgba(58,69,75,1) 100%); /* IE10+ */
    /*background: linear-gradient(45deg,  rgba(194,202,204,1) 0%,rgba(164,179,184,1) 50%,rgba(58,69,75,1) 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2cacc', endColorstr='#3a454b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border: none;

    /*background: url('../imatges/bg.jpg');*/
	background: white;
    -webkit-background-size: cover;   -moz-background-size: cover;   -o-background-size: cover;   background-size: cover;
}

#capa_taula_comanda
{
    background: none;
}

.cela_comanda
{
    width: auto;
    padding: 20px;
    padding-right:0;
}

#taula_productes
{
    width: 700px;
}

@media (max-width:768px) {
	#save,#boto_comprar, #boto_carrega, #print_order, #boto_comprar_from_my_creaciones
	{
		bottom: 14% !important;
	}
	#print_order{     
      width: 100px !important;
      right: 220px !important;
	}
   #save {
    right: 119px !important;
    width: 100px !important;
   }
   #boto_comprar.boto_cerca_botiga {
      width: 100px !important;      
   }
	.cela_titol_factura{
		border-bottom: none !important;
	}
}

#save,#boto_comprar, #boto_carrega, #print_order, #boto_comprar_from_my_creaciones
{
    height: 6%;
    color: white;
    background: black;
    border: none;
    bottom: 9%;
    width: 13%;
    border-radius: 0;
    box-shadow: none;
    right: 5%;
    margin: 0;
}

#boto_comprar.boto_cerca_botiga
{
    width: 17%;
    right: 5%;
    bottom: 9%;
    margin: 0;
}

#boto_comprar2{
    height: 18px;
    color: white;
    background: black;
    border: none;
    bottom: 5px;
	position: relative;				   
}

#save
{
    right: 22.5%;
    left: auto;
    bottom: 9%;
    margin: 0;
}
#boto_comprar {
    right: 9%;
    left: auto;
    bottom: 9%;
    margin: 0;
}
#print_order
{
    left: auto;
    width: 13%;
    right: 36%;
    bottom: 9%;
    margin: 0;
}

IMG.imatge_fitxa
{
    margin-top: -17%;
    border-radius: 3px;
    width: 104%;
    background-color:transparent;
}

.taula_detall_comanda
{
    background: none;
    border-radius: 0;
    font-size: 12px;
    border-collapse: collapse;
    border-left: 2px solid black;
    border-right: 2px solid black;
}

.taula_detall_comanda td
{
    border: 2px solid black;
}

.titol_comanda
{
    background-color: black;
}

.taula_detall_comanda .fila1, .taula_detall_comanda .fila2
{
    background: none;
}

#taula_preu
{
    border: none;
}

#taula_preu td, #taula_preu tr,.titol_i_notes td,.titol_i_notes tr
{
    background: none;
    border: none;
    color: black;
}

#titol_comanda,#observacions
{
    background: white;
    color: black;
    border: solid 1px rgb(129, 129, 129);
    float: right;
    border-radius: 0;
    margin-left: 15px;
    margin-top: 4px;
    margin-bottom: 5px;
    font-size: 14px;
    width: 440px;
    max-width: 625px;
}

.cela_titol_factura
{
    border-bottom: 2px solid black;
}

.th_titol_i_notes
{
    float: left;
}

.div_pvd
{
    float: left;
    margin-top: -2px;
}

.cela_preu
{
    width: 150px;
}

/******************************* CATELEG *****************************/

.image_boto_cataleg
{
 /*   position: absolute;
    right: 2%;
    z-index: 5;
    bottom: 6%;
    box-shadow: none;
    margin: 0;
	font-size: 11px;
    background: #8b95c5;
    height: 25px;
    text-align: center;
    width: 110px;
    margin-top: 10px;
    border: 1px solid #8b89bc;
	padding: 5px;
*/

	position: absolute;
    right: -2px;
    z-index: 5;
    bottom: 27px;
    box-shadow: none;
    margin: 0;
	font-size: 11px;
    background: #ececec;
    height: 6%;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    border: 1px solid #8b89bc;
	padding: 4px 0px;
	color: black;
	display: table;
	border: 1px solid #6c6c6c;

}

.image_boto_cataleg:hover
{
    color: #ff9c00;
    cursor: pointer;
}

@media (max-width: 768px) and (orientation: portrait)
{
	.image_boto_cataleg {
		bottom: -55px !important;
		left: 1px !important;
		height: 30px !important;
		width: 97% !important; 
	}
}

.text_boto_cataleg
{
    /* position: absolute; */
    /* text-align: center; */
    /* width: 100%; */
    /* font-size: 15px; */
    /* font-weight: bold; */
    /* display: table-cell; */
    /* top: 21%; */
	color: #000000 !important;
/*	color: #FFFFFF !important;*/
}

#capa_cataleg
{
    width: 90%;
    height: 98%;
    z-index: 120;
    left: 5%;
    top: 5%;
    overflow: visible;
}

#cataleg_esquerra
{
    width: 18%;
    float: left;
    height: 100%;
}

#llista_cataleg
{
    width: 77%;
    height: 92%;
    overflow: auto;
}

#div_llista_cataleg
{
    margin: 0;
    width: 100%;
    height: 100%;
}

.logo_cataleg
{
    margin-top: 30px;
    margin-left: 30px;
    float: left;
}

#cerca_cataleg
{
    float: none;
    margin-top: 13%;
    margin-right: 0;
    margin-left: 7%;
    position: relative;
    height: 21%;
}

#descripcio_cerca_cataleg
{
    font-size: 12pt;

}

.input_cerca_cataleg
{
    float: none;
    position: absolute;
    top: 50%;
    height: 82%;
    width: 100%;
}

.input_cerca_cataleg #f_agulla
{
    border: 2px solid #6c6c6c;
    border-radius: 0;
    background-color: #f8f8f8;
    width: 66%;
    text-align:right;
    padding-right: 5px;
    height: 18%;
    margin-top: 0;
}

#img_cerca_cataleg
{
    position: relative;
    left: 2%;
    top: 52%;
    border-right: 2px solid #6c6c6c;
    background: #f8f8f8;
    z-index: 1;
    position: absolute;
    height: 16%;
}

#coleccio_cataleg
{
    margin-top: -10px;
}

.titol_cataleg
{
    margin: 2% 0 0 0;
    border-radius: 0;
    box-shadow: 2px 2px #6c6c6c;
    text-shadow: none;
    cursor: pointer;
    width: 43%;
    position: relative;
}

#categories_coleccio_cataleg
{
    display: none;
    background: -moz-linear-gradient(left,  rgba(134,149,154,1) 0%, rgba(143,161,165,1) 26%, rgba(187,197,198,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(134,149,154,1)), color-stop(26%,rgba(143,161,165,1)), color-stop(100%,rgba(187,197,198,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(134,149,154,1) 0%,rgba(143,161,165,1) 26%,rgba(187,197,198,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(134,149,154,1) 0%,rgba(143,161,165,1) 26%,rgba(187,197,198,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(134,149,154,1) 0%,rgba(143,161,165,1) 26%,rgba(187,197,198,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(134,149,154,1) 0%,rgba(143,161,165,1) 26%,rgba(187,197,198,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86959a', endColorstr='#00bbc5c6',GradientType=1 ); /* IE6-9 */
    max-height: 412px;
    overflow: hidden;
    position: relative;
}

#paginador_cataleg
{
    background: none;
    padding: 0;
    /* margin: 10px 10px 10px 100px; */
    width: 68%;
    font-size: 14px;
    background-color: #f8f8f8;
    border: 2px solid #747879;
    border-radius: 2px;
    left: 21%;
    position: absolute;
    bottom: 3px;
    height: 52%;
}

#paginador_cataleg .paginador_pagina, #paginador_cataleg .paginador_prev_next, #paginador_cataleg .paginador_tongada, #paginador_cataleg .paginador_first
{
    font-size: 16px;
}

#paginador_cataleg .paginador_pagina.actual
{
    font-size: 18px;
    color: #ff9c00;
}

.item_cataleg
{
    width: 21%;
    padding: 10px 7px;
    margin: 0;
    max-height: 76%;
    height: auto;
    max-width: none;
    margin-left: 0%;
}

.img_item_cataleg
{
    height: 100%;
}

.i_info
{
    color: white;
    font-size: 12pt;
    font-weight: bold;
    text-shadow: -1px 0  #666666, 0 1px #666666, 1px 0 #666666, 0 -1px #666666;
    cursor: pointer;
}

.descripcio_item_cataleg
{
    width: 111%;
    display: none;
    font-size: 12px;
}

.descripcio_item_cataleg .visible_element,.div_pvd .visible_element
{
    float: left;
    margin-left: 5px;
}

.preu_item_cataleg
{
    /* float: right; */
    padding: 2px;
    background-color: #f8f8f8;
    border: 2px solid #747879;
    border-radius: 2px;
    margin-top: 5px;
    width: 91%;
}
#form_distribuidor
{
    display: none;
    color: black;
    position: absolute;
    background-color: white;
    border-radius: 7px;
    padding: 10px;
    margin: auto;
    left: 400px;
    top: 44%;
    border: 2px solid #333333;
    z-index: 1;
    width: 46%;
    max-height: 62%;
    overflow: auto;
    left: 26%;
}

#form_distribuidor_maps
{
    display: none;
    color: black;
    position: absolute;
    background-color: white;
    border-radius: 7px;
    padding: 10px;
    margin: auto;
    left: 400px;
    top: 16%;
    z-index: 1;
    width: 83%;
    max-height: 67%;
    overflow: auto;
    left: 7%;
}
#form_distribuidor_maps.transicion_1 {
   display:block !important;
}
input[type="button"].mostra_preu_distribudidor, input[type="submit"].mostra_preu_distribudidor
{
    float: left;
    padding: 2px;
    font-size: 9pt;
    background: #D88C00;
}

.preu_item_cataleg_distribuidor
{
    margin-top: 2px;
    display: none;
}

.propietats_item_cataleg
{
    margin-top: 5px;
    border-top: 2px solid #747879;
    padding-top: 5px;
    text-align: left;
    font-size: 11px;
}

.nom_prop
{
    font-weight: bold;
}

/************************** MY CREATIONS ******************************/

#capa_flotant
{
    position: absolute;
    left: auto;
    top: auto;
    background: none;
    border: none;
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: 100%;
    z-index: 125;
}

#fosc
{
    z-index: 6;
    position:fixed;
}

#div_capa_botiga{
    margin-left: 6%;
    overflow: hidden;
    width: 88%;
    height: 84%;
    top: 34px;
    left: auto;
    padding: 1%;
    border-radius: 10px;
    margin-top: 3%;
    background: white;
    /*border: 2px solid #333333;*/
}

#div_capa_contacto{
    margin-left: 6%;
    overflow: hidden;
    width: 88%;
    height: 84%;
    top: 34px;
    left: auto;
    padding: 1%;
    border-radius: 10px;
    margin-top: 3%;
    background: white;
    border: 2px solid #333333;
}

#div_capa_creacions
{
    margin-left: 6%;
    overflow: hidden;
    width: 88%;
    height: 84%;
    top: 34px;
    left: auto;
    padding: 1%;
    border-radius: 10px;
    margin-top: 3%;
}

.titol_capa_creacions
{
    color: black;
    font-size: 37px;
    float: left;
    margin-top: 26px;
    margin-left: 40px;
}

.ratlla_titol_capa_creacions
{
    float: left;
    width: 43%;
    /* margin-top: 43px; */
    border-bottom: 3px solid black;
    /* margin-left: 10px; */
}

#llista_creacions
{
    overflow: auto;
    height: 77%;
    margin-top: 0;
}

.veure_producte
{
    width: 95%;
    min-height: 25%;
    /* max-height: 300px; */
    padding: 0;
    /* margin-top:55px; */
}

.veure_imatge
{
    float: left;
    background: none;
    border: none;
    border-radius: 0;
    width: 20%;
}

.veure_imatge:hover
{
    border: none;
}

.imatge_llista_mosaic
{
    margin-top: 0;
    width: auto;
    max-width: 190px;
    max-height: 137px;
}

.veure_descripcio
{
    font-size: 12px;
    color: #444446;
    width: 80%;
    float: right;
}

.propietats_veure_producte
{
    text-align: left;
    float: left;
    position: relative;
}

.data_creacio_veure_producte
{
    margin-top: 5px;
    /* border-top: 2px solid #444446; */
    padding-top: 5px;
    float: left;
    position: relative;
    margin-left: 4%;
}

.estat_veure_producte
{
    margin-top: 5px;
    /* border-top: 2px solid #444446; */
    padding-top: 5px;
    float: left;
    margin-left: 5%;
}

/*********************** DIALEGS JQUERY-UI ************************/

.ui-widget-header
{
    background: #f8f8f8;
    border-radius: 8px;
}

.ui-dialog-title
{
    color: #f8f8f8;
}

.ui-widget-content
{
    background: #f8f8f8;
    border: 2px solid #444446;
    color: black;
    z-index: 200;
}
.ui-dialog .ui-dialog-buttonpane
{
    border-color: #444446;
}

.ui-dialog-buttonset .ui-state-default, .ui-widget-content .ui-dialog-buttonset .ui-state-default, .ui-widget-header .ui-dialog-buttonset .ui-state-default
{
    color: black;
}

.ui-dialog-buttonset .ui-state-default:hover, .ui-widget-content .ui-dialog-buttonset .ui-state-default:hover, .ui-widget-header .ui-dialog-buttonset .ui-state-default:hover
{
    color: #df0808;
}

/*************************** MY ACCOUNT ******************************/


#fitxa_clients_gestio #parametres_fitxa_admin
{
    background: none;
    border: none;
    box-shadow: none;
    font-family: Acens;
    text-align: right;
    width: 826px;
}

#fitxa_clients_gestio .titol_fitxa
{
    font-family: Acens;
    font-size: 25pt;
}

#fitxa_clients_gestio .dades_client
{
    float: right;
    width: 400px;
}

#fitxa_clients_gestio input[type="text"],#fitxa_clients_gestio input[type="password"],#fitxa_clients_gestio  textarea
{
    width: 380px;
    font-size: 18px;
    background-color: #F8F8F8;
    border: 2px solid #727677;
    border-radius: 5px;
    padding: 8px;
    width: 380px;
}

#fitxa_clients_gestio p.input_text
{
    margin: 10px 0;
}

#fitxa_clients_gestio .color_clients
{
    color: black;
}


#fitxa_clients_gestio .boto_login
{
    background: rgb(48,67,73); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(48,67,73,1) 0%, rgba(177,178,180,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(48,67,73,1)), color-stop(100%,rgba(177,178,180,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(48,67,73,1) 0%,rgba(177,178,180,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(48,67,73,1) 0%,rgba(177,178,180,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(48,67,73,1) 0%,rgba(177,178,180,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(48,67,73,1) 0%,rgba(177,178,180,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#304349', endColorstr='#b1b2b4',GradientType=1 ); /* IE6-9 */
    font-weight: bold;
    border: 2px solid #727677;
    border-radius: 4px;
}

#fitxa_clients_gestio #login_return
{
    float: right;
    position: relative;
    top: 0;
    left: 0;
    background: #F8F8F8;
    color: black;
    margin-top: 10px;
}

.pass_client
{
    width: 250px;
    padding: 2px;
    min-height: 19px;
    margin-bottom: 12px;
}

#fitxa_clients_gestio .adreca_client
{
    float: left;
}

.adreca_facturacio
{
    color: black;
}

/*************************** Franjes ******************************/

.franja
{
    color:white;
    width: 31%;
    height: 24px;
    right: 11%;
}

#superior{
    position: absolute;
    top: .8%;
    z-index: 60;
}

#inferior{
    position: absolute;
    top:659px;
    background: transparent; /* Old browsers */
    font-size: 9pt;
    text-align: center;
    color:black;

}

.link_inferior{
    position: absolute;
    background: none;
    border: none;
    font-weight: bold;
    color:#ffffff;
    font-size: 12px;
    width: 180px;
    z-index:2;
    text-align:right;
    padding-right:10px;
    padding-bottom: 5px;
    right:0px;
    top: 4px;
}

#avis_cookies{
    right: 200px;

}

#tancar_cookie
{
    font-weight: bold;
}

#rechazar_cookie
{
    font-weight: bold;
}

.text_capa {
    margin-top: 5px;
    color: black;
}


#idioma2
{
    background: none;
    border: none;
    font-weight: bold;
    font-size: 12px;
    color: white;
    width: 123px;
    z-index:5;
    text-align:right;
    /*padding-right:10px;
    /padding-top:10px;*/
    position:absolute;
    opacity: 1;
    right: 238px;
    top: 6px;
    padding: 0px;
    margin:0px;
	display:none;
}

#llista_idiomes2
{
    padding: 3px;

    border-radius: 6px;
    border: 1px solid grey;
    background-color: rgb(202, 200, 201);
    opacity: 1;
    box-shadow: 4px 4px 9px 1px rgba(111, 99, 99, 0.62);
}

.text_capa_idioma {
    margin-top: 7px;
    float: left;
    margin-top: -1px;
    margin-left: 5px;
    text-align: center;
    font-size: 10pt;
    color: black;
}

#idioma2 > img{
}
.text_capa_idioma:hover {
    color: #df0808;
    cursor: pointer;
}

#link_guia, #link_acces, .text_boto_cataleg
{
    color:#000000;
}

/* Text legal i variants */

.titol_text_legal{
    position: absolute;
    top:115px;
    left:470px;
    color:black;
    font-family: serif;
    font-weight: bold;
    font-size: xx-large;
}

#descripcio_text_legal2{
    position: absolute;
    top:200px;
    left:180px;
    color:black;
    font-family: serif;
    width: 800px;
    height: 440px;
    display:block;
    overflow-y: scroll;
}

.text_legal_pla{
    font-family: serif;
    font-size: medium;
    padding: 22px;
}

.text_legal_titol{
    font-family: serif;
    font-weight: bold;
    font-size: large;
    position: relative;
    padding-left: 245px;

}

#titol_comunicacion_comercial{
    padding-left: 80px;
}

#seccio_1{
    padding-top:0px;
}

#descripcio_text_legal3{
    position: absolute;
    top:100px;
    left:240px;
    color:black;
    font-family: serif;
    width: 800px;
    height: 450px;
    display:block;
    overflow-y: scroll;
}

#legal_info{
    color: black;
    text-decoration:underline
}


#legal_return{
    background: #F8F8F8;
    color: black;
    font-weight: bold;
    border: 2px solid #727677;
    border-radius: 4px;
    position: absolute;
    top: 600px;
    left: 1075px;
}

/************ SCROLLBAR ***********************/

.ps-container .ps-scrollbar-y-rail
{
    opacity: 0.4;
}

/**************** ACCES PROFESSIONAL **************/

/*#acces_professional
{
    width: 123px;
    height: 57px;
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    left: -5px;
 /*   bottom: 0;*/
/*    background: linear-gradient(to top, #EA9D6E 8%,#ffffff 100%);
    border-radius: 7px;
	
}
*/
#acces_professional
{
	font-size: 11px;
	background: #8b95c5;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #8b89bc;
	position: absolute;
	color: white;
}

#acces_professional #link_acces
{ 
	color:white;
}

#acces_professional #link_acces:hover
{
    color: #df0808;
}

#acces_professional .acces_link
{
	top: 13px;
	font-size: 14px;
}

#acces_professional_menu{
	font-size: 11px;
	background: #8b95c5;
	height: 25px;
	text-align: center;
	width: 170px;
	margin-top: 10px;
	border: 1px solid #8b89bc;
}

#acces_professional_menu .acces_link
{ 
	width:100%;
	color:white;
}

#acces_professional_menu #link_acces
{
    color: white;
}

.produccion .boto_imatge:last-child{
	border-right: 0px;
}
.acces_link
{
    position: relative;
    width: 100px;
    margin: 0 auto;
    top: 6px;
    text-transform: uppercase;
}

#info_creditos
{

    padding: 3px;
}
#creditos{
    color: rgb(74,74,74) !important;
}

/*********************************/
/*** FLECHAS PARCHES PRODUCTES ***/
/*********************************/

.parche_flecha
{
    width: 25px;
    position: absolute;
    top: 60px;
    z-index: 10;
    cursor: pointer;
    display:none;
}

#parche_flecha_mas {right: 0}
#parche_flecha_menos {left: 0}


#propietat_1{
    position: absolute;
    left: 47%;
    top: 81%;
    height: 6%;
    width: 28%;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    border-radius: 6%;
}

#propietat_1 .valor_propietats{
    display: table-cell;
    vertical-align: middle;
    position: relative;
    width: 37px;
}

#propietat_1 .opcio_seleccionada{
    display: table-cell;
    font-size: 13px;
    font-weight: normal;
    display: none;
}

#propietat_1 .boto_muntador_text{
    font-weight: normal;
    width: 143px;
/*    left: 47%;*/
    position: absolute;
    top: auto !important;
    font-size: 11px;
    bottom: 20%;
	letter-spacing: initial;
}



#propietat_2{
    position: absolute;
    left: 80%;
    top: 81%;
    height: 6%;
    width: 9%;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    border: 1px solid #6c6c6c;
    border-radius: 6%;
    display: none;
}

#propietat_2 .valor_propietats{
    display: table-cell;
    vertical-align: middle;
}

#propietat_2 .opcio_seleccionada{
    display: table-cell;
    font-size: 13px;
    font-weight: normal;
}

#propietat_2 .boto_muntador_text{
    font-weight: normal;
    width: 85px;
}

.imatge_propietats {
    position: absolute;
    width: 100%;
    display: none;
    height: 100%;
}


#propietat_4{
    position: absolute;
    left: 80%;
    top: 81%;
    height: 6%;
    width: 9%;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    /* border: 1px solid #6c6c6c; */
    border-radius: 6%;
    display: none;
}

#propietat_4 .valor_propietats{
    display: table-cell;
    vertical-align: middle;
}

#propietat_4 .opcio_seleccionada{
    display: table-cell;
    font-size: 13px;
    font-weight: normal;
}

#propietat_4 .boto_muntador_text{
    font-weight: normal;
    width: 85px;
    display: none;
}

#propietat_5{
    position: absolute;
    left: 24.2%;
   /* top: 53%;*/
	top: 57.2%;
/*    height: 28.3%;*/
	height: 25.8%;
    width: 8%;
    margin: 0;
    padding: 0;
    background: none;
    box-shadow: none;
    border: 1px solid #cac7c7;
/*    border-radius: 6px;*/
    text-align: center;
/*    background-color: rgba(217, 217, 217, 0.5);*/
/*    overflow: hidden;*/
}

#propietat_5 .valor_propietats{
    display: none;
    vertical-align: middle;
}

#propietat_5 .opcio_seleccionada{
    display: table-cell;
    font-size: 13px;
    font-weight: normal;
}

#propietat_5 .boto_muntador_text{
    font-weight: normal;
/*    width: 100%;*/
    position: absolute;
    display: block;
 /*   top: 2%;*/
	top: -19px;
    font-size: 11px;
    text-align: initial;
/*    left: 6%;*/
    height: 8%;
    color: black;
    cursor: default;
	letter-spacing: initial;
/*    font-style: italic;*/
}

.imatge_propietats {
    position: absolute;
    width: 100%;
    display: none;
    height: 100%;
}

.talla{
    position: absolute;
    left: 0%;
    font-size: 20px;
    font-weight: normal;
    color: black;
    border: 1px solid #6c6c6c;
    width: auto;
    height: 36%;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 20px;
    z-index: 5;
    cursor: pointer;
    background: white;
}

#talla{
    position: absolute;
    height: 15%;
    width: auto;
    left: 82%;
    bottom: 0;
}

#talla_1{
    top: 1.2%;

}

#talla_2{ top: 39%;

}

.flecha_talla{
    width: 0px;
    height: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2f2f2f;
    position: absolute;
    right: 6%;
    top: 43%;
}

#anillos_genero{
    width: 26.6%;
	/*height: 15%;*/
    height: 14%;
    position: absolute;
    border: 1.2px solid rgb(202, 199, 199);
/*    top: 61%;*/
	top: 67%;
    right: 4%;
/*    border-radius: 6px;*/
    z-index: 6;
/*    background-color: rgba(217, 217, 217, 0.5);*/
}
#anillos_genero input{
    width: 93%;

    height: 57%;

/*    margin-top: 10%;*/
}
#anillo_genero_1{
    left: 0%;

}

#anillo_genero_2{

}

.anillo_genero{
    position: relative;
    height: 33%;
    width: 33%;
    top: 45%;
    float: left;
}

.anillos_genero_img{
    position: absolute;
    max-height: 100%;
    bottom: 9%;
    left: 36%;
}

#anillos_genero_titulo{
    position: absolute;
    height: 33%;
    width: 100%;
/*    top: 5%;
    left: 6%;*/
	top: -21%;
    font-size: 11px;
    color: black;
 /*   font-style: italic;*/
}

@media (max-width: 768px) and (orientation: portrait){
	#anillos_genero_titulo{
	    top: 5%;
		left: 6%;
	}
}
#boto_autoajuda{
    display:none;
}
#cataleg_sugerencies{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 18%;
    box-shadow: 6px 7px 13px 1px rgba(0,0,0,0.62);
    z-index: 100;
    background: -webkit-linear-gradient(bottom, rgb(210, 210, 210), rgb(235,235,235), rgb(235,235,235), rgb(210, 210, 210)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, rgb(210, 210, 210), rgb(235,235,235), rgb(235,235,235), rgb(210, 210, 210)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, rgb(210, 210, 210), rgb(235,235,235), rgb(235,235,235), rgb(210, 210, 210)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgb(210, 210, 210), rgb(235,235,235), rgb(235,235,235), rgb(210, 210, 210));
}

.sugerencies_amagades{
    top:-18% !important;
}

#div_llista_cataleg_sugerencies{
    top: 0;
    left: 10%;
    width: 80%;
    height: 100%;

    position: absolute;
    overflow: hidden;
}

#llista_cataleg_sugerencies{
    top: 0;
    left: 0%;
    height: 100%;
    position: absolute;
}

#cataleg_sugerencies_boto{
    top: 96.5%;

    height: 32%;
    position: absolute;
    width: 20%;
    left: 37%;
    font-size: 77%; font-weight: bold;
    /* border-bottom-left-radius: 5px; */
    /* border-bottom-right-radius: 5px; */
    /* -webkit-box-shadow: 6px 7px 13px 1px rgba(0,0,0,0.62); */ -moz-box-shadow: 6px 7px 13px 1px rgba(0,0,0,0.62);
    /* box-shadow: 6px 7px 9px 1px rgba(0,0,0,0.62); */ cursor: pointer; z-index: 5;
    background: none;
    /* overflow: hidden; */
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    color: black;
    text-align: center;
    display: table;
}
#cataleg_sugerencies_boto_text{
    left: 26%;
    width: 70%;
    height: 35%;
    top: 9%; text-align: center; color: white;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#cataleg_sugerencies_boto_background{
    position: absolute;

    max-height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    /* height: 100%; */
    width: 100%;
}

.sugerencies_amagades #cataleg_sugerencies_boto_arrow{
    -ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);
    left: 4%;
}

#cataleg_sugerencies_boto_arrow{
    position: absolute; max-width: 80%; max-height: 100%;
    top: 5%;
    -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
    left: -51%;
}

.cataleg_sugerencia{
    position: relative;
    height: 100%;
    float: left;
    cursor:pointer;
}
.cataleg_sugerencia_img{
    height: 100%;
}

.transicion
{
    -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
    -o-transition:all 0.3s ease-out;  /* Opera */
    -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
    transition:all 0.3s ease-out;  /* W3C */
    width: 100%;
    left: 0%;
    height: 92%;
}

.transicion_1
{
    -webkit-transition:all 1s ease-out;  /* Chrome y Safari */
    -o-transition:all 1s ease-out;  /* Opera */
    -moz-transition:all 1s ease-out;  /* Mozilla Firefox */
    -ms-transition:all 1s ease-out;   /* Internet Explorer */
    transition:all 1s ease-out;  /* W3C */
}

#cataleg_sugerencia_arrow_der{
    position: absolute; width: 2%;
    left: 88%;
    top: 38%;
    cursor: pointer;
}

#cataleg_sugerencia_arrow_izq{
    position: absolute;
    width: 2%;
    left: 5%;
    top: 38%;
    cursor: pointer;
}

.radio_kilatajes{
    position: relative;
    float: left;
    margin:0;
}

.not_affecting_padding{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}

.selected_enumeracio{
/*    box-shadow: 0px 0px 0px 2px rgb(255, 168, 63) !important;*/
	box-shadow: 0px 0px 0px 1px #df0808 !important;											
}


#selected_ring{
    position: absolute;

    width: 26%;
    top: 69%;
    left: 36%;
    height: 5%;
    z-index: 6;
}
#selected_ring img{
    height: 65%;

    position: absolute;
    top: 0;
    width: auto;
}


.selected_ring_arrow_posicion_1 {
    -ms-transform: rotate(125deg); /* IE 9 */
    -webkit-transform: rotate(130deg); /* Chrome, Safari, Opera */
    transform: rotate(130deg);

    left: 9%;
}
.selected_ring_arrow_posicion_2{
    -ms-transform: rotate(55deg); /* IE 9 */
    -webkit-transform: rotate(55deg); /* Chrome, Safari, Opera */
    transform: rotate(55deg);

    right: 0%;
}

.anillos_genero_close,#anillos_genero_crear{
    left: 17%;
    position: absolute;
    bottom: -62%;
    cursor: pointer;
    font-size: 12px;
    height: 49%;
    padding-top: 3%;
    width: 65%;
    text-align: center;
    border: 1px solid #C2C2C2;
    background: #f5f5f5;
/*    border-radius: 4px;*/
}

.anillos_genero_close:hover,#anillos_genero_crear:hover{
    color:#ff9c00;
}

#catego_8 .categoria_arrow_down_container{
    display:none;
}
.categoria_arrow_down_container{
    width:100%;
    text-align:center;
    height: 11px;
    position: absolute;
    bottom: 0%;
/*    background: rgb(217, 217, 217);*/
    z-index: 2;
    cursor: pointer;
}

.categoria_arrow_down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #2f2f2f;
    position: absolute;
    bottom: 1%;
    z-index: 4;
    cursor: pointer;
}
.categoria_arrow_up_container{
    width:100%;
    text-align:center;
    height: 10px;
    position: relative;
    z-index: 2;
/*    background: rgb(217, 217, 217);*/
    cursor: pointer;
	top: -12px;
}

@media (max-width: 768px) and (orientation: portrait){
	.categoria_arrow_up_container{
		top: 0;
	}
}

.categoria_arrow_up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #2f2f2f;
    position: absolute;
    z-index: 4;
    cursor: pointer;
    top: 0;
}
/*
#botons_propietats .categoria_arrow_up {
	top: 15px;
}
#botons_propietats .categoria_arrow_down {
	bottom: -120%;
}
*/

#catego_7 .categoria_arrow_down , #catego_7 .categoria_arrow_up {
    left: 46%;
}

#catego_5 .categoria_arrow_down , #catego_5 .categoria_arrow_up {
    left: 44%;
}

#catego_6 .categoria_arrow_down, #catego_6 .categoria_arrow_up {
    left: 40%;
}

#catego_11 .categoria_arrow_down, #catego_11 .categoria_arrow_up {
    left: 46%;
}

#catego_3 .categoria_arrow_down, #catego_3 .categoria_arrow_up {
    left: 44%;
}

#catego_8 .categoria_arrow_down , #catego_8 .categoria_arrow_up {
    left: 47%;
}

.cursor_wait{
    cursor:wait!important;
}

.current_categories_content{
    z-index: 3 !important;
}

#propietats_2 .propietat_selected, #propietats_5 .propietat_selected{
/*    box-shadow: 0px 0px 0px 2px rgb(255, 168, 63) !important;*/
	box-shadow: 0px 0px 0px 1px #df0808 !important;											
/*    border-radius: 6px;*/
}

#propietats_5
{
    padding: 2px;
}

.boto_seleccionat .text_cat_principal{
    font-weight: bold;
}

#facebook_link img,
#pinterest_link img,
#instagram_link img {
    width: 100%;

}

.talla_button_deshabilitado{
    opacity:.3 !important;
    pointer-events: none !important;
}

.no_clicable div{
    pointer-events: none !important;
}

.no_clicable{
    cursor:wait !important;
}

.current_categories_content .capa_colors{
    opacity:1;
    pointer-events: all;
}
.capa_colors{
    margin:2%;
    display: none;
    opacity:0;
    pointer-events: none;
}

#new{
    margin-bottom: 11%;
    margin-top: 29%;
}

#boto_tornar2
{
    top: 7%;
    right: 5%;
}

#buscador_anillo_by_ref{
    position: absolute;

    top: 22%;
    height: 5%;
    width: 22%;
    left: 4%;
    z-index: 1;
}
#buscador_anillo_by_ref_button{
    position: absolute;
    height: 51%;
    width: 31%;
    left: 59%;
    top: 19%;
    text-align: center;
    padding-top: 2%;
    border: 1px solid #D2D2D2; background: #f5f5f5;
/*    border-radius: 4px;*/
    cursor: pointer;
}

#buscador_anillo_by_ref_button:hover{
    color:#ff9c00;
}

#buscador_anillo_by_ref_text{
    position: absolute;
    height: 59%;
    width: 50%;
    left: 2%;
    top: 18%;
    background: white;
    padding-left:5%;
	border: 1px solid black;
	border-radius: 0;						 				  
}

.anillo_genero_text{
    position: absolute;
    top: -62%;
    left: 17%;
    font-size: 11px;
/*	font-size: 12px;*/
    width: 70%;
    text-align: center;
}

.anillo_genero_text span{
    text-transform: uppercase;
}

#map-canvas{
    top: 16%;
    width: 39%;
    position: absolute;
    height: 62%;
    right: 5%;
    border-radius: 7px;
    border: 2px solid #333333;
}

.imatge_cataleg img {
    max-width: 46%;
    max-height: 10%;
}

#div_paginador_cataleg {
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 8%;
}

#valor_import_1,#valor_import_2{
    font-size: 148%;
}

#import_1 > div.div_import > span:nth-child(3),#import_2 > div.div_import > span:nth-child(3){
    font-size: 148%;
}

#filtres_categories{
    height: 70%;
    position: relative;
}

#filtres_categories>div{
    height: 9%;
    margin: 0;
}

#loading{
    z-index: 10000000;
    position: fixed;
}

#loading,#loading_background{
    width:100%;
    height:100%;
    left:0;
    top:0;
    background: white;
}

#loading_gif{
    position:absolute;
    top: 45%;
    height: 5%;
    left: 45%;
}

.parella_order_input{
    text-align:end;
    width: 50px;
}

#div_capa_creacions .logo_cataleg img {
    width: 50%;
}

/* cambios mAs colecciones */

/* produccion con mAs colecciones */

body.gestio.produccion {
    height: 100vh;
    width: 1280px;
}
.produccion #logo_client {
    top: 15px;    
}
.produccion #div_categoria_principal {
    width: 100%;
    height: 16vh;
    top: 0 !important;
    left: 0 !important;    
}
.produccion #categoria_principal {    
    display: inline-block;
    width: auto !important;
    overflow: hidden !important;
    position: relative;
    z-index: 4;
    top: 37% !important;    
    height: 18vh;
    left: 43px !important;
    text-align: left !important;
}
.produccion #facebook_link, .produccion #pinterest_link, .produccion #instagram_link {
    position: fixed !important;
    left: 11%;
    cursor: pointer !important;
    bottom: 0%;
    width: 3% !important;
    height: 8% !important;
	display: none;
}
.produccion #pinterest_link {
   left: 15%;
   display:none;
}

.produccion .boto_imatge {
   text-align: center !important;
    max-width: 14vh !important;
    max-height: 137px;
    height: auto;
    /* margin: 5px 10px; */
   /* margin: 5px 2px !important;*/
    float: left;
    width: 11vh;
    /*width: 10vh;*/
    overflow: hidden;
	border-right: #cac7c7 1px solid;
}
.resolucion.produccion {
   position: absolute;
    top: 115px;
    left: 17px;
}

.produccion #categories_content_der {
   /*display: none !important;*/
}
.opcio_propietat_imatge{
	height: 12px;
	float: left;
	width: 40%;
}
   
.opcio_propietat_imatge img{
	width: 90%;
}

#titulo_coleccion {
	position: relative;
	left: 4%;
	top: 40px;
	font-size: 12px;
	width: 15%;
}
#titulo_color{
	background-color:#c6c5c5;
	border-radius: none;
	padding: 2px;
	font-size: 10px;
	display: inline-block;
}

#genero_creacion{
	height: 7px;
	vertical-align: middle;
	display: table-cell;
	width: 26%;
}

#creacion_texto{
	font-size: 9px;
	display: table-cell;
}

#pasos_pie_pagina{
	position:absolute;
	bottom:0px;
	left:5%;
	font-size:9px;
}

#pasos_pie_pagina  #titulo_color{
	font-size: 9px;
}

#paso_tallas{
	position: absolute;
	height: 15%;
	width: auto;
	left: 77.5%;
	bottom: 15px;
	font-size: 11px;
	letter-spacing: initial;
}

#paso_tallas #titulo_color{
	margin-right: 13px;
}

#border_abalori{
	height: 100%;
	display: block;
	width: 31%;
	position: absolute;
	border-right: 1px solid #666;
	margin: 0px 3px;
}

@media (min-width:1280px) {
   .produccion .boto_imatge img {
         width: 75%;
   }
}

@media (max-height:600px) {
   .produccion #capa_colors_8 .pedreria_sin_imagen {
    position: absolute;
    width: 96% !important;
    height: 21% !important;
    bottom: -15% !important;
    right: 2.4% !important;
   }
   .produccion .boto_imatge IMG {
    min-width: 50px;
    max-width: 211px;
    width: 89%;
    height: auto;
   }
   .produccion .boto_imatge {
    max-height: 60px;
   }
   .produccion .text_cat_principal {    
    font-size: 60%;
    margin-top: -10px !important;
   }
   .produccion #categoria_principal {
      top:25% !important;
      height: 10vh !important;      
   }
   .produccion #propietat_1 .boto_muntador_text {
      bottom: 17px;
   }
   .produccion #propietats_1 {
      top: 81.5%;
      height: 4%;
   }
   .produccion #propietats_1 .opcio_propietat {
    font-size: 13px;
    top: -13px;
    width: 43%;
   }
   .produccion .boto_imatge {
      height: 60px;
   }
}
@media (max-width:768px) {
   body.gestio.produccion {
      height: 100vh;
      width: 100vw;
   }
}
@media (min-width: 1280px) {
   .produccion #categoria_principal {
      height: 13vh;
   }
}

.produccion.response #tipografies_eina_text span {
   display:block !important;
}
/* fin cambios mAs colecciones */

/** body.gestio.produccion.response  **/

.gestio.produccion.response #col_sel,
.produccio.produccion.response #col_sel {
   display: none;
}
#cataleg_sugerencies {
   display:none;
}
@media (max-width:768px) and (orientation:portrait) {
   
   body.gestio.produccion.response {
      overflow: auto;
   }
   body.response {
      background-attachment: scroll !important;
     
      margin: 0 auto !important;
 /*     background-color: #e1e1e1 !important;*/
   }
   .produccion.response #col_sel {
      display: block;
   }
   
   .produccion.response #superior.franja {
     width: calc(100vw - 30px);
     margin: 0 auto;
     right: 0;
     left: 15px;
     top: 100px;
   }
   .produccion.response #superior {
      z-index: 3;
   }
   .produccion.response #logo_client {
    top: 20px !important;
    width: 300px;
    text-align: center;
    margin:0 auto;
    left:0;
    right:0;
   }
   .produccion.response #logo_client img{
      width:80%;
      height: auto;
      max-height: unset;
   }
   .produccion.response #gestio {
      width: calc(100vw - 30px);
      top: 120px;
   }
   .produccion.response #cataleg_sugerencies {
      display:none;
   }
   .produccion.response #div_categoria_principal{
      z-index: 99;
      height: auto !important;
      min-height: 9vw;
      background: url(../imatges/menu.png) no-repeat no-repeat left top;  
      background-size: 9vw;
      /*text-align:center;*/
      /*padding-left: 25px;*/
      line-height: 9vw;
      font-weight: bold;
      display:inline-block;
     width: 50%;
     /* width: auto !important;      */
   }
   
   .produccion.response #div_categoria_principal:before {
    /*  content:'MENU';*/
      color: transparent;
      opacity:0;
   }
   .produccion.response #col_sel {
      padding-left: 40px;
   }
   .produccion.response #categoria_principal {
/*      background: url(../imatges/bg.jpg) no-repeat no-repeat center center;
     background-size: cover;*/
	 background: white;
     margin-left: 0 !important;
     /*width: calc(100% - 67px) !important;*/
     width: calc(100vw - 67px) !important;
     padding: 15px;
     height: auto !important;
     display: none;
     left: 9vw !important;
     top: -8vw !important;
     position:relative;     
     border-radius: 15px;     
   }
   
   .produccion.response.contingut {
      height: 100%;
   }
   .produccion.response .boto_imatge {
      /*width: 31% !important;*/
      width: 28% !important;
      max-width: unset !important;
      height: auto !important;
      max-height: unset !important;
      min-height: 130px !important;
   }
   .produccion.response .text_cat_principal  {
      font-size: 15px;
      line-height: 15px;      
   }
   .produccion.response #buscador_anillo_by_ref {
      top: 14px;
      left: unset;
      right: 25px;
   }
   .produccion.response #buscador_anillo_by_ref_button {
      width: auto;
      padding: 2px;
      font-size: 15px !important;
   }
   .produccion.response #buscador_anillo_by_ref_button span {
      font-size: 15px !important;
   }
   .produccion.response #buscador_anillo_by_ref_text {
     height: 59%;
     width: 21vw;
     left: -57%;
   }
   .produccion.response #categories_content_izq,
   .produccion.response   #categories_content_der {
      width: 100%;
      left: 0;
      /*top: 9%;*/
   }
   .produccion.response .current_categories_content {
     /* z-index: 2 !important;*/
   }
   .produccion.response #canvas {
     width: 69%;
     top: 7%;
     left: 35%;
     height: 35%;
   }
   .produccion.response #botons_propietats {
      /*z-index: 2 !important;*/
      height: 100%;
   }
   .produccion.response .categories_content {
      z-index: 9;
   }
   .produccion.response .transicion.capa_color ul {
      top:0;
   }
   .produccion.response .catego_titulo {
      height: 30px;
      line-height: 30px;
      margin-bottom: 2px;
	  top: 3px;
   }
   .produccion.response .transicion {
       -webkit-transition:all 0;  /* Chrome y Safari */
       -o-transition: all 0;  /* Opera */
       -moz-transition: all 0;  /* Mozilla Firefox */
       -ms-transition: all 0;   /* Internet Explorer */
       transition: all 0;  /* W3C */
   }
   .produccion.response .boto_muntador_text.cerrado:after,
   .produccion.response .catego_titulo.cerrado:after {
      float: right;
      font-family: "FontAwesome";
      content:'\f107';
      font-style:normal;
      position: absolute;
      top: 0;
      right: 0;
   }
   .produccion.response .boto_muntador_text.abierto:after,
   .produccion.response .catego_titulo.abierto:after {
      float: right;
      font-family: "FontAwesome";
      content:'\f106';
      font-style:normal;
      position: absolute;
      right: 0;
      top: 0;
      
   }
   .produccion.response #botons_propietats {
      z-index: auto;
   }
   .produccion.response #col_sel {
      font-size: 15px !important;
   }
}
/* categoria 11 : modelos */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #categories_content_izq #catego_11,
   .produccion.response #categories_content_der #catego_11 {
      background-color: rgba(217, 217, 217, 1);
      left: 0;
      top: -28%;
      width: 36%;
      height: 30px;
      z-index: 99;
   }
   .produccion.response #categories_content_izq #capa_colors_11 .boto_color,
   .produccion.response #categories_content_der #capa_colors_11 .boto_color   {
      max-height: 95%;
   }
   .produccion.response #categories_content_izq #catego_11 .transicion.capa_colors,
   .produccion.response #categories_content_der #catego_11 .transicion.capa_colors {
      display:none;
   }
   .produccion.response #capa_colors_11 {
      overflow-y: auto !important;
      overflow-x: hidden;
   }
   .produccion.response #catego_11 .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
   }
}
/* fin categoria 11  */

/* categoria 3 : color */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #catego_3{
      background-color: white;
      position: absolute;
      left: 0;
      top: -17%;
      width: 36%;
      height: 30px;
      z-index: 89;
   }
   .produccion.response #capa_colors_3 {
      overflow-y: auto !important;
      overflow-x: hidden;
   }
   .produccion.response #catego_3 .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
   }
}
/* fin categoria 3  */

/* categoria 5 : ancho */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #catego_5{
      background-color: white;
      position: absolute;
      left: 0;
      top: -6%;
      width: 36%;
      height: 30px;
      z-index: 79;
   }
   .produccion.response #capa_colors_5 {
      overflow-y: auto !important;
      overflow-x: hidden;
   }
   .produccion.response #catego_5 .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
   }
}
/* fin categoria 5  */


/* propietat 5 : interior */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #propietat_5{
      position: absolute;
      left: 0;
      top: 36.5%;
      width: 36%;
      height: 30px;
      /*z-index: 69;*/
      background: white;
      z-index: 9;
   }
   .produccion.response #propietat_5 .boto_muntador_text {
      top:23%;
   }
   .produccion.response #propietat_5 .boto_muntador_text:after,
   .produccion.response #propietat_5 .boto_muntador_text.cerrado:after {
      float: right;
      font-family: "FontAwesome";
      content:'\f107';
      font-style:normal;
   }
   .produccion.response #propietat_5 .boto_muntador_text.abierto:after {
      float: right;
      font-family: "FontAwesome";
      content:'\f106';
      font-style:normal;
   }
   .produccion.response #propiedades_container_5 {
      top: 42%;
      left: 4%;
      width: 28%;
      display: none;
      height: 70%;
      overflow-x: auto;
      overflow-y: hidden;
   }
   .produccion.response #propietats_5 .opcio_propietat {
      padding-top: 5px;
      margin-bottom: 5px;
   }
}
/* fin propietat 5  */


/* categoria 6 : acabado */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #catego_6{
      background-color: white;
      position: absolute;
      left: 0;
      top: 5%;
      width: 36%;
      height: 30px;
      z-index: 59;      
   }
   .produccion.response #capa_colors_6 {
      overflow-y: auto !important;
      overflow-x: hidden;
   }
   .produccion.response #catego_6 .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
   }
}
/* fin categoria 6  */

/* categoria 8 : diamantes */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #catego_8{
     position: absolute;
     right: -2%;
     top: 29%;
     width: 62%;
     /*height: 170px !important;*/
     height: 30px;
     z-index: 49;
   }
   .produccion.response #capa_colors_8 .boto_color img {
      position: relative;
   }
   .produccion.response #capa_colors_8 li.pedreria_sin_imagen {
      bottom: -68% !important;
      left: 0 !important;
   }
   .produccion.response .catego_titulo span {
      display: block;
   }
   
   .produccion.response #propietats_4_fake,
   .produccion.response #propiedades_4   {
      display:none;
      right: unset;
      left: 4px;
      width: 40%;
      z-index:10;
   }
   .produccion.response #propietats_4 .opcio_propietat, 
   .produccion.response #propietats_4_fake .opcio_propietat {
      height: 50%;
   }
   .produccion.response #propietats_4_fake .opcio_propietat {    
    /* left: -2px !important; 
     top: 13px !important;*/
   }
   .produccion.response #catego_titulo_8.cerrado:after {
      float: right;
    position: absolute;
    top: 0;
    right: 0;
    font-family: "FontAwesome";
    content: '\f107';
    font-style: normal;
   }
   .produccion.response #catego_titulo_8.abierto:after {
      float: right;
    position: absolute;
    top: 0;
    right: 0;
    font-family: "FontAwesome";
    content: '\f106';
    font-style: normal;
   }
   .produccion.response #capa_colors_8 {
      top: 0;
      left: 0;
   }
   .produccion.response #catego_8 .categoria_arrow_up_container,
   .produccion.response #catego_8 .categoria_arrow_down_container   {
      display: none !important;
   }
   .produccion.response #capa_colors_8 .boto_color img {
      left: 5%;
      height: 70%;
   }
   .produccion.response #propietats_4 {
 /*     right: -3%;
      width: 28%;*/	  
	right: -2%;
	width: 26.7%;
	left: unset;
   }
   .produccion.response #propietats_4_fake {
      right: -2%;
      width: 26.7%;
      left: unset;
   }
}

/* fin categoria 8  */
/* anillos_genero */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #anillos_genero  {      
      width: 36%;
      left: 0%;
      /*antic top: 43%;*/
      top: 51%;
      /*antic height: calc(15% + 4px);*/
      height: calc(13% + 4px);
   }
   .produccion.response .anillos_genero_close,
   .produccion.response #anillos_genero_crear {
      width: 90%;
      left: 2%;
      font-size: 7px;
      line-height: 17px;
   }
   .produccion.response .anillo_genero_text {
      font-size: 7px;
      top: -12px;
   }
   .produccion.response #anillo_genero_0 .anillos_genero_img {
      max-height: 82%;
      bottom: -2px;
      left: 51%;
   }
   .produccion.response #anillo_genero_1 .anillos_genero_img {
      max-height: 72%;
      bottom: 12%;
      left: 53%;
   }
   .produccion.response #anillo_genero_2 .anillos_genero_img {
      max-height: 72%;
      bottom: -7%;
      left: 46%;
   }
   .produccion.response #anillos_genero input {
      margin-top: 25%;
   }
   .produccion.response .selected_ring_arrow_posicion_1 {
      left: 24%;
   }
   .produccion.response .selected_ring_arrow_posicion_2 {
      right: -120%;
   }
}

/* fin anillos_genero */

/* kilates */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #propietats_1 {
    /* antic  
      font-size: 15px;
      width: 58%;
      height: 4%;
      left: unset;
      right: 0%;
      top: 54%;   
      */
      font-size: 15px;
    width: 53%;
    height: 4%;
    left: 0;
    right: unset;
    top: 46%;
   }
   .produccion.response #propietat_1 {
     /* antic left: unset;*/
     left: -17%;
     /*antic right: 48%;*/
     right: unset;
     margin-top: 1px;
     /* antic top: 52%;*/
     top: 44%;
   }
   .produccion.response #propietats_1 .opcio_propietat {
      font-size: 13px;
      width: 37%;
      margin-right: -3px;
   }
   .produccion.response  #propietat_1 .boto_muntador_text {
      font-size: 13px;
      font-style: italic;
      left: 44%;
   }
   #propietats_1 input {
      top: 8px;
   }
}
/*fin kilates */

/* inicio grabado  */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #boto_eina_text_10 {
     left: 39% !important;
     bottom: 49% !important;
     font-style: italic;   
   }
   .produccion.response #eina_text {
     top: 51% !important;
     left: 39.5% !important;
     width: 64% !important;
     display: block !important;
     height: 12%;
   }
   .produccion.response #boto_eina_text_10 span {
      font-size: 13px !important;
   }
   .produccion.response #accions_eina_text {
   
      top:0 !important;
      left:0 !important;
   
   }
   .produccion.response #tipografies_eina_text {
      width: calc(104% - 10px);
      height: 77%;     
      padding-left: 10px;
   }
   
   .produccion.response #text_eina_text {    
    top: 88%;
    left: 0;    
    width: 68%;
   }
   .produccion.response #input_text_eina_text {
      color: #000;
      background-color: #FFF;
      font-size: 15px;
      border: solid 1px #df0808;
   }
   .produccion.response #max_eina_text {
      top: 96%;
      right: -5%;
      text-align: right;
      left: unset;
      width:32%;
   }
}   
/* fin grabado  */
/* tallas */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #propietats_2,
   .produccion.response #propietats_2 .opcio_propietat {
      font-size: 13px !important;
   }
   .produccion.response #talla {
    left: unset;
    right: 13%;
    /* antic bottom: 16%;*/
    bottom: 12%;
   }
   .produccion.response #talla_1 {
    /* antic height: 47.5%;*/
    height: 50%;
    top: -49%;
   }
   .produccion.response #talla_2 {
     height: 50.5%;
    /* antic top: -2%; */
    top: 5%;
   }
   .produccion.response #valor_import_1, 
   .produccion.response #valor_import_1 + span.already_sized,
   .produccion.response #valor_import_2 + span.already_sized,
   .produccion.response #valor_import_2 {
      font-size: 9px !important;
   }
   .text_import {
         font-size: 10px;
   }
   .produccion.response #flecha_interior_down {
      display:none !important;
   }
   .produccion.response #propietats_2 {    
      top: 42.3%;
   }
}
/* fin tallas */

/* precios */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response .text_preu_peu#import_1 {
     /*antic  bottom: 31%; */
     bottom: 27%;
    left: 0;
    height: 7%;
    width: 86%;
    z-index:0;
   }
   .produccion.response .text_preu_peu#import_2 {
    /*antic    bottom: 24%;*/    
    bottom: 19%;
    left: 0;
     height: 7%;
    width: 86%;
    z-index:0;
   }
   .produccion.response .text_preu_peu {
      font-size: 8px;
   }
   .produccion.response .div_nom_abalori {
      width: 80%;
      height: 89%;
      top: 5%;
   }
   .props_abalori {
    width: 68%;
    left: 30%;
    top: 10%;
    font-size: 10px;
   }
   .nom_abalori {
      font-size: 10px;
      top: 10%;
   }
}

/* fin precios */ 

/* botons_usuari */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #botons_usuari {
      top: unset;
      bottom: 10.7%;
      left: 14%;
      width: 88%;
      height: auto;
      z-index: 2;
   }
   .produccion.response #facebook_link {
    position: absolute !important;
    bottom: -210% !important;
    left: -94vw !important;
    top: unset !important;
    width: 40px !important;
   }
   .produccion.response #instagram_link {
    position: absolute !important;
    bottom: -234% !important;
    left: -94vw !important;
    top: unset !important;
    width: 40px !important;
   }
   .produccion.response #botons_usuari .boto_muntador,
   .produccion.response .guia_mides   {
      width: 21%;
     margin: 0 2% 0 0;
     float: left;
     padding: 0 1%;
     font-size: 9px;
     min-height: 39px;
	 bottom:0;
   }
   
   .guia_mides   {
	 border: 1px solid #919191;
   }
}

/* fin botons_usuari */

/* menu y usuario */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #user-logout {
      height: 200px;
   }
   .produccion.response #user {
      position: absolute;
      top:-44%;
      width: 1px;
   }
   .produccion.response #logout_clients,
   .produccion.response #text_user {
      padding: 8px 0;
      font-size: 10px;
      color: #000;
   }
   .produccion.response #logout_clients a {
      color: #000;
   }
   .produccion.response #compte {
      right: 120px;
   }
}

/* fin menu y usuario */

/* registro */

@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #parametres_fitxa_admin {
      width: 100%;
      margin-top: 130px;
      position: relative;
      padding: 0;
   }
   .produccion.response .dades_client {
      width: 100%;
   }
   .produccion.response #dades_registre input[type="text"], 
   .produccion.response #dades_registre input[type="password"], 
   .produccion.response #dades_registre textarea, 
   .produccion.response #descripcio_regenerar_clau #mail {
      width: calc(100vw - 36px);
   }
   .produccion.response .titol_fitxa {
     font-size: 20px;
     text-align: center;
     text-transform: uppercase;
     font-weight: bold;
   }
}

/* fin registro */

/* mi cuenta */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #fitxa_clients_gestio #parametres_fitxa_admin {
      width: 100%;
      margin-top: 0;
   }
   .produccion.response #fitxa_clients_gestio p.input_text,
   .produccion.response #fitxa_clients_gestio .dades_client   {
      width: 100%;
      float: none;
   }
   .produccion.response #fitxa_clients_gestio input[type="text"], 
   .produccion.response #fitxa_clients_gestio input[type="password"],
   .produccion.response #fitxa_clients_gestio textarea   {
      width:calc(100% - 20px);
      float: none;
   }
}
/* fin mi cuenta */

/* busqueda de tiendas */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #form_distribuidor_maps {
      width: 100%;
   }
   .produccion.response #form_distribuidor_maps {
    position: relative;
    left: 0 !important;
    width: 94%;
    max-height: 67%;
    top: 2%;
    margin: 0;
   }
   .produccion.response #boto_tornar2 {
      z-index: 5;
   }
   .produccion.response #map-canvas {
      position: relative;
      top: 0;
      left:0;
      width: 100%;
   }
   .produccion.response #capa_flotant {
      top: 120px;
   }
   .produccion.response #map-canvas {
      display: none;
   }
   .produccion.response #postcode {
      display:none;
   }
   .produccion.response #pais,
   .produccion.response #provincia,
   .produccion.response #localitat {
      width:70%;
      display: block;
      font-size: 18px;
      padding: 5px 3px;
      margin-bottom: 5px;
   }
   
}
/* fin busqueda de tiendas */

/* guardar pedido */
@media (max-width:768px) and (orientation:portrait) {

   .produccion.response #div_capa_creacions   {
      overflow:auto !important;
   }
   .produccion.response table.taula_comanda,
   .produccion.response table.taula_comanda tbody,
   .produccion.response table.taula_comanda tbody tr,
   .produccion.response table.taula_comanda tbody tr td   {
     /* display: block;      */
   }
   .produccion.response #taula_productes {
      /*display:block; */
      width: 100%;
   }
   .produccion.response table.titol_i_notes {
      display:block;
      width: 75vw;
   }
   .produccion.response table.titol_i_notes tbody,
   .produccion.response table.titol_i_notes tbody tr,
   .produccion.response table.titol_i_notes tbody th,
   .produccion.response table.titol_i_notes tbody th  span  {
      display: block;
      width: 100%;
   }
   .produccion.response #titol_comanda,
   .produccion.response #observacions   {
      display: block;
      width: calc(100% - 40px);
   }
   .produccion.response #titol_comanda {
      position: relative;
      left: -5px;
   }
   .produccion.response #capa_taula_comanda img.imatge_fitxa {
      width: 250px;
      margin: -13px;
   } 
   .produccion.response #div_capa_creacions {
      scroll-behavior: smooth;
   }
   .produccion.response #div_capa_creacions #form_distribuidor{
      width: 80%;
      left: 8%;
   }
   .produccion.response #div_capa_creacions #form_distribuidor #pais,
   .produccion.response #div_capa_creacions #form_distribuidor #provincia,
   .produccion.response #div_capa_creacions #form_distribuidor #localitat {
      width: 100%;
   }
   .produccion.response #div_capa_creacions #form_distribuidor {
      top: 18%;
      overflow: auto;
      height: 100vh;
   }
}
/* fin guardar pedido */

/* llista creacions */
@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #llista_creacions {
      padding-top: 20px;
   }
   .produccion.response #llista_creacions .veure_producte {
      margin: 20px 0;
      padding-bottom: 20px;
      border-bottom: solid 1px #000;
   }
   .produccion.response #llista_creacions .veure_imatge {
      width: 100%;
      height: auto;
   }
   .produccion.response #llista_creacions .veure_descripcio {
      width: 100%;
   }
   .produccion.response #llista_creacions .veure_imatge > img {
      width: 100%;
      max-width: unset;
      max-height: unset;
      height: auto;
   }
   .produccion.response #llista_creacions .propietats_veure_producte {          
    width: 50%;
    padding-left: 15px;
   }
   .produccion.response #llista_creacions .veure_producte:last-of-type {
      border: unset;
      padding-bottom: 80px;
   }
}

/*fin llista creacions */

@media (max-width:768px) and (orientation:portrait) {
   .produccion.response .catego_titulo.cerrado ~ .categoria_arrow_up_container {
      display:none;
   }
   .produccion.response .catego_titulo.cerrado ~ .categoria_arrow_down_container {
      display: none;
   }
   .produccion.response .catego_titulo.cerrado ~ .transicion.capa_colors {
      display:none;
   }
   .produccion.response .catego_titulo.cerrado .capa_colors {
      display:none;
   }
   .produccion.response #buscador_anillo_by_ref{
    z-index: 4;
   }
   body.produccion.response .ui-tooltip {
      top: 120px !important;
   }
   .produccion.response .titol_capa_creacions {
      font-size: 20px;
   }
   .produccion.response #acces_professional {
     bottom: -56px;
     left: 1px;
     height: 45px;
     width: 99%;
   }
   .produccion.response .acces_link {
      width: 100%;
   }
   #formcontactar > input
	{
	  width: 90%;  
	}

	#formcontactar > textarea
	{
		width: 90%;  
	}
	#abre_contacto
	{
		left: 15px;
		top: 14%;
		bottom: auto;
		background: none;
		border: 0;
		font-size: 12px;
	}
}


@media (max-width:640px) and (orientation:portrait){
   .produccion.response .text_cat_principal  {
     font-size: 12px;         
     line-height: 12px;
     left: 37%;
   }   
}

@media (max-width:420px) and (orientation:portrait){
   .produccion.response .text_cat_principal  {
      font-size: 8px;         
      line-height: 8px;
   }   
}

@media (max-width:768px) and (orientation:portrait) {
   .produccion.response #cataleg_sugerencies_boto  {
      display:none;
   } 
   .produccion.response  #llista_idiomes2 {
    position: relative;
    left: 15px;
   }
}
body.produccion.response {
   background-attachment: scroll;
}

/* ipad horizontal */  /* 1024 x 768 */
@media (min-width:1024px) and (max-width:1024px) and (orientation:landscape) {  

   #categoria_principal > div {
      width:6.1% !important;
   }
   
   .text_cat_principal {
     padding: 4px 1px 0 1px;
     font-size: 9px;
   }
   #genero_creacion {
      position: relative;
      top: -7px;
   }
   #creacion_texto {    
    font-size: 6px;
    top: -5px;
    left: 5px;
    position: relative; 
   }
   .produccion #categoria_principal {
      height: 12.5vh !important;
      top: 20px !important;   
      /*outline: solid 1px grey !important;*/
   }
   #titulo_coleccion {
	top: 10px
   }
   .catego_titulo {
      font-size:12px !important;
   }
   #capa_colors_8 .boto_color.enum_cat_117 {
      font-size: 11px;
      padding: 5px 5px 0 5px;
   }
   #anillos_genero {
      height: 13.5% !important;
   }
   #anillos_genero input {
    position: relative;
    top: 10px;
    left: 28px;
   }
   .anillos_genero_close, #anillos_genero_crear {
      bottom: -80%;
   }
   .anillo_genero {
      top:35%;
   }
   #propietat_1 {
      top: 80%;
   }
   #propietats_1 .opcio_propietat {
    top: -13px;
    width: 40%;
   }
   #buscador_anillo_by_ref_button {
      left: 62%;
   }
   #import_1, #import_2 {
    width: 75%;
    height: 5.3%;
    right: 20.4%;
   }
   #talla {
      left: 80%;
   }
   .talla {
      font-size: 14px;
      font-weight: bold;
   }
   .props_abalori {      
      font-size: 10px;
      top: 9px;
   }
   .div_nom_abalori {
      width: 83%;
   }
   .text_preu_peu {
      font-size: 11.5px;
   }
   .div_import  {
      left: 84%;
      width: 15.9%;
      text-align: right;
   }
   .div_import .text_import {
     font-size: 9px;
    top: -8px;
    left: -72px;
    position: relative;
   }
   #valor_import_1, #valor_import_2 {
   font-size: 148%;
    display: inline-block;
    width: 100px;
    position: relative;
    right: 20px;
    top: -9px;
   }
   #valor_import_1 + span, #valor_import_2 + span {
    position: relative;
    top: -30px;
    right: 5px;
   }   
   #eina_text {
      /*position: absolute;*/
   }
   #tipografies_eina_text {
      top: -60px;
   }
   #tipografies_eina_text > span {
      margin: 6px 0;      
      height: 20px;
   }
   #tipografies_eina_text > span:first-child {
      font-size: 11px !important;
   }
   #tipografies_eina_text > span:nth-child(even) {
      font-size: 20px !important;
   }
   #tipografies_eina_text > span:nth-child(odd) {
      font-size: 11px !important;
   }
   #text_eina_text {
      top: 67%;
   }
   #max_eina_text {
      top: 50%;
   }
   #pasos_pie_pagina,
   #titulo_color,
   #titulo_coleccion   {
      /*display: none !important;*/
   }
   #acces_professional_menu {
      width: 90px;
      height: auto;
      padding: 0 5px;
   }
   #acces_professional_menu .acces_link {
    width: 100%;
    padding: 10px 0 18px 0;
   }
   .nom_abalori {
    font-size: 10px;
   }
}

/* fin ipad horizontal  /*

/* ipad vertical*/
@media (min-width:768px) and (max-width:768px) and (orientation:portrait) {
  #categories_content_izq,
  #categories_content_der,
    #anillos_genero,
  #import_1 ,
  #import_2 ,  
  #propietat_5 {
     margin-left: 15px;
  }

   #propietat_1  {
     margin-left: 17px;
  }
  #propietats_1 {
     margin-left: 20px;
  }
   #logo_client {
      /*outline: solid 1px blue !important;*/
   }
   #acces_professional_menu {
    top: -97px;
    position: relative;
   }
   #buscador_anillo_by_ref_button {
      left: 61%;
   }
   .produccion.response #propiedades_container_5  {
      width: 32%;
   }
   .produccion.response #categoria_principal {
      top: 0 !important;
   }
   .produccion.response #col_sel {
     padding-left: 90px;
     font-size: 29px !important;
   }
   .produccion.response .catego_titulo {
      font-size: 19px;
   }
   .produccion.response #propietat_5 .boto_muntador_text {
      font-size: 19px !important;

   }
   .produccion.response #propietat_1 .boto_muntador_text {
     font-size: 19px;
     left: 65%;
     top: -30% !important;
   }
   .produccion.response #propietats_1 {
      /*left: -7%;*/
   }
   .produccion.response #propietats_1 .opcio_propietat {
      font-size: 19px;
   }
   .produccion.response #catego_8 {
      right: -1%;
      width: 61.5%;
   }
   .produccion.response #boto_eina_text_10 span {
      font-size: 19px !important;
   }
   .produccion.response #boto_eina_text_10 {
      bottom: 50% !important;
   }
   .produccion.response #tipografies_eina_text {
    width: calc(104% - 12px);
   }
   .produccion.response #max_eina_text {
    top: 87%;
    right: -2%;
    font-size: 19px;
    text-align: right;
    left: unset;
    width: 32%;
   }
   .produccion.response #input_text_eina_text {
      font-size: 19px;
   }
   .produccion.response #text_eina_text {
    top: 84%;
   }
   #anillos_genero_titulo {
      font-size: 19px;
   }
   .produccion.response .anillo_genero_text {
    font-size: 13px;
    top: -24px;
   }
   .produccion.response #anillos_genero input {
    margin-top: 10%;
    margin-left: 34px;
   }
   .produccion.response #anillo_genero_0 .anillos_genero_img {
    max-height: 82%;
    bottom: 7px;
    left: 53%;
   }
   .produccion.response #anillo_genero_1 .anillos_genero_img {    
    bottom: 33%;
   }
   .produccion.response #anillo_genero_2 .anillos_genero_img {    
    bottom: 15%;
    left: 54%;
   }
   .produccion.response #capa_colors_11 li {
      height:23%;
   }
   .produccion.response #capa_colors_11 .boto_color img{
      max-width: 65%;
   }
   .produccion.response #capa_colors_3 .boto_color img {
      width: 58%;
   }
   .produccion.response #capa_colors_5 .boto_color {
    text-align: left !important;
    padding-left: 10px;
    width: 80% !important;
    left: 5px;
   }
   .produccion.response #capa_colors_5 .boto_color img {
      width: 55%;
   }
   .produccion.response #capa_colors_6 li {
    width: 80%;
    left: 7px;
   }
   .produccion.response #capa_colors_6 .boto_color img {
      width: 80%;
   }
   .produccion.response #propiedades_container_5 {
      left: 2.2%;
   }
   .produccion.response #propietats_5 .opcio_propietat {
    text-align: left;
    padding-left: 20px;
    font-size: 13px;
   }
   .produccion.response #propietats_5 .opcio_propietat img {
      width:80% !important;
   }
   .produccion.response .text_preu_peu#import_1 {
      width: 89%;
   }
   .produccion.response .text_preu_peu#import_2 {
      width: 89%;
   }
   .produccion.response #talla {
    left: unset;
    right: 8.7%;
    bottom: 12.5%;
    height: 14.5%;
   }
   .produccion.response #propietats_2, .produccion.response #propietats_2 .opcio_propietat {
    font-size: 19px !important;
   }
   .produccion.response #propietats_2 {
    top: 41.3%;
    left: 89.3%;    
    width: 70px;
   }
   .produccion.response .radio_kilatajes {
    margin-right: 5px !important;
    width: 20px;
    height: 30px;
    top: -7px;
   }
   .produccion.response #propietats_4 .opcio_propietat, .produccion.response #propietats_4_fake .opcio_propietat {
      font-size: 16px;
   }
   .produccion.response .nom_abalori {
    font-size: 15px !important;
   }
   .produccion.response .props_abalori {
    font-size: 15px;
    top: 14%;
   }
   .div_import {
    text-align: right;
   }
   .text_import {
     position: relative;
     left: 0;
     top: -15px;
   }
   .produccion.response #valor_import_1, .produccion.response #valor_import_1 + span.already_sized, .produccion.response #valor_import_2 + span.already_sized, .produccion.response #valor_import_2 {
    font-size: 21px !important;
    width: 100px;
    position: relative;
    right: 44px;
    top: 16px;
    display: inline-block;
   }
   #valor_import_1 + span,
   #valor_import_2 + span {
      position: relative;
      top: -10px !important;
      left: -27px !important;
   }
   .guia_link {
      display: inline-block;
   }
   
   .produccion.response #signin ~ #facebook_link{
    position: absolute !important;
    bottom: -590px !important;
    left: -71vw !important;
    top: unset !important;
    width: 56px;
   }

   .produccion.response #signin ~ #instagram_link{
    position: absolute !important;
    bottom: -640px !important;
    left: -71vw !important;
    top: unset !important;
    width: 56px;    
   }
   .produccion.response #botons_usuari {
      bottom: 107px;
      left: unset; /* huella */
      right: -35px ;
      width: 92%;
   }
   .produccion.response #botons_usuari .boto_muntador {
    width: 21.5%;
    margin: 0 12px 0 0;
   }
   .produccion.response #acces_professional {
    bottom: -66px;
    height: 56px;
    width: 96.7%;
   }
   .produccion.response .guia_link {
      padding-top: 15%;
   }
   .produccion.response #botons_usuari .boto_muntador, .produccion.response .guia_mides {
      min-height: 56px;
   }
   .produccion.response .guia_mides {
     width: 19.8%;
     right: 0px;
   }
   .produccion.response .kineticjs-content {
      height:  360px !important;
   }
   .produccion.response #superior.franja {
      top: 105px;
   }
   .produccion.response #buscador_anillo_by_ref {
    top: 19px;
    left: unset;
    right: 35px;
   }
   .produccion.response #buscador_anillo_by_ref_button {
    width: auto;
    padding: 6px 12px 6px 6px;   
   }
   .produccion.response #buscador_anillo_by_ref_button span {
    font-size: 19px !important; 
    padding: 13px;
   }
   .produccion.response #buscador_anillo_by_ref {
    z-index: 1;
   }
   .produccion.response #buscador_anillo_by_ref_text {
    height: 63%;
    width: 29vw;
    left: -90%;
    font-size: 19px;
    top: 20.2% !important;
   }
   .produccion.response .talla {
      width: 85px;
   }
   .produccion.response #user  {
      left: unset;
      right: 6px;
   }
   .produccion.response #logout_clients, .produccion.response #text_user {
      font-size: 16px;
   }
   .produccion.response #compte,
   .produccion.response #compres   {
      font-size: 17px;
      width: 130px;
   }
   .produccion.response #compres {
    right: -5px;
    top: 5px;
   }
   .produccion.response #compte {
    right: 140px;
    top: 5px;
   }
   .produccion.response #idioma2 {
      right: 278px;
      width: 140px;
      top: 13px;
   }
 
	
 
   .produccion.response .text_capa_idioma {
      font-size: 17px;
      margin-top: -3px;
   }
   .produccion.response #llista_idiomes2 {
      width: 150px;
      margin-top: 7px;
   }
   .produccion.response .fila_idioma {
      padding: 10px 5px
   }
   .produccion.response #signin {
      font-size: 17px;
      top: 5px;
   }
   .produccion.response #register {
      font-size: 17px;
      top: 5px;
      right: 130px;
   }
   .produccion.response .veure_descripcio {
    font-size: 17px;
   }
   .produccion.response #canvas {
      z-index: 2;
      top: 6%;
   }
   .produccion.response #capa_colors_8 .boto_color img {
      height: 125% !important;
      width: 50% !important;
   }
   .produccion.response #selected_ring {      
      top: 340px !important;
      left: 39%;
   }
   .produccion.response #propietats_4 .opcio_propietat{
      width: 90px;
   }
   .produccion.response #propietats_4_fake .opcio_propietat   {      
      width: 90px;
   }
   .produccion.response #propietats_4_fake {
    right: -13px;
   }
   .nom_abalori {
      top: 10%;
   }
}

/** movil horizontal  */
@media (max-width:767px) and (orientation:landscape) {
   #logo_client {
      /*outline: 2px red solid;*/
   }
   #cos.gestio.produccion.response {
      /*width: 100vw !important;*/
      width: 640px !important;
      margin: 0 auto !important;
      /*height: 230vh !important; */
      height: 820px !important;
      /*max-height: 830px !important;*/      
      overflow-y: auto !important;
      overflow-x: hidden !important;
   }
   .produccion.response #gestio {
      width: 100%;
   }
   .produccion.response #cataleg_sugerencies_boto {
     height: 35%;
   }
   .produccion.response #cataleg_sugerencies_boto_background   {
     height: 100%;
   }
   .produccion.response #cataleg_sugerencies_boto {
      font-size: 12px;
   }
   .produccion.response #cataleg_sugerencies_boto_text {
      padding-top: 2px;
   }
   .produccion.response #logo_client {
      max-height:unset;
      height: auto;
      width: 22%;
      left: 4%;
   }
   .produccion.response #div_categoria_principal {
      height: auto !important;
      top: 60px !important;
      left: -16px !important;
   }
   .produccion.response .boto_imatge {
      width: 14vh !important;
   }
   .produccion.response #superior.franja {
      top: 6%;
      right: 10px;
   } 
   .produccion.response  .boto_imatge {
      max-height: unset !important;
      height: auto !important;
   }
   .produccion.response #categoria_principal {
    height: 100px !important;
    /*left: -40px !important;*/
    left: -63px !important;
   }
   .produccion.response .text_cat_principal {
    font-size: 41%;
    margin-top: 0 !important;
   }
   .produccion.response #buscador_anillo_by_ref {
    height: 6%;
    width: 31%;
   }
   .produccion.response #propietats_4 .opcio_propietat,
   .produccion.response #propietats_4_fake .opcio_propietat {
      font-size: 8px;
      width: 45%;
   }
   .produccion.response .radio_kilatajes {
    margin-top: -3px;
    margin-right: 2px;
   }
   .produccion.response .boto_muntador_text {
      min-width: 72px;
   }
   .produccion.response .guia_mides {
      min-width: 72px;
   }
   .produccion.response #acces_professional {
    width: 72px;
    height: 45px;
    font-size: 8px;
    left: -4px;
    bottom: 90px;
   }
   .produccion.response #acces_professional  a#link_acces {
      position: relative;
      left: -14px;
      top: -5px;
   }
   .produccion.response  #facebook_link {
      position: absolute !important;
    left: unset;
    top: unset;
    right: 34px !important;    
    bottom: -624px !important;
    width: 38px !important;
   }
   .produccion.response #valor_import_1,
   .produccion.response #valor_import_2 {
    font-size: 125%;
   }
   .produccion.response .div_nom_abalori {
      top: 19% !important;
   }
   .produccion.response .div_import {
      top: 6%;
   }
   .produccion.response #capa_colors_11 {
      overflow-y: auto !important;
   }
   .produccion.response #catego_11 .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
   }
   .produccion.response #capa_colors_6 {
      overflow-y: auto !important;
      overflow-x: hidden;
   }
   .produccion.response #catego_6 .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
   }
   .produccion.response #capa_colors_5 {
      overflow-y: auto !important;
      overflow-x: hidden;
   }
   .produccion.response #catego_5 .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
      height: 120px !important;
   }
   .produccion.response #capa_colors_3 {
      overflow-y: auto !important;
      overflow-x: hidden;
   }
   .produccion.response #capa_colors_8 {
      height: 100px !important;
   }
   .produccion.response #catego_3 .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
   }
   .produccion.response #propiedades_container_5 {
       overflow-y: auto !important;
      overflow-x: hidden;
   }
   .produccion.response #propietat_5 ~ .categoria_arrow_down_container {
      display: none !important;
      visibility:hidden !important;
      opacity: 0 !important;
   }
   .produccion.response canvas {
      max-height: 401px !important;
   }
   .produccion.response #canvas {
      height: 240px !important;
      top: 250px !important;
   }
   .produccion.response .kineticjs-content {
      height:  400px !important;
   }
   .produccion.response #boto_eina_text_10 {
      /*left: 5% !important;*/
      left: 15px !important;
      bottom: 205px !important;
   }
   .produccion.response #eina_text  {
      bottom: 135px !important;
      display: block !important;
   }
   .produccion.response #accions_eina_text {
    position: absolute;
    top: -115px;
    left: -70%; 
    width: 431px;
    height: 79px;
    display: block !important;
   }
   .produccion.response #tipografies_eina_text {
      padding-left: 10px;
      display: block !important;
      color: black !important;
      opacity: 1 !important;
      visibility: visible !important;
    /*  top: -43px;*/
    top: -65px;
    left: 48%;
   }
   .produccion.response #tipografies_eina_text span {
      display: block !important;
      color: black !important;
      opacity: 1 !important;
      visibility: visible !important;   
   }
   .produccion.response .text_import {
      display: block;
   }

   .produccion.response #propietat_1 .boto_muntador_text {
    bottom: 70px;
    left: 44%;
    letter-spacing: 0;
   }
   .produccion.response #propietats_1  {
      width: 136px;
     left: calc(640px - 134px);
     top: 589px;
     padding: 0;
   }
   .produccion.response #propietats_1 .opcio_propietat {
      top: -10px;
      text-align: left;
      width: 50%;      
   }
   .produccion.response #propietats_1 .opcio_propietat#opcio_propietat_1   {
      
      width:64px;
   }
   .produccion.response #propietats_1 .opcio_propietat#opcio_propietat_3   {
      margin-left: -8px;
      width:64px;
   }
   .produccion.response #propietats_1 .opcio_propietat#propietats_1 input {
      margin-right:0;
   }
   .produccion.response #peu_cookie {
      width: 97.5vw;
   }
   .produccion.response #text_cookie {
      width: 84% !important;
   }
   .produccion.response #text_eina_text {
    position: absolute;
    top: 23px !important;
    left: 96px !important;
    width: 46% !important;
   }
   
   #max_eina_text {
    color: black;
    position: absolute;
    top: 0;
    left: 113px;
    font-size: 15px;
   }
   .produccion.response #input_text_eina_text  {
      background-color: #d9d9d9;
      font-size: 15px;
      color: #000 !important;
      z-index:999;
   }
   .produccion.response .anillos_genero_close, 
   .produccion.response #anillos_genero_crear {
      left: 5%;
      width: 92%;
   }
   .produccion.response #max_eina_text {
    top: 27px !important;
    left: 306px !important;
    font-size: 12px;
   }
   .produccion.response div#login {
      width: 100vw;
      max-height: 100vh;
   }
   .produccion.response #div_login {
      left: 0;
   }
   .produccion.response #div_logo {
      left: 20px;
      width: 40vw;
      margin-top: 30px;
   }
   .produccion.response #div_logo img {
      width: 100%;
   }
   .produccion.response #div_form {
    position: absolute;
    left: 48vw;
    margin-top: 50px;
   }
   .produccion.response #change {
      top: 54vh !important;
   }
   .produccion.response #usr_password {
    margin-top: -17px;
   }
   .produccion.response #login_return {
      float: left;
   }
   .produccion.response #change {
    top: 45vh !important;
    left: -41vw;
   }
   .produccion.response #fitxa_admin {
      margin-top: 0;
   }
   .produccion.response #parametres_fitxa_admin {
      width: auto !important;
   }
   .produccion.response #descripcio_regenerar_clau #enviar_mail {
    float: left;
    margin-top: 10px;
    height: 36px;
    margin-left: 30px;
   }
   .produccion.response .veure_descripcio {
      width: 69%;
   }
   .produccion.response #compte {
    right: 115px !important;
   }
   .produccion.response #user {
    position: absolute;
    right: 0;
    top: -35px;
    width: auto;
   }
   .produccion.response #text_user {
    float: right;
    left: -183px !important;
    cursor: pointer;
    padding: 8px;
    position: absolute;
   }
   .produccion.response #imatge_user {
    position: absolute;
    left: -110px;
   }
   .produccion.response #logout_clients  {
      margin-top: -3px;
   }
   .produccion.response #facebook_link.clients {
      display: none !important;
   }
   #cos.gestio.produccion.response.clients {
      height: calc(230vh - 100px) !important;
   }
   .produccion.response #div_capa_creacions {
    overflow: auto !important;
   }
   #cos.login.produccion.response .titol_fitxa{
      text-align: right !important;
      font-size: 22pt;
   }
   #cos.login.produccion.response #login_accept {
    display: inline-block;
    margin-top: 10px;
   }
   .produccion.response #propietats_4,
    .produccion.response #propietats_4_fake {
      top: 380px !important;
    }
    .produccion.response #catego_8 {
       height: 225px !important;
    }
    .produccion.response #catego_11 {
       left: 5px !important;
       width: 80px !important;
       height: 366px !important;
     }
    .produccion.response #catego_5 {
       left: 90px !important;
       width: 53px !important;
       height: 180px !important;
    }
    .produccion.response #catego_3 {
       left: 90px !important;
       width: 53px !important;
       height: 180px !important;
       top: 186px !important;
    }
    .produccion.response #catego_6 {
       left: 148px !important;
       width: 53px !important;
       height: 180px !important;
    }
    .produccion.response #propietat_5 {
       left: 155px !important;
       width: 53px !important;
       height: 180px !important;
       top: 399px !important;
    }
    .produccion.response .boto_muntador  {
       height: 50px !important;
    }
    .produccion.response #propiedades_container_5 {
      height: 135px !important;
      top: 434px !important;
    }
    .produccion.response #buscador_anillo_by_ref_text {
       width: 120px !important;
       left: -15px !important;
    }
    .produccion.response #buscador_anillo_by_ref_button {
       border-radius: unset !important;
       height: 31px !important;
       width: 34% !important;
       left: 58% !important;
       top: 16% !important;
       line-height: 29px !important;
    }
    .produccion.response .anillo_genero_text,
    .produccion.response #anillos_genero_titulo,
    .produccion.response .catego_titulo  {
       letter-spacing: 0 !important;
       font-size: 10px !important;
    }
    .produccion.response #propietat_5 .boto_muntador_text {
       font-size: 10px !important;
       letter-spacing: 0 !important;
    }
    .produccion.response #anillos_genero {
      width: 192px !important;    
      top: 446px !important;
      right: 6px !important;
      height: 135px !important;
    }
    .produccion.response #import_1,
    .produccion.response #import_2 {
      width: 73% !important;
    }
    .produccion.response #import_1 {
      bottom: 145px !important;
    }
    .produccion.response #import_2 {
      bottom: 95px !important;
    }
    .produccion.response #talla_1 {
      top: -65px;
    }
    .produccion.response #talla_2 {
      top: -15px;
    }
    .produccion.response .div_nom_abalori  {
      width: 85% !important;
    }
    .produccion.response .div_import {
      left: 86% !important;
      width: 13% !important;
    }
    .produccion.response #propietats_2 {
      left: 77.3% !important;
      top: 46.3% !important;
    }
    .produccion.response #anillo_genero_0 .anillos_genero_img {
       left: 43% !important;
      bottom: 1% !important;
    }
    .produccion.response #anillo_genero_1 .anillos_genero_img {
       bottom: 18% !important;
      left: 45% !important;
    }
    .produccion.response #anillo_genero_2 .anillos_genero_img {
       bottom: -4% !important;
      left: 45% !important;
    }
    .produccion.response  #capa_colors_8 .pedreria_sin_imagen {
       bottom: -27% !important;
       width: 98% !important;
    }
    .produccion.response #capa_colors_8 {
       top: 0 !important;
    }
    .produccion.response #capa_colors_8 li {
       width: 17% !important;
    }
}
    
/** fin movil horizontal  */  


@media (max-width: 768px) and (orientation: portrait){
	#titulo_coleccion {
		display:none;
	}
	#titulo_color{
		display:none;
	}
	.catego_titulo{
		font-size:13px;
		left: 6%;
		width: 89%;
	}
	#propietat_5 .boto_muntador_text{
		font-size:13px;
		left: 6%;
		width: 88%;
	}
	#anillos_genero_titulo{
		font-size:13px;
		width: 50%;
	}
    #creacion_texto{
		display:none;
	}
	#pasos_pie_pagina{
		display:none;
	}
	.talla{
		font-size:12px;
      font-weight: bold;
	}
   .talla span{
		position: relative !important;
      top: 22%;
      font-size: 20px;
      font-weight: bold;
      left: 5px;
	}
	#paso_tallas{
		display:none;
	}
	#redes_sociales{
		display: none;
	}
	#redes_sociales_movil
	{
		display: block;
		bottom: -37px;
		position: absolute;
		z-index: 2;
	}
}

[id="72"].boto_imatge {
   display: none;
}

#catego_undefined {
   display: none !important;
}
@media (min-width: 1920px) {
   .produccion .boto_imatge { 
       max-width: 9vh !important;
   }
}

@media (min-width:1092px) and (max-width:1094px) and (orientation:landscape) {
   #logo_client {
     outline: solid 0px transparent;
   }
   .produccion #categoria_principal {
      top: 23% !important;
      height: 16vh !important;
   }
   .produccion #logo_client {
      top: 7px;
   }
   #titulo_coleccion {
      position: relative;
      left: 4%;
      top: 20px;
      font-size: 7px;
      width: 15%;
   }
   #titulo_color {
    background-color: #c6c5c5;
    border-radius: unset;
    padding: 2px;
    font-size: 7px;
    display: inline-block;
   }
   .catego_titulo {
      top: -17px;
   }
   #titulo_color + span {
      font-size: 8px;
   }
   #propietat_5 .boto_muntador_text {
      top: -16px;
      font-size: 8px;
   }
   #propietat_1 .boto_muntador_text {
     font-size: 8px;
   }
   .div_nom_abalori {
      font-size: 9px;
   }
   .props_abalori {
      font-size: 8px;
   }
   .boto_muntador  {
      font-size: 8px;
   }
   .produccion #capa_colors_8 .pedreria_sin_imagen {
      bottom: -22% !important;
      font-size: 11px;
   }
   .produccion .text_cat_principal {
      font-size: 47%;
      margin-top: -7px !important;
   }
   .text_import {
      font-size: 11px;
   }
   #valor_import_1, #valor_import_2 {
    font-size: 100%;
   }
   #import_1 > div.div_import > span:nth-child(3),
   #import_2 > div.div_import > span:nth-child(3) {
    font-size: 100%;
   }
   .guia_mides  {
     width: 87%;
     right: -1px;     
   }
   #link_guia {
      font-size: 8px;
   }
   .talla  {
      padding-top: 5px;
      font-size: 17px;
   }
   .anillo_genero_text {
      font-size: 8px;
   }
   #anillos_genero_titulo {
      top: -30%;
   }
   #creacion_texto {
      font-size: 7px;
   }
   #anillos_genero_titulo {
      font-size: 9px;
   }
   #pasos_pie_pagina #titulo_color {
    font-size: 6px;
   }
   #pasos_pie_pagina {
      bottom: -2px;
   }
}
@media (min-width:1163px) and (max-width:1164px) and (orientation:landscape) {
    #logo_client {
      outline: solid 0px transparent;
   }
    .produccion #logo_client {
      top: 7px;
      height: 8%;
   }
   .produccion #categoria_principal {
      top: 23% !important;
      height: 16vh !important;
   }
   #titulo_coleccion {
    position: relative;
    left: 7%;
    top: 30px;
    font-size: 12px;
    width: 15%;
   }
}

@media (min-width:1215px) and (max-width:1217px) and (orientation:landscape) {
    #logo_client {
      outline: solid 0px transparent;
   }
    .produccion #logo_client {
      top: 7px;
      height: 8%;
   }
   .produccion #categoria_principal {
      top: 23% !important;
      height: 16vh !important;
   }
   #titulo_coleccion {
    position: relative;
    left: 5%;
    top: 24px;
    font-size: 12px;
    width: 15%;
   }
   #titulo_color {
    background-color: #c6c5c5;
    border-radius: unset;
    padding: 2px;
    font-size: 7px;
    display: inline-block;
   }
   .catego_titulo {
      top: -17px;
   }
   #titulo_color + span {
      font-size: 8px;
   }
   #propietat_5 .boto_muntador_text {
      top: -16px;
      font-size: 8px;
   }
   #propietat_1 .boto_muntador_text {
     font-size: 8px;
   }
   .div_nom_abalori {
      font-size: 9px;
   }
   .props_abalori {
      font-size: 8px;
   }
   .boto_muntador  {
      font-size: 8px;
   }
   .produccion #capa_colors_8 .pedreria_sin_imagen {
      bottom: -22% !important;
      font-size: 11px;
   }
   .produccion .text_cat_principal {
      font-size: 47%;
      margin-top: -7px !important;
   }
   .text_import {
      font-size: 11px;
   }
   #valor_import_1, #valor_import_2 {
    font-size: 100%;
   }
   #import_1 > div.div_import > span:nth-child(3),
   #import_2 > div.div_import > span:nth-child(3) {
    font-size: 100%;
   }
   .guia_mides  {
     width: 87%;
     right: -1px;     
   }
   #link_guia {
      font-size: 8px;
   }
   .talla  {
      padding-top: 5px;
      font-size: 17px;
   }
   .anillo_genero_text {
      font-size: 8px;
   }
   #anillos_genero_titulo {
      top: -30%;
   }
   #creacion_texto {
      font-size: 7px;
   }
   #anillos_genero_titulo {
      font-size: 9px;
   }
   #pasos_pie_pagina #titulo_color {
    font-size: 6px;
   }
   #pasos_pie_pagina {
      bottom: -2px;
   }
   .produccion .boto_imatge {
      height:72px;
      max-height: 72px;
   }
}

@media (min-width:1279px) and (max-width:1281px) and (max-height:880px) and (orientation:landscape) {
    #logo_client {
      outline: solid 0px transparent;
   }
    .produccion #logo_client {
      top: 7px;
      height: 8%;
   }
   .produccion #categoria_principal {
      top: 23% !important;
      height: 16vh !important;
   }
   #titulo_coleccion {
    position: relative;
    left: 5%;
    top: 24px;
    font-size: 12px;
    width: 15%;
   }
   #titulo_color {
    background-color: #c6c5c5;
    border-radius: unset;
    padding: 2px;
    font-size: 7px;
    display: inline-block;
   }
   .catego_titulo {
      top: -17px;
   }
   #titulo_color + span {
      font-size: 8px;
   }
   #propietat_5 .boto_muntador_text {
      top: -16px;
      font-size: 8px;
   }
   #propietat_1 .boto_muntador_text {
     font-size: 8px;
   }
   .div_nom_abalori {
      font-size: 9px;
   }
   .props_abalori {
      font-size: 8px;
   }
   .boto_muntador  {
      font-size: 8px;
   }
   .produccion #capa_colors_8 .pedreria_sin_imagen {
      bottom: -22% !important;
      font-size: 11px;
   }
   .produccion .text_cat_principal {
      font-size: 47%;
      margin-top: -7px !important;
   }
   .text_import {
      font-size: 11px;
   }
   #valor_import_1, #valor_import_2 {
    font-size: 100%;
   }
   #import_1 > div.div_import > span:nth-child(3),
   #import_2 > div.div_import > span:nth-child(3) {
    font-size: 100%;
   }
   .guia_mides  {
     width: 87%;
     right: -1px;     
   }
   #link_guia {
      font-size: 8px;
   }
   .talla  {
      padding-top: 5px;
      font-size: 17px;
   }
   .anillo_genero_text {
      font-size: 8px;
   }
   #anillos_genero_titulo {
      top: -30%;
   }
   #creacion_texto {
      font-size: 7px;
   }
   #anillos_genero_titulo {
      font-size: 9px;
   }
   #pasos_pie_pagina #titulo_color {
    font-size: 6px;
   }
   #pasos_pie_pagina {
      bottom: -2px;
   }
   .produccion .boto_imatge {
      height:72px;
      max-height: 72px;
   }
}

@media (min-width:1375px) and (max-width:1377px) and (orientation:landscape) {
    #logo_client {
      outline: solid 0px transparent;
   }
    .produccion #logo_client {
      top: 7px;
      height: 8%;
   }
   .produccion #categoria_principal {
      top: 23% !important;
      height: 16vh !important;
   }
   #titulo_coleccion {
    position: relative;
    left: 5%;
    top: 24px;
    font-size: 12px;
    width: 15%;
   }
   #titulo_color {
    background-color: #c6c5c5;
    border-radius: unset;
    padding: 2px;
    font-size: 7px;
    display: inline-block;
   }
   .catego_titulo {
      top: -17px;
   }
   #titulo_color + span {
      font-size: 8px;
   }
   #propietat_5 .boto_muntador_text {
      top: -16px;
      font-size: 8px;
   }
   #propietat_1 .boto_muntador_text {
     font-size: 8px;
   }
   .div_nom_abalori {
      font-size: 9px;
   }
   .props_abalori {
      font-size: 8px;
   }
   .boto_muntador  {
      font-size: 8px;
   }
   .produccion #capa_colors_8 .pedreria_sin_imagen {
      bottom: -22% !important;
      font-size: 11px;
   }
   .produccion .text_cat_principal {
      font-size: 47%;
      margin-top: -7px !important;
   }
   .text_import {
      font-size: 11px;
   }
   #valor_import_1, #valor_import_2 {
    font-size: 100%;
   }
   #import_1 > div.div_import > span:nth-child(3),
   #import_2 > div.div_import > span:nth-child(3) {
    font-size: 100%;
   }
   .guia_mides  {
     width: 87%;
     right: -1px;     
   }
   #link_guia {
      font-size: 8px;
   }
   .talla  {
      padding-top: 5px;
      font-size: 17px;
   }
   .anillo_genero_text {
      font-size: 8px;
   }
   #anillos_genero_titulo {
      top: -30%;
   }
   #creacion_texto {
      font-size: 7px;
   }
   #anillos_genero_titulo {
      font-size: 9px;
   }
   #pasos_pie_pagina #titulo_color {
    font-size: 6px;
   }
   #pasos_pie_pagina {
      bottom: -2px;
   }
   .produccion .boto_imatge {
      height:72px;
      max-height: 72px;
   }
}

@media (min-width:1241px) and (max-width:1243px) and (orientation:landscape) {
    #logo_client {
      outline: solid 0px transparent;
   }
    .produccion #logo_client {
      top: 7px;
      height: 8%;
   }
   .produccion #categoria_principal {
     top: 19% !important;
      height: 15vh !important;
   }
   #titulo_coleccion {
    position: relative;
    left: 5%;
    top: 18px;
    font-size: 12px;
    width: 15%;
   }
   #titulo_color {
    background-color: #c6c5c5;
    border-radius: unset;
    padding: 2px;
    font-size: 7px;
    display: inline-block;
   }
   .catego_titulo {
      top: -17px;
   }
   #titulo_color + span {
      font-size: 8px;
   }
   #propietat_5 .boto_muntador_text {
      top: -16px;
      font-size: 8px;
   }
   #propietat_1 .boto_muntador_text {
     font-size: 8px;
   }
   .div_nom_abalori {
      font-size: 9px;
   }
   .props_abalori {
      font-size: 8px;
   }
   .boto_muntador  {
      font-size: 8px;
   }
   .produccion #capa_colors_8 .pedreria_sin_imagen {
      bottom: -22% !important;
      font-size: 11px;
   }
   .produccion .text_cat_principal {
      font-size: 47%;
      margin-top: -7px !important;
   }
   .text_import {
      font-size: 11px;
   }
   #valor_import_1, #valor_import_2 {
    font-size: 100%;
   }
   #import_1 > div.div_import > span:nth-child(3),
   #import_2 > div.div_import > span:nth-child(3) {
    font-size: 100%;
   }
   .guia_mides  {
     width: 87%;
     right: -1px;     
   }
   #link_guia {
      font-size: 8px;
   }
   .talla  {
      padding-top: 5px;
      font-size: 17px;
   }
   .anillo_genero_text {
      font-size: 8px;
   }
   #anillos_genero_titulo {
      top: -30%;
   }
   #creacion_texto {
      font-size: 7px;
   }
   #anillos_genero_titulo {
      font-size: 9px;
   }
   #pasos_pie_pagina #titulo_color {
    font-size: 6px;
   }
   #pasos_pie_pagina {
      bottom: -2px;
   }
   .produccion .boto_imatge {
      height:76px;
      max-height: 76px;
   }
}

.talla > span {
   min-width: 24px;
    display: inline-block;
    text-align: right;
}    


/* nueva busqueda de tiendas */

#form_distribuidor_maps.transicion_1 {
   width: 83%;
   top: 7%;
   /*outline: solid 2px blue;   */
   max-height: 79%;   
   overflow-x: hidden;
}

#imagen_busqueda {
   width: 32%;
    float: left;
    overflow: hidden;
    max-height: 437px;
    max-height: 65vh;
}

#campos_busqueda,
#provincias_busqueda,
#texto_busqueda {
   padding: 0.5% 0.5% 0.5% 2%;
   margin: 0.5%;
   width: 64.5%;
   float: left;
   /*outline: solid 1px red;*/
}

#texto_busqueda {
   text-align: center;
}
#texto_busqueda p {
   margin: 5px 0;
   font-size: 12px;
   line-height: 14px;
}
#llista_distribuidors {
   width: 100%;
   float:none;
   clear:both;
}
.img_responsive  {
   width: 100%;
   max-width:100%;
   height: auto;
}
.img_responsive.imagen_busca {
   width: auto;
   max-height: 65vh;
}
#texto_cabecera_busqueda {
   text-align: center;
   text-transform: uppercase;
   font-size: 20px;
   word-spacing: 2px;
}
.busca_provincia {
   width: 30%;
    float: left;
    padding: 5px 1.5%;
    font-size: 12px;
    margin: 5px 0;
    cursor: pointer;
    text-align: center;
}
@media (max-width:768px) {
   .busca_provincia {
      height: 52px;
   }
}

#texto_resultado {
   text-align: center;
   margin-bottom: 20px;
}

#texto_resultado p {
   font-size: 12px;
   line-height: 17px;
   margin: 5px 0;
}

#texto_resultado p#cabecera_resultado {
   text-align: center;
   font-family: serif;
   font-weight: bold;
   font-size: 20px;
   letter-spacing: 2px;
   margin-bottom: 20px;
}

.wrapper-distribuidor {
   padding: 0 10px 0 60px;
    width: 24.4%;
    float: left;
    min-height: 158px;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 15px;
}
.wrapper-distribuidor p{
   margin: 5px 0;
}
.wrapper-distribuidor p.nombre_distribuidor {
   font-weight: 700;
}

#volver {
   margin-bottom: 30px;
   padding: 10px 20px;
}

#wrapper_resultats {
   margin: 0 auto;
   width: 80%;
}

#refina_busqueda{
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 2px;
   font-size: 13px;
   margin: 30px 0 15px;
}

#campos_busqueda input ,
#campos_busqueda select {
   background: #ececec;
   padding: 5px 10px;
}

#campos_busqueda #postcode {
   width: 100px;
}

#wrapper_refina_busqueda {
   text-align: center;
}

#campos_busqueda div.cp {   
   border: solid 1px #ececec;
   /*width: 100px;*/
   display: inline-block !important;
   padding: 5px 10px;
   
}

#campos_busqueda div.prlo {   
   border: solid 1px #ececec;
   display: inline-block !important;
   /*width: 385px;*/
   padding: 5px 10px;
   text-align: left;
}
#campos_busqueda select#localitat {
   width: 210px;
   max-width: 210px;
}
#wrapper_nohay {
   text-align:center;
   margin-top: 100px;
}
#wrapper_nohay p {
   font-size: 12px;
    line-height: 17px;
    margin: 5px 0;
}    

#dist-reserva {
   color: #000;
   font-weight: bold;
   margin-bottom: 15px;
}
@media (max-width:768px) {
   #texto_cabecera_busqueda {
      font-size:15px;
   }
   .produccion.response #form_distribuidor_maps.transicion_1  {
      width: 86%;
      max-height: 100%;
   }
   #provincias_busqueda {
      width: 100%;
   }
   #campos_busqueda {
      width: 100%;
      padding-bottom: 40px;
   }
   #campos_busqueda div.cp {
     border: solid 1px #ececec;
     width: 89%;
     display: block;
     padding: 5px 10px;
     margin-bottom: 15px;
   }
   #campos_busqueda div.cp #postcode {
      display: block;
      width: 93%;
   }
   #campos_busqueda div.prlo {
     width: 89%;
     margin-left: 3px
   }
   #campos_busqueda div.prlo #provincia,
   #campos_busqueda div.prlo #localitat {
      width: 100%;
      max-width: 100%;
   }
   #texto_resultado p#cabecera_resultado {
      font-size: 15px;
   }
   .wrapper-distribuidor {
     padding: 5px;
    width: 45.5%;
    float: left;
    min-height: 173px;
    /*155*/
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 5px;
   }
   
}   
/* fin nueva búsqueda de tiendas */

/* nueva busqueda en carrega_comanda */
#form_distribuidor.carrega_comanda {
    position: absolute;
    top: 44%;
    border: 2px solid #333333;
    z-index: 1;
    width: 80%;
    max-height: 62%;
    overflow-x: hidden;
    left: 10%;
}
#form_distribuidor.carrega_comanda .destacat {
   text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    word-spacing: 2px;
    font-weight: 500;
    display: block;
}
#form_distribuidor.carrega_comanda #campos_busqueda {
   float: none;
   margin: 0 auto;
   width: 100%;
}
#form_distribuidor.carrega_comanda #boto_comprar2.boto_muntador {
   display: block;
   margin: 0 0 50px 0;
   background: #FFF;
   height: auto;
   padding-bottom: 30px;
}

#form_distribuidor.carrega_comanda #boto_comprar2.boto_muntador .boto_muntador_text {
    display: inline-block;
    padding: 15px;
    background-color: #000;
    text-transform: uppercase;
    
}

#form_distribuidor.carrega_comanda #boto_comprar2.boto_muntador .boto_muntador_volver {
    display: inline-block;
    padding: 15px;
    background-color: #000;
    text-transform: uppercase;
    width: 120px;
}

#form_distribuidor.carrega_comanda #boto_comprar2.boto_muntador .boto_muntador_cerrar {
    display: inline-block;
    padding: 15px;
    background-color: #000;
    text-transform: uppercase;
    width: 120px;
}
@media (max-width:768px) {
   #form_distribuidor.carrega_comanda #boto_comprar2.boto_muntador .boto_muntador_text {
     max-width: 34%;
     font-size: 10px;
   }

   #form_distribuidor.carrega_comanda #boto_comprar2.boto_muntador .boto_muntador_volver {
     max-width: 39%;
     font-size: 10px;
   }

   #form_distribuidor.carrega_comanda #boto_comprar2.boto_muntador .boto_muntador_cerrar {
    max-width: 44%;
    margin: 15px auto;
    display: block;
    font-size: 10px;
   }
}

#form_distribuidor.carrega_comanda  .wrapper_dist_comanda {
   float: left;
   width: 30%;
   /*outline: solid 1px red;*/
   margin-left: 20px;
}
#form_distribuidor.carrega_comanda  .wrapper_dist_comanda #botiga {
   top: 4px;
   left: 4px;
   position: relative;
}
#form_distribuidor.carrega_comanda  .wrapper-distribuidor {
   float: right;
   padding: 0;
   width: 89%;
   min-height: 129px;
}
@media (max-width:768px) {
   #form_distribuidor.carrega_comanda .wrapper_dist_comanda {
      width:49%;
      margin-left: 0px;
   }
   #form_distribuidor.carrega_comanda .wrapper-distribuidor {
    float: right;
    padding: 0;
    width: 81%;
    min-height: 129px
   }
   #form_distribuidor.carrega_comanda .wrapper_dist_comanda #botiga {
    top: 2px;
    left: 2px;
    position: relative;
   }
   #texto_busqueda,
   #imagen_busqueda {
      width: 100%;
   }
}


/* fin nueva búsqueda en carrega_comanda */