body,table,tr,td,th{font-size:16px}
h1{font-size:22px}
h2{font-size:19px}
h3{font-size:16px}
h4{font-size:14px}
a {color:#DC070F;}
ul li a{color:darkred}
ul li a:hover{color:darkred;text-decoration:underline}
img {max-width:100%}

/*fomat dels botons textuals de la botonera per el web 2019 */
/*cap 2019 */
#inputCercador {font-size: x-small;}
#logoEspaiActual {margin:20px 0;}
#botonsUsuari {margin-top: 5px;margin-left: 10px;float: right;}
.botoCap:hover {text-decoration: blink;color:#ffc800;}
.botoCap {border: 1px solid #680002;height: 40px;background-color: #e60005;color: white;font-weight: bold;vertical-align: middle;text-align: center;position: relative;padding:5px;}
.botoneraCap {font:400 12px/1.8 'Sofia Sans', Arial, Verdana, Sans-serif; padding-top: 50px}
#div-menu-fv {margin-left:-10px;}
#Teca, #divPrincipal { border-bottom: 1px solid black;}

.botoGeneric{padding:20px 0;margin-left: 10px;}
.botoGeneric a{
  color: white;
  font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;
  border-radius: 30px;
  letter-spacing: 1px;
  background-color:#DC070F;
  font-size: 14px;
  margin-right: 10px;
  margin-top: 15px;
  padding:20px 10px;
  font-weight:700;
  font-size: 16px;
}
.botoGeneric a:hover { color:white; text-decoration:none;}

.boto-menu-principal-reduit i::after {top:38px;right:0}
.seccio-portada-informacion{ padding: 50px 0; }
.caixa-video{ font-size: 20px; margin: 0 15px; }
/**Pàgines revistes**/
/*.menu-fv{display:none;}
.menu-fv{margin-bottom:0;}*/
.embut .boleta-sector div {top:20px}
.llistat-revistes {margin:0;padding:0}
.llistat-revistes li {margin:10px 0 20px 0;padding:20px;border-bottom: 1px solid rgba(0, 0, 0, 0.02);}
.llistat-revistes li.separacio, .seccio-noticies .separacio, .separacio {border-bottom: 1px solid rgba(0, 0, 0, 0.02);margin-bottom: 10px;margin-top: 10px;position: relative;padding:0}
.llistat-revistes li.separacio::after, .seccio-noticies .separacio::after, .separacio::after {background-color: darkgrey;border-radius: 4px;bottom: -1px;content: "";display: block;height: 1px;position: absolute;width: 100%;
}   
.llistat-revistes li.f0{background:#F2F4F5;} 
.llistat-revistes li.f1{background:transparent;} 
.llistat-revistes li div.descripcio {vertical-align: top; font-size: 18px;}
/*Títols*/
h3.titol2, h2.titol2 {color:#DC070F;font-size: 23px;font-weight: 700;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;margin-left: 0; margin-bottom:20px;}
.llistat-revistes li div.descripcio h2, .seccio-noticies h2 a {margin:0;padding:0 10px 10px 0 ;color:#333;font-size: 23px;font-weight: 700;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;}
.llistat-revistes li div.descripcio h2 {color:#DC070F;text-transform:uppercase}
.servei-desc h2, .servei-desc h2 a {color:darkgrey}
.seccio-noticies h2, .seccio-noticies .ver-mas {margin:0;padding:0 0 10px 0 ;color:#2f343a;font-size: 23px;font-weight: 700;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;}
.seccio-noticies h2.titol, h3.titol, h2.titol {color:#DC070F;font-size: 23px;font-weight: 700;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;margin-left: 10px; margin-bottom:20px;}
.seccio-noticies .ver-mas {margin:0;padding:0 0 10px 0 ;color:#DC070F;font-size: 18px;font-weight: 700;text-transform:uppercase;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;margin-bottom:10px}
#pgInformacionNoticies .seccio-noticies h2 {color:#DC070F;}
.seccio-noticies article {margin:20px 0 20px 0}
.servei-desc h2 a:hover, .seccio-noticies h2 a:hover {color:#2f343a;text-decoration:none}
.seccio-noticies .noticia-apartat img {max-width:100%}
/*Favorits llistat*/
.seccio-noticies .noticia-apartat .noticia-titol {position: relative;padding-right:10px}
.seccio-noticies .noticia-apartat .noticia-titol .favorit {position: absolute;right: 0;top: 0;}
.seccio-noticies .favorit {cursor: pointer;color: #DC070F;}
.llistat-revistes li div img {max-width:100%;display: inline-block;vertical-align: middle;padding: 5px;border: solid 1px #CCC;-moz-box-shadow: 1px 1px 5px #999;-webkit-box-shadow: 1px 1px 5px #999;box-shadow: 1px 1px 5px #999;}
/*Logos a resaltar a Interempresas Información */
.logosIE { padding:50px 50px 0 50px; height: 120px;}
.logosIE img{ 
	max-width:250px;
	margin: 0 10%;
}

/*imatge blanc/negre*/	
.bw {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;transition: all 1s ease;} 
 .bw:hover {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */filter: gray; /* IE6-9 */-webkit-filter: grayscale(100%);content:"&#xf0c1;"}
/*imatge blanc/negre*/
.overlayed { display: block;float: left;max-width: 100%;overflow: hidden;position: relative;color: #fff;}
.overlayed a::before {background: linear-gradient(to bottom, rgba(65, 135, 209, 0.75) 0%, rgba(42, 104, 175, 0.75) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);bottom: 0;content: "";height: 100%;left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: opacity 0.2s linear 0s; width: 100%;z-index: 2;}

.overlayed a:hover::after, .overlayed a:hover:before{opacity:1; text-decoration:none;color: #fff;}
.overlayed a::after {background: none repeat scroll 0 0 #252525;color: #fff;content:  url("/img/link-solid.svg");font-size: 16px;height: 40px;left: 50%;margin: -20px 0 0 -20px;opacity: 0;position: absolute;text-align: center;top: 50%;transition: all 0.2s linear 0s;width: 40px;z-index: 3;padding:10px}
.accions-revista {margin-bottom:10px}
.accions-revista a {margin-top:5px}

.taula-dades {margin-bottom:10px;border-collapse:collapse}
.taula-dades table th, .taula-dades table td  {padding:3px 5px 3px 5px;border:1px solid #7d7a72}
.taula-dades table th {text-align:left}
.taula-dades table td {text-align:right}


h2.titol{font-weight:700; }
h2.titolot{ font-size: 28px; }
.titolet{font-size:18px;font-weight:700;}
p.descripcio_seccio, h3.descripcio_seccio, h4.descripcio_seccio, li.descripcio_seccio {padding:0 20px 0 10px; font-size: 18px;}
p.descripcio_seccio a {font-weight:700}
p.descripcio_seccio img {max-width:100%}

/*Hover icon effects*/
#pgInformacion .view{width:30%;height:100%;display:inline-block;float:none}
.view .mask, .view .content{width:100%;height:100%}
.view-sixth img, .view-seventh img{max-width:100%}
#pgInformacionNewsletters .view-seventh h2, #pgInformacionEmagazines .view-seventh h2 {opacity:0.75;position:absolute;bottom:-20px;width:100%;transform:translateY(-20px);}
#pgInformacionNewsletters .view-seventh a.info, #pgInformacionEmagazines .view-seventh a.info{width: 100%;height: 100%;opacity: 0.3;
}

#pgInformacion h2.titol-seccio{margin-top:20px;padding:0 10px 10px 0;color:#DC070F;font-size: 23px;font-weight: 700;text-transform:uppercase;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;}
#pgInformacion .seccio-arees .main{margin: 10px auto;}

#pgInformacion .caixa-arees {background-color:#EFF2F7;margin-bottom:30px}
#pgInformacion .view2{position:relative;width:23%;display:block;float:left;margin:20px 10px 20px 10px; border-radius: 7px; padding: 30px 30px 55px; height: 280px;text-align:center;background-color:white; box-shadow: 2px 10px 50px rgba(158,158,158,.25); border: 2px solid transparent;}

#pgInformacion .view2:hover { border: 2px solid red;}
#pgInformacion .view2:hover .fletxa {color:#FFFFFF;background-color:#DC070F}

#pgInformacion .view2 .nom-area{text-align:center;margin-top: 20px;font-weight: 700;font-size: 20px;}
#pgInformacion .view2 .nom-area a {color:#DC070F;}

#pgInformacion .view2 img {width:60%}
#pgInformacion .view2 .mes-info-area{margin-top: 0;	position: absolute;	bottom: -24px;	left: 0; right: 0; transition: .4s;}
	
#pgInformacion .view2 .mes-info-area a{
	margin-left: 0;
	font-size: 13px;
	width: 50px;
	height: 50px;
	color: #DC070F;
	background: #fff;
	line-height: 50px;
	border-radius: 100%;
	border: 2px solid #DC070F;
	display: inline-block; 
}
#pgInformacion .view2 .mes-info-area svg {fill:#DC070F;width:15px;height:15px}

#pgInformacion .view2 .mes-info-area a svg:hover {fill: #FFFFFF;}
#pgInformacion .view2 .mes-info-area a svg:hover path {fill: #FFFFFF;}
#pgInformacion .view2 .mes-info-area a svg:hover plygon {fill: #FFFFFF;}
#pgInformacion .view2 .mes-info-area a svg:hover circle {fill: #FFFFFF;}
#pgInformacion .view2 .mes-info-area a:hover svg {fill: #FFFFFF;}
#pgInformacion .view2 .mes-info-area a:hover svg path {fill: #FFFFFF;}
#pgInformacion .view2:hover svg {fill: #FFFFFF;} 
#pgInformacion .view2:hover svg path {fill: #FFFFFF;}

#pgInformacion .view2 .mes-info-area a:hover{background-color:#DC070F}
#pgInformacion .view2:hover .mes-info-area a {background-color:#DC070F}

.error {color:Red;}

/*Xarxes*/
/*.index-llistat-canals{background:url("/CSS/img/fons-xarxes.png") no-repeat left top;}*/
.index-llistat-canals{padding-bottom:10px}

.llistat-twitter{clear:both;padding:10px 0 10px 0}
.li-canal-twitter, .li-canal-facebook, .li-canal-linkedin{float:left;font-size:15px;margin-top: 10px; margin-left:20px}
.li-canal-facebook svg, .li-canal-linkedin svg {margin-right:5px; width:20px; height:20px}
.li-canal-facebook svg {fill:#3A5795;}
.li-canal-linkedin svg {fill:#1b86bc;}

ul.llistat-twitter li iframe {float:left; margin:10px 10px 0 0}

@media screen and (min-color-index:0)
   and(-webkit-min-device-pixel-ratio:0) { 
    #pgInformacionNewsletters .view-seventh h2, #pgInformacionEmagazines .view-seventh h2 { bottom:-100px; }
}

.index-llistat-revistes .view, .index-llistat-catalegs .view{width:170px;height:240px}
.index-llistat-seleccions .view{width:240px;height:170px}
.index-llistat-revistes .view h2, .index-llistat-catalegs .view h2 {font-size:15px;margin-bottom:20px}
.index-llistat-seleccions .view h2 {font-size:13px;margin-bottom:20px}



.seccio-serveis {margin-top:20px;margin-bottom:15px;margin-left: 3px;}
.grup-serveis {/*background-color:#fafafa;*/padding:20px;border-radius:5px}
.seccio-serveis h2 {margin:0;padding:0 10px 10px 0;color:#DC070F;font-size: 24px;font-weight: 700;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;}
.servei {float: none; display: inline-block; vertical-align: top}
.servei-contenidor {margin-bottom:10px;}
.servei-desc h2 {margin-top:15px;}


.btn-contactar {
    font-weight: 700;
}

#pgRevistes img {max-width:100%}
.llista-tipus-stand{margin:1em 15%}
.llista-tipus-stand div.tipus-stand {float:left;margin:25px}
#fv-dades li {float:left;text-align:center; margin:0 20px 0 20px;font-weight:700}
.counter{font-size:50px;font-weight:700;}

#pgInformacionFeriaVirtual section {margin-bottom:20px}

/*Contactar*/
iframe{max-width: 100%;}
#adreces{padding-bottom:10px}
#adreces h3 {margin-top:0;font-weight:700}
.adressa{padding-bottom:5px}
#formulariContacte {
    background: none repeat scroll 0 0 #fdfdfd;
    border: 1px solid #ffffff;
    border-radius: 5px;
    box-shadow: 0 2px 6px #efefef inset;
    overflow: hidden;
    padding: 20px;
}

/* 20210317, JSanchez; evitem, si la imatge de la news és massa grossa, que sigui "infinita" */
a.enllass-newsletter {display:block;max-height:347px;overflow:hidden;}

/*Redueixo el padding de les entrades de menú de la navbar de bootstrap*/
/*.nav > li > a {padding-left:12px;padding-right:12px}*/

/*VIDEO CORPORATIU*/
.caixa-video video {
    width: 100%
}

/************************CARDS *****************************/
.column {margin-top: 20px;padding-left: 15px;position:relative;}
.column .card {padding:20px;border:1px solid #262626;height:230px;position:relative;font-size:16px}
.column .card h2 {text-align:left;color:black;font-size:20px}
.column .card .card-link {text-transform:uppercase;position:absolute;bottom:0;left:0;padding:5px 15px;font-size:13px;color:#DC070F}
.card-text{ margin-top: 20px; font-size:18px;}

/*#FiraVirtual, #Jornades, #Classificats, #Revistes, #CanalSectorial, #PublicacionsEspecials, #Newsletters, #EmailMarketing, #Alertes, #Jornades, #Webinars, #SalonsProfessionals, #CatalogosSectoriales {position:relative}
#FiraVirtual, #Jornades, #Classificats, #Revistes, #CanalSectorial, #PublicacionsEspecials, #Newsletters, #EmailMarketing, #Alertes, #Jornades, #Webinars, #SalonsProfessionals, #CatalogosSectoriales path{fill:#000000}
#FiraVirtual:before {content: url("/img/earth-americas-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#CanalSectorial:before {content: url("/img/eye-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#Classificats:before {content: url("/img/tags-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#Revistes:before {content: url("/img/book-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:30% }
#PublicacionsEspecials:before {content: url("/img/location-crosshairs-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#Newsletters:before {content: url("/img/bullseye-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#EmailMarketing:before {content: url("/img/envelope-regular.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#Alertes:before {content: url("/img/bullhorn-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#Jornades:before {content: url("/img/street-view-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#Webinars:before {content: url("/img/laptop-solid.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#SalonsProfessionals:before {content: url("/img/connectdevelop.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
#CatalogosSectoriales:before {content: url("/img/leanpub.svg"); right:0; position:absolute; top:-10%; opacity: 0.04; color: #262626; width:35% }
*/

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

	#pgInformacion .view2{width:30%}
	.logosIE img{ 
		max-width:250px;
		margin: 0;
	}
}


@media screen and (max-width: 768px) 
{
    .seccio-arees .mask p {display:none;}
    .index-llistat-revistes .view, .index-llistat-catalegs .view{width:150px;height:212px}
    .index-llistat-revistes .view h2, .index-llistat-catalegs .view h2 {font-size:13px}
    #id-llistat-canals-img{display:none}
    #botonsUsuari {margin-top: 0px;padding-left: 100px;}
	
	#pgInformacion .view2{width:45%}
	
	.logo-estudios {text-align:center}
	.logo-estudios img {max-width:50%}
}

@media screen and (max-width: 767px) {
#botonsUsuari {margin-top: -45px;padding-left: 0;}	
 .logo-jornades {margin-top:15px}
}
@media screen and (max-width: 480px) 
{
.llistat-revistes li div.overlayed {padding-bottom:10px;}
.llistat-revistes li div img {max-height:300px} 
#pgInformacion .view{width:90%;}
.view{width:90%;height:100%}
.seccio-arees .mask p {display:block;}
.index-llistat-revistes {display:none}
.index-llistat-seleccions {display:none;}
.index-llistat-catalegs {display:none;}

/*llistat noticies*/
.noticia-apartat .noticia-titol{margin-top:10px}

.servei-icona-animada{text-align:center}

.llista-tipus-stand{margin:1em 5%}
#fv-dades li {float:none;}
.li-canal-twitter, .li-canal-facebook, .li-canal-linkedin{display:block}
 #botonsUsuari {padding-left: 0}
 
 #pgInformacion .view2{width:100%;height:100%;margin-left:0px}
 
 .logo-estudios img {max-width:80%}

}