@import url("//fonts.googleapis.com/css?family=Sofia+Sans:700,500,600,400");

body{color:#262626;font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;}
a {color:#262626}
a:hover{color:#777;text-decoration:none}

/************************ CAPÇALERA *****************************/

.header {margin:auto;width:100%;}

.taca-grisa{position:absolute;height:450px;width:100%;	background-color:#E8ECED;}
#pgPlanaPrincipalRP .taca-grisa{position:absolute;height:350px;width:100%;	background-color:#E8ECED;}

#pgPortada .header-fons-cap{background-image:url(/img/Fons.webp); background-position:top right;	background-repeat: no-repeat; background-size:550px; width:100%; height:510px; position:absolute;}  
#pgPlanaPrincipalFV .header-fons-cap{background-image:url(/img/fonsFeriaVirtual2.png); background-position:top right;	background-repeat: no-repeat; background-size:550px; width:100%; height:510px; position:absolute;} 
#pgPlanaPrincipalRP .header-fons-cap{background-image:url(/img/fonsRevistas2.png); background-position:top right;background-repeat: no-repeat; background-size:550px; width:100%; height:510px; position:absolute;}    

 
.header-fons-cap-contingut{position:absolute; top:7px;	right:50px;	padding:5px; z-index:11} 
#pgPortada .subheader{ color:red; font-weight:700; font-size:40px;	background-color:transparent;height:550px}	

#pgPortada .subheader .navbar-default,
#pgPlanaPrincipalFV .subheader .navbar-default,
#pgPlanaPrincipalOC .subheader .navbar-default,
#pgPlanaPrincipalRP .subheader .navbar-default{background-color:transparent;color:#DC070F;border-radius:0px;margin:0;z-index: 10;}

#pgPortada .subheader .navbar-left,
#pgPlanaPrincipalFV .subheader .navbar-left,
#pgPlanaPrincipalOC .subheader .navbar-left,
#pgPlanaPrincipalRP .subheader .navbar-left  {padding-left:50px}

#pgPortada .subheader .navbar-default .navbar-nav > li,
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav > li,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav > li,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav > li {background-color:white;}

#pgPortada .subheader .navbar-default .navbar-nav > li.nav-ultim,
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav > li.nav-ultim,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav > li.nav-ultim,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav > li.nav-ultim
{border-radius:0px 25px 25px 0px}

#pgPortada .subheader .navbar-default .navbar-nav > li > a,
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav > li > a,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav > li > a,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav > li > a
 {color:#D4070E/*DC070F*/;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;font-weight:600}
 
#pgPortada .subheader .navbar-default .navbar-nav > li > a svg,
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav > li > a svg,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav > li > a svg,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav > li > a svg
 {fill:#D4070E;width:15px;height:15px;vertical-align:middle;margin-right:5px} 

#pgPortada .subheader .navbar-brand img,
#pgPortada .subheader .navbar-brand svg,
#pgPlanaPrincipalFV .subheader .navbar-brand img,
#pgPlanaPrincipalFV .subheader .navbar-brand svg,
#pgPlanaPrincipalOC .subheader .navbar-brand img,
#pgPlanaPrincipalOC .subheader .navbar-brand svg {max-width:250px;}
#pgPlanaPrincipalRP .subheader .navbar-brand img {max-width:200px;}

#opcio-inscriures-nav, #opcio-alta-nav {display:none;}
#pgPortada .subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn,
#pgPortada .subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn {color:white;background-color:#DC070F;}
#pgPortada .subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn:hover,
#pgPortada .subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn:hover {color:#DC070F;background-color:white;border:1px solid #DC070F;}

#pgPortada a#btn-subscriures {text-transform: uppercase;color: #DC070F;background-color: white;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;border-radius:25px;padding:15px;letter-spacing: 2px;}
#pgPortada a#btn-subscriures:hover {color: white;background-color: #DC070F;border:1px solid #DC070F;}
#pgPortada .subheader .navbar-default .navbar-nav > li > a#btn-subscriures:hover {color:white;background-color:#DC070F;} 

#pgPortada a#btn-alta {text-transform: uppercase;color: #DC070F;background-color: white;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;border-radius:25px;padding:15px;letter-spacing: 2px;}
#pgPortada a#btn-alta:hover {color: white;background-color: #DC070F;border:1px solid #DC070F;}
#pgPortada .subheader .navbar-default .navbar-nav > li > a#btn-alta:hover {color:white;background-color:#DC070F;} 


.cap-lema{text-align:left;color:#262626;font-size:45px; font-weight:600;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;max-width: 60%;margin:50px auto 15px 10%;padding: 10px 20px 10px 0px;line-height:1.1;background-color: #E8ECED;border-bottom-right-radius: 20px;display:inline-block}
.subheader  .navbar-default .navbar-toggle .icon-bar { background-color: red;}
.subheader .navbar-default .navbar-toggle{border-color:pink;}


/*ESTILS DIFERENTS*/
 

#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn,
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn {color:white;background-color:#DC070F;}
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn:hover,
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn:hover {color:#DC070F;background-color:white;border:1px solid #DC070F;}


#pgPlanaPrincipalFV .subheader{ color:red; font-weight:700;	background-color:transparent;height:500px}
#pgPlanaPrincipalRP .subheader{color:red; font-weight:700; font-size:40px;	background-color:transparent;height:400px}	

#pgPlanaPrincipalFV a#btn-subscriures,
#pgPlanaPrincipalOC a#btn-subscriures,
#pgPlanaPrincipalRP a#btn-subscriures
 {text-transform: uppercase;color: white;background-color: #DC070F;font-family:'Sofia Sans', Arial, Verdana, Sans-serif; border-radius:25px;padding:15px;letter-spacing: 2px;border:none}
 
#pgPlanaPrincipalFV a#btn-alta,
#pgPlanaPrincipalOC a#btn-alta,
#pgPlanaPrincipalRP a#btn-alta
 {text-transform: uppercase;color: white;background-color: #DC070F;font-family:'Sofia Sans', Arial, Verdana, Sans-serif; border-radius:25px;padding:15px;letter-spacing: 2px;border:none}
 
#pgPlanaPrincipalFV a#btn-subscriures:hover,
#pgPlanaPrincipalOC a#btn-subscriures:hover,
#pgPlanaPrincipalRP a#btn-subscriures:hover
 {color: #DC070F;background-color: white;}
 
#pgPlanaPrincipalFV a#btn-alta:hover,
#pgPlanaPrincipalOC a#btn-alta:hover,
#pgPlanaPrincipalRP a#btn-alta:hover
 {color: #DC070F;background-color: white;}

#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav > li > a#btn-subscriures:hover,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav > li > a#btn-subscriures:hover,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav > li > a#btn-subscriures:hover,
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav > li > a#btn-alta:hover,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav > li > a#btn-alta:hover,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav > li > a#btn-alta:hover {color:#DC070F;background-color:white;} 


#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn {color:white;background-color:#DC070F;}
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn:hover,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn:hover {color:#DC070F;background-color:white;border:1px solid #DC070F;}
 

#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn {color:white;background-color:#DC070F;}
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav >li#opcio-inscriures-nav > a.btn:hover,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav >li#opcio-alta-nav > a.btn:hover {color:#DC070F;background-color:white;border:1px solid #DC070F;}


/******************** CERCADOR ***************************/
.buscador{text-align:center;padding:20px 0px 60px 0px}
#custom-search-input{ border-radius: 25px; background-color: #fff; width: 80%; margin:auto; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
#custom-search-input input{border: 0}
#custom-search-input button{ margin: 2px 0 0 0; background: none; box-shadow: none; border: 0; color: white; padding: 0 8px 0 10px;}
#custom-search-input .fons-boto{background-color:#262626;}
#custom-search-input .glyphicon-search{font-size: 23px;}
#custom-search-input .form-rounded { border-radius: 25px; padding: 10px 25px;}
#custom-search-input .form-control:focus {box-shadow:none}

/**Especificacions**/
#custom-search-input .fons-boto-OC{background-color:#DC070F;}
#custom-search-input .fons-boto-FV{background-color:#DC070F;}

/******CERCADOR FIRA VIRTUAL******/
#pgPlanaPrincipalFV #botoBuscar{
	margin-top:20px;
	margin-left:-60px;
	font-size:18px;
}

#pgPlanaPrincipalFV #inputCercadorFV{
	height:50px;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	font-size:18px;
	margin:20px 20px 0px 0px;
	padding:12px;
	position:relative;
	float:left;
	border-radius: 25px 0px 0px 25px;
	font-weight:400;
}

#pgPlanaPrincipalFV .botonFV{
	width:220px;
	height:50px;
	background-color:#DC070F;
	color:white;
	font-weight:400;
	vertical-align:middle;
	text-align:center;
	position:relative;
	border:0;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#pgPlanaPrincipalFV .botonFVempresa {
	background-color: #000000;
	margin-top: 20px;
    margin-left: -3px;
    font-size: 18px;
    width: 140px !important;
	border-radius: 0px 25px 25px 0px;
}


/****************** PANEL-ACCORDION ************************/
.caixa-central{width: 95%;margin: 0 auto;}
.margin-top-bloc{margin-top:30px}

.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    /*padding: 30px;*/
}
.accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 0px;
}
.accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
.accordion .panel-title a {
    background: #e40514 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 25px 12px 30px;
    position: relative;
    transition: all 0.3s ease 0s;
	line-height: 1.4;
	text-decoration: none;
}

.accordion .panel-heading a.collapsed::after {
  content: url("/img/chevron-down-solid.svg");
}

.accordion .panel-heading a::after{
  content: url("/img/chevron-up-solid.svg");
}

.accordion .panel-title{position:relative}

.accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #262626;
    color: #333;
	
}
/*#pgPlanaPrincipalFV .accordion .panel-title a.collapsed, #pgPlanaPrincipalOC .accordion .panel-title a.collapsed {
background: #fff none repeat scroll 0 0;	
}*/

.accordion .panel-title a.collapsed i {
	float:right;
	font-size:25px
}

.accordion .panel-title a::after, .accordion .panel-title a.collapsed::after {
    right: 18px;
    line-height: 52px;
    position: absolute;
    text-align: center;
    top: 5px;
    transition: all 0.3s ease 0s;
    width: 22px;
	margin-top: 0px;
}
.accordion .panel-title a.collapsed::after {
    box-shadow: none;
    color: #DC070F;
}

.accordion .panel-title a span{margin-left:35px;display:block}

.accordion .panel-title img {
  max-width: 50px;
  position: absolute;
  top: 0;
  left:5px;
}
.accordion .panel-title a.collapsed img#area1{
 content: url("/css/icones/metal.webp")
}
.accordion .panel-title a img#area1{
 content: url("/css/icones/metal_blanc.webp")
}

.accordion .panel-title a.collapsed img#area2{
 content: url("/css/icones/iquimica.webp")
}
.accordion .panel-title a img#area2{
 content: url("/css/icones/iquimica_blanc.webp")
}

.accordion .panel-title a.collapsed img#area3{
 content: url("/css/icones/industrias.webp")
}
.accordion .panel-title a img#area3{
 content: url("/css/icones/industrias_blanc.webp")
}

.accordion .panel-title a.collapsed img#area4{
 content: url("/css/icones/tecnologia.webp")
}
.accordion .panel-title a img#area4{
 content: url("/css/icones/tecnologia_blanc.webp")
}

.accordion .panel-title a.collapsed img#area5{
 content: url("/css/icones/construccion.webp")
}
.accordion .panel-title a img#area5{
 content: url("/css/icones/construccion_blanc.webp")
}
	
.accordion .panel-title a.collapsed img#area6{
 content: url("/css/icones/instalaciones.webp")
}	
.accordion .panel-title a img#area6{
 content: url("/css/icones/instalaciones_blanc.webp")
}	

.accordion .panel-title a.collapsed img#area7{
 content: url("/css/icones/mineria.webp")
}	
.accordion .panel-title a img#area7{
 content: url("/css/icones/mineria_blanc.webp")
}

.accordion .panel-title a.collapsed img#area8{
 content: url("/css/icones/logistica.webp")
}	
.accordion .panel-title a img#area8{
 content: url("/css/icones/logistica_blanc.webp")
}	

.accordion .panel-title a.collapsed img#area9{
 content: url("/css/icones/seguridad.webp")
}	
.accordion .panel-title a img#area9{
 content: url("/css/icones/seguridad_blanc.webp")
}	

.accordion .panel-title a.collapsed img#area10{
 content: url("/css/icones/agricola.webp")
}	
.accordion .panel-title a img#area10{
 content: url("/css/icones/agricola_blanc.webp")
}	

.accordion .panel-title a.collapsed img#area11{
 content: url("/css/icones/alimentacion.webp")
}	
.accordion .panel-title a img#area11{
 content: url("/css/icones/alimentacion_blanc.webp")
}	

.accordion .panel-title a.collapsed img#area12{
 content: url("/css/icones/retail.webp")
}	
.accordion .panel-title a img#area12{
 content: url("/css/icones/retail_blanc.webp")
}

.accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
	border: 1px solid #E8ECED;
}
.accordion .panel-body ul {
    /*border-left: 1px dashed #8c8c8c;*/
    padding-left: 25px;
	font-size:14px
}
@media screen and (max-width:768px){
	.accordion .panel-title a.collapsed img { display:none; }
	.accordion .panel-title a img { display:none; }
}

/******************LIST ********************/
.list ul {
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
  font-weight: 400;
}

.list li {
  position: relative;
  -webkit-padding-start: 10px;
          padding-inline-start: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #E8ECED;
  cursor: default;
  font-size:18px;
}

.list li:hover { color:#777;}
.list li:hover::marker {font-weight: 700;}
.list li:hover::after { opacity: 1; transition-delay: 0.2s;}

/************************CARDS *****************************/


.column {margin-top: 20px;padding-left: 15px;position:relative;}
.column .card {padding:20px;border:1px solid #262626;height:250px;position:relative;font-size:16px}
.column .card h2 {text-align:left;color:#000;font-size:25px}
.column .card .card-link {text-transform:uppercase;position:absolute;bottom:0;left:0;padding:5px 15px;border-top:1px solid #262626;border-right:1px solid #262626;font-size:13px;color:#DC070F}



#FiraVirtual, #Jornades, #Classificats, #Revistes {position:relative}
#FiraVirtual:before {content: "\e135"; font-family:"Glyphicons Halflings"; right:0; position:absolute; top:-35%; opacity: 0.05; color: #262626; font-size: 100px; }
#Jornades:before {content: "\e087";	font-family:"Glyphicons Halflings"; right:0; position:absolute; top:-35%; opacity: 0.05; color: #262626; font-size: 100px;}
#Classificats:before {content: "\e042"; font-family:"Glyphicons Halflings"; right:0; position:absolute; top:-40%; opacity: 0.05; color: #262626; font-size: 100px;}
#Revistes:before {content: "\e043";	font-family:"Glyphicons Halflings"; right:0; position:absolute; top:-35%; opacity: 0.05; color: #262626; font-size: 100px; }


/*********************** BLOC TAGS OCASIÓ *****************************/
#blocTags{
	margin-top:20px;
	margin-left:-50px;
}
#blocTags{margin:auto;}

h5.tagCerca-area{text-transform:uppercase}

.tagCerca {
	background-color: #E8ECED;
	color:#000;
	text-align:center;
	vertical-align:middle;
	display:block;
	float:left;
	border-radius:20px;
	padding:2px 10px;
	margin:3px;
	border:1px solid #E8ECED;
	font-size:13px;
}
.tagCerca:hover{background-color:#DC070F;color:white;border-color:#DC070F;}
.tagCerca a:hover{color:white}
.cerques {
	list-style-type: none;
	height: 150px;
	margin: 10px 0 0 0;
}

/************************ ALTRES ELEMENTS *****************************/

#barraDades{
	background: #f3f3f3;
	font-size:18px;
	color:#222222;
	line-height:28px;
	vertical-align:middle;
	height:100%; margin-top:50px;padding:30px
}

#barraDades i {font-size:30px;}
#barraDades a {text-decoration:none;}
#barraDades .dades-usuaris {border:1px solid #DC070F;}
#barraDades .dades-usuaris .usuaris{padding:20px}
#botoPpal{ font-size: 20px; padding-top: 10px; width: 100%; height: 50px; background-color: #DC070F; color: white; vertical-align: middle;text-align: center; position: relative; border: 0;}
#ppalMkting{margin-top:50px;margin-bottom:50px;
}
.ppalMktingTitol { color: #DC070F; font-weight: 600; margin-bottom: 30px; font-size: 26px; border-bottom: 4px solid #DC070F;}
.ppalMktingTitol2 {color: #DC070F; font-weight: 600; margin-bottom: 30px; font-size: 26px;}
.txtPpal{font-size:16px;margin-bottom:30px}
.ressaltaBarraDades{
	color:#DC070F;
	font-weight:700;
	font-size:22px;
}

.como-hacemos {border: 1px solid #DC070F; padding:30px; margin-bottom:20px;position:relative}

.boto-accio a{ font-size: 16px; padding: 15px; border-radius:25px; background-color: #DC070F; color: white; vertical-align: middle; text-align: center; position: relative; text-transform:uppercase;margin-left:10px}
.boto-accio a:hover {background-color:white; color:#DC070F; border:1px solid #DC070F;}

#video-corporatiu{max-width:100%}

#MenuServeisPeu li {line-height: 1em;}
#MenuServeisPeu li a {color:white;font-size:15px;line-height:0}
.iconesXXSS{width:32px; height:32px; padding:5px;}

#ojdIframe{margin-left:50px}

/****************** PÀGINES INFORMACIÓ PUBLICITÀRIA *****************/

#logoFiraVirtual img, #logoOcasio img{ height: 65px;}

.demana-informacio {text-transform: uppercase;color: white;background-color: #DC070F;font-family:'Sofia Sans', Arial, Verdana, Sans-serif;border-radius:25px;padding:15px 50px 15px 50px;letter-spacing: 2px;border:none;margin-top:10px}
.demana-informacio:hover {color: #DC070F;background-color: white;border:1px solid #DC070F;}

#publicarAnuncio { margin-top: 50px; float: right; padding-top: 10px; margin-right: 12px;}

#fonsExpositor, #fonsPubliqueAnuncio {font: 400 12px/1.8 'Sofia Sans', Arial, Verdana, Sans-serif;	margin-bottom:100px;}
#fonsExpositor{background: url('../img/fonsExpositor.jpg') right top no-repeat;background-size:contain;}
#fonsPubliqueAnuncio{background: url('../img/fonsPublicarAnuncio.jpg') right top no-repeat;background-size:contain;}
#blocTextExpositorImportant{font-size:20px;	padding-top:150px;}
.blocTextAnuncioImportant{font-size:20px;padding-top:150px;}


.columnesAvantatges{font-size:16px; color:#262626; padding:30px 30px 10px 30px;	flex: 100; border:1px solid #262626; min-height:250px; margin-top:10px;}
.columnesAvantatges ul > li {  list-style: circle;}

.fonsGris{background-color:#f3f3f3;padding:40px 10px;}
.resultatEnviaMissatge{font-size:18px;color:red;font-weight:bold;}

/********************************* CANVIS OCACSIÓ *************************************/

/*#pgPlanaPrincipalOC .header-fons-cap{background-image:url(/img/fonsClasificados.png); background-position:top right;background-repeat: no-repeat; background-size:550px; width:100%; height:510px; position:absolute;} */
#pgPlanaPrincipalOC .subheader{ color:red; font-weight:700; font-size:30px;	background-color:#E8ECED;}
#pgPlanaPrincipalOC .cap-lema{margin-top: 20px;}

/********************************* OCASIO AREES ***************************************/

#pgPlanaPrincipalOC .view2 {margin:20px 10px 0px 10px;float: left;  width: 23%; }
#pgPlanaPrincipalOC .view2 .btn-default{position:relative;border-radius: 7px; padding: 15px 30px 25px; height: 230px;text-align:center; box-shadow: 2px 10px 50px rgba(158,158,158,.25); border: 2px solid transparent; white-space:normal !important;word-wrap: break-word; }

#pgPlanaPrincipalOC .view2 .btn-default:hover { border: 2px solid red;}

#pgPlanaPrincipalOC .view2 .btn-default svg {fill:#DC070F;width:15px;height:15px}

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

#pgPlanaPrincipalOC .view2 img {width:40%}


#pgPlanaPrincipalOC .view2 .mes-info-area svg {fill:#DC070F;width:15px;height:15px}

#pgPlanaPrincipalOC .view2 .dropdown-menu > li > a {white-space:normal}



/******************************************************************************/


@media only screen and (max-width:720px) {
	.columnesAvantatges { display:block; }
}


#blocIconesFV{
	padding:50px 0;
}
.iconesFV{
	font-size:16px;
	margin:auto;
	vertical-align:middle;
	line-height:24px;
	padding-top:50px;
	color:#000;
}
.iconesFV img{
	height:70px;
	margin:auto;
	vertical-align:middle;
	float:left;
	padding-right:15px;

}
.iconesOC{
	font-size:18px;
	margin:auto;
	vertical-align:middle;
	line-height:24px;
	color:#000;
}
.iconesOC img{
	width:85px;
	margin:auto;
	vertical-align:middle;
	float:left;
	padding-right:15px;
}

.titolet{font-size:24px;color:#DC070F}
.titolet b{color:#DC070F;}
.form-controlExpositor {
    font-family: 'Sofia Sans', Arial, Verdana, Sans-serif;
    letter-spacing: 1px;
    font-size: 14px;
    height: 50px;
    border: 1px solid #EAEAEA;
    border-radius: 2px;
    transition: all 0.4s ease-in-out 0s;
	padding:0 10px;
	width:100%;
	margin:10px 0;
}



/************************ MEDIA QUERIES *****************************/

@media screen and (max-width: 1840px) {
.cap-lema{font-size:40px;max-width: 55%;margin-left:5%}
}

@media screen and (max-width: 1380px) {
.cap-lema{max-width: 45%;}
#pgPortada .subheader .navbar-default .navbar-nav > li.nav-ultim a:hover,
#pgPlanaPrincipalFV .subheader .navbar-default .navbar-nav > li.nav-ultim a:hover,
#pgPlanaPrincipalOC .subheader .navbar-default .navbar-nav > li.nav-ultim a:hover,
#pgPlanaPrincipalRP .subheader .navbar-default .navbar-nav > li.nav-ultim a:hover
{border-radius:0px 25px 25px 0px}

.header-fons-cap-contingut{top:8%}
}

@media screen and (max-width: 1080px) {
	/*En aquest punt de tall es contrau la barra de navegació, això ho forcem a 2014.css, per ajustar les dues barres de navegació que hi haurà*/
	#pgPortada .header-fons-cap, #pgPlanaPrincipalFV .header-fons-cap, #pgPlanaPrincipalOC .header-fons-cap, #pgPlanaPrincipalRP .header-fons-cap {background-size:100%;}
	.buscador {padding-top:10%}

	.bloc-lema{background-color:#E8ECED}
	.cap-lema{background-color:transparent; font-weight:700;padding-top:0px;max-width:80%}
	
	#pgPlanaPrincipalOC .cap-lema {font-size:25px}
	#pgPlanaPrincipalOC .buscador {padding-top:0px}
	
	#pgPortada .subheader .navbar-default, 
	#pgPlanaPrincipalFV .subheader .navbar-default,	
	#pgPlanaPrincipalOC .subheader .navbar-default,	
	#pgPlanaPrincipalRP .subheader .navbar-default {background-color:#ffffff;}
	
	#pgPortada #navbar-transversal ul, 
	#pgPlanaPrincipalFV #navbar-transversal ul, 
	#pgPlanaPrincipalOC #navbar-transversal ul, 
	#pgPlanaPrincipalRP #navbar-transversal ul	{background-color:white}
	
	#pgPortada #navbar-transversal ul li, 
	#pgPlanaPrincipalFV #navbar-transversal ul li, 
	#pgPlanaPrincipalOC #navbar-transversal ul li, 
	#pgPlanaPrincipalRP #navbar-transversal ul li {background-color:white}
	
	#pgPortada .subheader .navbar-left, 
	#pgPlanaPrincipalFV .subheader .navbar-left, 
	#pgPlanaPrincipalOC .subheader .navbar-left, 
	#pgPlanaPrincipalRP .subheader .navbar-left {padding-left:10px;margin-top:20px}
	
	#pgPortada .subheader .navbar-brand img, 
	#pgPlanaPrincipalFV .subheader .navbar-brand img, 
	#pgPlanaPrincipalOC .subheader .navbar-brand img, 
	#pgPlanaPrincipalRP .subheader .navbar-brand img {max-width:195px;}
	
	#pgPortada .subheader .navbar-brand svg, 
	#pgPlanaPrincipalFV .subheader .navbar-brand svg, 
	#pgPlanaPrincipalOC .subheader .navbar-brand svg, 
	#pgPlanaPrincipalRP .subheader .navbar-brand svg {max-width:195px;}
	
	#pgPortada .subheader .navbar-default .navbar-header button, 
	#pgPlanaPrincipalFV .subheader .navbar-default .navbar-header button, 
	#pgPlanaPrincipalOC .subheader .navbar-default .navbar-header button, 
	#pgPlanaPrincipalRP .subheader .navbar-default .navbar-header button {margin-top:20px}
	
	#btn-subscriures, #btn-alta{display:none}
	#opcio-inscriures-nav {display:block}
	#opcio-alta-nav {display:block}
	#pgPlanaPrincipalRP .subheader{height:500px}	


}


@media (max-width:992px){
	.dades-ojd {text-align:center}
	
	#pgPlanaPrincipalOC .view2 {width: 30%; }
}

@media (max-width:768px){
	#botoPpal {width: 100%;margin: auto}
	#pgPlanaPrincipalFV #inputCercadorFV{border-radius:25px}
	#pgPlanaPrincipalFV .botonFV{border-radius:25px 0px 0px 25px}
	#pgPlanaPrincipalFV .botonFVempresa{border-radius:0px 25px 25px 0px}
	#fonsPubliqueAnuncio, #fonsExpositor { background: none;}
	.blocTextAnuncioImportant, #blocTextExpositorImportant {padding-top: 20px;}
	
	#pgPlanaPrincipalOC .view2 {width: 45%; }
}

@media screen and (max-width: 666px) {
.cap-lema{font-size:35px;margin-top:25px;padding-top:10px}
#pgPlanaPrincipalRP .subheader{height:450px}	
}

@media screen and (max-width: 550px) {
.cap-lema{font-size:25px;}
#pgPlanaPrincipalRP .subheader{height:400px}	
}

@media screen and (max-width: 480px) {
	.cap-lema{font-size:25px;margin-top:0px}
	.boto-accio a {display:block; margin-top:20px}
	.taca-grisa {height: 400px;}
	#pgPortada .subheader, #pgPlanaPrincipalFV .subheader {height:450px}
	#pgPlanaPrincipalRP .taca-grisa {height: 300px;}
	#pgPlanaPrincipalRP .subheader{height:350px}
	#ojdIframe{margin-left:0px}
	.icona-dades{display:none;}
	.accordion .panel-title a {padding-right:35px}
	#pgPortada .header-fons-cap{background-image:url(/img/Fons-mobil.webp); background-position:bottom right;background-repeat: no-repeat; background-size:480px; width:100%; height:400px; position:absolute;} 
	
	 #pgPlanaPrincipalOC .view2{width:100%;height:100%;margin-left:0px}
	 #pgPlanaPrincipalOC .view2 img {width:50%}
}

@media screen and (max-width: 375px) {
	.cap-lema{font-size:20px;}	
	.taca-grisa {height: 300px;}
	#pgPortada .subheader, #pgPlanaPrincipalFV .subheader, #pgPlanaPrincipalOC .subheader {height:350px}
	.caixa-central{margin-top:40px}
	#pgPlanaPrincipalFV .buscador { padding-top: 0;}
	#pgPlanaPrincipalFV .botonFV {width:150px;}
	#pgPlanaPrincipalFV #botoBuscar{margin-left:20px}
	.margin-top-bloc{margin-top:10px}
	#pgPortada .header-fons-cap{background-size:420px;height:350px }
}

@media screen and (max-width: 340px) {
	#pgPlanaPrincipalFV .botonFV {border-radius:25px}
	.caixa-central{margin-top:70px}
	#pgPlanaPrincipalFV #botoBuscar{margin-left:0px}
	#pgPlanaPrincipalFV .botonFVempresa {margin-top:10px}
}