@import url(//fonts.googleapis.com/css?family=Rambla:400,700);

body {
font-family:Rambla, arial;
font-size:13px;
background-repeat:repeat-x;
color:#58585a;
background-color:#F0F0F0;
margin: 0;
padding: 0;
}

.centre{width:960px; margin:auto;position:relative;}
.centre .noSalt { width: 100%; overflow: auto; }

/*UTILS*/
.fons{width: 100%}
.fBlanc{background-color: #fff}
.fGris{background-color: #F0F0F0}
.left{ float: left; }
.right { float: right; }
.clear{clear:both;}
.capaAmagada{ display: none; }
.fontSize14{font-size: 14px;}
.fontSize20{font-size: 20px !important;}
.fontSize16{font-size: 16px !important;}

.mayus { text-transform: uppercase;}

.text-center { text-align: center;}

.pad20 { padding: 20px !important;}

.w33cent { width: 33% !important}
.w45cent { width: 45% !important}

.mtop8 { margin-top: 8px}
.mtop15 { margin-top: 15px}
.mbottom15 { margin-bottom: 15px}

a, a:link, a.visited {
	color:#919191;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	border:0px;
	border-style:none;
	cursor: pointer;
  -moz-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
a:hover{color:#000000;}


/*------TOP-----*/
.barraUP{height: 27px;line-height: 27px;}
/*.twitter{
  width:18px;
  height:18px;
  background:url(../img/twitter.png);
  display:block;
  float:right;
  margin-top:5px;
  margin-left: 10px;
}*/

.twitter, .facebook, .linkedin{text-decoration: none!important;}
.fa-twitter, .fa-facebook, .fa-linkedin {
    width: 18px;
    height: 18px;
    line-height: 20px!important;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-left: 2px;
}
.fa-twitter{background-color: #64a8f2;}
.fa-facebook{background-color: #3b5998;}
.fa-linkedin{background-color: #0177b6;}

#top {
	height:143px;
	margin-bottom:0;
	width:100%;
    position:relative;
    background-color: #F0F0F0
}

#logo {float:left;	margin-top:30px; position:relative;}
.icons {height: 47px; float: right; margin-top:30px; }

.icons a {
  width: 54px;
	height: 54px;
  display: block;
  margin-left: 11px;
  float: left;
  border-radius: 50px;
  background: center no-repeat;
 }

.icons a.icons1 {background-color:#00a3dd; background-image:url('../img/icos/hosting.png');}
.icons a.icons1:hover{background-color:#8dd2eb;}
.icons a.icons2 {background-color:#ce0019; background-image:url('../img/icos/servers.png');}
.icons a.icons2:hover {background-color:#e48692;}
.icons a.icons3 {background-color:#f6cf06; background-image:url('../img/icos/backup.png');}
.icons a.icons3:hover {background-color:#f0e08c;}
.icons a.icons4 { background-color:#ed8001; background-image:url('../img/icos/web.png');}
.icons a.icons4:hover { background-color:#eaae66;}
.icons a.icons5 { background-color:#98cb19; background-image:url('../img/icos/promo.png');}
.icons a.icons5:hover { background-color:#bddd70;}
.icons a.icons6 {background-color:#4f9381; background-image:url('../img/icos/cloud.png');}
.icons a.icons6:hover{background-color:#79c5b1;}
/*.icons a.icons7 {background-color:#90117a; background-image:url('../img/icos/appsonline.png');}*/
.icons a.icons7 {background-color:#90117a; background-image:url('../img/icos/seguretat.png');}
.icons a.icons7:hover {background-color:#bb63ac;}
.icons a.icons8 {background-color:#13c3df;  background-image:url('../img/icos/catalog.png');}
/*.icons a.icons8 {background-color:#13c3df;  background-image:url('../img/icos/programacio.png');}*/
.icons a.icons8:hover {background-color:#73cedc; }
.icons a.icons9 {background-color:#3c6573; background-image:url('../img/icos/mobile.png');}
.icons a.icons9:hover{background-color:#589cb4;}
.icons a.icons10 {	background-color:#967a65; background-image:url('../img/icos/mailing.png');}
.icons a.icons10:hover {background-color:#beaea2; }

/*--ICOS ACTIUS--*/

.icons a.icoActiu1 {background-color:#8dd2eb;}
.icons a.icoActiu2 {background-color:#e48692;}
.icons a.icoActiu3 {background-color:#f0e08c;}
.icons a.icoActiu4 { background-color:#eaae66;}
.icons a.icoActiu5 { background-color:#bddd70;}
.icons a.icoActiu6{background-color:#79c5b1;}
.icons a.icoActiu7 {background-color:#bb63ac;}
.icons a.icoActiu8 {background-color:#73cedc; }
.icons a.icoActiu9 {background-color:#589cb4;}
.icons a.icoActiu10{background-color:#beaea2; }

/*-----MENU TOP-----*/
#menu {
	line-height:48px;
	margin-left:auto;
    margin-right:auto;
	background-color: #fff;
	height:48px;
}

.botons {padding-right:40px; position:relative;	float:left;}
a.menu { color: #7f7f7f; text-decoration: none; font-size: 16px; font-weight: normal;}
a.menu:hover{ color:#005c6d;}
a.menuactiu { color: #005c6d; text-decoration: none; font-size: 16px; font-weight: normal;}
.botons:hover > div{height:auto;opacity:1;-moz-transition: all 0.2s ease-in;    -webkit-transition: all 0.2s ease-in;    -o-transition: all 0.2s ease-in;    transition: all 0.2s ease-in;}
.botons div{opacity:0;-moz-transition: all 0.2s ease-in;    -webkit-transition: all 0.2s ease-in;    -o-transition: all 0.2s ease-in;    transition: all 0.2s ease-in;}
.submenu1{height:0px;display:block;position:absolute;background:#fff;z-index: 999;width:200px;overflow:hidden;border:1px solid #ddd;border-top:0px;}
.submenu1 a{font-size:14px;font-weight:normal;text-transform:capitalize;line-height:20px;border-bottom:1px dashed #ddd;width:190px;;padding:5px;display:block;padding-left:10px;}
.submenu1 a:hover{background-color:#f5f5f5;}

/*----MISSATGE COOKIES----*/
.cookies-alert {background-color: #4a6689;  color: #FFF;  padding: 5px;}
.cookies-alert-content {width: 1024px; margin: auto; height: 35px;}
a.cookies-ok {
  display: block;
  float: right;
  background-color: #FFF;
  padding: 5px;
  color: #4a6689;
  border: 1px solid #4a6689;
  border-radius: 5px;
  margin-top: 5px;
}
.cookies-text {float: left; width: 900px;}
.cookies-text a {font-size: 12px; color: #FFF;}
.cookies-text a:hover {text-decoration: underline;}

/*-----INICI-----*/

/*FRASES RANDOM*/
.slide { width: 100%; background-color: #FFF; margin-top: 2px; height: 338px;position: relative}
.slide .frase { font-size: 32px; width: 700px; display: block; color: #000; top: 45px; position: absolute;}
.slide .autor {font-size: 18px; color: #000; top: 255px; position: absolute;}

/*BLOCS DE SERVEIS*/
.bannersHome{height: 267px }
.primerbaner { background-color: #4f9381; }
.segonbaner { background-color: #90117a; }
.tercerbaner { background-color: #ed8001; }
.quartbaner { margin-right: 0px; background-color: #ce0019; }
.banerhome {
	margin:20px 15px 0 0;
	width: 225px;
	height: 215px;
	border-radius: 9px;
	color: #fff;
	float: left;
	position: relative;
}

.banerhome h3 {	font-size: 24px; margin: 20px; text-transform: uppercase;}
.banerhome h3 a {font-size: 24px !important; color: #FFF;}
.banerhome span {position: absolute; bottom: 20px; left: 20px; margin-right: 20px;}

/*----SECCIONS----*/
#seccio{ margin: 20px auto 30px auto; padding-bottom:20px; width:960px; }
#fotos { text-align: center; background-color: #FFF; border-radius: 10px; margin-top: 20px}
#tancaseccio { background-color: #FFFFFF; border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px; height: 10px;}
#blockTitolSeccio {height: 83px; width: 100%; background-color: #005c6d; border-radius: 9px;
  display: inline-block; }
.titolSeccio { color: #FFFFFF; font-size: 40px; font-weight: bold; margin-left: 28px;
  text-transform: uppercase; line-height: 83px;}
.contingutSeccio {
  background-color: #FFFFFF;
  border-radius: 9px;
  padding: 20px;
  padding-bottom: 140px;
}
#menuseccio { background-color: #F0F0F0; border-bottom: 1px solid #fff;}
.submenuactiu { color: #10203c !important; }

/*EMPRESA*/
#empresatxt {text-align: left;margin: 10px 20px 0 20px; line-height: 140%;}
a.linkempresa { font-size: 14px;}

/*CONTACTAR*/
#contactesq { width: 400px; float: left; }
.inputxt { background-color: #f0f0f0; border: 0px; font-family: arial; font-size: 12px; width: 356px;}
input { border-radius: 5px; border: 1px solid #ddd; padding: 10px; width: 355px; display: block; font-family:Rambla;}
/*input[type=submit] { background-color: #ccc; border-radius: 7px; color: #fff; display: block;
  font-size: 12px; padding: 10px; text-align: center; transition: all 0.5s ease-in 0s; height: 35px;}*/
input[type=button] { text-transform: uppercase; }

#dades_contactar label {
	max-width: 355px;
  width: 355px;
  display: inline-block;
}
.inputckb {
	display: inline-block;
  width: auto!important;
  margin-right: 5px;
}
input[type=checkbox].error {
  -webkit-box-shadow: 0px 0px 0px 1px rgb(255 0 0);
  -moz-box-shadow: 0px 0px 0px 1px rgba(255,0,0,1);
  box-shadow: 0px 0px 0px 1px rgb(255 0 0);
}
textarea{border-radius: 5px; resize:none;}
#contactdreta {background-color: #FFFFFF; float: left; height: 450px; margin-left: -43px; margin-top: -16px;
    padding: 10px; width: 543px;}
.contactdreta1{ background-color:#E5E3DF; height:275px; margin-left:8px; margin-top:9px; position:relative; width:546px;
  border-radius: 9px;}
.contactdreta2 { background-color: #F0F0F0; float: left; border-radius: 9px; height: 120px; margin-left: 7px; margin-top: 17px;
  padding: 10px; width: 526px; padding-bottom: 20px;}
.contactdreta1 iframe{width:526; height:255; border:0; margin: 10px;}
.msg-ok, .msg-okPetit, .msg-okLlarg { background-color: #DEF1BF; height: 35px; width: 325px; padding: 15px;
  border: 1px solid #4D8916; border-radius: 5px; margin-bottom: 10px;}
.msg-ko, .msg-koLlarg, .msg-koPetit { background-color: #fff0f0; width: 325px; padding: 15px; border: 1px solid #891616;
  border-radius: 5px; margin-bottom: 10px;}
#rc-imageselect, #html_captcha { transform:scale(0.77); -webkit-transform:scale(0.77);
  transform-origin:0 0; -webkit-transform-origin:0 0; }
.legal-contactar{font-size: 11px; margin-top: 15px;}

/*FORMULARI LLARG*/
a.mesinfo2 {border-radius: 7px; color: #ffffff; display: block; font-size: 14px; font-weight: bold;
  height: 39px; line-height: 39px; margin-left: 10px; margin-top: 20px; text-align: center;
  width: 98%; background-color: #ccc;}
.formulariLlarg {width: 100%; /*height:180px;margin:0 62px;*/}
.formulariEsquerra{float:left; width: 50%;}
.formulariEsquerra #motiu{display: none;}
.formulariDreta{float:left; width: 50%;}
.formulariLlarg textarea {height: 80px; border-radius: 7px; padding: 10px;}
label.error { display: none !important}
input.error { border: 1px solid red !important;}
textarea.error { border: 1px solid red !important;}
.msg-okLlarg.mformulariLlarg { width: 794px; height: 35px; padding: 0; line-height: 35px; text-align: center;
  margin: 10px 62px;}
input#enviar{cursor: pointer; background-color: #ccc; border-radius: 7px; color: #58585A; display: block;
  font-size: 12px; padding: 10px; text-align: center; transition: all 0.5s ease-in 0s; height: 35px;
  margin-top: 15px}
.formulariLlarg input { transition: all 0.5s ease-in 0s; }
input#enviar:hover { background-color: #073c46;color:#fff;}
input#enviarLlarg, input#enviarPetit { cursor: pointer;}
input#enviarLlarg:hover, input#enviarPetit:hover{ background-color: #073c46; color: #fff;}
.imatgeFormularis{ height: 1; width: 1; border-style:none;}
.msg-koLlarg { width: 794px; text-align: center }

/*FORMULARI PETIT*/
.msg-okPetit.mformulariPetit { width: 100%; height: 50px; text-align: center; padding: 2px; margin: 10px 0; line-height: normal;}
.formulariPetit{width: 240px;height:335px; margin: 0;}
.formulariPetit #motiu{display: none;}
.formulariPetit input {width: 240px; transition: all 0.5s ease-in 0s; padding: 10px; }
.formulariPetit textarea {width: 240px;height: 105px; padding: 10px; padding: 10px;}
.msg-koPetit { width: calc(100% - 2px); text-align: center; padding: 15px 0;}

/*---PRODUCCIONS---*/
.botons1 { padding-top: 20px; padding-bottom: 20px; padding-right: 10px; position: relative; float: left;}
a.botons1{ font-size: 13px; font-weight: normal;}
.prod-mobile-text h2 {font-size: 40px; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px;}
.prod-mobile-text { width: 480px; height: 100%; font-size: 14px; position: relative;}
.prod-mobile-text a { font-size: 14px; color: #444; }
.miniatures img.img1 {left: 0px;}
.miniatures img.img2 { left: 144px;}
.miniatures img.img3 { left: 288px;}
.miniatures img { float: left; width: 124px; margin-left: 30px;  position: absolute; top: 148px;}
.prod-mobile-list { height: 440px;}
img.imatgesAppMobile { margin-top: 61px; }
.prod-mobile-list-bot {  width: 877px; background-image: url("../img/list-bot.jpg"); height: 45px; margin-left: -21px;}
.textfoto { height: 97px; width: 383px; z-index: 1; color: rgb(0,0,0); opacity: 1; padding-left: 14px;
  padding-right: 21px; padding-top: 10px; font-size: 11px; filter: alpha(opacity=100);}
.titulfoto { color: #4A6689; font-size: 14px; font-weight: bold;}
a.titprod, a.titprod:link, a.titprod:visited { color: #4A6689; font-size: 14px; font-weight: bold;}
.idimatge { position: relative; height: 215px; width: 440px; z-index: 0; margin-right: 20px;
  float: left; margin-bottom: 20px;}
#paginacio { width: 859px; text-align: center;}
.blanc {margin-top: 108px; height: 107px; width: 450px; z-index: 1; background-color: rgb(255,255,255);
  opacity: .9; filter: alpha(opacity=90);}
.pagon { color: #000; font-size: 11px; font-weight: bold; text-decoration: none;}
a.textprod, a.textprod:link, a.textprod:visited { font-weight: normal; color: #000000;}
.capaBlancaProduccions{ position: absolute; top:0; height:215px; overflow:hidden; display:none; }


/*---SERVEIS--*/
h2.serveisweb { margin-top: 25px;}
h2.serveishost, h2.serveisserv, h2.serveisweb, h2.serveispromo, h2.serveisonl, h2.serveismob,
h2.serveismail, h2.serveismobile {color: #FFFFFF; display: table-cell;  font-size: 16px; font-weight: normal; line-height: 22px; vertical-align: middle; padding-right: 25px}
h1.titolsServeis { color: #FFFFFF; font-size: 45px; font-weight: bolder; text-transform: uppercase; line-height: 40px; display: table-cell; width: 40%; vertical-align: middle; text-align: left; padding-left: 25px}
.fonsTitolsServeis{ width: 960px; height: auto; padding: 25px 0; margin-top: 20px; border-radius: 9px; margin-left: auto; margin-right: auto; display: table;}
.secciodreta { width: 660px; float: left; font-size: 15px;}
p.serveis2 { font-size: 15px;}
.seccioesquerra { float: right; width: 240px;}

#hostatgefons, a.button_hostatge:hover { background-color: #00a3dd !important;}
#servidorsfons, a.button_servidors:hover {background-color: #ce0019 !important;}
#backupfons, a.button_backup_online:hover {background-color: #f6cf06 !important;}
#webfons, a.button_creacio_web:hover { background-color: #ed8001 !important; }
#promociofons, a.button_promocio_web:hover { background-color: #98cb19 !important;}
#cloudfons, a.button_cloud:hover { background-color: #4f9381 !important;}
#onlinefons, a.button_aplicacions_online:hover { background-color: #90117a !important; }
#catalogfons, a.button_catalog-player:hover { background-color: #13c3df !important; }
#mobilefons, a.button_mobile_apps:hover { background-color: #3c6573 !important; }
#mailingfons, a.button_mailing:hover { background-color: #967a65 !important; }

.hostatgecolors { color: #00a3dd;}
.servidorscolors { color: #ce0019;}
.backupcolors { color: #f6cf06;}
.webcolors { color: #ed8001;}
.cloudcolors { color: #4f9381 !important;}
.onlinecolors { color: #90117a;}
.mobilecolors { color: #3c6573; }
.mailingcolors { color: #967a65 !important; }

h3 { font-size: 16px; text-transform: uppercase;}

/*HOSTATGE*/
b.hostatge { color: #009ee0; }
.hostEsq1 { background: #00a3dd; border-radius: 9px; height: 116px; margin-bottom: 20px;}
.hostEsq2 { background: #00a3dd; border-radius: 9px; height: 96px; margin-bottom: 20px;}
.hostEsq1 .dominis2, .hostEsq2 .dominis2 { margin-top: 40px; margin-left: 15px; position: absolute;
  z-index: 10; color: #FFFFFF; font-size: 18px;  font-weight: bold;}
.hostEsq3 { margin-bottom: 8px;}
.hostEsq1 .dominis3 {  margin-top: 55px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; margin-left: 130px; font-size: 36px; font-weight: bold;}
.hostEsq2 { background: #00a3dd; border-radius: 9px; height: 96px; margin-bottom: 20px;}
.dominis1 { margin-top: 15px; margin-left: 20px; position: absolute; z-index: 10;
  color: #FFFFFF; font-size: 14px;}
.dominis4 { margin-top: 40px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; margin-left: 130px; font-size: 36px;font-weight: bold}
.any{font-size: 14px;font-weight: normal}
.text { margin-left: 15px; margin-top: 20px; font-size: 15px;}


/*SERVIDORS DEDICATS*/
b.servidors { font-size: 15px; color: #960613;}
.servEsq { height: 252px; background: #ce0019; border-radius: 9px; margin-bottom: 20px;}
.avgservidors1 { margin-top: 25px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.avgservidors2 { margin-top: 85px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.avgservidors3 { margin-top: 130px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px;  font-weight: bold;}
.avgservidors4 { margin-top: 160px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}

/*INICI SERVIDORS*/
.seccioServidor{ margin: 0 auto 30px auto; padding-bottom: 20px; width: 960px;}
.seccioServidor .contingutSeccio { background-color: #F0f0f0; border-radius: 0; padding: 0;}
.botoServidor.margeDreta { margin-right: 20px; }
.botoServidor.margeEsquerra { margin-left: 20px; }
.botoServidor {display:block; width: 306px; float:left; height: 230px; margin-top: 20px;}
.contingutSeccio .botoServidor:nth-child(odd) {background: #FFF}
.imatgeServidor { height: 175px; width: 307px; overflow: hidden; border-radius: 6px; }
.botoServidor .imatgeServidor img {width: auto; height: 100%;}
.botoServidor span { font-size: 16px; height: 50px; line-height: 50px; display: block;
  background-color: #fff; border-radius: 6px; margin-top: 5px; text-indent: 20px;}
.mapaServidors { height: 273px; width: 100%; background-color: red; margin-top: 15px; border-radius: 6px;
background: #fff url("../img/servidormapa.png") no-repeat; background-position: top right;
background-size: 66%; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 10px}

.mapaSeguretat { background: #fff url("../img/seguretat_mapa.png") no-repeat !important;}
.mapaSeguretat .text1 { color: #90117a !important;}

.mapaServidors .text1 { display: block; width: 200px; font-size: 30px; color: #ce0019;
    font-weight: bold; line-height: 30px; padding-top: 15px; margin-left: 30px; }
.mapaServidors .text2 { display: block; width: 235px; font-size: 14px; margin: 80px 0 0 30px ;}

.barraServeis { width: 960px }
.barraServeis a {display: block; background-color: #fff; font-size: 14px; height: 50px; line-height: 50px;
  width: 19%; margin: 12px 0 0 1.2%; float:left; border-radius: 6px; text-align: center; color: #000;
  font-weight: normal;}
.barraServeis a:first-child {margin-left: 0}
.barraServeis .menuactiu {background-color: #ce0019!important; color: #fff!important;}

.barraServeisSeguretat .menuactiu { background-color: #90117a !important}
.barraServeisSeguretat a { width: 49.4% !important}

.barraServeisProgramacio .menuactiu { background-color: #13c3df !important}
.barraServeisProgramacio a { width: 32.5% !important}

.detallServei { margin-top: 15px; display: inline-block; background-color: #fff; width: 920px;
  padding: 20px 20px 50px 20px; border-radius: 6px;}
.titolServei {font-size: 36px; color: #ce0019; font-weight: bold;
  display: inline-block; margin-bottom: 25px;}

.detallServeiSeguretat .titolServei, .colorSeguretat { color: #90117a !important;}

.textServeiDetall {font-size: 14px;}
.textServeiDetall .fleft {width: 50%; float:left;}
.textServeiDetall .fright {width: 50%; float:right;}
.textServeiDetall img {margin-right: 30px;}
.textServeiDetall .imginferiors {margin-right: 20px;}
.textServeiDetall .azureMargin{margin:20px 35px 0 120px}
.textServeiDetall .logoServidors1 img { margin: 0 0 35px 0; }
.textServeiDetall .logoServidors2 img { margin: 40px 0 0 0; }

/*BACKUPS*/
.banerbackup { background-color: #f6cf06; border-radius: 9px; margin-bottom: 20px; }
.banerbackup p { padding: 20px; margin: 0px; color: #fff; font-weight: bold; font-size: 18px;}

/*CREACIONS WEB*/
.seccioCreacioWeb { margin: 20px auto 30px auto; padding-bottom: 20px; width: 960px;
  border-radius: 9px;}
.seccioCreacioWeb .contingutSeccio { background:none; border-radius: 9px; padding: 0px; }

.quadreweb { height: 300px; width: 307px; float: left; border-radius: 9px;
  margin-bottom: 20px; margin-right: 19px; }
#quadre3, #quadre6 { margin-right: 0; }
b.solucions { font-size: 16px; color: #ee7f00; display: block; padding-top: 20px;}
.creawebtxt { margin-top: 10px; padding: 0 20px; background-color: #ffffff; border-radius: 10px;
  height: 110px; }
.imgservei { width: 100%; height: auto;}
span.solucions1, font.solucions1 { font-weight: bold; color: #ee7f00;}
.creawebtxtprod { margin-left: 130px;}
a.fletxa_prod { border: 0px; text-decoration: none; border-color: #FFFFFF; border-style: none;
  color: #FFFFFF; font-weight: normal; font-size: 12px;}



/*PROMO WEB*/
.promoEsq1 { height: 147px; margin-bottom: 20px; background-color: #98cb19; border-radius: 9px;}
b.promo { font-size: 14px; color: #89ba17;}
b.backfront { margin-left: 35px;}
.avgpromo1 { margin-top: 15px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.avgpromo2 { margin-top: 65px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.avgpromo3 { margin-top: 115px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold; }
table { width: 100%; text-align: center; font-weight: bolder; font-size: 12px;
  color: #585858; border-collapse: collapse; margin-bottom: 20px;}
.hostTable th, .hostTable tr, .hostTable2 tr { height: 40px;}
tr.capTaula {  border-collapse: separate;}
tr:nth-child(2n+2) { background-color: #f8f8f8; }
.capTaula .td_left {  width: 25%; border-top-left-radius: 10px;}
.td_left, .td_right, .td_middle { background-color: #b0b0b0; color: white; height: 38px;
 font-size: 15px; font-weight: bold;}
 .capTaula .td_right { width: 10%; border-top-right-radius: 10px;}
td { padding: 20px; font-size: 12px; font-weight: normal;}
.capTaula .td_middle { width: 10%; }
#alturaCelda { height: 1px;}
.liniabottom {  border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #ddd;}
a.mesinfotaula { border-radius: 7px; display: block; background-color: #ccc; color: #fff;
  text-align: center; font-size: 12px; padding: 10px; width: 100%; -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in;}
td.liniabottom { border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #ddd;}

/*CLOUD*/
.cloudlEsq { height: 164px; margin-bottom: 20px; border-radius: 9px; background-color: #4f9381;}
.cloudServei1{ background: url("../img/cloudIco1.png")no-repeat}
.cloudServei2{ background: url("../img/cloudIco2.png")no-repeat}
.cloudServei3{ background: url("../img/cloudIco3.png")no-repeat}
.cloudServei4{ background: url("../img/cloudIco4.png")no-repeat}
.cloudServei5{ background: url("../img/cloudIco5.png")no-repeat}
.cloudServei6{ background: url("../img/cloudIco6.png")no-repeat}
.titolCloud { color: #4f9381 !important;}

.img_cloud{ box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 10px; float: left;}
.img_cloud_right { float: right !important;}
.img_cloud_centrar { margin: 30px 0 55px 28px !important; }

/*APLICACIONS ONLINE*/
.onlEsq { height: 264px; margin-bottom: 20px; border-radius: 9px; background-color: #90117a;}
.avgonline1 { margin-top: 12px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.avgonline2 { margin-top: 62px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.avgonline3 { margin-top: 112px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.avgonline4 { margin-top: 147px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.avgonline5 { margin-top: 217px; margin-left: 20px; position: absolute; z-index: 10; color: #FFFFFF;
  font-size: 14px; font-weight: bold;}
.alturaAppsOnline{height:185px}/*SENSE AIXO EL FORMULARI DE APPS ONLINE ES POSSA PER SOTA DEL FOOTER.*/
.alturaMailing{height:250px}/*SENSE AIXO EL FORMULARI DE MAILING ES POSSA PER SOTA DEL FOOTER.*/


/*CATALOG PLAYER*/
.tit1 { font-size: 24px; font-weight: bold; text-transform: uppercase;}
.colorcatalogplayer { color: #00a6c0;}
h4 { font-weight: normal; font-size: 18px; color: #888888;}
.doscolumns.primera { margin-left: 0px;}
.doscolumns { width: 450px; float: left; margin-left: 20px;}
.avantatgescatalog { padding-left: 15px; font-size: 14px;}
.avantatgescatalog li { margin-bottom: 10px; color: #00a6c0;}
.avantatgescatalog li span { color: #585858;}
.unacolumna { width: 215px; margin-left: 20px; float: left;}
.unacolumna.primera { margin-left: 0px;}

/*WEBAPP*/
.webApps { background: url("../img/mobile_esq.jpg") no-repeat left top;}
.mobApps { background: url("../img/mobile_dret.jpg") no-repeat left top;}
.titWebApp { font-size: 22px; font-weight: bold; color: #152C4B;}
.mobileText { width: 75%; margin: 210px auto 0px auto; font-size: 12px; color: #000000; position: relative;}
.webApps, .mobApps { width: 49%; height: 350px; float: left; text-align: center; color: #000000;}
.mobileText a { font-size: 12px; font-weight: bold; color: #152C4B;}

/*MAILING*/
.mailEsq { width: 240px; height: 121px; border-radius: 9px; background-color: #967a65; margin-bottom: 20px;}
.dominis2 { margin-top: 100px; margin-left: 15px; position: absolute; z-index: 10; color: #FFFFFF; font-size: 14px;}
.dominis3 { margin-top: 55px; position: absolute; z-index: 10; color: #FFFFFF; font-size: 14px; margin-left: 130px;}
.imatgeMailing{margin: 30px 0 55px 0;}
.imatgeMailing:first-of-type{float: left;}
img.imatgeMailing.centrar { margin: 30px 26px 55px 26px; }
.imatgeMailing:last-of-type{float: right;}
.columnaEsquerra { width: calc(50% - 15px); float: left; padding-right: 15px; }
.columnaDreta { width: calc(50% - 15px); float: right; padding-left: 15px; }
.titolMailing{display: block; font-weight: bold; font-size: 18px; color: #967a65;
  margin: 10px 0 0 80px; padding-top: 10px;}
.titolMailingLong{display: block; font-weight: bold; font-size: 18px; color: #967a65;
  margin: 10px 0 0 80px; }
.textMailing { margin: 0 0 0 80px; font-size: 14px;}
.mailingServei{height: 80px; margin-bottom: 35px;}
.mailingServei1{ background: url("../img/mailingIco1.png")no-repeat}
.mailingServei2{ background: url("../img/mailingIco2.png")no-repeat}
.mailingServei3{ background: url("../img/mailingIco3.png")no-repeat}
.mailingServei4{ background: url("../img/mailingIco4.png")no-repeat}
.mailingServei5{ background: url("../img/mailingIco5.png")no-repeat}
.mailingServei6{ background: url("../img/mailingIco6.png")no-repeat}
.mailingServei7{ background: url("../img/mailingIco7.png")no-repeat}
.mailingServei8{ background: url("../img/mailingIco8.png")no-repeat}
.mailingServei9{ background: url("../img/mailingIco9.png")no-repeat}
.exempleMailing{margin-top: 40px;}
.exempleMailing.centrar { margin-left: 9px;}


/*----FOOTER----*/
#peu { width: 100%; background: #fff; border-top: 1px solid #dddddd; clear: both; float: left; font-size: 13px;
  padding-bottom: 10px; /*position: absolute;*/}
#peumenu1 { float: left; width: 185px; margin: 30px 0 0 0; text-align: left;}
#peumenu2 { float: left; width: 260px; margin: 30px 0 0 17px; text-align: left;}
#peumenu3 { float: left; width: 225px; margin: 30px 0 0 17px; text-align: left;}
#peumenu4 { float: left; width: 225px; margin: 30px 0 0 17px; text-align: left;}
a.peu { font-size: 13px; margin-bottom: 3px; color: #7f7f7f; font-weight: normal;}
a.peu:hover { color: #000;}
a.peu, a.peu:link, a.visited { color: #7f7f7f; cursor: pointer; margin-top: 5px; display: block;
  font-size: 13px; text-decoration: none;}
.fancybox-wrap { top: 50px !important;}

.blockNewsletter {width: 100%; background-color: #e4e8e9; border-bottom: 1px solid #d5d5d5;}
.subNewsletter{width: 600px; margin: 0 auto;}
.subNewsletter span { font-size: 17px; line-height: 35px; margin-right: 10px; float: left; color: #464a50;}
form#alta_newsletter { margin: 0 auto; padding: 20px 0; }
#email_newsletter { float: left; height: 33px; line-height: 33px; width: 240px; border: 1px solid #929292;
    font-size: 14px; background-color: #fff; margin: 0 10px 0 0; }
.botoNewsletter { height: 33px; line-height: 33px; background-color: #63676e; border: 0;
    width: 100px; font-size: 15px; color: #fff; cursor: pointer; padding: 0;}
.subNewsletter .altaCorrecte {border: 1px solid #2e5014!important; background: #d5efc2!important;}
.subNewsletter input.error { border: 1px solid red !important; }
.subNewsletter label.error { display: none !important;}

a.fletxa_prod { float: right;}
.formulari-bottom { background-color: #FFF; clear: both; padding: 0; border-radius: 10px}
.formulariEsquerra input { width: 97%}
.formulariDreta textarea { width: 100%}
input#enviarLlarg { width: 100%}

#foto1 { padding-top: 15px}
.buttons_empresa { padding-top: 10px}
.buttons_empresa a.linkEmpresa { display: block; padding: 10px 5px; border-radius: 5px; color: #666666; background-color: #f0f0f0; font-weight: normal; float: left;
  width: 23%; margin: 2px; text-align: center; text-transform: uppercase;}
.buttons_empresa a.linkEmpresa:hover { color: #FFF;}

.quadre-text-gris { background-color: #f0f0f0; border-radius: 10px; width: 246px; padding: 20px; margin-right: 15px}
.content-webservice { width: 600px}
.quadre-horitzontal { width: 875px}

a.submenu, a.submenuactiu { font-size: 14px}

.serveis_bottom { width: 110px}
.contingut-contactar { margin-top: 15px}
.content-servidors-dedicats { width: 600px}

.horari_top { color: #005c6d; font-weight: bold}
.barraUP .right a { font-size: 13px; font-weight: normal; color: #58585a; text-decoration: underline;}

.suport_menu { font-weight: bold}
.suport_menu a { font-weight: normal; font-size: 13px; color: #58585a; text-decoration: underline;}

/*#peumenu4 .twitter { float: left; margin-left: 0}*/
#peumenu3 a { font-size: 13px}

.blocInfoAntivirus { background-repeat: no-repeat; background-position: 20px 16px}
.bgAntivirusEmpreses { background-image: url(../img/antivirus_eset_empreses.png);}
.bgAntivirusPercasa { background-image: url(../img/antivirus_eset_percasa.png); }
.bgAntivirusMobils { background-image: url(../img/antivirus_eset_mobils.png); }
.bgAntivirusNens { background-image: url(../img/antivirus_eset_nens.png); }
.blocInfoAntivirus .blocText { padding-left: 110px}

.agent-digitalitzador img { max-width: 100%; margin-bottom: 20px}
.agent-digitalitzador a.link-solucions { display: block; width: 33%; text-align: center; float: left; font-size: 1.1em; font-weight: normal; color: #58585a}
.agent-digitalitzador a.link-solucions:hover, .agent-digitalitzador .agent-slogan-2 a:hover { opacity: 0.7;}
.agent-digitalitzador .agent-content { background-color: #FFF; border-radius: 9px; padding: 10px; margin-bottom: 20px; text-align: center; font-size: 1.5em}
.agent-digitalitzador .agent-slogan-2 { clear: both;}
.agent-digitalitzador .agent-slogan-2 a { font-size: 1.8em; font-weight: normal; color: #58585a}


/**** COOKIES */
.cookies-jad .fancybox-skin { z-index: 99999;
  background-color: #fff; padding-top: 15px; padding-bottom: 15px;
  box-shadow: 0px 0px 15px 0px rgba(22, 21, 12, 0.23); }

.cookies-jad .fancybox-skin {
  transform: translateX(-50%)!important;
  height: fit-content!important;
  width: fit-content!important;
  padding: 15px!important;
  left: 50%!important;
  margin-bottom: 30px;
  margin-top: 30px;
}

.cookies-jad .fancybox-skin .fancybox-inner {
  height: auto!important;
}

.cookies-jad .fancy-body { overflow: hidden; }
button.cookies-ok, button.cookies-config, button.cookies-ko,button.cookies-accept { float: right; display: inline-block; padding-left: 8px; padding-right: 8px;
  background-color: #999; color: #ffffff; font-weight: bold; text-align: center;
  line-height: 35px; border-radius: 5px; border: none; margin-left: 10px}

.div-list-cookies table, .table-titol-cookies { font-size: 12px}

.input-switch { margin-top: 8px}
.input-switch > input[type="checkbox"] {
  display: none;
}

.input-switch > label {
  cursor: pointer;
  height: 0px;
  position: relative;
  width: 25px;
}

.input-switch > label::before {
  background: rgb(0, 0, 0);
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
  border-radius: 15px;
  content: '';
  height: 20px;
  margin-top: -8px;
  position:absolute;
  opacity: 0.3;
  transition: all 0.4s ease-in-out;
  width: 40px;
}
.input-switch > label::after {
  background: rgb(255, 255, 255);
  border-radius: 16px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  content: '';
  height: 17px;
  left: 0px;
  margin-top: -3.5px;
  position: absolute;
  top: -3.5px;
  transition: all 0.3s ease-in-out;
  width: 17px;
}
.input-switch > input[type="checkbox"]:checked + label::before {
  background: inherit;
  opacity: 0.5;
}
.input-switch > input[type="checkbox"]:checked + label::after {
  background: inherit;
  left: 20px;
}
.textCookies{font-size: 14px;}
.titol-cookies { font-size: 18px; cursor: pointer; display: block; line-height: 3rem}
.text-cookies { padding: 1rem 0; font-size: 20px; border-bottom: 2px solid #dedede}
.paddingTop{padding-top: 15px;}
button.cookies-ok{text-transform: uppercase; background-color: #10b8e5;}

@media (max-width: 992px){
  button.cookies-ok, button.cookies-accept, button.cookies-ko,button.cookies-config {font-size: 14px; margin-bottom: 5px;}
  /*#izquierda{float: left!important;}*/
}
/*.desinvisble{display: block;}*/
.invisible{display: none;}
.desinvisble{display: none;}

@media(min-width: 600px){
    .desinvisble{display: none;}
    .invisible{display: block;}

}
@media(max-width:768px){
  button.cookies-ok, button.cookies-accept, button.cookies-ko,button.cookies-config {width: 100%;}
  .titol-cookies{padding-left: 10px;}
}
.textCookies1{font-size: 12px;}
.marginButton{margin-top: 3%;margin-left: auto;}
/*.mt-10{margin-top: 15px;} */
.capaCookies button{margin-top: 10px;}
tr.text{width: 100%; border: none!important;}
tr.text td{width: 100%; border: none!important;}
.marginsTop{margin-bottom: 10px;}
table.table>tbody>tr>td, .table>tbody>tr>th{
  padding-left: 0px;
}
button.cookies-ok,button.cookies-ko,button.cookies-accept,button.cookies-config{border-radius: 0px!important;}
.label-info {
	background-color: #10b8e5 !important;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9 {
    float: left;
}

.col-12 { width: calc(100% - 30px); }
.col-11 { width: calc(91.66666666666666666666% - 30px); }
.col-10 { width: calc(83.33333333333333333333% - 30px); }
.col-9 { width: calc(75% - 30px); }
.col-8 { width: calc(66.66666666666666666666% - 30px); }
.col-7 { width: calc(58.33333333333333333333% - 30px); }
.col-6 { width: calc(50% - 30px); }
.col-5 { width: calc(41.66666666666666666666% - 30px); }
.col-4 { width: calc(33.33333333333333333333% - 30px); }
.col-3 { width: calc(25% - 30px); }
.col-2 { width: calc(16.66666666666666666666% - 30px); }
.col-1 { width: calc(8.33333333333333333333% - 30px); }

.offset-12 { margin-left:100%; }
.offset-11 { margin-left:91.66666666666666666666%; }
.offset-10 { margin-left:83.33333333333333333333%; }
.offset-9 { margin-left:75%; }
.offset-8 { margin-left:66.66666666666666666666%; }
.offset-7 { margin-left:58.33333333333333333333%; }
.offset-6 { margin-left:50%; }
.offset-5 { margin-left:41.66666666666666666666%; }
.offset-4 { margin-left:33.33333333333333333333%; }
.offset-3 { margin-left:25%; }
.offset-2 { margin-left:16.66666666666666666666%; }
.offset-1 { margin-left:8.33333333333333333333%; }

.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

#capaCookiesConfig table { text-align: left; }

.cookies-jad {
  background-color: rgba(0,0,0,.6)!important;
  overflow-y: scroll!important;
  max-height: 100%!important;
  position: fixed!important;
  height: 100%!important;
  width: 100%!important;
  top: 0!important;
  left:0!important;
}

#link-fancy-msg-top, #link-fancy-msg-top-config { display: none; }
  /**** FI COOKIES */