@import "CO_jquery-ui.css";
@import url(https://fonts.googleapis.com/css?family=Arimo|Nunito:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Rubik+Mono+One&display=swap);
@import url(https://fonts.googleapis.com/css?family=Francois+One);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Racing+Sans+One);
@import url(https://fonts.googleapis.com/css?family=Changa+One);

@font-face {
  font-family: 'Victoria Typetriter';
  src: url('https://www.comprarordenador.com/9Program/xCO/css/Victoria%20Typewriter%20Regular.ttf');
}

@font-face {
  font-family: 'Victoria Typetriter Bold';
  src: url('https://www.comprarordenador.com/9Program/xCO/css/Victoria-Typewriter-Bold.ttf');
}

:root {
  --ColorText: #ffd200;
  --ColorBorder: #ffd200;
  --ColorBotoLlis: #ffd200;
  --ColorTit: #000;
  --ColorAreaCliente: cornsilk;
  --ColorVermellBoto: rgba(255, 210, 0, 1);
  --ColorVermellBotoRatlla: rgba(250, 222, 162, 1);
  --ColorVermellBotoTexte: #000;
  --ColorVermellActivat: rgba(0, 0, 0, 1);
  --ColorVermellActivatRatlla: rgba(120, 120, 120, 1);
  --ColorVermellActivatTexte: #fff;
}


.clear {
  clear: both;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  /*box-sizing: border-box; /*Al mòdul de AreaPrivada no pot haver-hi el border-box*/
}

*:not(.noborderbox) {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*Al mòdul de AreaPrivada no pot haver-hi el border-box*/
}

html,
body {
  width: auto;
  height: 100%;
  overflow: auto;
  font-family: 'Arimo', sans-serif;
  font-weight: 100;
  font-size: 100%;
  background-color: #white;
  color: #000;
}

img {
  width: 100%;
  height: auto;
}

a {
  color: #333;
  text-decoration: none;
}

#xBuscar {
  width: 100%;
  color: #777777;
  margin: 0;
  padding: 5px;
  border: #111111 solid 1px;
  border-radius: 4px;
}

#xBuscar::placeholder {
  color: rgb(17, 17, 17);
}



.containerMenuSO {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.containerMenuSO_left {
  display: block;
  width: 40%;
  min-width: 300px;
}

.containerMenuSO_center {
  display: block;
  width: 30%;
  min-width: 300px;
  border: 1px #ddd solid;
  padding: 25px;
}

.containerMenuSO_right {
  display: block;
  width: 30%;
  min-width: 300px;
}

#SubMenu {
  display: none;
}

.codistockContainer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.codistock {
  font-size: 12px;
  margin-top: 35px;
  display: block;
}

.codistock1 {
  color: #ff4800;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  display: block;
}

.fotokit1_content {
  display: none;
  float: left;
  position: absolute;
  background: #ffd200;
  height: 60px;
  width: 100%;
  padding: 20px;
  opacity: .8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  top: 110px;
  left: 0px;
  color: #000;
  font-size: 18px;
  font-family: "Lucida Grande", Arial, sans-serif;
  text-align: center;
  z-index: 2000;
}

label {
  font-family: 'Nunito', sans-serif;
  color: #000;
  font-size: 16px;
  display: block;
  margin: 15px 5px 5px;
}


.IMGcontext-menu {
  display: none;
  position: absolute;
  background-color: black;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  padding: 0px;
}

.IMGcontext-menu-item {
  padding: 8px 15px;
  cursor: pointer;
}





/* Pel color dels placeholders */
::-webkit-input-placeholder {
  color: #ccc;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #ccc;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}

:-ms-input-placeholder {
  color: #ccc;
}

:focus::-webkit-input-placeholder {
  color: transparent;
}

/* en IOS: Perqué desaparegui el placeholder quan entrem en un camp */


.tooltip {
  border-bottom: 1px dotted #000000;
  color: #000000;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  position: relative;
}

.tooltip span {
  margin-left: -999em;
  position: absolute;
}

.tooltip:hover span {
  border-radius: 5px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute;
  left: 1em;
  top: 4em;
  z-index: 99;
  margin-left: 0;
  width: 350px;
}

.tooltip:hover img {
  border: 0;
  /* margin: -10px 0 0 -200px; */
  margin: -8px 0 0 -180px;
  float: left;
  position: absolute;
}

.tooltip:hover em {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  display: block;
  padding: 0.2em 0 0.6em 0;
}

.tooltip:hover u {
  font-family: Candara, Tahoma, Geneva, sans-serif;
  font-size: 1.5em;
  font-weight: bolder;
  display: block;
  padding: 0.2em 0 0.6em 0;
}

.tooltipclassic {
  padding: 0.8em 1em;
}

.tooltipcustom {
  padding: 0.5em 0.8em 0.8em 2em;
}

/* * html a:hover { background: transparent; } */
.tooltipclassic {
  background: #FFFFAA;
  border: 1px solid #FFAD33;
}

.tooltipcritical {
  background: #FFCCAA;
  border: 1px solid #FF3334;
}

.tooltiphelp {
  background: #9FDAEE;
  border: 1px solid #2BB0D7;
}

.tooltipinfo {
  background: #FFF;
  border: 2px solid #FFD200;
  color: #666
}

.tooltipwarning {
  background: #FFFFAA;
  border: 1px solid #FFAD33;
}

.loaderBody {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../IMG1/pageloader.gif') 50% 50% no-repeat rgb(249, 249, 249);
  opacity: .8;
}

.loaderBodyRetard {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('../IMG1/pageloaderRetard.gif') 50% 50% no-repeat rgb(249, 249, 249);
  /* background: url('../IMG1/pageloader.gif') 50% 50% no-repeat rgb(249,249,249); */
  opacity: .8;
}

.container {
  width: 99%;
  /* max-width: 1200px; */
  margin: 0px auto;
  overflow: hidden;
}

.BarraSupGris {
  background-color: #eeeded;
  border-bottom: #aaaaaa80 1px solid;
  padding: 10px 0px;
  display: flex;
}

.BarraSupGris img {
  width: auto;
}

.BarraSupGris a.quienesSomos {
  color: #999;
  text-decoration: none;
  line-height: 18px;
}

.BarraSupGris a.quienesSomos:hover {
  color: #ffd200;
}

.BarraSupGrisMargeEsq {
  float: left;
  width: 5%;
}

.BarraSupGrisEsq {
  float: left;
  /* width: 20%; */
  text-align: right;
}

.BarraSupGrisDret {
  float: left;
  /* width: 70%; */
}

.BarraSupGrisMargeDret {
  float: left;
  width: 60%;
  padding-right: 10px;
}

.DadesClientLoguejat {
  width: 100%;
  text-align: right;
  font-size: 10px;
  padding-right: 10px;
  font-family: 'Nunito', sans-serif;
}

.superior,
inferior {
  width: 100%;
  padding-top: 10px;
}

.main {
  width: 100%;
  float: left;
  padding: 10px;
  background: white;
}


nav {
  width: 100%
}

aside {
  width: 100%;
  float: right;
  padding: 10px;
  background: white;
  color: #333;
}

footer {
  clear: both;
  width: 100%;
  background-color: white;
  text-align: center;
}

footer a {
  color: #fff;
}

.amplaPagina {
  width: 100%;
  margin: 0 auto;
}

.scrollup {
  z-index: 999999;
  width: 60px;
  height: 60px;
  opacity: 0.9;
  position: fixed;
  bottom: 50px;
  right: 10px;
  display: none;
  text-indent: -9999px;
  background: url('../IMG/iconTop.png') no-repeat;
}

.footersup {
  max-width: 1100px;
  margin: 10px auto;
}

.bt {
  display: inline-block;
  width: auto;
  color: #000000;
  background: #ffd200;
  padding: 2px;
  text-align: center;
  border: none;
  font-size: 14px;
}

.BotoAfegirCarret {
  border: none;
  margin-bottom: 10px;
  display: block;
  width: 100px;
  box-sizing: border-box;
  padding: 8px;
  /* padding-bottom: 4px; */
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  /* font-weight:bold; */
  text-shadow: none;
  font-family: 'Nunito', sans-serif;
  box-shadow: 2px 2px 5px #999;
  color: #000000;
  cursor: pointer;
  background: rgba(255, 169, 77, 1);
  background: -moz-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 210, 0, 1)), color-stop(24%, rgba(250, 222, 162, 1)), color-stop(48%, rgba(255, 210, 0, 1))), color-stop(100%, rgba(255, 174, 0, 1));
  background: -webkit-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(240, 215, 183, 1) 24%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000;
  text-decoration: none;
}

.BotoAfegirCarret:hover {
  color: #ffffff;
  text-decoration: none;
  background: rgba(255, 169, 77, 1);
  background: -moz-linear-gradient(top, rgba(255, 174, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 174, 0, 1) 48%, rgba(255, 174, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 174, 0, 1)), color-stop(24%, rgba(250, 222, 162, 1)), color-stop(48%, rgba(255, 174, 0, 1))), color-stop(100%, rgba(255, 174, 0, 1));
  background: -webkit-linear-gradient(top, rgba(255, 174, 0, 1) 0%, rgba(240, 215, 183, 1) 24%, rgba(255, 174, 0, 1) 48%, rgba(255, 174, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 174, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 174, 0, 1) 48%, rgba(255, 174, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 174, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 174, 0, 1) 48%, rgba(255, 174, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border: 0px solid #000000;
}

.BotoAfegirCarret-disabled {
  border: none;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  font-size: 15px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
  font-family: 'Nunito', sans-serif;
  box-shadow: 2px 2px 5px #999;
  background: transparent url(../IMG/bag-ico.png) 10px 5px no-repeat;
  padding-left: 30px;
  background-color: #6d6d6d;
  color: #FFFFFF;
  cursor: none;
}

.BotoAfegirCarret-disabled:hover {
  background-color: #6d6d6d;
  text-decoration: none
}

.box_9web_preus {
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  color: #000000;
  text-align: center;
  font-size: 20px;
}

.box_9web_preus p {
  font-size: 19px;
  color: #6c6c6c;
}

.box_9web {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  padding-bottom: 2px;
}

.inner-box_9web {
  float: left;
  display: flex;
  align-items: center;
  /* Centra verticalmente */
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  color: #000000;
  text-align: left;
  margin: 0;
  padding: 0;

}

.i1_9web {
  font-size: 30px;
  padding-right: 10px;
}

.i2_9web {
  font-size: 15px;
}

.i3_9web {
  font-size: 15px;
  color: #404040;
  font-weight: normal;
  display: flex;
  flex-direction: column;
}


.BotoMasInfoLlistat {
  border: none;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
  font-family: 'Nunito', sans-serif;
  box-shadow: 2px 2px 5px #999;
  background: transparent url(../IMG/icono-lupa-mas-info.png) 10px 7px no-repeat;
  padding-left: 30px;
  background-color: #ffd200;
  color: #000000;
}

.BotoMasInfoLlistat:hover {
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
}


.botoEnviar {
  float: left;
  font-size: 16px;
  color: #000000;
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  padding: 4px;
  border-radius: 5px;
  background-color: #ffd200;
}

.botoEnviar:hover {
  background-color: #000000;
  color: #ffffff
}

.BotoZonaCliente,
.BotoZonaInfo {
  display: inline-block;
  padding: 3px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffd200;
  color: #ff6600;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  transition: all .3s ease-in-out;
}

.BotoZonaCliente {
  background-color: initial;
}

.BotoZonaInfo {}

.BotoOKBuscar {
  width: 100%;
  padding: 5px;
  margin: 0px;
  font-size: 0.8em;
  border-radius: 10px;
  background-image: none;
  background-color: #ffd200;
  color: #000;
  text-align: center;
  height: 27px;
}


.see-ico {
  border-radius: 5px;
  width: 35px;
  height: 25px;
  float: left;
  margin: 5px;
  padding: 10px;
  cursor: pointer;
  background: #039fd3 url(../IMG/Ico_Foto.png) 50% no-repeat;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.see-ico:hover {
  background-color: #ffa800;
}

.liniaGris {
  height: 1px;
  border: #cccccc solid 1px;
}

.style-2 input[type="text"],
input[type="password"],
textarea {
  padding: 10px;
  border: solid 1px #ffa800;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}

.style-2 input[type="text"]:focus,
.style-2 input[type="text"].focus,
.style-2 input[type="password"]:focus,
.style-2 input[type="password"].focus,
.style-2 textarea:focus,
.style-2 textarea.focus {
  border: solid 1px #ffa800;
}

.labelAltaCli {
  width: 100%;
  float: left;
  text-align: left;
}

.inputAltaCli {
  width: 100%;
  float: left;
  text-align: left;
  margin: 5px;
}

.cajasZonaClientes h3 {
  font-size: 16px;
  font-family: 'Nunito', sans-serif;
  color: #ffd200;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}

.cajasZonaClientes .icona {
  float: left;
  width: 100px;
  margin-right: 20px;
}

.cajasZonaClientes .info {
  float: left;
  max-width: 150px;
}

.cajasZonaClientes input[type="text"],
input[type="password"],
textarea {
  margin: 0;
  padding: 10px;
  border: solid 1px #c9c9c9;
  margin-bottom: 10px;
  -webkit-transition: border 0.3s;
  -moz-transition: border 0.3s;
  -o-transition: border 0.3s;
  transition: border 0.3s;
}

.cajasZonaClientes input[type="text"]:focus,
.cajasZonaClientes input[type="text"].focus,
.cajasZonaClientes input[type="password"]:focus,
.cajasZonaClientes input[type="password"].focus,
.cajasZonaClientes textarea:focus,
.cajasZonaClientes textarea.focus {
  border: solid 1px #969696;
}

.caixaPagaments {
  float: left;
  width: 100%;
  height: 250px;
  text-align: center;
  border-bottom: #ffd200 1px solid;
}

.botoArea {
  display: block;
  padding: 5px;
  background: rgba(255, 210, 0, 1);
  background: -moz-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 210, 0, 1)), color-stop(24%, rgba(250, 222, 162, 1)), color-stop(48%, rgba(255, 210, 0, 1))), color-stop(100%, rgba(255, 174, 0, 1));
  background: -webkit-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(240, 215, 183, 1) 24%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  transition: all .2s ease-in-out;

  border-radius: 4px;
  margin-bottom: 10px;
}

.botoArea .iconaB {
  float: left;
  width: 20px;
  margin-right: 10px;
  text-align: center;
}

.botoArea .lletraB {
  width: 275px;
  margin-right: 10px;
  color: #000000;
  font-size: 16px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  padding: 5px;
  text-align: center;
}

.botoArea .iconaB img {
  width: 100%;
  height: auto;
  margin-top: 5px;
  margin-left: 7px;
}

.botoArea:hover {
  text-decoration: none;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient (left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(24%, rgba(120, 120, 120, 1)), color-stop(48%, rgba(0, 0, 0, 1))), color-stop(100%, rgba(0, 0, 0, 1));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 24%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border: 0px solid #000000;
  transition: all .2s ease-in-out;
}

.botoArea .lletraB:hover {
  color: #fff;
}

.botoArea2 {
  display: block;
  padding: 0;
  background-color: #ffa800;
  border-radius: 4px;
  margin-bottom: 10px;
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
}

.botoArea2:hover {
  text-decoration: none;
  background-color: #c98707 !important;
  color: #fff;
}

.BotoZC {
  display: inline-block;
  padding: 3px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* background-color: #ffd200; */
  background: rgba(255, 210, 0, 1);
  background: -moz-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 210, 0, 1)), color-stop(24%, rgba(250, 222, 162, 1)), color-stop(48%, rgba(255, 210, 0, 1))), color-stop(100%, rgba(255, 174, 0, 1));
  background: -webkit-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(240, 215, 183, 1) 24%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);

  color: #000000;
  width: 125%;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  transition: all .2s ease-in-out;

}

.BotoZC:hover {

  color: #FFFFFF;
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient (left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(24%, rgba(120, 120, 120, 1)), color-stop(48%, rgba(0, 0, 0, 1))), color-stop(100%, rgba(0, 0, 0, 1));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 24%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border: 0px solid #000000;
  text-decoration: none color: #000000;
  width: 125%;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  transition: all .2s ease-in-out;
}

.IcoQualitat {
  padding-bottom: 100px;
}

.IcoQualitatEsq {
  float: left;
  width: 25%;
}

.IcoQualitatDret {
  float: left;
  padding-left: 10px;
  padding-top: 38px;
  width: 75%;
}

#resumOpinions {
  width: 100%;
  margin: 30px auto;
  padding-bottom: 40px;
  padding-top: 10px;
}

#resumOpinions h2 {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
}

#resumOpinions .opin {
  width: 50%;
  float: left;
  text-align: center;
  padding: 1.5%;
}

#resumOpinions .opin h2 {
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  text-align: center;
  color: #777777;
}

#resumOpinions .opin h2 span {
  color: #000000;
}

#resumOpinions .opin h3 {
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  color: #8f8d8a;
  margin-bottom: 15px;
}

#resumOpinions .opin p {
  font-size: 15px;
  font-weight: normal;
  text-align: center;
  color: #777777;
}

#resumOpinions .botonVerMasOpiniones {
  text-transform: uppercase;
  display: block;
  width: 260px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 8px;
  font-size: 15px;
  color: #FFFFFF !important;
  border-radius: 5px;
  background-color: #EBBD1D;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  text-shadow: none;
  text-shadow: none;
  background: -moz-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -ms-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -o-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -webkit-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: linear-gradient(#ffa800 0%, #ffd200 100%);
}

header {
  width: 100%;
  text-align: center;
  background: white;
}

.header90 {
  width: 100%;
  height: auto;
  float: left;
  margin-bottom: 10px;
}

.header91 {
  width: 100%;
  height: 55px;
  float: left;
  padding: 10px 0px 10px 10px;
  background-color: floralwhite;
}

.header901 {
  width: 100%;
  height: auto;
  float: left;
  padding-top: 10px;
}

.header902 {
  width: 100%;
  height: auto;
  float: left;
  margin-left: -25px;
}

.header911 {
  width: 50%;
  float: left;
}

.header912 {
  width: 50%;
  float: left;
  text-align: right;
}

#BarraGris {
  width: 100%;
  margin-top: 50px;
  background-color: #eeeded;
  border-bottom: #aaaaaa80 1px solid;
}

#BarraGris img {
  width: auto;
}

#BarraGrisBlocEsq {
  float: left;
  width: 100%;
  background-color: #eeeded;
}

#BarraGrisBlocDret {
  float: left;
  width: 100%;
  background-color: #eeeded;
  border-bottom: #aaaaaa80 1px solid;
}

#MenuMasInfoPCBlocEsq {
  float: left;
  width: 100%;
}

#MenuMasInfoPCBlocDret {
  float: left;
  width: 100%;
}

#BarraGris1 {
  float: left;
  width: auto;
  height: 40px;
  padding-top: 4px;
  padding-left: 2px;
}

#BarraGris2 {
  float: left;
  width: auto;
  height: 40px;
  padding-top: 4px;
  padding-left: 5px;
}

#BarraGris3 {
  float: left;
  width: auto;
  height: 40px;
  padding-top: 4px;
  padding-left: 2px;
}

#BarraGris4 {
  float: left;
  width: auto;
  height: 40px;
  padding-top: 4px;
  padding-left: 2px;
}


#ButInfo_aplus {
  cursor: pointer;
  margin-left: 20px;
  margin-top: 10px;
}

#slide1 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  width: 100%;
  height: 620px;
  background-color: white;
  color: red;
  padding: 25px 0px 0px 0px;
  float: left;
}

#slide3 {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  width: 100%;
  height: auto;
  background-color: white;
  color: red;
  padding: 25px 0px 0px 0px;
  float: left;
}

.shadow {
  -webkit-box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.30);
  -moz-box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.30);
  box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, 0.30);
}

.shadowHard {
  -webkit-box-shadow: 5px 5px 18px -6px rgba(0, 0, 0, 1);
  -moz-box-shadow: 5px 5px 18px -6px rgba(0, 0, 0, 1);
  box-shadow: 5px 5px 18px -6px rgba(0, 0, 0, 1);
}


.prods-cnt {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  /* width: 950px; */
  width: 100%;
  height: auto;
  min-height: 400px;
  padding: 0px;
  /* overflow: auto; */
}

.prods-cnt img {
  width: auto;
}

.prod-box {
  position: relative;
  width: 250px;
  min-height: 220px;
  padding: 15px;
  background-color: #fff;
  float: left;
  border: #cccccc solid 1px;
}

.prod-box:hover {
  border: #ffa800 solid 1px;
}

.prod-box .mesinfo {
  height: 25px;
  width: 188px;
  float: right;
  clear: both;
  margin: 5px 5px 0 0;
  padding: 10px 12px;
  background-color: #ddd;
  border-radius: 3px;
  vertical-align: middle;
}

.prod-box .mespreus {
  float: right;
  clear: both;
  margin: 5px 5px 0 0;
  padding: 5px 0px 2px 5px;
  vertical-align: middle;
  font-size: .8em;
  color: green;
  background-color: #ddd;
  border-radius: 3px;
}

.prod-box .mespreus_list {
  display: none;
}

/*.prod-box img:first-child, .prod-box-list img:first-child{float: left;}*/


.prod-box h3 a {
  text-decoration: none;
  height: 40px;
  float: left;
  margin: 10px 0;
  color: #313131;
  font-size: 15px;
  font-weight: normal;
}

.prod-box h3 a:hover {
  color: #000000;
}

.prod-box p {
  display: none;
}

.prod-box .old {

  margin: 20px;
  color: #be0000 !important;
  text-decoration: line-through;

}

.prod-box .price {
  width: 260px;
  display: inline;
  float: none;
  font-size: 24px;
  color: #000000;
  padding: 0;
  text-align: center;
}

.prod-box .info {
  width: 100px;
  padding-bottom: 5px;
  display: inline;
  float: left;
  font-size: 12px;
  color: #181818;
}

.prod-box .buy-ico {
  border-radius: 5px;
  width: 35px;
  height: 25px;
  float: left;
  margin: 5px;
  padding: 10px;
  cursor: pointer;
  background: #ffa800 url(../IMG/bag-ico.png) 50% no-repeat;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.prod-box .buy-ico:hover {
  background-color: #ffa800;
}

.prod-box .buy-ico-disabled {
  border-radius: 5px;
  width: 35px;
  height: 25px;
  float: left;
  margin: 5px;
  padding: 10px;
  cursor: default;
  background: #ccc url(../IMG/bag-ico.png) 50% no-repeat;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.prod-box .buy-ico-disabled:hover {
  background-color: #ccc;
}


/*Boto carret per 5 unitats*/

.prod-box .buy-ico5 {
  border-radius: 5px;
  width: 35px;
  height: 25px;
  float: left;
  margin: 5px;
  padding: 10px;
  cursor: pointer;
  background: #ffa800 url(../IMG/bag-ico5.png) 50% no-repeat;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.prod-box .buy-ico5:hover {
  background-color: #ffa800;
}

.prod-box .buy-ico5-disabled {
  border-radius: 5px;
  width: 35px;
  height: 25px;
  float: left;
  margin: 5px;
  padding: 10px;
  cursor: default;
  background: #ccc url(../IMG/bag-ico5.png) 50% no-repeat;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.prod-box .buy-ico5-disabled:hover {
  background-color: #ccc;
}

.prod-box .see-ico {
  border-radius: 5px;
  width: 35px;
  height: 25px;
  float: left;
  margin: 5px;
  padding: 10px;
  cursor: pointer;
  background: #039fd3 url(../IMG/Ico_Foto.png) 50% no-repeat;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.prod-box .see-ico:hover {
  background-color: #ffa800;
}

.pro_ads {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  background-color: #fff;
  float: right;
  /* width:115px; */
  margin-top: 0;
}

.imgbannerservicios img {
  width: 90%;
  margin: 10px 15px;
}

.infoservercontacto {
  font-family: 'Nunito', sans-serif;
  width: 100%;
}

.infoservercontactobloc1 {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.infoservercontactobloc2 {
  float: left;
  width: 100%;
}

.OpcionsCol1 {
  width: 100%;
  float: left;
  text-align: center;
  padding-top: 2px;
}

.OpcionsCol2 {
  width: 100%;
  float: left;
  text-align: center;
}

.OpcionsCol3 {
  width: 100%;
  float: left;
  text-align: center;
  display: flex;
}

.OpcionsCol4 {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.estilFitxaProd .foto {
  position: relative;
  float: left;
  width: 100%;
  margin-right: 5%;
  padding: 5px;
  text-align: center;
}

.estilFitxaProd .foto img {
  width: 100%;
  height: auto;
}

.estilFitxaProd .informacio {
  float: left;
  width: 100%;
  padding: 5px;
}

.estilFitxaProd .informacio h3 {
  padding: 0;
  margin: 0;
  color: #3c2e25;
  font-size: 22px;
  width: 100%;
  margin-bottom: 20px;
}

.estilFitxaProd .informacio h3 a {
  text-decoration: none;
  color: #3c2e25;
  font-size: 22px;
}

.estilFitxaProd .informacio .infoCodisEsq {
  width: 100%;
  float: left;
}

.estilFitxaProd .informacio .infoCodisDre {
  width: 100%;
  float: left;
}

.estilFitxaProd .informacio .infoCodis {
  width: 100px;
  padding-bottom: 5px;
  display: inline;
  float: left;
  font-size: 12px;
  color: #181818;
}

.estilFitxaProd .resta {
  float: left;
  width: 100%;
  padding: 10px;
}

.estilFitxaProd p {
  color: #888;
  float: left;
  margin: 20px 10px 10px 10px;
  font-size: 13px;
  line-height: 20px;
}

.estilFitxaProd .buy-ico-disabled {
  border-radius: 2px;
  width: 100px;
  height: 30px;
  float: right;
  margin: 5px;
  cursor: default;
  background: #ccc url(../IMG/bag-ico.png) 50% no-repeat;
  background-position: right center;
  background-position: 90%;
  padding: 5px 0px 0px 10px;
  -webkit-transition: background-color 0.3s ease-in;
  -moz-transition: background-color 0.3s ease-in;
  -o-transition: background-color 0.3s ease-in;
  transition: background-color 0.3s ease-in;
}

.estilFitxaProd .buy-ico-disabled:before {
  content: "Comprar";
  line-height: 22px;
  color: white;
}

.estilFitxaProd .buy-ico-disabled:hover {
  background-color: #ccc;
}

.estilFitxaProd .old {
  color: #be0000 !important;
  float: right;
  font-size: 18px;
  text-decoration: line-through;
}

.estilFitxaProd .price {
  display: block;
  font-size: 20px;
  color: #181818;
  margin: 0;
  margin-right: 10px;
}

.estilFitxaProd .mespreus_list {
  float: none;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  font-size: .8em;
  color: #000000;
  border-radius: 3px;
}

.estilFitxaProd .price-cnt {
  width: 100%;
  height: auto;
  text-align: center;
}

.QuantitatInput {
  /*    margin-top: 10px;*/
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;
  border: #ffd200 solid 2px;
  color: #b1b0b0;
  width: 40px;
}


.formatProducteInici {
  position: relative;
  /* width: 255px !important; */
  width: 80%;
  min-height: 220px;
  padding: 15px;
  background-color: #fff;
  /* margin-bottom: 10px;
    margin-left: 10%; */
  margin: 5px 10%;
}

.formatProducteInici .mesinfo {
  height: 25px;
  width: 188px;
  float: right;
  clear: both;
  margin: 5px 5px 0 0;
  padding: 10px 12px;
  background-color: #ddd;
  border-radius: 3px;
  vertical-align: middle;
}

.formatProducteInici .mespreus {
  float: right;
  clear: both;
  width: 100%;
  margin: 0;
  margin-top: 5px !important;
  padding: 5px;
  vertical-align: middle;
  font-size: .8em;
  color: #000000;
  background-color: #ffffff !important;
  border-radius: 3px;
}

.formatProducteInici .mespreus_list {
  display: none;
}

.formatProducteInici img:first-child {
  float: left;
}

.formatProducteInici h3 a {
  text-decoration: none;
  /* width:220px; */
  height: 40px;
  float: left;
  margin: 10px 0;
  color: #888;
  font-size: 14px;
}

.formatProducteInici h3 a:hover {
  text-decoration: underline;
}

.formatProducteInici p {
  display: none;
}

.formatProducteInici .old {
  margin: 20px;
  color: #be0000 !important;
  text-decoration: line-through;
}

.formatProducteInici .price {
  width: 260px;
  display: inline;
  float: none;
  font-size: 14px;
  color: #777777;
  padding: 0;
}

.formatProducteInici .info {
  /* width: 100px; */
  padding-bottom: 5px;
  display: inline;
  float: left;
  font-size: 12px;
  color: #181818;

}

.nouBotoMesInformacio {
  border: none;
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 6px;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: none;
  box-shadow: 2px 2px 5px #999;
  /* background: transparent url(https://www.comprarordenador.com/9Program/10CO/IMG/mas-info-ico.png) 15px 6px no-repeat; */
  background-color: #e1531a;
  color: #FFFFFF;
}

.nouBotoMesInformacio:hover {
  background-color: #474747;
  text-decoration: none;
}

.BotRed {
  font-size: 45px;
}

.BotoTaronja {
  text-transform: uppercase;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  font-size: 15px;
  color: #FFFFFF !important;
  border-radius: 5px;
  background-color: #EBBD1D;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  text-shadow: none;
  text-shadow: none;
  background: -moz-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -ms-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -o-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -webkit-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: linear-gradient(#ffa800 0%, #ffd200 100%);
}

.BotoTaronja:hover {
  background-color: #ffa800;
  text-shadow: none;
  color: #FFFFFF;
  background: -moz-linear-gradient(#cc4315 0%, #f96420 100%);
  background: -ms-linear-gradient(#cc4315 0%, #f96420 100%);
  background: -o-linear-gradient(#cc4315 0%, #f96420 100%);
  background: -webkit-linear-gradient(#cc4315 0%, #f96420 100%);
  background: linear-gradient(#cc4315 0%, #f96420 100%);
}

.BotoVermellos {
  text-shadow: none !important;
  border: none;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  font-size: 15px;
  color: #FFFFFF !important;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  text-shadow: none;
  box-shadow: 2px 2px 5px #999;
  background-color: #ffa800;
  text-shadow: none;
  color: #FFFFFF;
  background: -moz-linear-gradient(#cc4315 0%, #f96420 100%);
  background: -ms-linear-gradient(#cc4315 0%, #f96420 100%);
  background: -o-linear-gradient(#cc4315 0%, #f96420 100%);
  background: -webkit-linear-gradient(#cc4315 0%, #f96420 100%);
  background: linear-gradient(#cc4315 0%, #f96420 100%);
}

.BotoVermellos:hover {
  background-color: #EBBD1D;
  background: -moz-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -ms-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -o-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: -webkit-linear-gradient(#ffa800 0%, #ffd200 100%);
  background: linear-gradient(#ffa800 0%, #ffd200 100%);
}

.BotoSenseHover {
  border: none;
  margin-bottom: 10px;
  display: block;
  width: 100px;
  box-sizing: border-box;
  padding: 8px;
  padding-bottom: 4px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
  font-family: 'Nunito', sans-serif;
  box-shadow: 2px 2px 5px #999;
  color: #000000;
  background: rgba(255, 169, 77, 1);
  background: -moz-linear-gradient(top, rgba(255, 210, 0, .50) 0%, rgba(250, 222, 162, .50) 20%, rgba(255, 210, 0, .50) 48%, rgba(255, 210, 0, .50) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 174, 0, .50)), color-stop(24%, rgba(250, 222, 162, .50)), color-stop(48%, rgba(255, 210, 0, .50))), color-stop(100%, rgba(255, 174, 0, .50));
  background: -webkit-linear-gradient(top, rgba(255, 210, 0, .50) 0%, rgba(240, 215, 183, .50) 24%, rgba(255, 210, 0, .50) 48%, rgba(255, 210, 0, .50) 100%);
  background: -o-linear-gradient(top, rgba(255, 210, 0, .50) 0%, rgba(250, 222, 162, .50) 20%, rgba(255, 210, 0, .50) 48%, rgba(255, 210, 0, .50) 100%);
  background: -ms-linear-gradient(top, rgba(255, 210, 0, .50) 0%, rgba(250, 222, 162, .50) 20%, rgba(255, 210, 0, .50) 48%, rgba(255, 210, 0, .50) 100%);
  background: linear-gradient(to bottom, rgba(255, 210, 0, .50) 0%, rgba(250, 222, 162, .50) 20%, rgba(255, 210, 0, .50) 48%, rgba(255, 210, 0, .50) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000;
  text-decoration: none;
}

.BtOp {
  width: 100%;
  float: left;
}

.BtOp img {
  margin-right: 25px;
  height: auto;
}

.BotoVeureOpcions {
  border: none;
  margin-bottom: 10px;
  display: block;
  width: auto;
  float: left;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 8px;
  padding-bottom: 4px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  /* text-transform:uppercase; */
  font-weight: 400;
  text-shadow: none;
  font-family: 'Nunito', sans-serif;
  box-shadow: 2px 2px 5px #999;
  color: #000000;
  cursor: pointer;

  /* background: rgba(255,169,77,1);
    background: -moz-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(250,222,162,1) 20%, rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%,rgba(255,174,0,1)), color-stop(24%,  rgba(250,222,162,1)), color-stop(48%,  rgba(255,174,0,1))), color-stop(100%,  rgba(255,174,0,1));
    background: -webkit-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(240,215,183,1) 24%,rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(250,222,162,1) 20%, rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(250,222,162,1) 20%, rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,174,0,1) 0%, rgba(250,222,162,1) 20%, rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%); */




  background: rgba(255, 210, 0, 1);
  background: -moz-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 210, 0, 1)), color-stop(24%, rgba(250, 222, 162, 1)), color-stop(48%, rgba(255, 210, 0, 1))), color-stop(100%, rgba(255, 174, 0, 1));
  background: -webkit-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(240, 215, 183, 1) 24%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);

  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000;



}

.BotoVeureOpcions:hover {
  color: #FFFFFF;
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient (left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(24%, rgba(120, 120, 120, 1)), color-stop(48%, rgba(0, 0, 0, 1))), color-stop(100%, rgba(0, 0, 0, 1));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 24%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border: 0px solid #000000;
  text-decoration: none
}


.BotoVeureOpcionsInvers {
  border: none;
  margin-bottom: 10px;
  display: block;
  width: auto;
  float: left;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 8px;
  padding-bottom: 4px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  text-shadow: none;
  font-family: 'Nunito', sans-serif;
  box-shadow: 2px 2px 5px #999;
  color: #fff;
  cursor: pointer;

  background: #000;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  /* border: 0px solid #000000; */



}

.BotoVeureOpcionsInvers:hover {
  color: #FFFFFF;
  background: rgba(255, 169, 77, 1);

  background: rgba(255, 169, 77, 1);
  background: -moz-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 210, 0, 1)), color-stop(24%, rgba(250, 222, 162, 1)), color-stop(48%, rgba(255, 210, 0, 1))), color-stop(100%, rgba(255, 174, 0, 1));
  background: -webkit-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(240, 215, 183, 1) 24%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  color: #000;
  text-decoration: none;
}





.BotoVeureFotos {
  border: none;
  margin-bottom: 10px;
  display: block;
  width: 170px;
  float: left;
  box-sizing: border-box;
  padding: 10px;
  font-size: 15px;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
  font-family: 'Nunito', sans-serif;
  box-shadow: 2px 2px 5px #999;
  background: transparent url(../IMG/boto-ico-camara.png) 7px 7px no-repeat;
  padding-left: 40px;
  background-color: #e1531a;
  color: #FFFFFF;
  cursor: pointer;
}

.BotoVeureFotos:hover {
  background-color: #6d6d6d;
  text-decoration: none
}


#porqueNosotros {
  margin-top: 30px;
  margin-bottom: 30px;
}

#porqueNosotros h2 {
  clear: both;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  text-transform: uppercase;
}

#porqueNosotros .porque {
  width: 140px;
  height: 300px;
  margin-bottom: 20px;
  float: left;
  border: #ffd200 solid 0px;
  border-radius: 4px;
  margin: 10px;
  padding: 15px;
  text-align: center;
}

#porqueNosotros .porque img {
  margin-bottom: 10px;
}

#porqueNosotros .porque h3 {
  font-size: 16px;
  color: #000000;
  text-align: center;
  margin-bottom: 10px;
  text-align: center;
}

#porqueNosotros .porque p {
  font-size: 13px !important;
  color: #777777;
  text-align: center;
  margin-bottom: 10px;
  text-align: center;
}

#banerRoja {
  margin-top: 40px;
}

#banerRoja img {
  width: 100%;
  height: auto;
}

#quienSomos h1 {
  font-family: 'Nunito', sans-serif;
  color: #ffd200;
  font-size: 34px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  padding-top: 40px;
}

#quienSomos h1 span {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 22px;
  font-weight: 600;
}

#quienSomos p {
  font-family: Arial, sans-serif;
  color: #5a5a5a;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: justify;
}

#quienSomos p span {
  font-family: Arial, sans-serif;
  color: #ffd200;
  font-size: 14px;
  font-weight: bold;
}

#origenCorporativo {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 10px;
}

#origenCorporativo img {
  width: auto;
}

#origenCorporativo h2 {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px;
}

#origenCorporativo p {
  text-align: center;
}

#origenCorporativo .bloc_1 {
  float: left;
  width: 100%;
  margin-right: 5%;
  text-align: center;
  margin-bottom: 50px;
}

#origenCorporativo .bloc_2 {
  float: left;
  width: 100%;
  margin-right: 5%;
  text-align: center;
  margin-bottom: 50px;
}

#origenCorporativo .bloc_3 {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 50px;
}

#origenProductos {
  width: 100%;
  background-color: #eef6f9;
  padding: 5%;
}

#sectorEducativo {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 40px;
}

#sectorEducativo img {
  width: auto;
}

#sectorEducativo .sectorEducativoESQ {
  width: 100%;
  float: left;
  margin-right: 25px;
}

#sectorEducativo .sectorEducativoDRE {
  width: 100%;
  float: left;
  background-color: #ffd200;
  margin-top: 25px;
}

.MicrosiftMarESQ {
  float: left;
  width: 100%;
  background-color: #f4f4f4;
  padding: 50px;
}

.MicrosiftMarDRE {
  float: left;
  width: 100%;
  padding: 50px;
  background-color: #ed1c24;
}

#nuestroCompromiso {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-top: 40px;
}

#nuestroCompromiso .nuestroCompromisoESQ {
  float: left;
  width: 100%;
}

#nuestroCompromiso .nuestroCompromisoDRE {
  float: left;
  width: 100%;
  padding-top: 30px;
}

#satisfaccionCliente {
  width: 100%;
  background-color: #eef6f9;
  padding: 5%;
  padding-top: 0px;
}

.satisfaccionClienteCalidadVerificadaEsq {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.satisfaccionClienteCalidadVerificadaDre {
  float: left;
  width: 100%;
}

.satisfaccionClienteTechAwardsEsq {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.satisfaccionClienteTechAwardsEsq img {
  max-width: 75%;
}

.satisfaccionClienteTechAwardsDre {
  float: left;
  width: 100%;
}

#futuro {
  width: 100%;
  background-color: #eeeeee;
  padding-bottom: 40px;
  padding-top: 40px;
}

#futuro img {
  width: auto;
}

/*
ValidationEngine
*/
.DatosWinACA_NomformError {
  top: 60px !important;
}

.DatosWinACA_PoblacioformError {
  top: 60px !important;
}

.DatosWinACA_ProvinciaformError {
  top: 60px !important;
}

/* Z-INDEX */
.formError {
  z-index: 990;
}

.formError .formErrorContent {
  z-index: 991;
}

.formError .formErrorArrow {
  z-index: 996;
}

.ui-dialog .formError {
  z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
  z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
  z-index: 5006;
}




.inputContainer {
  position: relative;
  float: left;
}

.formError {
  position: absolute;
  top: 300px;
  left: 300px;
  display: block;
  cursor: pointer;
  text-align: left;
}

.formError.inline {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
}

.ajaxSubmit {
  padding: 20px;
  background: #55ea55;
  border: 1px solid #999;
  display: none;
}

.formError .formErrorContent {
  left: 0px;
  top: -70px;
  width: 100%;
  background: #cc4747;
  position: relative;
  color: #fff;
  min-width: 120px;
  font-size: 11px;
  border: 2px solid #ddd;
  box-shadow: 0 0 6px #000;
  -moz-box-shadow: 0 0 6px #000;
  -webkit-box-shadow: 0 0 6px #000;
  -o-box-shadow: 0 0 6px #000;
  padding: 4px 10px 4px 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
}

.formError.inline .formErrorContent {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}

.greenPopup .formErrorContent {
  background: #33be40;
}

.blackPopup .formErrorContent {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow {
  width: 15px;
  margin: -2px 0 0 13px;
  position: relative;
}

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
  margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  margin: 0px 0 0 12px;
  top: 2px;
}

.formError .formErrorArrow div {
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  box-shadow: 0 2px 3px #444;
  -moz-box-shadow: 0 2px 3px #444;
  -webkit-box-shadow: 0 2px 3px #444;
  -o-box-shadow: 0 2px 3px #444;
  font-size: 0px;
  height: 1px;
  background: #cc4747;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
  display: block;
}

.formError .formErrorArrowBottom div {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
  background: #33be40;
}

.blackPopup .formErrorArrow div {
  background: #393939;
  color: #FFF;
}

.formError .formErrorArrow .line10 {
  width: 13px;
  border: none;
}

.formError .formErrorArrow .line9 {
  width: 11px;
  border: none;
}

.formError .formErrorArrow .line8 {
  width: 11px;
}

.formError .formErrorArrow .line7 {
  width: 9px;
}

.formError .formErrorArrow .line6 {
  width: 7px;
}

.formError .formErrorArrow .line5 {
  width: 5px;
}

.formError .formErrorArrow .line4 {
  width: 3px;
}

.formError .formErrorArrow .line3 {
  width: 1px;
  border-left: 2px solid #ddd;
  border-right: 2px solid #ddd;
  border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
  width: 3px;
  border: none;
  background: #ddd;
}

.formError .formErrorArrow .line1 {
  width: 1px;
  border: none;
  background: #ddd;
}


#peuFila_1 {}

#peuFila_1 .peuFila_1_bloc {
  width: 100%;
  background-color: #ffa800;
}

#peuFila_1 .peuFila_1_blocMargin {
  margin: 15px 0px;
}

#peuFila_1 .peuFila_1_bloc img {
  width: 100%;
  height: auto;
  margin-bottom: 20 px;
}

#peuFila_1 .peuFila_1_bloc .info {
  padding: 20px;
}

#peuFila_1 .peuFila_1_bloc .info h2 {
  font-family: 'Nunito', sans-serif;
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

#peuFila_1 .peuFila_1_bloc .info h2 span {
  color: #000000;
}

#peuFila_1 .peuFila_1_bloc .info p {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 16px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: 24px;
}

#peuFila_2 {}

#peuFila_2 .peuFila_2_bloc {
  width: 100%;
  background-color: #ffd200;
}

#peuFila_2 .peuFila_2_blocMargin {
  margin: 15px 0px;
}

#peuFila_2 .peuFila_2_bloc img {
  width: 100%;
  height: auto;
  margin-bottom: 20 px;
}

#peuFila_2 .peuFila_2_bloc .info {
  padding: 8px;
}

#peuFila_2 .peuFila_2_bloc .info h2 {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

#peuFila_2 .peuFila_2_bloc .info h2 span {
  color: #000000;
}

#peuFila_2 .peuFila_2_bloc .info p {
  font-family: Arial, sans-serif;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: justify;
}

.LOPD {
  width: 100%;
  padding: 5%;
  background-color: #eeeded;
}

.LOPD img {
  width: 100%;
  float: left;
  margin-right: 40px;
}

.LOPD p {
  color: #777777;
  font-size: 19px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
}

.LOPD h2 {
  color: #000000;
  font-size: 28px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
}

.LOPD h2 span {
  color: #ffd200;
}

#PeuGran {
  clear: both;
  width: 100%;
  background-color: #2c2c2c;
  padding-buttom: 20px;
  padding-top: 40px;
}

#PeuMenu {
  border-bottom: #ffd200 solid 1px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
}

#PeuMenu .columna_1 {
  width: 95%;
  padding-left: 30px;
}

#PeuMenu .columna_2 {
  width: 95%;
  padding-left: 30px;
}

#PeuMenu .columna_3 {
  width: 95%;
  padding-left: 30px;
}

#PeuMenu .eslogan_1 {
  margin-bottom: 20px;
  min-height: 80px;
  float: left;
  width: 100%
}

#PeuMenu .eslogan_1 h2 {
  font-size: 16px;
  color: #ffffff;
  margin: 0;
  padding: 0;
  margin-bottom: 5px;
}

#PeuMenu .eslogan_1 h2 a {
  color: #ffffff;
  font-size: 12px;
}

#PeuMenu .eslogan_1 p {
  font-size: 14px;
  color: #ffdc00;
  margin: 0;
  padding: 0;
}

#PeuMenu .eslogan_1 img {
  width: 12%;
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
}

#Peu_1 {
  padding-left: 30px;
}

#Peu_1 .columna_1 {
  width: 45%;
  float: left;
  margin-right: 10px;
  display: block;
}

#Peu_1 .columna_1 img {
  width: 25px;
  float: left;
  margin-top: 2px;
}

#Peu_1 .columna_2 {
  width: 45%;
  float: left;
  margin-right: 10px;
  display: block;
}

#Peu_1 .columna_2 img {
  width: 15px;
  float: left;
  margin-top: 2px;
}

#Peu_1 .columna_3 {
  width: 45%;
  float: left;
  margin-right: 10px;
  display: block;
}

#Peu_1 .columna_3 img {
  width: 25px;
  float: left;
  margin-top: 2px;
}

#Peu_1 .columna_4 {
  width: 45%;
  float: left;
  display: block;
}

#Peu_1 .columna_4 img {
  width: 25px;
  float: left;
  margin-top: 2px;
}

#Peu_1 .columna_5 {
  width: 95%;
  float: left;
  margin-right: 10px;
  display: block;
}

#Peu_1 .columna_5 img {
  width: 25px;
  margin-top: 2px;
}

#Peu_1 .columna_6 {
  width: 95%;
  float: left;
  margin-right: 10px;
  display: block;
}

#Peu_1 .columna_6 img {
  width: 20px;
  margin-top: 2px;
}

#Peu_1 .columna_7 {
  width: 95%;
  float: left;
  margin-right: 10px;
  display: block;
}

#Peu_1 .columna_7 img {
  width: 25px;
  margin-top: 2px;
}

#Peu_1 .columna_8 {
  width: 95%;
  float: left;
  display: block;
}

#Peu_1 .columna_8 img {
  width: 25px;
  margin-top: 2px;
}

#Peu_1 a.groc {
  cursor: pointer;
  display: block;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  background-color: #ffd200;
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
}

#Peu_1 a.groc:hover {
  background-color: #000000;
  color: #ffffff;
}

#Peu_1 a.negre {
  display: block;
  font-size: 16px;
  text-align: center;
  padding: 10px;
  /*background-color: #0c0c0c;*/
  color: #ffffff;
  text-decoration: none;
  width: 100%;
  margin-bottom: 20px;
  border-radius: 4px;
}

#Peu_1 a.negre:hover {
  background-color: #000000;
  color: #ffffff;
}

/*
cookie-bar
*/
#cookie-bar {
  background: #111111;
  line-height: 16px;
  color: #FFF;
  text-align: center;
  padding: 3px 0;
}

#cookie-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
}

#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto;
}

#cookie-bar p {
  margin: 0;
  padding: 10px 0;
}

#cookie-bar a {
  color: #ffffff;
  display: inline-block;
  border-radius: 3px;
  text-decoration: none;
  padding: 0 6px;
  margin-left: 8px;
}

#cookie-bar .cb-enable {
  background: #ffa800;
  padding: 5px;
}

#cookie-bar .cb-enable:hover {
  background: #ffd200;
}

#cookie-bar .cb-disable {
  background: #990000;
  padding: 5px;
}

#cookie-bar .cb-disable:hover {
  background: #bb0000;
}

#cookie-bar .cb-policy {
  background: #ccc;
  padding: 5px;
}

#cookie-bar .cb-policy:hover {
  background: #ffa800;
}

.MenuMasInfoPC {
  display: none;
}

.MenuMasInfoMob {
  display: inline;
}

.BtOpPC {
  display: none;
}

#columnaDreta {
  width: 100%;
}

#columnaDreta img {
  max-width: 112px;
}

#columnaDreta .baner {
  max-width: 112px;
  border: #777777 solid 0px;
  padding: 10px;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}

#columnaDreta .baner img {
  margin-bottom: 10px;
}

#columnaDreta .baner p {
  font-size: 13px !important;
  color: #000000 !important;
  text-align: center;
  margin-bottom: 10px;
  font-weight: normal;
}

#columnaDreta .baner:hover {
  border: #ffd200 solid 0px;
}

#columnaDreta .baner:hover p {
  color: #ffd200 !important;
}

#columnaDreta .banerV2 {
  max-width: 112px;
  border: #cccccc solid 0px;
  padding: 8px;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}

#columnaDreta .banerV2 img {
  margin-bottom: 10px;
}

#columnaDreta .banerV2 p {
  font-size: 13px !important;
  color: #777777 !important;
  text-align: center;
  margin-bottom: 10px;
  font-weight: normal;
}

#columnaDreta a.LinkBanerV2 {
  max-width: 112px;
  border: #cccccc solid 0px;
  padding: 8px;
  display: block;
  text-decoration: none;
  margin-bottom: 20px;
}

#columnaDreta a.LinkBanerV2:hover {
  border: 000000 solid 0px !important;
}

#columnaDreta a.LinkBanerV2 img {
  margin-bottom: 10px;
}

#columnaDreta a.LinkBanerV2 p {
  font-size: 13px !important;
  color: #777777 !important;
  text-align: center;
  margin-bottom: 10px;
  font-weight: normal;
}

.estilsFormularis {}

.estilsFormularis h1 {
  font-size: 24px;
  font-family: 'Nunito', sans-serif;
  color: #FFD200;
  margin-bottom: 30px;
}

.estilsFormularis p {
  font-size: 22px;
  color: #777777;
  margin-top: 25px;
  margin-bottom: 10px;
}

.estilsFormularis input[type="text"],
.estilsFormularis input[type="password"],
.estilsFormularis textarea {
  width: 100%;
  font-size: 16px;
  color: #777777;
  margin-bottom: 10px;
  border: #c9c9c9 solid 1px;
}

.estilsFormularis input[type="submit"] {
  font-size: 16px;
  color: #ffffff;
  width: 150px;
  text-align: center;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #ffd200;
}

.estilsFormularis input[type="submit"]:hover {
  font-size: 16px;
  color: #ffffff;
  width: 150px;
  text-align: center;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #ffd200;
}

.formCistella {
  width: 100%;
  float: left;
  padding: 0px 5px;
}

.formCistella input[type=text] {
  width: 100%;
}

.formCistellaOp {
  width: 100%;
  float: left;
  color: black;
  background-color: #eeeded45;
  padding: 10px;
  margin-top: 20px;
}

/* Customize the label (the container) */
.containerCheck {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.containerCheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #aaa;
}

/* On mouse-over, add a grey background color */
.containerCheck:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerCheck input:checked~.checkmark {
  background-color: #ffd200;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.containerCheck input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.containerCheck .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.containerRadBut {
  display: grid;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerRadBut input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmarkRadBut {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerRadBut:hover input~.checkmarkRadBut {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerRadBut input:checked~.checkmarkRadBut {
  background-color: #ffd200;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkRadBut:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRadBut input:checked~.checkmarkRadBut:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerRadBut .checkmarkRadBut:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/* .seleccioRegal {width: 100%; float: left; margin: 5px 0px; border-bottom: #ccc 1px solid;} */
.seleccioRegal {
  width: 100%;
  height: 250px;
  float: left;
  margin: 5px 0px;
  border-bottom: #ccc 1px solid;
}

.seleccioRegalEsq {
  width: 100%;
  float: left;
}

.seleccioRegalEsq img {
  width: 100%;
  max-width: 250px;
}

/* .seleccioRegalDre {width: 100%; float: left; margin: 15px 0px 15px 15px;} */
.seleccioRegalDre {
  width: 85%;
  float: left;
  margin: 15px 0px 15px 15px;
}

.formNoFra {
  float: left;
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  color: #000;
  padding-top: 10px;
}

#RB_TransPrior {
  margin-top: 10px;
}

#RB_TransPrior label {
  cursor: pointer;
  padding: 25px;
  border: 1px solid #eee;
  max-width: 300px;
}

#RB_TransPrior label:hover {
  border: 1px solid #aaa;
}

.logotransports {
  display: none;
}

#RB_TransCable {
  margin-bottom: 20px;
}

#RB_TransCable label {
  cursor: pointer;
  padding: 10px;
  border: 1px solid #eee;
  max-width: 300px;
}

#RB_TransCable label:hover {
  border: 1px solid #aaa;
}

.inputcable {
  display: none;
}

#RB_TransErgo {
  margin-bottom: 20px;
}

#RB_TransErgo label {
  cursor: pointer;
  padding: 10px;
  border: 1px solid #eee;
  max-width: 300px;
}

#RB_TransErgo label:hover {
  border: 1px solid #aaa;
}

.inputergo {
  display: none;
}

.comoPagar {
  margin-bottom: 40px;
}

.comoPagar .icona {
  float: left;
  width: 200px;
  margin-bottom: 10px;
  border: #e5e5e5 solid 0px;
  border-radius: 50px;
  text-align: center;
  padding: 10px;
}

.comoPagar .icona img {
  width: 180px;
  height: auto;
  max-width: 180px;
}

.comoPagar .info {}

.comoPagar .info h2 {
  clear: both;
  color: #373737;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
}

.comoPagar .info p {
  font-size: 18px;
  color: #777777;
  margin: 0;
}

.botoLoginLogout {
  border-radius: 4px;
  font-size: 12px;
  margin-left: 5px;
  font-family: Nunito, sans-serif;
  padding: 5px;

  background: rgba(255, 210, 0, 1);
  background: -moz-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 210, 0, 1)), color-stop(24%, rgba(250, 222, 162, 1)), color-stop(48%, rgba(255, 210, 0, 1))), color-stop(100%, rgba(255, 174, 0, 1));
  background: -webkit-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(240, 215, 183, 1) 24%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);

  color: #000000;
  cursor: pointer;
}

.botoLoginLogout:hover {

  color: #FFFFFF;
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient (left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(24%, rgba(120, 120, 120, 1)), color-stop(48%, rgba(0, 0, 0, 1))), color-stop(100%, rgba(0, 0, 0, 1));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 24%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border: 0px solid #000000;
  text-decoration: none
}

.BotonCarrito {
  display: inline-block;
  padding: 3px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffd200;
  color: #000000;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 4px;
  transition: all .3s ease-in-out;
}

.BotonCarrito:hover {
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
}

.A400 {
  float: left;
  font-size: 16px;
  font-family: 'Nunito', sans-serif;
  padding: 10px;
  margin: 5px;
}

#BuidarCarrito {
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.carritoResumen {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /* Firefox */
  width: 100%;
  height: auto;
  padding: 25px;
  margin-bottom: 10px;
  float: left;
  background-color: #f6f5f5;
  color: black;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  border-radius: 6px;
  text-align: left;
}

.carritoResumen img {
  width: auto;
}

.carritoResumenTA {
  height: auto;
}

.carritoResumenTA textarea {
  height: 125px;
}

.carritoResumenRegal {
  height: auto;
}

.carritoPeu {
  padding: 25px 0;
  width: 850px;
  margin: 0 auto;
}

.carritoPeu ul {
  text-align: right;
}

.carritoPeu ul li {
  display: inline-block;
  margin-right: 65px;
  border: 1px solid #eee;
  border-radius: 6px;
}

.carritoPeu ul li.last {
  padding-right: 0;
}

.TaulaResumCarrito {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}


.CaixaEstat {
  width: 125px;
  height: 60px;
  float: left;
  margin: 2px;
  padding: 20px;
  text-align: center;
  border: #cccccc solid 1px;
  background-color: #dddddd;
}

.CaixaEstat.actiu {
  border: #ffd200 solid 1px;
  background-color: #ffd200;
}

.botoSO {
  margin-bottom: 10px;
  width: 100%;
  text-decoration: none;
  display: inline-block;
  padding: 15px;
  color: #000000;
  font-family: Nunito;
  font-size: 14px;
  font-weight: 700;
  text-align: center;

  /* background: rgba(255,169,77,1);
	background: -moz-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(250,222,162,1) 20%, rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%,rgba(255,174,0,1)), color-stop(24%,  rgba(250,222,162,1)), color-stop(48%,  rgba(255,174,0,1))), color-stop(100%,  rgba(255,174,0,1));
	background: -webkit-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(240,215,183,1) 24%,rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
	background: -o-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(250,222,162,1) 20%, rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,174,0,1) 0%, rgba(250,222,162,1) 20%, rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,174,0,1) 0%, rgba(250,222,162,1) 20%, rgba(255,174,0,1) 48%, rgba(255,174,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0 ); */

  background: rgba(255, 169, 77, 1);
  background: -moz-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 210, 0, 1)), color-stop(24%, rgba(250, 222, 162, 1)), color-stop(48%, rgba(255, 210, 0, 1))), color-stop(100%, rgba(255, 174, 0, 1));
  background: -webkit-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(240, 215, 183, 1) 24%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 210, 0, 1) 0%, rgba(250, 222, 162, 1) 20%, rgba(255, 210, 0, 1) 48%, rgba(255, 210, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);

  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000;
}

.botoSO_Actiu {
  margin-bottom: 10px;
  width: 100%;
  text-decoration: none;
  display: inline-block;
  padding: 15px;
  color: #FFFFFF;
  font-family: Nunito;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient (left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(24%, rgba(120, 120, 120, 1)), color-stop(48%, rgba(0, 0, 0, 1))), color-stop(100%, rgba(0, 0, 0, 1));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 24%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 0px solid #000000;
}

.botoSO:hover {
  margin-bottom: 10px;
  width: 100%;
  text-decoration: none;
  display: inline-block;
  padding: 15px;
  color: #FFFFFF;
  font-family: Nunito;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  background: rgba(0, 0, 0, 1);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -webkit-gradient (left top, left bottom, color-stop(0%, rgba(0, 0, 0, 1)), color-stop(24%, rgba(120, 120, 120, 1)), color-stop(48%, rgba(0, 0, 0, 1))), color-stop(100%, rgba(0, 0, 0, 1));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 24%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 1) 20%, rgba(0, 0, 0, 1) 48%, rgba(0, 0, 0, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa94d', endColorstr='#ff890a', GradientType=0);
  border: 0px solid #000000;
}

.listadoSeguimiento thead tr th {
  padding: 5px;
  font-size: 14px;
  text-transform: uppercase
}

.listadoSeguimiento tbody tr td {
  padding: 20px;
  font-size: 14px;
}

.datagrid table tbody .alt td {
  background: rgba(238, 238, 238, 0.64);
  color: #4d4d4d;
}

.datagrid {
  border: none;
}

.datagrid img {
  width: auto;
}

.datagrid table tbody td {
  color: #464646;
}

.nomobil {
  display: none;
}

.nopc {
  display: contents;
}

.menuinf {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 100%;
}

.menuinfA {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 10px;
  width: 100%;
  min-width: 600px;
}

.menuinfB {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 10px;
  width: 100%;
  min-width: 600px;
}

.menuinf_int {
  width: 100%;
  height: 100px;
  margin-top: 10px;
}


/* Category menu Style */
/* Ho passem a filtrat.css */


.sp-wrap {
  width: 100%;
}

.sp-wrapimg {
  float: left;
  width: 100%;
}

.sp-wrapimg img {
  width: 100%;
  max-width: 500px;
}

.ArtiSugg {
  float: left;
  width: 100%;
  text-align: center;
  border: 1px solid #ccc;
  padding: 5px 10px;
}

.ArtiSugg .BotoAfegirCarret {
  width: 100%;
}

#vinilos2 {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 10px;
}

#vinilos2 h1 {
  font-family: 'Nunito', sans-serif;
  color: #ffa800;
  font-size: 34px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  padding-top: 0px;
  padding-top: 40px;
  text-align: center;
  line-height: 34px;
  margin-bottom: 30px;
}

#vinilos2 h1 span {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 22px;
  font-weight: 600;
}

#vinilos2 h3 {
  font-family: 'Nunito', sans-serif;
  color: #ffa800;
  font-size: 28px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
}

#vinilos2 h2 {
  font-family: 'Nunito', sans-serif;
  color: #777777;
  font-size: 18px;
  font-weight: 900;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  text-align: center;
}

#vinilos2 .bloc {
  width: 100%;
  margin: 1.5%;
  float: left;
  margin-bottom: 3%;
}

#vinilos2 .bloc img {
  width: 90%;
  height: auto;
  margin-bottom: 15px;
}

#vinilos2 .bloc h2 {
  font-family: 'Nunito', sans-serif;
  color: #777777;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-align: center;
}

.perifEsq {
  float: left;
  width: 100%;
}

.perifEsq .prod-box {
  width: 100%;
  text-align: center;
}

.perifDret {
  float: left;
  width: 15%;
  display: none;
}

#llistatOpiniones {
  margin-top: 30px;
  margin-bottom: 100px;
}

#llistatOpiniones img {
  width: 20px;
}

#llistatOpiniones h1 {
  font-size: 28px;
  font-family: 'Nunito', sans-serif;
  text-align: center;
  color: #000000;
  margin-bottom: 30px;
}

#llistatOpiniones p {
  font-size: 15px;
  color: #777777;
  margin-bottom: 10px;
}

#llistatOpiniones #resumOpiniones {
  width: 90%;
  margin: 0 auto;
}

#llistatOpiniones #resumOpiniones #resum_col_1 {
  width: 100%;
  float: left
}

#llistatOpiniones #resumOpiniones #resum_col_2 {
  width: 100%;
  float: left
}

#llistatOpiniones #resumOpiniones .resum_col_Esq {
  width: 50%;
  float: left;
  margin-bottom: 15px;
  overflow-wrap: break-word;
}

#llistatOpiniones #resumOpiniones .resum_col_Dre {
  width: 50%;
  float: left;
  margin-bottom: 15px;
}

#llistatOpiniones #resumOpiniones .resumCategoriaOpinio p {
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  text-align: left;
  color: #000000;
}

#llistatOpiniones .opi {
  border-bottom: #eeeded solid 1px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

#llistatOpiniones .opi .foto {
  width: 7%;
  float: left;
  margin-right: 3%;
}

#llistatOpiniones .opi .foto img {
  width: 100%;
}

#llistatOpiniones .opi .info {
  width: 90%;
  float: left;
}

#llistatOpiniones .opi .info h2 {
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
  font-weight: bold;
  text-align: left;
  color: #777777;
}

#llistatOpiniones .opi .info h2 span {
  color: #000000;
}

#llistatOpiniones .opi .info h3 {
  font-size: 14px;
  font-weight: normal;
  text-align: left;
  color: #8f8d8a;
  margin-bottom: 15px;
}

#llistatOpiniones .opi .info p {
  font-size: 20px;
  font-weight: normal;
  text-align: left;
  color: #777777;
}

#peuRoja {
  clear: both;
  margin-top: 10px;
  border-bottom: #2c2c2c solid 1px;
}

#peuRoja img {
  width: 100%;
  height: auto;
  max-width: 948px;
}

#info_legal {
  margin-bottom: 30px;
}

#info_legal p {
  font-size: 13px;
  color: #777;
  margin: 0;
  padding: 0;
}

#info_legal p a {
  font-size: 13px;
  color: #777;
  text-decoration: none;
}

#info_legal p a:hover {
  color: #000;
}

.divRalla {
  border-bottom: #eeeded solid 1px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  padding-top: 0px;
}

.ClassEstrelles {
  display: inline-block;
}

.ClassEstrellesPagInici img {
  width: 15px;
}

.ssdNuevos {
  margin-bottom: 20px;
}

.ssdNuevos .icona {
  float: left;
  width: 60px;
  margin-right: 20px;
  text-align: center;
  padding: 10px;
}

.ssdNuevos .icona img {
  width: 100%;
  height: auto;
  max-width: 144px
}

.ssdNuevos .info {
  float: left;
  width: 500px;
}

.ssdNuevos .info h2 {
  clear: both;
  color: #373737;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  text-transform: uppercase;
}

.ssdNuevos .info p {
  font-size: 16px;
  color: #777777;
  margin: 0;
}

.infoAplus {
  margin-bottom: 20px;
}

.infoAplus .icona {
  float: left;
  width: 15%;
  margin-right: 20px;
  text-align: center;
  padding: 10px;
}

.infoAplus .icona img {
  width: 100%;
  height: auto;
  max-width: 100px;
  min-width: 50px;
  margin-bottom: -75px;
}

.infoAplus .info {
  float: left;
  width: 75%;
  padding-top: 15px;
}

.infoAplus .info p {
  font-size: 18px;
  color: #777777;
  margin: 0;
}

.MenuWinEsq {
  width: 100%;
  float: left;
  padding-top: 15px;
}

.MenuWinEsq .MenuWinBanner {
  width: 100%
}

.MenuWinEsq .MenuWinBanner img {
  width: 100%
}

.MenuWinDre {
  width: 100%;
  float: left;
  padding: 25px 0px;
  text-align: center;
}

.CoaWinEsq {
  width: 100%;
  float: left;
  margin-bottom: 25px;
}

.CoaWinDre {
  width: 100%;
  float: left;
}

#infoCeuta {
  padding-top: 40px;
  padding-bottom: 80px;
}

#infoCeuta img {
  width: auto;
}

#infoCeuta h1 {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 600;
  padding: 0;
  margin-bottom: 30px;
}

#infoCeuta p {
  color: #777777;
  margin-bottom: 30px;
}

#infoCeuta .ceuta {
  margin-bottom: 20px;
}

#infoCeuta .ceuta .icona {
  float: left;
  width: 25px;
  margin-right: 20px;
  border: #e5e5e5 solid 0px;
  border-radius: 50px;
  text-align: center;
  padding: 10px;
}

#infoCeuta .ceuta .icona p {
  font-family: 'Nunito', sans-serif;
  color: #ffa800;
  font-size: 30px;
  line-height: 24px;
  font-weight: 600;
  padding: 0;
  margin: 0px;
  text-align: center;
}

#infoCeuta .ceuta .info {
  float: left;
  max-width: 880px;
  padding-top: 5px;
}

#infoCeuta .ceuta .info h2 {
  clear: both;
  color: #ffa800;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  text-transform: uppercase;
}

#infoCeuta .ceuta .info p {
  font-size: 16px;
  color: #777777;
  margin: 0;
}

#infoComoPagar {
  padding-top: 40px;
  padding-bottom: 80px;
}

#infoComoPagar img {
  width: auto;
}

#infoComoPagar h1 {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  padding: 0;
  margin-bottom: 50px;
}

#infoComoPagar .comoPagar {
  margin-bottom: 20px;
}

#infoComoPagar .comoPagar .icona {
  float: left;
  width: 100%;
  margin-right: 20px;
  border: #e5e5e5 solid 0px;
  border-radius: 50px;
  text-align: center;
  padding: 10px;
}

#infoComoPagar .comoPagar .icona img {
  width: 180px;
  height: auto;
  max-width: 180px
}

#infoComoPagar .comoPagar .info {
  float: left;
  width: 100%;
  padding-top: 5px;
  margin-bottom: 25px;
}

#infoComoPagar .comoPagar .info h2 {
  clear: both;
  color: #373737;
  margin-bottom: 5px;
  font-size: 22px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
}

#infoComoPagar .comoPagar .info p {
  font-size: 18px;
  color: #777777;
  margin: 0;
}

#infoComoPagar .ventajas {
  width: 100%;
  float: left;
  min-height: 220px;
  margin-bottom: 30px;
  border: #e5e5e5 solid 0px;
  border-radius: 50px;
  padding: 20px;
  text-align: center;
}

#infoComoPagar .ventajas img {
  margin: 0 auto;
  margin-bottom: 10px;
}

#infoComoPagar .ventajas h2 {
  clear: both;
  color: #373737;
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  text-transform: uppercase;
}

#infoComoPagar .ventajas p {
  font-size: 16px;
  color: #777777;
  margin: 0;
  text-align: center;
}

#vinilos {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 10px;
}

#vinilos h1 {
  font-family: 'Nunito', sans-serif;
  color: #ffa800;
  font-size: 34px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  padding-top: 0px;
  padding-top: 40px;
  text-align: center;
  line-height: 34px;
  margin-bottom: 30px;
}

#vinilos h1 span {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 22px;
  font-weight: 600;
}

#vinilos h3 {
  font-family: 'Nunito', sans-serif;
  color: #ffa800;
  font-size: 28px;
  font-weight: 600;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

#vinilos .bloc {
  width: 100%;
  margin: 1.5%;
  float: left;
  margin-bottom: 3%;
  text-align: center;
}

#vinilos .pres {
  background-color: #ffd20021;
  padding: 30px;
  margin-bottom: 40px;
  display: grid;
}

#vinilos .pres h2 {
  font-family: 'Nunito', sans-serif;
  color: #313131;
  font-size: 28px;
  font-weight: 900;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  text-align: center;
}

#vinilos .pres p {
  font-family: 'Nunito', sans-serif;
  color: #313131;
  font-size: 22px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-align: center;
}

#vinilos .bloc img {
  width: 100%;
  height: auto;
  max-width: 396px;
  margin-bottom: 15px;
}

#vinilos .bloc h2 {
  height: 100px;
  font-family: 'Nunito', sans-serif;
  color: #313131;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  text-align: center;
}

#infoWind {
  padding-top: 40px;
  padding-bottom: 80px;
}

#infoWind img {
  width: auto;
}

#infoWind h1 {
  font-family: 'Nunito', sans-serif;
  color: #000000;
  font-size: 24px;
  text-align: center;
  line-height: 24px;
  font-weight: 600;
  padding: 0;
  margin-bottom: 30px;
}

#infoWind p {
  color: #777777;
  margin-bottom: 30px;
}

#infoWind .blocWin {
  margin-bottom: 20px;
}

#infoWind .blocWin .icona {
  float: left;
  width: 45px;
  margin-right: 20px;
  border: #e5e5e5 solid 1px;
  border-radius: 50px;
  text-align: center;
  padding: 10px;
}

#infoWind .blocWin .icona p {
  font-family: 'Nunito', sans-serif;
  color: #ffa800;
  font-size: 30px;
  line-height: 24px;
  font-weight: 600;
  padding: 0;
  margin: 0px;
  text-align: center;
}

#infoWind .blocWin .info {
  float: left;
  width: 100%;
  padding-top: 5px;
}

#infoWind .blocWin .info h2 {
  clear: both;
  color: #ffa800;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  text-transform: uppercase;
}

#infoWind .blocWin .info p {
  font-size: 16px;
  color: #777777;
  margin: 0;
}

#infoWind #win10 {
  width: 100%;
  background-color: #f0f0f0;
  padding-bottom: 2px;
  padding-top: 2px;
}

#infoWind #win10 h2 {
  font-family: 'Nunito', sans-serif;
  color: #feac02;
  font-size: 18px;
  text-align: center;
  line-height: normal;
  font-weight: 600;
  padding: 0;
  margin: 0px;
}

#infoWind #win10 h3 {
  font-family: 'Nunito', sans-serif;
  color: #041f54;
  font-size: 14px;
  text-align: center;
  line-height: normal;
  font-weight: 300;
  padding: 0;
  margin: 0px;
}

#infoWind #win10 .win {
  width: 100%;
  float: left;
}

#infoWind #win10 .win p {
  color: #022056;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  font-weight: 600;
  padding: 0;
  margin: 0px;
  padding: 10px;
  padding-bottom: 0;
  margin-bottom: 5px;
}

#infoWind #win10 .win h4 {
  font-family: 'Nunito', sans-serif;
  color: #ffa906;
  text-align: center;
  font-size: 36px;
  line-height: 30px;
  font-weight: 600;
  padding: 10px;
  padding-top: 0;
  padding-bottom: 10px;
  margin: 0px;
}

#infoWind #win10 .win h4 span {
  color: #777777;
  font-size: 14px;
  font-weight: 300;
}

.infoCreuRoja {
  margin-bottom: 20px;
}

.infoCreuRoja .icona {
  float: left;
  width: 220px;
  margin-right: 20px;
}

.infoCreuRoja .icona img {
  width: 100%;
  height: auto;
  max-width: 150px
}

.infoCreuRoja .info {
  float: left;
  width: auto;
}

.infoCreuRoja .info p {
  font-size: 16px;
  color: #777777;
  margin: 0;
}

.classBuscar {
  padding: 10px;
  margin-top: 10px;
}

.classBuscarLin {
  width: 100%;
  float: left;
  padding: 0px;
}

/* .classBuscarLin a:hover{padding: 25px;} */
.classBuscarCol1 {
  width: 40%;
  float: right;
  padding: 0px;
}

.classBuscarCol2 {
  width: 60%;
  float: left;
  padding: 0px;
}

.classBuscarCol21 {
  width: 100%;
  margin-bottom: 10px;
  padding: 0px;
  font-size: 22px;
  color: #3c2e25;
  font-weight: bolder;
  text-align: left;
}

.classBuscarCol22 {
  width: 100%;
  float: left;
  margin-right: 10px;
  padding: 0px;
  font-size: 12px;
  color: #181818;
  text-align: left;
}

.classBuscarCol23 {
  width: 100%;
  float: left;
  padding: 0px;
  font-size: 12px;
  color: #181818;
  text-align: left;
}


.prodLlistat {
  display: inline-block;
  position: relative;
  margin: 20px 0px;
  width: 100%;
  min-width: 300px;
  float: left;
  border: #ccc solid 1px;
}

.prodLlistat:hover {
  border: #ffa800 solid 1px;
}

.torreLlistat {
  padding-top: 30px;
  position: relative;
  float: left;
  width: 100%;
  padding: 15px;
  text-align: left;
}

.torreLlistat .objCentrat {
  text-align: center !important;
}

.torreLlistat .imgProducte {
  width: 100%;
  /*max-width: 230px;*/
  height: auto;
}

.torreLlistat .nomProducte,
.monitorsLlistat .prodMonitor .nomProducte {
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #000;
  margin-bottom: 1px;
  text-align: left;
  min-height: 65px;
}

.torreLlistat .llistatIconesCaract {
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
}

.torreLlistat .llistatIconesCaract .IconesCaract {
  margin-left: 6px;
  margin-bottom: 4px;
  width: 100%;
  height: auto;
  max-width: 111px
}

.torreLlistat .infoProd,
.monitorsLlistat .infoProd {
  width: 50%;
  float: left;
  padding-right: 2px;
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}

.torreLlistat .infoProdValor,
.monitorsLlistat .infoProdValor {
  width: 50%;
  float: left;
  padding-right: 2px;
  color: #ff4800;
  font-weight: bold;
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  text-align: left;
}

.monitorsLlistat {
  position: relative;
  float: left;
  width: 100%;
  padding: 15px;
  text-align: left;
}

.monitorsLlistat h2 {
  margin-bottom: 20px !important;
}

.monitorsLlistat .imgMoni {
  width: 100%;
  max-width: 205px;
  height: auto;
  margin-bottom: 20px;
}

.monitorsLlistat .prodMonitor {
  float: left;
  border: #cccccc solid 1px;
  width: 100%;
  padding: 10px;
  text-align: center;
}

.monitorsLlistat .prodMonitor .botoMesinfoMonitor {
  border: none;
  margin-top: 10px;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  text-shadow: none;
  background-color: #e1531a;
  color: #FFFFFF;
}

.monitorsLlistat .prodMonitor .botoMesinfoMonitor:hover {
  background-color: #474747;
  color: #FFFFFF;
}

.monitorsLlistat .prodMonitor .botoMesinfoMonitor img {
  max-width: 21px;
  width: 100%;
  height: auto;
  margin-right: 10px;
  margin-bottom: -5px;
}

.monitorsLlistat .prodMonitor .blocPreus {
  padding: 5px 0px;
  min-height: 190px;
}

.monitorsLlistat .prodMonitor .blocPreus .bp_col_1 {
  width: 50%;
  float: left;
  border-bottom: #ffae00 solid 1px;
  margin-bottom: 5px;
  min-height: 40px;
}

.monitorsLlistat .prodMonitor .blocPreus .bp_col_2 {
  width: 50%;
  float: left;
  border-bottom: #ffae00 solid 1px;
  margin-bottom: 5px;
  min-height: 40px;
}

.monitorsLlistat .prodMonitor .blocPreus .bp_col_1 p {
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  text-align: left;
}

.monitorsLlistat .prodMonitor .blocPreus .bp_col_1 p span {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 16px;
  color: #000;
  text-align: left;
}

.monitorsLlistat .prodMonitor .blocPreus .bp_col_2 p {
  font-family: 'Nunito', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #000;
  text-align: left;
}

.monitorsLlistat .prodMonitor .blocPreus .bp_col_2 p span {
  font-family: 'Nunito', sans-serif;
  font-weight: 300;
  font-size: 12px;
  color: #000;
  text-align: left;
}

.derribos {
  width: 100%;
  margin-top: 25px;
}

.derribos .titolderribos {
  font-size: 25px;
  color: #000;
  text-align: center;
}

.LogoInici {
  max-width: 100%;
  float: none;
}

.margecodigo {
  margin-top: 50px
}

.TitolGaming {
  color: #ffe778;
  font-size: 30px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
}

.TitolOficina {
  color: #1b1b1b;
  font-size: 30px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
}

.TitolCAD {
  color: #12304e;
  font-size: 30px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
}

.TitolGamingBloc {
  color: #1b1b1b;
  font-size: 25px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
}

.SubtitolGaming {
  color: #b3b1b1;
  font-size: 20px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
}

.SubtitolGamingBloc {
  color: #b3b1b1;
  font-size: 18px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
}

.TitolCentratGaming {
  color: #1d1d1d;
  font-style: italic;
  font-size: 35px;
  font-family: 'Nunito', sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
}

.QuadratBloc3 {
  max-width: 100%;
  max-height: 750px;
  border-radius: 8px;
  background-color: #ffe778;
  margin: 0px 0px 0px 0px;
}

.bloc1Gaming {
  float: none;
  width: 100%;
  margin-right: 1%;
  text-align: center;
  margin-bottom: 20px;
}

.bloc2Gaming {
  float: none;
  width: 100%;
  margin-right: 1%;
  text-align: center;
  margin-bottom: 20px;
}

.textGaming {
  color: #1b1b1b;
  font-size: 20px;
  font-family: 'Nunito', sans-serif;
  padding: 0;
}

.apartatoficina {
  background-color: #ffe77885;
  border-radius: 8px;
}

.apartatCAD {
  background-color: #c0c0c0;
  border-radius: 8px;
}

::selection {
  background-color: #ffd200;
  color: #ffffff;
}

@media screen and (min-width:0px) {
  #slide1 {
    display: none;
  }

  /* COMBINE SU ORDENADOR CON...(de la pàgina principal)  */
}

@media screen and (max-width: 360px) {
  .BarraSupGris {
    height: 75px;
  }
}

@media screen and (min-width:470px) {
  #BarraGrisBlocEsq {
    width: 50%;
    border-bottom: #aaaaaa80 1px solid;
  }

  #BarraGrisBlocDret {
    width: 50%;
  }

  #BarraGris1 {
    width: auto;
  }

  #BarraGris2 {
    width: auto;
  }

  #BarraGris3 {
    float: right;
  }

  #BarraGris4 {
    float: right;
  }

  .IcoQualitatEsq {
    width: 25%;
  }

  .IcoQualitatDret {
    width: 75%;
  }
}

@media screen and (min-width:600px) {
  .botoEnviar {
    float: none;
    width: 220px;
  }

  #slide1 {
    display: none;
  }

  /* COMBINE SU ORDENADOR CON...(de la pàgina principal)  */
  .estilFitxaProd .foto {
    width: 35%;
  }

  .estilFitxaProd .informacio {
    width: 60%;
  }

  .BotonCarrito {
    width: 200px;
  }

  .A400 {
    width: 350px;
  }

  #BuidarCarrito {
    margin-bottom: 0px;
  }

  .caixaPagaments {
    width: 50%;
  }

  .nomobil {
    display: table-cell;
  }

  .nopc {
    display: none;
  }

  .botoSO {
    width: auto;
    margin-right: 10px;
  }

  .botoSO_Actiu {
    width: auto;
    margin-right: 10px;
  }

  .botoSO:hover {
    width: auto;
    margin-right: 10px;
  }

  .MenuWinDre {
    text-align: left;
  }

  .classBuscarCol1 {
    width: 30%;
    float: left;
    padding: 10px;
  }

  .classBuscarCol2 {
    width: 70%;
    float: right;
    padding: 10px;
  }

  .classBuscarCol21 {
    padding: 10px 0px;
  }

  .classBuscarCol22 {
    width: auto;
  }

  .classBuscarCol23 {
    width: auto;
  }

  #infoComoPagar .comoPagar .icona {
    width: 200px;
  }

  .seleccioRegalEsq {
    width: 80%;
  }

  .seleccioRegalDre {
    width: 95%;
  }

  .satisfaccionClienteCalidadVerificadaEsq {
    width: 40%;
  }

  .satisfaccionClienteCalidadVerificadaDre {
    width: 60%;
  }

  .satisfaccionClienteTechAwardsEsq {
    width: 25%;
  }

  .satisfaccionClienteTechAwardsEsq img {
    max-width: 75%;
  }

  .satisfaccionClienteTechAwardsDre {
    width: 75%;
  }

  #resumOpinions .opin {
    width: 25%;
  }

  .torreLlistat {
    width: 50%;
  }

  .derribos img {
    max-width: 80%;
  }

  .monitorsLlistat {
    width: 50%;
  }

  .monitorsLlistat .prodMonitor {
    width: 100%;
  }

  .margecodigo {
    margin-top: 0px
  }

  .TitolGaming {
    font-size: 70px;
  }

  .TitolOficina {
    font-size: 70px;
  }

  .TitolCAD {
    font-size: 70px;
  }

  .TitolGamingBloc {
    font-size: 35px;
  }

  .SubtitolGaming {
    font-size: 26px;
  }

  .SubtitolGamingBloc {
    font-size: 25px;
  }

  .QuadratBloc3 {
    max-width: 45%;
  }

  .bloc1Gaming {
    float: left;
    width: 49%
  }

  .bloc2Gaming {
    float: right;
    width: 49%;
  }

  .IcoQualitatEsq {
    width: 25%;
  }

  .IcoQualitatDret {
    width: 75%;
  }

  .infoAplus .icona img {
    margin-bottom: 0px;
  }

  .menuinf_int {
    width: 200px;
  }
}


@media screen and (min-width:900px) {
  .perifEsq {
    width: 85%;
  }

  .perifEsq .prod-box {
    width: 25%;
    min-width: 300px;
    text-align: left;
  }

  .perifDret {
    display: block;
  }

  .BarraSupGrisMargeDret {
    width: 20%;
  }

  .estilFitxaProd .informacio .infoCodisEsq {
    width: 50%;
  }

  .estilFitxaProd .informacio .infoCodisDre {
    width: 50%;
  }

  #slide1 {
    display: block;
  }

  /* COMBINE SU ORDENADOR CON...(de la pàgina principal)  */
  #peuFila_1 {
    padding-left: 25px;
  }

  #peuFila_1 .peuFila_1_bloc {
    float: left;
    width: 32%;
    background-color: #ffa800;
  }

  #peuFila_1 .peuFila_1_blocMargin {
    margin: 0px 5px;
  }

  #peuFila_2 {
    padding-left: 35px;
  }

  #peuFila_2 .peuFila_2_bloc {
    float: left;
    width: 48%;
    background-color: #ffd200;
  }

  #peuFila_2 .peuFila_2_blocMargin {
    margin: 10px 5px;
  }

  #PeuMenu .columna_1 {
    width: 30%;
    float: left;
    margin-right: 5%;
  }

  #PeuMenu .columna_2 {
    width: 30%;
    float: left;
    margin-right: 5%;
  }

  #PeuMenu .columna_3 {
    width: 30%;
    float: left
  }

  #Peu_1 {
    width: max-content;
    margin: 0 auto;
  }

  #Peu_1 .columna_1 {
    width: 135px;
    margin-right: 100px;
  }

  #Peu_1 .columna_2 {
    width: 135px;
    margin-right: 100px;
  }

  #Peu_1 .columna_3 {
    width: 150px;
    margin-right: 100px;
  }

  #Peu_1 .columna_4 {
    width: 150px;
  }

  #Peu_1 .columna_5 {
    width: 135px;
    margin-right: 100px;
  }

  #Peu_1 .columna_6 {
    width: 135px;
    margin-right: 100px;
  }

  #Peu_1 .columna_7 {
    width: 150px;
    margin-right: 100px;
  }

  #Peu_1 .columna_8 {
    width: 150px;
  }

  .LOPD img {
    width: 50%
  }

  /* .container {width: 90%; } */
  .BarraSupGrisEsq {
    width: 20%;
  }

  .BarraSupGrisDret {
    margin-left: 10px;
  }

  .formatProducteInici {
    width: 31%;
    margin: 0 10px;
  }

  .MenuMasInfoPC {
    display: inline;
  }

  .MenuMasInfoMob {
    display: none;
  }

  .formCistella {
    width: 50%;
  }

  .comoPagar .info {
    float: left;
    width: 500px;
  }

  .comoPagar .icona {
    margin-right: 20px;
  }

  .formNoFra {
    margin-left: 25px;
  }

  .carritoResumen {
    width: 45%;
    margin-left: 10px;
  }

  .carritoResumenTA {
    width: 91%;
  }

  .carritoResumenTA textarea {
    height: 100px;
  }

  .carritoResumenRegal {
    width: 100%;
  }

  .TaulaResumCarrito {
    width: 30%;
    margin-right: 10px;
  }

  .labelAltaCli {
    width: 30%;
    float: left;
    text-align: left;
  }

  .inputAltaCli {
    width: 50%;
    float: left;
    text-align: left;
    margin: 5px;
  }

  .caixaPagaments {
    width: 33%;
  }

  #origenCorporativo .bloc_1 {
    width: 30%;
  }

  #origenCorporativo .bloc_2 {
    width: 30%;
  }

  #origenCorporativo .bloc_3 {
    width: 30%;
  }

  #sectorEducativo .sectorEducativoESQ {
    width: 47%;
  }

  #sectorEducativo .sectorEducativoDRE {
    width: 46%;
  }

  .MicrosiftMarESQ {
    width: 70%;
    height: 350px;
  }

  .MicrosiftMarDRE {
    width: 30%;
    height: 350px;
  }

  #nuestroCompromiso .nuestroCompromisoESQ {
    width: 47%;
  }

  #nuestroCompromiso .nuestroCompromisoDRE {
    width: 47%;
    margin-left: 25px;
  }

  .espe_filtrat {
    width: 33%;
  }

  .header90 {
    width: 70%;
  }

  .header91 {
    width: 30%;
    height: 110px;
    background-color: white;
  }

  .header901 {
    width: 60%;
  }

  .header902 {
    width: 40%;
    padding-left: 50px;
    margin-left: 0px;
  }

  .header911 {
    width: 100%;
  }

  .header912 {
    width: 100%;
    padding-top: 10px;
  }

  .OpcionsCol1 {
    width: 33%;
  }

  .OpcionsCol2 {
    width: 33%;
    padding-top: 25px;
  }

  .OpcionsCol3 {
    width: 33%;
    padding-top: 25px;
    padding-left: 10px;
  }

  .ArtiSugg {
    width: 50%;
    min-height: 350px;
  }

  #vinilos2 .bloc {
    width: 30%;
  }

  /* #llistatOpiniones img {width: 30px;} */
  #llistatOpiniones .opi .foto img {
    width: 80px;
  }

  #llistatOpiniones #resumOpiniones #resum_col_1 {
    width: 50%;
  }

  #llistatOpiniones #resumOpiniones #resum_col_2 {
    width: 50%;
  }

  .ClassEstrellesPagInici img {
    width: 30px;
  }

  .CoaWinEsq {
    width: 60%;
    padding-top: 25px;
  }

  .CoaWinDre {
    width: 40%;
    text-align: center;
  }

  #infoComoPagar .comoPagar .info {
    width: 800px;
  }

  #infoComoPagar .ventajas {
    width: 30%;
    height: 260px;
  }

  #vinilos .bloc {
    width: 30%;
  }

  #infoWind .blocWin .info {
    width: 900px;
  }

  #infoWind #win10 .win {
    width: 33%;
  }

  #ButInfo_aplus {
    margin-left: -10px;
    margin-top: 15px;
  }

  .seleccioRegal {
    width: 50%;
  }

  .BtOp {
    width: 30%;
  }

  .BtOp img {
    margin-right: 5px;
  }

  .BtOpPC {
    display: inline;
  }

  #RB_TransPrior {
    display: inline-flex;
  }

  #RB_TransCable {
    display: inline-flex;
  }

  #RB_TransErgo {
    display: inline-flex;
  }

  .prodLlistat {
    width: 25%;
  }

  .torreLlistat {
    width: 33%;
  }

  .monitorsLlistat {
    width: 67%;
  }

  .monitorsLlistat .prodMonitor {
    width: 50%;
  }

  #BarraGrisBlocEsq {
    width: 80%;
  }

  #BarraGrisBlocDret {
    width: 20%;
  }

  #BarraGris {
    margin-top: 0px;
  }

  #BarraGris1 {
    width: 25%;
    height: 80px;
    padding-top: 18px;
  }

  #BarraGris2 {
    width: 75%;
    height: 80px;
    padding-top: 10px;
    padding-left: 25px;
  }

  #BarraGris3 {
    width: 50%;
    height: 80px;
    padding-top: 18px;
  }

  #BarraGris4 {
    width: 50%;
    height: 80px;
    padding-top: 18px;
  }

  .infoservercontactobloc1 {
    width: 50%;
  }

  .infoservercontactobloc2 {
    width: 50%;
  }

  .LogoInici {
    max-width: 80%;
    float: left;
    padding-top: 2%;
  }

  .IcoQualitatEsq {
    width: 20%;
  }

  .IcoQualitatDret {
    width: 80%;
  }

  #SubMenu {
    display: block;
  }
}

@media screen and (min-width:1100px) {
  .infoservercontactobloc1 {
    width: 40%;
  }

  .infoservercontactobloc2 {
    width: 60%;
  }

  .IcoQualitatEsq {
    width: 15%;
  }

  .IcoQualitatDret {
    width: 85%;
  }

  #SubMenu {
    display: block;
  }
}

@media screen and (min-width:1200px) {
  .BarraSupGrisEsq {
    width: 10%;
  }

  .BarraSupGrisDret {
    width: 70%;
  }

  .MenuWinEsq {
    width: 60%;
    padding-top: 15px;
  }

  .MenuWinDre {
    width: 40%;
    padding: 50px 0px;
    text-align: center;
  }

  .scrollup {
    right: 50px;
  }

  .torreLlistat {
    width: 25%;
  }

  .monitorsLlistat {
    width: 75%;
  }

  .monitorsLlistat .prodMonitor {
    width: 33%;
  }

  #SubMenu {
    display: block;
  }
}

@media screen and (min-width:1220px) {
  #MenuMasInfoPCBlocEsq {
    width: 50%;
    padding-top: 4px;
  }

  #MenuMasInfoPCBlocDret {
    width: 50%;
    padding-top: 4px;
  }

  #BarraGrisBlocEsq {
    width: 85%;
  }

  #BarraGrisBlocDret {
    width: 15%;
  }

  #BarraGris1 {
    width: 17%;
    height: 70px;
    padding-top: 6px;
  }

  #BarraGris2 {
    width: 83%;
    height: 70px;
    padding-top: 6px;
  }

  #BarraGris3 {
    height: 70px;
    padding-top: 6px;
  }

  #BarraGris4 {
    height: 70px;
    padding-top: 6px;
  }

  #SubMenu {
    display: block;
  }
}

@media screen and (min-width:1300px) {
  #BarraGris2 {
    padding-left: 60px;
  }

  #SubMenu {
    display: block;
  }
}

@media screen and (min-width:1500px) {
  .monitorsLlistat .idIphone {
    width: 25%;
  }

  #SubMenu {
    display: block;
  }
}