/* amarillo
#FDC846
Azul 
#0A4DA1
*/



@font-face {font-family: Open Sans;
src:url(../fonts/OpenSans-Regular.ttf);}


@font-face {font-family: Open SansExtra;
src:url(../fonts/OpenSans-ExtraBold.ttf);}

@font-face {font-family: Open SansBold;
src:url(../fonts/OpenSans-Bold.ttf);}

@font-face {font-family: Open SansLight;
src:url(../fonts/OpenSans-Light.ttf);}

.white-link {color:#fff;
font-size: 13px;}

/************************ Generales JOKIN PREVIOS ********************/
* {list-style: none;
text-decoration: none;}

html {font-family: 'Open Sans', sans-serif;
height: 100%;}

body {font-family: 'Open Sans', sans-serif;
height: 100%;}


em
{font-style:italic;}

.separador {height: 10px;}

.separa5 {height: 5px;}

.pointer{cursor: pointer;}

input:focus,
select:focus,
textarea:focus,
button:focus {outline: none;}

.padding20{padding: 20px;}

.sub_menu{
	display: none;
	margin-top: 4px;}

.sub_menu li a{
	text-decoration: none;} 

.padding20{
	padding: 20px;}

.formato h1{
 	font-size: 24px;}

div.page {overflow: hidden;}

/************************************** ESTILOS GABY  *****************************/ 	

/************************ LAYOUT COLUMNAS *****************/

.col-1 {width: 100%;}

.col-1-2 {width: 50%;}

.col-3-4 {width: 75%;}

.col-1-4 {width: 25%;}


.col-1-8 {width:12.5%;}

/**la mitad de un cuadradito rojo*/
.col-1-16 {width: 6.2%;}



/*********** cajas de imagen + overlay***********/

.overlay {
display: flex;
justify-content: center;
align-items: center;

}

.eight {background: linear-gradient(rgba(202, 0, 1, 0.8), rgba(202, 0, 1, 0.8)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}


.seven {
  background: linear-gradient(rgba(202, 0, 1, 0.7), rgba(202, 0, 1, 0.7)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}

.six {
  background: linear-gradient(rgba(202, 0, 1, 0.6), rgba(202, 0, 1, 0.6)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}

.five {
  background: linear-gradient(rgba(202, 0, 1, 0.5), rgba(202, 0, 1, 0.5)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}

.eight {background: linear-gradient(rgba(202, 0, 1, 0.8), rgba(202, 0, 1, 0.8)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}

/** eight-g = overlay con gris */
.eight-g {background: linear-gradient(rgba(51, 51, 51, 0.9), rgba(51, 51, 51, 0.9)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}

.eight-ge {background: linear-gradient(rgba(51, 51, 51, 0.8), rgba(51, 51, 51, 0.8)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}


/** eight-gsv = overlay con gris al 0.7 (seven) */
.eight-gsv {background: linear-gradient(rgba(51, 51, 51, 0.7), rgba(51, 51, 51, 0.7)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}

/** eight-gsx = overlay con gris al 0.6 (six) */
 .eight-gsx {background: linear-gradient(rgba(51, 51, 51, 0.6), rgba(51, 51, 51, 0.6)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}

 .eight-gfv {background: linear-gradient(rgba(51, 51, 51, 0.5), rgba(51, 51, 51, 0.5)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}

.eight-gfr {background: linear-gradient(rgba(51, 51, 51, 0.4), rgba(51, 51, 51, 0.4)),
    url('../uploads/fotos/background-cim.png') no-repeat;
    background-size: cover;}



/******************** elementos comunes ***************/

/****back to top******/

#myBtn {display:none;
width:50px;
height: 50px;
background-color:#666;
color:#fff;
border-radius: 100%;
border:0px solid;
position: fixed;
margin-left: 95%;
z-index: 2;
font-size: 24px;
top:90%;
 }

p.gris-semi {font-weight: 300;
color:#999999;
width: 80%;}



ul.sub_menu_boton_home li a {color:#fff;} 

ul.sub_menu_boton_home li a:hover {color:#fff;
font-weight: 600;} 


.slicknav_menu span.slicknav_menutxt {
    display: none;}


div.cms_main p {
    color:#666;
    font-size: 16px;
    margin-bottom:10px;
    line-height: 20px;
    font-family: 'Open Sans';
}


div.menu ul.sub_menu {
display: none; 
background-color: #f5f5f5;
position: relative;
width: 90%;
}



div.menu ul.sub_menu_mov {
display: none; 
background-color: #f5f5f5;
position: relative;
width: 90%;
}




div.menu ul.sub_menu_gestio {
display: none; 
background-color: #f5f5f5;
position: relative;
width: 100%;
}

#sub_menu_transparencia {
background-color: #f5f5f5;
display: none;
position: relative;
width: 100%;
/*height: 50px; */
}

#sub_menu_observatori {
background-color: #f5f5f5;
display: none;
position: relative;
width: 100%;
/*height: 50px; */
}



div.menu li.item-menu:hover ul.sub_menu {display: block;}

div.menu li.item-menu-mov:hover ul.sub_menu_mov {display: block;}

div.menu li.item-menu-gestio:hover ul.sub_menu_gestio {display: block;}

div.menu li#item-menu-transparencia:hover ul#sub_menu_transparencia {display: block;}

div.menu li#item-menu-observatori:hover ul#sub_menu_observatori {display: block;}
/*
.item-menu:hover .sub_menu {display: block;}
 .item-menu:focus
  .item-menu:click .sub_menu {display: block;}


.item-menu-mov:hover .sub_menu_mov {display: block;}*/



/*titulos blancos dentro de las cajas rojas*/
h3.white-title {color:#ffffff;
font-size: 27px;
font-family: 'Open SansExtra';
text-align: center;}

h3.black-title {color:#333333;
font-size: 27px;
font-family: 'Open SansExtra';
text-align: center;}


h3.white-title span, 
h3.black-title span  {font-family:'Open Sans';}


h3.title-sidebar img {display: none;}

/*caja con el borde negro**/
.black-border {border:10px solid #000;
box-sizing:border-box;
display: flex;
justify-content: center;
align-items: center;}

 h2.black {font-size:34px;
	font-family: 'Open SansExtra';}



.preheader .redes {margin-left: 30%;}

.xarxes-header {display: flex;
flex-direction: row;
align-items: flex-start;
}



.preheader .redes h3, a {font-size: 13px;
font-weight: 100;
margin-top: 5px;
text-decoration: none;}


.caja-redes {display: flex;
flex-direction: row;
}


@media (max-width: 1920px){

  h2.black {font-size:28px;}

.preheader .redes {margin-left: 20%;}

}


@media (max-width: 1024px) {

 h3.white-title {color:#ffffff;
font-size: 20px;}

h3.black-title {color:#333333;
font-size: 16px;}

h2.black {font-size: 19px;}


.col-1-2.overlay.seven.logo-cim {width: 75%;}

.col-1-2.overlay.eight-gfr.logo-cim {width: 75%;}

}

@media(max-width: 450px) {
 .col-1-2.overlay.seven.logo-cim {
   width: 75%;}

.page-wrapper .col-1-4 {width: 75%;}


.preheader .redes {

    margin-left: 60%;}


.xarxes-header {flex-direction: column;}


.caja-redes {display: flex;
flex-direction: row;
}


} /**cierra query***/


/*********************HOME**************/


/************ MAPA ***********/


.celda-dr-mapa {
width: 80%;
margin:0 auto;
margin-bottom: 100px;}


h2.gris-grande {font-weight: 500;
color:#525252;
font-size: 30px;
text-align: center;
}

.subtitulo-fijo-home {font-size: 24px;
font-family: 'Open SansLight';
text-align: center;
font-weight: 100;
line-height: 1.3;
padding-left: 0px;}

/********************** seccion actualitat***************/


.titulo-home {    font-size: 26px;
    font-family: 'Open SansBold';
  
}

.actualitat-container {display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;}


.section-actualitat {width: 80%;
margin:0 auto;}


div.pad.blog div.lista_items div.item.foto_arriba {
    width: 100%;
    padding-bottom: 70px;
    margin:0 auto;
    display: flex;
    flex-direction: column; 
    border-bottom: 1px solid #dcdcdc;}

/*********** seccion banners ******/


div.seccion-banners {
    width: 90%;
    margin:0 auto;
position: relative;
height: 300px; 
display: flex;
flex-direction: row;}

        .titulo_dentro_banner
            {
   font-family: 'OpenSans Bold';
font-size: 40px;
color: #ffffff;
    background-color: rgba(112,112,112,0.5);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

            }



            .fondo_banner
            {
  height: 100%;
  min-width: 100%;
background-repeat: no-repeat !important;
  display: flex;
align-items: center;
justify-content: center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover !important;
  background-position: center !important;
            }


.banner2020 {width: 50%;
padding:20px;}



/********* BANNERS EN ACTUALITAT *******/

.seccion-banners-actualitat {display: flex;
flex-direction: column;
height: 50%;
width: 100%;}

     
.actualitat .fondo_banner {
   /* min-height: 20%; */
    width: 100%;
    min-width: 300px;
background-size: cover !important;
  background-position: left !important;
align-items: flex-start;
justify-content: flex-start;
}


.actualitat .banner2020 {width: 100%;
padding:40px 0px 0px 0px;
height: 100%;}


.actualitat  .titulo_dentro_banner {
   font-family: 'OpenSans Bold';
font-size: 28px;
color: #ffffff;
    background-color: rgba(112,112,112,0.5);
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

            }



.banners-redes {display: flex;
justify-content: center;
flex-direction: row;}



.section-compromisos {background-color:#F5F5F5;
width: 70%;
margin:0 auto;}

.bloque-compromisos {background-color:#F5F5F5;
height:800px;
width: 100%;

display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center; }

.bloque-compromisos h2 {font-size:27px;
color:#525252;}

.bloque-compromisos h2 span {font-weight: 700;}

.row-compromisos {height: 230px;
	display: flex;
flex-direction: row;
margin-bottom: 90px;}



.compromiso-single img {object-fit: contain;
width: 60px;}



.compromiso-single {display: flex;
justify-content: flex-start;
flex-direction: column;
align-items: center;
border-right: 1px solid #D8D8D8;
padding-right: 20px;
padding-left: 20px;
color:#525252;
text-align: center;
line-height: 1.4;
width: 20%;}


.compromiso-single.no-border {border-right: 0px solid #D8D8D8; }


.compromiso-single h3 {font-size: 22px;
font-weight:100;
padding-bottom: 20px;}


@media (max-width:1920px) {

 .boton-rojo {font-size: 14px;
    width: 70%;}

 .boton-negro {width: 50%;
    font-size: 14px;
 }

} /*** cierra query**/



@media (max-width: 1024px) {
  
.lista-trucks li a {
font-size: 14px;}


}/** cierra query*/

@media(max-width: 450px) {

.textos-celda {
width: 80%;}

.row-cims {flex-direction: row;
flex-wrap: wrap;}


.row-cims .col-1-8 {width: 50%;}

.row-cims .col-1-8.black-border {width: 50%;
}  

.row-cims .col-1-4.overlay.eight-gfv {width: 50%;}

.row-celdas {height:100%;
display: flex;
flex-direction: column;}


.col-1-2.celda-iz-mapa {width: 100%;}

.col-1-2.celda-dr-mapa {width: 100%;}

h2.gris-grande {
    font-size: 26px;}

h3.subtitulo-fijo {font-size: 18px;}

.row-botones {width: 110%;}

.boton-rojo {font-size: 11px;}
.boton-negro {font-size: 11px;}

.row-compromisos {height:100%;
    display: flex;
flex-direction: column;}




.bloque-compromisos {
    height: 100%;}

.celda-iz-mapa {
    flex-direction:column-reverse;
}

.celda-iz-mapa img {margin-right: 60px;}


.compromiso-single {

    border-right: 0px solid #D8D8D8;
    width: 100%;
    padding-top: 50px;

}

div.seccion-banners {
    width: 90%;
    margin:0 auto;
position: relative;
height: 100%; 
display: flex;
flex-direction:column;}


.fondo_banner {min-width: 300px;
height: 200px;
background-size: cover !important;
background-position: left !important;}


.titulo_dentro_banner {
    font-size: 26px;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
padding:0px 30px 0px 30px;}


}/**cierra query*/

/********************************* feeds ***********************************/
.row-feeds {display: flex;
justify-content: center;
flex-direction: row;
padding-bottom: 100px;}

.bloque-feeds {display: flex;
	flex-direction: column;
width: 100%;
padding-top: 50px;
justify-content: center;
align-items: center;}

.bloque-feeds .item h2 {font-size: 22px;
color:#333333;
padding-bottom: 50px;}

/* como se muestra cada noticia en el front. .item es la caja de cada una*/
div.lista_items div.item {
    clear: both;
    padding: 10px 0px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    height: 500px;}

/* titulo del item*/
div.lista_items h3.titulo-itemg {
	padding-top: 20px;
	font-size: 20px;
	color: #828282;
	font-family: 'Open Sans';
	line-height: 1.2;
	width: 90%;
	padding-bottom:10px;}




.excerpt {font-size: 14px;
	font-family:'Open Sans';
line-height:1.3;
color:#525252;}

/**** boton-ver historico ****/
.link_ver_todo {border: 1px solid #4a4a4a;
border-radius: 3px;
width: 150px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin:0 auto; }


.link_ver_todo a {color:#4a4a4a;}


.textos.extracto .fecha {text-align: left;
font-size: 14px;
font-family:'Open Sans';
color: #777;}




.textos > a.ver_todas {
display: block;
height:23px;
bottom:0px;
right: 20px;
    text-decoration: none;
  
    font-size: 14px;
    color:#ca0001;
    align-self:flex-end;
    }

/* tamaño de la foto cuando esta al lado*/
div.item.foto_lado > .marcofoto {
 width:90%;
 border-radius: 0px;
 object-fit: contain;
}

/*botones de sociales*/
.botones-sociales {display: flex;
width:50%;
margin:0 auto;
justify-content: space-between;
display: none;}

.botones-sociales img {width: 100%;}

@media (max-width: 1920px){
 .botones-sociales{width: 100%;
    overflow: hidden;}

}


@media (max-width: 1024px){
.link_ver_todo {
    width: 40%;}

.botones-sociales img {width: 80%;}    

}

@media (max-width: 450px){

    .row-feeds {display: flex;
justify-content: center;
flex-direction: column;}

.col-1-4.feed-single-item {width: 100%;
padding-bottom: 50px;}


div.lista_items h3.titulo-itemg {
    padding-top: 0px;
    font-size: 12px;
    width: 100%;}


}/**cierra query*/

/**************************** empreses compromeses ******************/

.empreses-compromeses {width: 100%;
	background-color: #ffffff;
	display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 100px;
height: 10%;
padding-top: 50px;
margin-top: 100px;
border:1px solid #dcdcdc;}

.empreses-compromeses h2 {padding-bottom: 50px;
font-family: 'Open Sans';
font-size: 27px;}

.logos-compromeses {display: flex;
flex-direction: row;
justify-content: space-around;
margin:0 auto;
width: 50%;}



.logo-comp {margin-right: 40px;
    height: 60px;
    width: auto;}




/****** cierra home *******/

@media(max-width: 450px) {
 .logos-compromeses {flex-direction: column;
    width: 90%;}

.logo-comp {width:90%;
height: auto;
padding-top: 40px;}

}


/***************************** tauler d'anuncis ***********************/


div.tauler {padding-top: 50px;}




/************************* PUBLICACIONS NOVES *********************/


.sostenibilitat .col-1-8 {width: 12.5%;}


.consell_assessor .col-1-8 {width: 12.5%;}

@media(max-width: 450px){

.consell_assessor .col-1-8 {width: 50%;}

.sostenibilitat .col-1-8 {width: 50%;}

}





/****************************** FOOTER ****************************/

div.footer_wrap
{
	width: 100%;
	background-color:#333333;
	min-height: 346px;
	display: flex;
	flex-direction: column;
	align-items: center;
	}


div.footer
{display: flex;
	flex-direction: row;
	width: 100%;
	height: 240px;
	position: relative;
	margin-top: 7px;
justify-content: center;}


div.footer .col-1-4 {padding-top: 20px;}




div.footer > div {box-sizing: border-box;
padding-right: 100px;}

h3.title-footer {font-size: 18px;
font-weight:600;
color:#ffffff;
}


.footer p {color:#ffffff;
	font-size:13px;
	
}

body > div.col-1.footer_wrap > div > div:nth-child(1) > p:nth-child(2){
	padding-top: 20px;
}


.formulario-newsletter input {margin-top:10px;
color:#fff;}

.formulario-newsletter {display: flex;
flex-direction: column;
margin-top: 30px;}

 .formulario-newsletter select {
    background-color: #333333;
    margin-top: 10px;
    border: 1px solid #a5a5a5;
    border-radius: 5px;
    width: 50%;
    height: 30px;
    color: #fff;
    font-family: 'Open Sans';}


.formulario-newsletter input[type="text"]{
	height: 26px;
	border: 1px #CCC  solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px; /* Safari, Chrome */  
	border-radius: 5px; /* CSS3 */
	font-size:14px;
	color:#9b9b9b;
	font-family:'Open Sans';}

p.direccion {line-height: 1.3;
font-size: 13px;}

.links-legales {padding-top: 20px;
}

.links-legales a {color:#fff;
font-family: 'Open Sans';
font-size: 13px;}


.redes {display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
	margin-top:4px;

}

.redes img {
padding-left: 10px;}


.redes a {padding-right: 10px;
padding-top: 0px;}


.redes h3 {padding-right: 20px;
padding-top: 20px;}


.redes .twitter-preheader {padding-top: 25px;}

.links-gene {display: flex;
flex-direction: column;
padding-top: 20px;
}

.links-gene a {color:#fff;
font-size:13px;
line-height:1.3;}


form .boton-rojo {width: 100px;
border:0px solid;
margin-right:3px;}


form a {color:#fff;}

.acceptar-politica {display: flex;
flex-direction: row;

}

.footer-bottom {width: 100%;
background-color: #333333;
height: 50px;
display: flex;
flex-direction: row;
justify-content: center;
color: #fff;
font-size: 11px;
border-top: 1px solid #4C4C4C;
padding-top: 10px;
}

.logo-gene {height:23px;
margin-right:20%;
margin-left: 0px;}


.disclaimer-gene {margin-right:5%;}

.disclaimer-gene a {color:#fff;
font-size: 12px;
text-decoration: underline;
padding-right: 5px;}

.formulario-ili a {color:#333333;
padding-top: 10px;}

.formulario-ili .acceptar-politica input {width: 20%;}


@media(max-width:1920px){

 .logo-gene {height:23px;
margin-right:5%;
margin-left: 13%;}

}

@media(max-width: 450px){
 div.footer {
    display: flex;
    flex-direction: column;}

 div.footer .col-1-4 {width:100%;}

.footer-bottom {height: 150px;}


.redes {display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;

}



.redes a {
padding-top: 10px;}


.redes h3 {padding-right: 20px;
padding-top: 10px;}


.redes .twitter-preheader {padding-top: 10px;}


}/**cierra query**/

/******************** cierra footer **************************/


/*********************** CIM EL CAMP *********************/

/********* estilos sidebar*****/

.menu-sidebar ul li a.activo {
    font-size: 14px;
    color: #ca0001;
    font-weight: 700;}

.breadcrumbs {height:45px;
display: flex;
align-items: center;
border-bottom:1px solid #dcdcdc;}

.breadcrumbs div {margin-left:30%;}


.breadcrumbs a {font-size: 12px;
color:#333333;}


.page-wrapper {display: flex;
flex-direction: row;
padding-bottom: 200px;
height: 100%;
min-height: 100%;
background-color: #fff;}


.page-wrapper.actualitat {justify-content: space-between;
overflow: hidden;}

.left-sidebar-cim.actualitat {width: 20%;}

.ficha .logo-cim-green {display: flex;
    padding-right: 50px;
    width: 40%;
    max-width: 200px;
    padding-bottom: 40px;
justify-content: flex-start;
}

.right-sidebar-detalles .logo-cim-green img {object-fit: contain;
max-width: 200px;}


.right-sidebar-detalles  {overflow: hidden;}


.left-sidebar-cim .overlay {height: 360px;}


.menu-sidebar {margin-top:50px;
padding-left: 100px;
margin-bottom: 50px;}


.menu-sidebar ul {padding-top:30px;}

.menu-sidebar ul li  {padding-bottom:5px;}


.menu-sidebar ul li a {font-size:14px;
color:#333333;}


.menu-sidebar ul li a:hover {font-size:14px;
color:#ca0001;
font-weight: 700;}

div.menu-sidebar h3 {font-size: 18px;
font-weight: 700;
font-family: 'Open Sans';
padding-top: 30px;}


.mapa_cim_iframe {padding-top: 40px;
margin-right: 150px;}


.mapa_cim_iframe iframe {width: 250%;
height: 450px;}





.mapa_cim_iframe p {font-weight:600;
padding-bottom: 20px; }

.mapa_cim_iframe p::before {
    content: url('../uploads/fotos/icono_geo.png');
    position: relative;
    padding-right: 10px;
}


@media(max-width: 1024px) {

    .menu-sidebar {
  padding-left:50px;
display: none;}

}/*cierra query**/



@media(max-width: 450px) {
   .page-wrapper {flex-direction: column;}

    .mapa_cim_iframe iframe {width: 750%;
height: 250%;}

.col-1-4.overlay.seven {width: 50%;}

.col-1-4.right.sidebar-detalles {width: 75%;
padding-left: 0px;}


.left-sidebar-cim.actualitat {width: 100%;
}

.seccion-banners-actualitat {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.actualitat .banner2020 {
    width: 100%;
    padding: 40px 0px 0px 0px;
    height: 300px;
}


}/** cierra query**/




/**************************** TRUCK *********************************/

.desplegable-acordeon-truck {margin:0 auto;
padding-top: 30px;
padding-bottom: 30px;
line-height: 1.5;}


.desplegable-acordeon-truck-2 {margin:0 auto;
padding-top: 30px;
padding-bottom: 30px;
line-height: 1.5;}



.boton-gris-truck {text-align: left;
justify-content: flex-start;
font-weight: 600;
padding-left: 30px;
font-size: 20px;
background-color:#333333;
color:#ffffff;
height:56px;
border-radius: 5px;
display: flex;
align-items: center;
margin-top: 30px;
margin-right: 20px;
border:0px solid;}


.boton-gris-truck .arrow {margin-left: 70%;}



/*************** contenido fijo que se publica en admin****/

.contenedor-cim {
	padding:80px;
min-height: 100%;
height: 100%;
    padding-left: 30px;
    padding-top: 30px;	
}

.contenedor-cim a {position: relative;
color:#333333;}

.link {position: relative;
top:20px;}

.contenedor-cim a span {color:#ca0001;
font-weight: 600;}



.descripcion-cim {padding-bottom:50px;}

.descripcion-cim .texto {line-height:1.3;}

div.descripcion-cim h2 {font-size: 27px;
font-family: 'Open Sans';
font-weight:100;
margin-left: 0px;
padding-bottom: 40px;}



.ficha {padding-top:80px;}

.ficha p {line-height: 1.4;}

.campos_cim {line-height:1.6;}

.campos_cim span.superficie, span.suelo_logistico, span.suelo_actividades, span.empresas_instaladas, span.numero_trabajadores,
 span.direccion_linea_1, span.truck_superficie, span.truck_numero_plazas, span.truck_plazas_disponibles,
 span.truck_servicios_ca, span.bus_direccion_linea1, span.edificabilitat, span.sostre_maxim, span.ocupacio, span.alçada_reguladora_maxima, span.ocupacio_maxima {font-family: 'Open SansBold';
}

 span.titulo_campo_extra.superficie:before,  span.truck_superficie:before {
 	content: url('../uploads/fotos/icono_superficie.png');
 	position: relative;
 	padding-right: 10px;
 }


.campos_cim a 
{
	color: inherit!important;
	font-size: inherit!important;
}

.campos_cim a:hover 
{
	text-decoration: underline;
	text-decoration: underline;
}



span.direccion_linea_1 {margin-bottom: 30px;}

 span.titulo_campo_extra.direccion_linea_1:before, span.bus_direccion_linea1:before  {
 	content: url('../uploads/fotos/icono_direccion.png');
 	position: relative;
 	padding-right: 10px;
 }


span.direccion_linea_2, span.direccion_linea_3, span.bus_direccion_linea2, span.bus_direccion_linea3, span.bus_operadores_ruta, span.bus_servicios_ca  {display: inline;}

span.titulo_campo_extra.direccion_linea_2, span.titulo_campo_extra.direccion_linea_3 {display: none;}


/*.campos_cim span.direccion_linea_1, span.direccion_linea_2, span.direccion_linea_3  {display: none;} */

/************* slider que tambien se publica en admin ********/

.contenedor-slider-cim {min-width: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 100px;}

.banner-venta {width: 100%;
height: 360px;
position: relative;
display: flex;
justify-content: center;
margin-top:50px;
background-image: url(/uploads/fotos/banner_compra_gestio.jpg);
background-size: contain;
background-repeat: no-repeat;}


.banner-venta .texto {color:#ffffff;
    width: 100%;
position: absolute;
top:20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;}

.banner-venta .texto h3 {font-size: 27px;
font-family: 'Open Sans';
font-weight: 700;
padding-left: 10px;}

.banner-venta .texto a {background-color:#ffffff;
    width: 60%;
height: 56px;
border-radius:5px;
display: flex;
justify-content: center;
align-items: center;
color:#333333;
margin: 60px auto;
 }

.banner-venta .texto div {display: flex;
justify-content: center;}



/* imagen en html, aqui como background size*/
.banner-venta .foto-banner {object-fit:contain;}

.banner-venta p {color:#ffffff;
font-family: 'Open Sans';
font-size:15px;
position: absolute;
top:40px;
text-align: center;
}

.apartado-popups {display: flex;
    justify-content: center;
    flex-direction: row;
margin-top: 60px;
width: 100%;}



/*** modulo puesto como contenido ****/

/*todo el modulo en si*/	
.modulo {
    width: 25%;
height: 500px;
border:1px solid #d8d8d8;
border-radius:5px;
margin-top:30px;
margin-right: 30px;}


/* el extracto dentro del modulo */
.modulo .texto {width: 90%;
padding-left: 20px;
padding-top: 40px;
font-size: 12px;
line-height:1.3;
color:#525252;
}

/*** titulo del modulo ***/
.modulo h2 {font-size: 18px;
font-family: 'Open Sans';
font-weight: 700;
color:#333333;
padding-top: 30px;
padding-left:20px;}


/* cierra mdulo*/


.modulo .item { width: 100%;
    display: flex;
flex-direction: column;
align-items: center;}

.modulo .item .foto {width: 100%;
justify-content: center;
display: flex;}


.modulo .item .foto img {object-fit: contain;}



.boton-popup-cim, .boton-popup-cim-2, .boton-popup-cim-3, .boton-popup-cim-4, .boton-popup-cim-5  {
	width: 187px;
	height: 56px;
	background-color:#1D1D1B;
	color:#ffffff;
	border:0px solid;
	border-radius: 5px;
	margin-top: 30px;
}

.popup-cim, .popup-cim-2, .popup-cim-3 {width: 100%;
min-height: 200%;
background:linear-gradient(rgba(41, 41, 41, 0.6), rgba(41, 41, 41, 0.6));
position: absolute;
top:0;
display: flex;
justify-content: center;
align-items: flex-start;
}


.close, .close-2, .close-3, .close-4, .close-5 {position: absolute;
top:30px;
right:35%;}

.ficha-adicional {background-color: #ffffff;
	display: flex;
    flex-direction: column;
min-height: 100%;
margin-top: 200px;
z-index: 10;}



.wrapper-textos-f {display: flex;
flex-direction: row;}


.descripcion-info-adicional {padding: 50px;
text-align: left;
font-family: 'Open Sans';
font-size: 14px;
line-height: 1.3;}


.descripcion-info-adicional .campos_cim {display: none;}

.descripcion-info-adicional .texto {padding-bottom: 30px;}


.descripcion-info-adicional h2 {font-family: 'Open Sans';
font-size: 18px;
font-weight: 700;
padding-bottom: 30px;}

.docs-ficha {padding-top: 50px;}


.docs-popup {position: relative;
top:650px;}


@media (max-width: 1920px){

 .modulo {
    width: 50%;}

 .close {width: 25px;}

}



@media (max-width: 1024px) {

.banner-venta .texto h3 {font-size: 20px;}

.contenedor-cim {padding:50px;
min-height: 100%;
height: 100%;}

.close, .close-2, .close-3, .close-4, .close-5 {
    position: absolute;
    top: 150px;
    right: 25%;}



}/**cierra query**/

@media(max-width: 450px) {

 .col-1-2.contenedor-cim {width: 80%;}

 .col-1-4.right-sidebar-detalles {padding-left: 50px;}

.apartado-popups {
    flex-direction: column;}

.col-1-4.modulo {width: 90%;}

.col-1-2.ficha-adicional {width: 80%;}


.wrapper-textos-f {display: flex;
flex-direction:column;}


.close, .close-2, .close-3, .close-4, .close-5 {
    position: absolute;
    top: 10px;
    right: 5%;}



}/***cierra query***/



/******************************** OBSERVATORI LOGISTICA *************************/



.page-wrapper.observatori {padding-bottom: 200px;}


.cabecera-imagen {width: 100%;
}

.cabecera-imagen img {object-fit: cover;
width: 100%;}


.logo-observatori {
background-image: url('../uploads/archivos/logo_observatori_cuadrado.png');
background-size: cover;
margin-right: 12.5%;}

.titulo-estatico {font-size:45px;
    font-family: 'Open SansBold';
    font-weight: 700;
padding-top: 50px;
padding-bottom: 30px;}


.subtitulo-fijo {font-size: 27px;
font-family: 'Open SansLight';
font-weight: 100;
line-height: 1.3;
padding-left: 0px;}


.contenido-fijo.observatori {
    box-sizing: border-box;
    padding:40px;
}

.widget-docs {display: flex;
flex-direction: column;
margin-top:5%;
margin-right: 50px; }



.docs {width: 200px;
height: 200px;
background-color: #ffffff;}


.desplegable-acordeon-cat .pdfs h2 {display: none;}
.desplegable-acordeon-cast h2 {display: none;}
.desplegable-acordeon-eng h2 {display: none;}
.desplegable-acordeon-fr h2 {display: none;}

div.desplegable-acordeon-cat div.item, div.desplegable-acordeon-cast div.item, div.desplegable-acordeon-eng div.item, div.desplegable-acordeon-fr div.item  {height: 100%;
    width: 100%;
display: flex;
flex-direction: row;}

div.desplegable-acordeon-cat div.item .titular, div.desplegable-acordeon-cast div.item .titular, div.desplegable-acordeon-eng div.item .titular, div.desplegable-acordeon-fr div.item .titular {font-family: 'Open Sans';
font-size: 12px;}

div.desplegable-acordeon-cat div.item .textos {width: 100%;
flex-direction:row;}

div.desplegable-acordeon-cat div.item .textos .titulo-itemg, div.desplegable-acordeon-cast div.item .textos .titulo-itemg, div.desplegable-acordeon-eng div.item .textos .titulo-itemg, div.desplegable-acordeon-fr div.item .textos .titulo-itemg  {width: 100%;
flex-direction:row;
font-size: 16px;
font-family: 'Open Sans';}

div.desplegable-acordeon-cat div.item div.marcofoto, div.desplegable-acordeon-cast div.item div.marcofoto, div.desplegable-acordeon-eng div.item div.marcofoto, div.desplegable-acordeon-fr div.item div.marcofoto  {width: 10%;}

div.desplegable-acordeon-cat div.item div.marcofoto a {width: 100%;}

div.desplegable-acordeon-cat div.item div.marcofoto a img  {object-fit: cover;}

.desplegable-acordeon-cat, .desplegable-acordeon-cast, .desplegable-acordeon-eng, .desplegable-acordeon-fr {width: 90%;
margin:0 auto;
padding-top: 30px;}


.desplegable-acordeon-cat .fecha, .desplegable-acordeon-cast .fecha, .desplegable-acordeon-eng .fecha, .desplegable-acordeon-fr .fecha  {display: none;}

.desplegable-acordeon-cat .textos > a.ver_todas {display: none;}

.desplegable-acordeon-cast .textos > a.ver_todas {display: none;}

.desplegable-acordeon-eng .textos > a.ver_todas {display: none;}

.desplegable-acordeon-fr .textos > a.ver_todas {display: none;}

.boton-rojo-cat,.boton-rojo-cast, .boton-rojo-eng, .boton-rojo-fr, .boton-rojo-truck   {text-align: left;
justify-content: flex-start;
font-weight: 600;
padding-left: 30px;
font-size: 20px;
background-color:#CC0000;
color:#ffffff;
height:56px;
border-radius: 5px;
display: flex;
align-items: center;
margin-top: 30px;
margin-right: 20px;
border:0px solid;
width: 100%;}

.boton-rojo-truck {margin-bottom: 30px;}

.acordeon.boton-rojo-cat span, .acordeon.boton-rojo-cast span,
 .acordeon.boton-rojo-eng span, .acordeon.boton-rojo-fr span  {font-weight: 100;
padding-left:10px;}

.acordeon.boton-rojo-cat .arrow,.acordeon.boton-rojo-cast .arrow,
 .acordeon.boton-rojo-eng .arrow, .acordeon.boton-rojo-fr .arrow, .boton-rojo-truck .arrow {margin-right:50px;}


.boton-rojo-truck .arrow {margin-left: 70%;}



.feed-blog-observatori {
background-color: #f5f5f5;
width: 100%;
height:100%;
padding-bottom: 50px;}

.feed-blog-observatori h3.titulo-feed {
   font-family: 'Open SansBold';
   font-size: 25px;
   color:#333333;
   padding-top: 100px;
   margin-left: 15%;
   padding-bottom: 30px;
}

.contenedor-blog {margin:0 auto;
display: flex;
width: 50%;}


.contenedor-blog div.lista_items div.item {
    width: 100%;
}


.bloguecito .lista_items {display: flex;
flex-direction: row;}

.bloguecito .lista_items h2 {display: none;}

.bloguecito .textos.extracto {width: 70%;}

@media(max-width: 1920px){
  .boton-rojo-cat,.boton-rojo-cast, .boton-rojo-eng, .boton-rojo-fr, .boton-rojo-truck   {

font-size: 16px;
background-color:#CC0000;
color:#ffffff;
height:56px;
border-radius: 5px;
display: flex;
align-items: center;
margin-top: 30px;
margin-right: 20px;
border:0px solid;}


.page-wrapper.observatori .col-1-4 {width:40%;}

.page-wrapper.observatori .col-1-8.logo-observatori, .page-wrapper.observatori .col-1-8.logo-ili  {margin-right: 0px;
}

.contenedor-blog {margin:0 auto;
    flex-direction: row;
display: flex;
width: 70%;}



}/**cierra query*/


@media(max-width: 450px) {
  .boton-rojo-truck .arrow {
    margin-left: 50%;}

.col-1-8.logo-observatori {
    width:50%; }


.page-wrapper.observatori .col-1-4 {
    width: 90%;}


.acordeon.boton-rojo-cat .arrow, .acordeon.boton-rojo-cast .arrow, .acordeon.boton-rojo-eng .arrow, .acordeon.boton-rojo-fr .arrow, .boton-rojo-truck .arrow {

    margin-left: 30%;}


.desplegable-acordeon-cat, .desplegable-acordeon-cast, .desplegable-acordeon-eng, .desplegable-acordeon-fr {
    width: 70%;
    margin: 0 auto;
    padding-top: 30px;

}

.bloguecito .lista_items {
    display: flex;
    flex-direction: column;}


div.desplegable-acordeon-cat div.item div.marcofoto a {
    width: 20%;}

div.desplegable-acordeon-cast div.item div.marcofoto a {
    width: 20%;}    

div.desplegable-acordeon-eng div.item div.marcofoto a {
    width: 20%;}    

div.desplegable-acordeon-fr div.item div.marcofoto a {
    width: 20%;}   


.titulo-estatico {font-size: 38px;}



.boton-rojo-cat,.boton-rojo-cast, .boton-rojo-eng, .boton-rojo-fr, .boton-rojo-truck   {text-align: left;
width: 300px;
margin-left: 20px;}



} /**cierra query**/

/************** cierra observatori logistica******/

/************************************** ILI*************************************/


.link-pdf {font-family: 'Open Sans';
font-size: 16px;
font-weight: 600;
color:#525252;
}

.link-pdf::before {
    content:url('../uploads/archivos/icono_pdf.png');
    padding-right: 10px;
}

.page-container {display: flex;
flex-direction: column;
}


.mapa img {display: block;
margin:0 auto;
object-fit: cover;
width: 80%;
margin: 0 auto;}


.logo-ili {margin-right: 12.5%;
background-image: url('../uploads/archivos/Logo_ILI.jpg');
background-size: cover;}





.formulario-ili-contenedor {
box-sizing: border-box;
padding: 40px;
margin-top: 5%;
border:1px solid #dcdcdc;
border-radius: 5px;
background:#fff;
width: 100%;}


.formulario-ili {display: flex;
flex-direction: column;}

.formulario-ili input {
    border: 1px solid #dedede;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 30px;
    margin-bottom: 10px;
    margin-top: 5px;}

 input.missatge {height: 100px;}   

.boton-negro.ili {height: 60px;
border-radius: 5px;
width: 20%;
text-align: center;}


@media(max-width: 450px) {
  .col-1-8.logo-ili {width: 50%;}


.formulario-ili-contenedor {

    box-sizing: border-box;
    padding: 40px;
    margin-top: 20%;
    width: 120%;}


}



/************************************* COMPRA I GESTIO ***********************************/

/**** nueva versio *****/

/************ youtube **************/

.ytp-embed:not(.ad-showing) .ytp-title-text {

    padding-top: 21px;
    display: none;

}



.contenedor-cim img.cim-compra {width: 100%;}

div.mapa_compra {margin-top: 50px;}

span.titulo_campo_extra.ficha_iframe_google_maps {display: none;}

.icha_iframe_google_maps iframe {margin-top: 50px;}

.item.ficha_iframe_google_maps {margin-top: 30px;}


/**** video-responsive ***/
.video-cim {position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;}



.video-cim iframe,
.video-cim object,
.video-cim embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/**** boton descargar dossier ***/

div.formato1 a.dossier {background-color:#666;
color:#fff;
font-weight: 700;
padding: 10px;
border-radius: 5px;
margin-top: 50px;}


/***** escondemos algunos títulos ****/


.item.suelo_logistico {display: none;}

.item.edificabilitat {display: none;} 


.item.sostre_maxim {display: none;} 

.item.ocupacio {display: none;}



.wrapp-g {display: flex;
flex-direction: column;}

.titulo-compra-gestio {display: flex;
flex-direction: row;
height: 240px;
align-items: center;
padding-left: 80px;
}


.titulo-compra-gestio img {width: 90px;
height: 74px;
padding-right: 80px;}



.titulo-compra-gestio h1 {font-family: 'Open Sans';
font-size: 46px;
color:#333333;
font-weight: 700;}

@media (max-width: 1024px) {

  .titulo-compra-gestio {
height: 140px;}

.titulo-compra-gestio h1 {
font-size: 36px;}


.col-1-8.seven.overlay-g {width: 25%;}

}/*cierra query**/

/******************** desplegable de cada ficha ********/
.contenedor-fichas-compra {width: 100%;}

/**** hacemos mas corto el slider en las fichas para que no quede espacio en blanco ***/
.contenedor-slider-cim.compra {min-width: 100%;
height: 400px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;}



.contenedor-info-ficha {
position: relative;
width: 90%;
margin-top: 0px;}


.acordeon-compra {display: flex;
flex-direction: row;
border:1px solid #d8d8d8;
margin-top: 10px;}

.visible-compra {width: 100%;
    display: flex;
    flex-direction: row;
    height: 100%;
}


.desplegado {height: auto;
overflow: visible;}

.overlay-g {height: 400px;
display: flex;
justify-content: center;
align-items: center;}

div.boton-gris-compra {
    display: flex;
    justify-content: center;
    align-items: center;
height: 45px;
margin-left: 70px;
  width: 50%; 
background-color:#f5f5f5;}

.boton-gris-compra .flechita-despliega {transform:rotate(90deg);}

.flechita-plegada {transform:rotate(90deg);}


 div.boton_despliega
{position:absolute;
    cursor:pointer;}


/*** Si queremos que se vea solo un parte reducimos la altura***/
.desplegable {height: 100%;
    min-height: 100%;
overflow: hidden;}


.desplegado {height: auto;
overflow: visible;}

.img-fitxa-compra {width: 100%;
height: auto;}


@media (max-width: 450px) {
    .visible-compra {width: 100%;
    display: flex;
    flex-direction:column;
   }

.acordeon-compra {
    flex-direction: column;}


.primera-ficha-compra .col-1-8.seven.overlay-g {
    width: 50%;}

.visible-compra div.col-1-4.right-sidebar-detalles {
width: 90%;
    padding-left: 0px;}


  .desplegable {min-height: 100%;}  

.contenedor-cim {
    padding: 50px;
    min-height: 10%;
    height: 50%;}

.ficha {
 padding-left: 50px;
    padding-top: 20px;}

 .contenedor-info-ficha {margin-top: 50px;}   


div.boton-gris-compra {
    display: flex;
    justify-content: center;
    align-items: center;
height: 45px;
margin-left: 40px;
  width: 90%; 
background-color:#f5f5f5;}




}


}/*cierra query*/

/******* cierra compra gestio********/

/***************************************** EMPRESES QUE CONFIEN EN CIMALSA ***********************/

.empreses_confien {padding-top: 100px;}

.logo-empreses {background-image: url('../uploads/archivos/logo_sobre_CIMALSA.png');
background-size: cover;
margin-right: 12.5%;}


.sidebar-empreses {display:flex;
justify-content: flex-end;}

.sidebar-empreses .banner-venta {width: 70%;
height: 300px;}


.contenedor-logos {
display: flex;
flex-direction: column;}

.contenedor-logos .row-1 {display: flex;
padding-top: 30px;
flex-wrap: nowrap;}


.row-1:last-child {
border-right: 0px solid;
}

.caja-logo-empresa {border-right:1px solid #dcdcdc;
display: flex;
justify-content: center;}



.caja-logo-empresa img {filter: grayscale(100%);}

.caja-logo-empresa img:hover {filter: grayscale(0%);}


 .popup-contacto, .popup-contacto-2, .popup-contacto-3, .popup-contacto-4, .popup-contacto-5, .popup-contacto-6 {width: 100%;
min-height: 100%;
background:linear-gradient(rgba(41, 41, 41, 0.6), rgba(41, 41, 41, 0.6));
position: absolute;
top:0;
display: flex;
justify-content: center;
align-items: flex-start;
z-index: 20;
left:0;
}

.popup-contacto, .popup-contacto-2, .popup-contacto-3, .popup-contacto-4, .popup-contacto-6 > div {background-color: #ffffff;}


.popup-contacto img.close, .popup-contacto-2 img.close,  {
    position: absolute;
    top: 50px;
    right: 20%;}




.desplegable-acordeon-cat .formato6 a {color:#666666;}

.desplegable-acordeon-cat .formato6 a:hover {color:#ca0001;}


@media(max-width: 1024px) {
.logo-empreses {
    background-image: url('../uploads/archivos/logo_sobre_CIMALSA.png');
    background-size: cover;
    margin-right:5%;}

}

@media(max-width: 450px) {
 .col-1-8.logo-empreses {width: 25%;}

.col-1-2.observatori {width: 90%;}

.contenedor-logos .row-1 {
    flex-wrap: wrap;}

}

/***************cierra empreses que confien***********/

/********************* SOBRE CIMALSA ***************************/

.nostres-numeros {margin:0 auto;}

.contenedor-general-sobre {display: flex;
flex-direction: column;
width: 100%;}

.container-sobre-cimalsa {display: flex;
flex-direction: column;
margin:0 auto;}

.container-sobre-cimalsa .organigrama {width: 100%;}

.container-sobre-cimalsa .organigrama img {object-fit:contain;
width: 100%;
height: 50%;
padding-bottom: 100px;
padding-left: 0px;}

.logo-sobre-cimalsa {background-image: url('../uploads/archivos/logo_sobre_CIMALSA.png');
background-size: cover;
/*margin-right: 12.5%; */
width: 12.5%;}

.unitats-territorials {
 margin-top: 50px;
    width:100%;
    height: 190px;
border:2px solid #ca0001;}

.unitats-territorials h3 {width: 100%;
border-bottom:2px solid #ca0001;
padding-top:10px;
padding-bottom:10px;  
padding-left: 30px;
color:#ca0001;
font-family: 'Open SansBold';
box-sizing: border-box;}


.unitats-territorials .botones-cims {display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
width: 100%;
margin:0 auto;
padding: 20px 0 20px 0;}

.unitats-territorials .boton-cim {
    width: 15%;
    height: 35px;
    border:1px solid #ca0001;
    border-radius:3px;
    margin-right: 10px;
    margin-top: 10px;}


.boton-cim p {height: 35px;
width: 100%;
display: flex;
align-items: center;}


.boton-cim span {width: 50%;
    padding-right: 10px;
    padding-left:10px;
    margin-right:2px;
color:#ffffff;
background-color:#ca0001;
height: 100%;
display: flex;
align-items: center;
justify-content: center;}


/**** consell administratiu***/
.consell-administracio {padding-top: 50px;
padding-left: 0px;}

.consell-administracio .row-presidencia {display: flex;
    padding-top: 50px;
flex-direction: row;
width: 80%;}



.row-presidencia .presi {width: 50%;
    display: flex;
    flex-direction: row;
height:190px;
border:1px solid #dcdcdc; }

.presi .foto {width: 40%;
height: 100%;}

.presi .foto img {object-fit: cover;
width: 100%;
height: 100%;}

.row-presidencia .presi p {font-family: 'Open SansLight';
font-size: 22px;
color:#525252;
padding-top: 20px;
padding-left:10px;}

.row-presidencia .textos {display: flex;
flex-direction: column;}


.row-presidencia .textos .descripcion {font-size:13px;
line-height: 1.2;}

.row-presidencia .textos .descripcion.vermell {color:#ca0001;
font-family:'Open SansBold';}

.presi p.carrec {font-size: 20px;
font-family:'Open SansBold';
color:#ca0001; }

.row-presidencia .presi span {font-family: 'Open SansExtra';}


.consell-administracio h4.vermell {font-size: 20px;
font-family: 'Open SansBold';
padding-top: 50px;
color:#ca0001;}

.page-wrapper h4.vermell {font-size: 20px;
font-family: 'Open SansBold';
padding-top: 50px;
color:#ca0001;}


/****** consellers*******/
.row-presidencia.dos .foto {width: 50%;}
.row-presidencia.dos {padding-top:50px;}


.row-presidencia .presi.tres {width: 33%;
    display: flex;
    flex-direction: row;
height:190px;
border:1px solid #dcdcdc; }


.acordeon-documents-cat.sobre-cimalsa {padding-left: 50px;
box-sizing: border-box;}

/************************ contenedor desplegables************/

.contenedor-desplegables.primero {padding-top: 50px;}


.contenedor-desplegables {width: 75%;
display: flex;
flex-direction: row;}


@media(max-width: 1024px) {
 .unitats-territorials {
    height: 350px;}

.unitats-territorials .boton-cim {
    width: 25%;
    height: 45px;}

.boton-cim p {
    height: 45px;}


.consell-administracio .row-presidencia {
    flex-direction: column;
    width: 100%;}


.row-presidencia .presi {
    width: 100%;}

.row-presidencia .presi.tres {
    width: 100%;}

}/***Cierra query***/




@media (max-width: 450px) {

  .logo-sobre-cimalsa {
    width: 25%;}

.container-sobre-cimalsa .organigrama img {
    padding-left: 40px;}


.unitats-territorials {
    height: 430px;
    margin-left: 30px;
    width: 115%;}

.unitats-territorials .boton-cim {
    width: 45%;
    height: 45px;}

.consell-administracio {
    padding-top: 50px;
    padding-left: 50px;}


.contenedor-desplegables {
    width: 100%;
    display: flex;
    flex-direction: column;}

.col-1-2.acordeon-documents-cat.sobre-cimalsa {
width: 90%;
    padding-left: 50px;
    box-sizing: border-box;}


  h2.titulo-estatico.cimalsa  {padding-left: 40px;}

h3.subtitulo-fijo.cimalsa {padding-left: 40px;}

.row-presidencia .presi {
    width: 100%;
    height: 250px;}

.presi .foto {
    width: 60%;}

.row-presidencia .presi.tres {
    height: 250px;}


.row-presidencia.dos .foto {
    width: 70%;

}


}/**cierra query*/

/********************* cierra SOBRE CIMALSA **********************/



/********************* CONTACTO ****************************/

.page-wrapper.contacto {width:100%;
display: flex;
flex-direction: row;}


.sidebar-datos-contacto {width:25%;
padding-top: 100px;
overflow: hidden;
padding-left: 0px;}


.form-contacto{box-sizing: border-box;
padding-left: 50px;
padding-right: 50px;
width: 90%;}


/*** girar la flechita del desplegable *****/
.formulari-compra span {transform: rotate(90deg);
padding-bottom: 50px;}


.formulari-ili span {transform: rotate(90deg);
padding-bottom: 50px;}


@media(max-width: 450px) {
  .page-wrapper.contacto {
    flex-direction: column;}


.form-contacto {
    width: 300px;
margin-left: 20px;}
  

.boton-negro.ili {
    height: 40px;
    border-radius: 5px;
    width: 40%;}

.desplegable-acordeon-cat, .desplegable-acordeon-cast, .desplegable-acordeon-eng, .desplegable-acordeon-fr {
    margin: 0px 30px;}

.sidebar-datos-contacto {width:90%;
padding-top: 10px;
overflow: hidden;
padding-left: 20px;}

h2.titulo-estatico.contacto {padding-left: 40px;}

h3.subtitulo-fijo.contacte {padding-left: 40px;}

.formulario-ili-contenedor {

    width: 300px;
margin-left: 20px;}


}

/********************* contacto **********************/


/********************** LEGALES *************************/

.page-wrapper.legales {width:100%;
display: flex;
flex-direction: row;} 


.logo-sobre-cimalsa.legales {width: 50%;
margin-right: 0px;}

.left-sidebar-legales {width: 25%;
}

.text-proteccio {width: 50%;
box-sizing: border-box;
padding-left: 50px;
padding-right: 50px;}


.text-proteccio ul {color: #666;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px;
    font-family: 'Open Sans';}



.text-proteccio ul li { list-style-type: square;
padding-top: 10px;}

.text-proteccio p {    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 20px;
    font-family: 'Open Sans';}

/********************* cierra legales ****************/




/********************** NOTES DE PREMSA Y CLIPPINGS ***********************/



.page-wrapper.noticies :nth-child(2) {
    width: 50%;
box-sizing: border-box;
padding-left: 40px;} 



 .item.foto_arriba > .marcofoto {
  width: 100%;
  height: 10%;
border-radius: 0px;
overflow: hidden;}

 .item.foto_arriba > .marcofoto a { width: 100%;
  /*height: 200px; */

}


 .item.foto_arriba > .marcofoto a img { width: 90%;
object-fit: contain;
border-radius: 0px;
    
}

/**** espacio de arriba a la primera noticia ****/
.contenedor-noticies-cimalsa, .contenedor-clippings {padding-top: 80px;}


.logo-clippings {
background-image: url('../uploads/logos/clipping_imag.jpg');
background-size: cover;
margin-right: 12.5%;}


.logo-notes-premsa {
background-image: url('../uploads/logos/noticias_imag.png');
background-size: cover;
margin-right: 12.5%;}


.logo-blog {
background-image: url('../uploads/logos/actualitat_logo.png');
background-size: cover;
margin-right: 12.5%;}

.logo-sostenibilitat {background-image: url('../uploads/logos/sostenibilitat_logo.png');
background-size: cover;
margin-right: 12.5%;
height: 200px;}

.logo-consell {background-image: url('../uploads/logos/logo_CIMALSA_consell.jpg');
background-size: cover;
margin-right: 12.5%;
height: 200px;}



/*** contenedor no tiene padding porque el item es de 70% column-reverse posiciona titulo primero*****/
div.lista_items div.item.foto_arriba {
    width: 70%;
    padding-bottom: 70px;
    margin:0 auto;
    display: flex;
    flex-direction: column-reverse;
   /*s border-bottom: 1px solid #dcdcdc;*/}


.contenedor-noticies-cimalsa div.lista_items h3.titulo-itemg {
    padding-top: 20px;
    font-size: 27px;
    color: #333333;
    font-family: 'Open SansBold';
    line-height: 1.2;
    width: 90%;
    padding-bottom: 10px;}


   .contenedor-clippings div.lista_items h3.titulo-itemg {
    padding-top: 20px;
    font-size: 27px;
    color: #333333;
    font-family: 'Open SansBold';
    line-height: 1.2;
    width: 90%;
    padding-bottom: 10px;}

.paginador {display: flex;
padding-top: 40px;
margin-left:15%; }

.paginador a {padding: 10px;
background-color: #525252;
color: #fff;}

.paginador a.current_page {background-color:#ca0001;}

@media(max-width: 1024px) {
    div.lista_items div.item.foto_arriba {
    width: 85%;}
}/**cierra query*/



@media(max-width: 450px) {
 .contenedor-clippings.col-1-2 {width: 100%;}


}

/******************* cierra notes de premsa*********************/

/**** pagina blog ***/







/********************** BLOG ****************************/

.entradas .lista_items {display: flex;
    flex-direction: row;
flex-wrap: wrap;}


.entradas div.lista_items div.item.foto_arriba {width: 30%;
padding: 20px 20px 20px 20px;}


div.lista_items div.item 
{
	border-bottom: 1px #ca0001 solid; margin-bottom: 10px;
}



.contenedor-entradas-actualitat {display: flex;
flex-direction: column;
width: 60%;
}

.contenedor-flex-row {display: flex;
flex-direction: row;}

.col-notas-prensa {border-left:1px solid #e8e8e8;
padding-left: 50px;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
}


.col-blog {padding-left: 50px;
display: flex;
flex-direction: column;
align-items: center;
box-sizing: border-box;
padding-left: 50px;}


.col-sostenibilitat {padding-left: 50px;
display: flex;
flex-direction: row;
align-items: center;
box-sizing: border-box;
padding-left: 50px;}



.col-blog .lista_items {display: flex;
flex-wrap: wrap;  
/*height: 500px; */}      



.col-sostenibilitat .lista_items {display: flex;
flex-wrap: wrap;  
}      


.col-blog .link_ver_todo {margin-left: 10%;
margin-top: 20px;}


.link_ver_todo:hover {background-color: #cc0000;
color:#fff !important;
cursor:pointer;
border:1px solid #fff;
border-radius: 3px;}

.link_ver_todo a:hover {color:#fff;
background-color: #cc0000;}

.link_ver_todo a {padding:10px 20px 10px 20px;}

.col-notas-prensa .link_ver_todo {margin-top: 20px;}


/*** cada entrada individual ***/
.col-blog div.lista_items div.item.foto_arriba {width: 100%;
padding-bottom: 30px;}


/**** entrada indiviudal en sostenibilitat ***/
.col-sostenibilitat div.lista_items div.item.foto_arriba {width: 40%;
padding-bottom: 30px;}

.col-notas-prensa div.lista_items div.item /* {border-bottom: 1px solid #dcdcdc; }*/


.contenedor-entradas-actualitat div.acordeon-documents-cat.clippings {width: 80%;
margin:0 auto;
padding-top: 50px;
padding-bottom: 0px;}

.col-blog .item.foto_arriba > .marcofoto {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    overflow: hidden;
    vertical-align: top;
}

.sidebar-redes {width: 15%;}

.img-linkedin {width: 100%;}

.top-news {margin-top: 30px;}

.bloque-news {background-color:#8C0011;
padding: 0px 20px;}

.bloque-news p {color:#fff;
font-size: 15px;
font-weight: bold;
padding-top: 30px;} 

.bloque-news .boton-rojo {width: 70px;
height: 36px;}

.historico-blog {width: 100%;
padding-top: 50px;}

.historico-blog h2 {font-family: 'Open SansBold';
font-size: 20px;
padding-bottom: 50px;}



.historico-blog div.lista_items h3.titulo-itemg {
    padding-top: 16px;
    font-size: 16px;
    color: #828282;
    font-family: 'Open Sans';
    line-height: 1.2;
    width: 100%;
    padding-bottom:10px;}


/** Blog individual es formato 2**/

.row-fluid.formato2 {width: 50%;
    box-sizing: border-box;
    padding-left: 50px;
display: flex;
flex-direction: column;
padding-top: 50px;
padding-bottom: 100px;}

.formato2 .texto {padding-top: 40px;}


div.cms_main h1 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #333;
    font-family: Open SansBold;}


div.cms_main.formato2 .foto {
    width: 50%;
   margin:0 auto;
    display: block;}   


 strong
{
	font-family: sans-serif;
	color:#333;
	font-weight:bold;
}    


.wrap-single-entry {display: flex;}

.btn-tornar {background-color:#ca0001;
border-radius: 5px;
color:#fff;
font-family: Open SansBold;
font-size: 16px;
padding:10px;
width: 150px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 30px;
cursor: pointer;}


.btn-tornar:hover {background-color:#666; 
color:#fff;}




@media (max-width: 1024px) {
  .contenedor-flex-row {display: flex;
flex-direction: column;
width: 100%;
align-items: center;}

.contenedor-flex-row .col-1-2 {width: 80%;}

.sidebar-redes {width: 20%;}

.col-1-8.left-sidebar-cim {width: 20%;}

.col-notas-prensa {border-left: 0px solid;}

} /**Cierra query***/




@media (max-width: 450px) {
  .historico-blog {display: none;}

  .contenedor-entradas-actualitat.col-3-4 {width: 100%;}

  .sidebar-redes {width: 80%;}


.acordeon-documents-cat.clippings {width: 80%;
margin:0 auto;
padding-top: 50px;
padding-bottom: 50px;}

.entradas .lista_items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


.entradas div.lista_items div.item.foto_arriba {width: 100%;
padding: 20px 20px 20px 20px;}


}
/*********************** cierra blog ****************/

/**************** ACTUALITAT **********************/


.banner_actualitat {
    width: 100%;
}


.banner_actualitat img.banner {width: 100%;}


/************** ESTUDIS ****************/

.col_estudis {display: flex;
    flex-direction: row;}


.col_estudis .lista_items {display: flex;
    flex-direction: row;
flex-wrap: wrap;}

.col_estudis div.lista_items div.item.foto_arriba {padding:20px 20px 20px 20px;
width: 30%;}


/*
.col_estudis .lista_items .item .marcofoto a {height: auto;} */



.titulo {
    width: 100%;
    height: 578px;
    position: absolute;
    top: 240px;
    display: flex;
    justify-content: center;
    align-items: center;}


.seccion-texto {
    width: 100%;
    height: 240px;
}

.dos-columnas {column-count: 2;
	column-gap: 80px;
padding:20px 60px;
font-family: 'Roboto';
font-size: 16px;
color:#9B9B9B;
line-height: 1.2;}




/*contiene logo, div seguido de header*/

.header {background-color: #333333;}

.page {background-color: #ffffff;}

.relative {position: relative;}

div.logo 
{
	width: 30%;
	display: flex;
	justify-content:flex-start;	
	flex-direction: column;
	height:100px;
	margin-left:10%;
}

div.cabecera div.banner
{
	position: absolute;
	left:515px; top:15px;
}


div.logo a 
{
	display: block; 
	
}


div.menu > ul > li
{
	float:left; 
	background-position:right;}



div.menu > ul > li > a {
    color: #ffffff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    padding: 12px 20px 9px 10px;
    display: block;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
}


@media (max-width:400px) {
  div.menu > ul > li > a {
    font-size: 12px;}



}



div.menu > ul> li  a:hover {
	color: #979797;

}



@media (max-width:1920px){
/* Baners*/
.banner-congresos {
	background-color:#fecc02;
	width: 415px;
	height: 415px;
	border:20px solid #ffffff;
	position: absolute;
	left:60%;
	top:230px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
}/*cierra query*/

.banner-congresos > p {font-family: 'Roboto';
font-size: 18px;
color:#ffffff;
line-height: 1.5;
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
}


.titulo-azul {font-family: Gotham-Bold;
color:#0D4194;
font-size:27px;
padding-left:30px;}

.boton-azul {background-color:#0d4194;
	width: 215px;
	height: 30px;
	color:#ffffff;
	font-family: 'Roboto';
	font-size: 15px;
	margin-left: 30px;
	margin-top: 20px;
	border:0px solid;
	vertical-align: center;
	text-align: center;
	text-decoration: none;
	padding-top: 18px;
}

/*Banners permanentes Gabi. Flash, socio, etc.*/
.banners-permanentes {
display: flex;
flex-direction: row;
width: 100%;
height: 300px;
}

.hazte-socio {width: 33.333%;
	height:300px;
background:url(../uploads/archivos/Banner_Hazte_socio.png) no-repeat;
background-repeat: no-repeat;
background-size: cover;}

.feteia-flash {width: 33.333%;
	height:300px;
background:url(../uploads/archivos/Banner_FETEIA_FLASH.png) no-repeat;
background-repeat: no-repeat;
background-size: cover;}

.revista-transitario {
	width: 33.333%;
	height:300px;
background:url(../uploads/archivos/Banner_Revista.png) no-repeat;
background-repeat: no-repeat;
background-size: cover;}


.preheader {display: flex;
flex-direction: row;}

.link-preheader {text-decoration: none;
color:#fff;}

div.menu {
    height: 200px;
    width: 70%;
    margin-left: -10px;
    position: relative;
    margin: 0 auto;
    display: flex;
   flex-direction: column;}

div.menu ul {margin:20px auto;
}

div.menu ul ul 
{
background-color: #fff;
border: 1px solid #e0e0e0;
border-top: none;
left: -1px;
z-index: 999;
border-radius: 0 0 2px 2px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
box-shadow: 0 1px 1px rgba(0,0,0,0.04);

position: absolute;
width: 200px;
background-color:#E5E5E5;


}

div.menu ul ul a 
{
color: #777;
font-size: 12px;
line-height: 18px;
padding: 9px 12px;
border-top: 1px solid #e6e6e6;
display: block; 

}


@media(max-width:1920px){

 div.menu {width: 100%;}

div.menu > ul > li > a {
   
    padding: 12px 10px 9px 10px;}


}


/*Contenedor de slider y cajas flotantes*/
.contenedor-slider { min-width:100%;
	height: 10%;
background-position: center center;
background-repeat: no-repeat;
background-size:cover;}



@media (max-width: 1920px){
.contenedor-slider { min-width:100%;
    height: 10%;
background-position: center center;
background-repeat: no-repeat;
background-size:cover;}
}


@media (max-width: 1024px){
.contenedor-slider { min-width:100%;
    height: 15%;
background-position: center center;
background-repeat: no-repeat;
background-size:cover;}

.slider_wrap_32 .textos_slide {

    position: absolute;
    top: 100px;
    left: 150px;
    color: #ffffff;
    z-index: 10;
    line-height: 1.4;}





} /*cierra query 1024*/



@media (max-width: 450px) {

    .col-1-8.left-sidebar-cim {
    width: 100%;
}

.col_estudis .lista_items {display: flex;
    flex-direction: column;
}


.col_estudis div.lista_items div.item.foto_arriba {
    width: 100%;
}

.contenedor-entradas-actualitat {
    display: flex;
    flex-direction: column;
    width: 100%;
}

} /*query*/

div.bandera
{
	position: absolute;
top: 10px;
right: 31px;
z-index: 9;
}
div.bandera a
{
	display: inline-block;
}
div.bandera a img
{
	
}


div.left_corner
{
left: 0px;
display: block;
width: 18px;
height: 18px;
position: absolute;

bottom: -18px;
//background: transparent url(img/esquina1.png) -0px -0px no-repeat;
z-index: -1;
}

div.right_corner
{
right: 0px;
display: block;
width: 18px;
height: 18px;
position: absolute;
bottom: -18px;
//background: transparent url(img/esquina2.png) -15px -0px no-repeat;
}

/*
div.slider img.slide
{
	position:absolute;
}




div.slider img.chico
{
	position: absolute;
	top:20px; 
	left:30px;

}
div.slider img.chica
{
	position: absolute;
	top:20px; 
	left:30px;

}
*/


div.main 
{
	background-color: #fff;
}

/*
div.seccion > div.item
{
	width: 100%;
	float:left;
	margin-right:7px;
	min-height:372px;
	position: relative;
	
} */

div.seccion > div.item.ultimo
{
	width: 100%;
	margin-right: 0px;
}

div.seccion > div.item > div
{
	padding: 20px;
}




/* contenedor dos columnas de feeds */
.dos-columnas-feeds {
 display: flex;
 flex-direction: row;
 width: 100%;
}


/* izquierda home, feed de noticias verias*/
.dos-columnas-feeds > .seccion 
{width: 65%;
	min-height: 180px;
	margin-top:7px;
	background-color:#F7F7F7;
	padding-left:110px;
}


/* sidebar-widgets, es el sidebar derecho entero. Contendra feeds rrss y congresos*/
.sidebar-widgets {
background-color:#ffffff;}


/* bloque de feeds de los congresos*/
.feeds-congresos {
	position: relative;
	top:30%;
	left:100px;}


.foto_lado {display: flex;
flex-direction: row;}




.feeds-congresos.seccion > .item {
	min-width: 200%;
}	

/*
div.cms_main
{
	min-height: 400px;
} */


div.banner_right
{
	position: absolute;
	right: 0px;
	top:10px;
	width: 355px;

}

.halflings {
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url(../images/glyphicons_halflings.svg);
background-position: 0 0;
background-repeat: no-repeat;
vertical-align: top;
display: none;
}


.halflings.white {
background-image: url(img/glyphicons_halflings-white.svg);
}

i.halflings{
margin: 1px 2px 0 -2px;
}

.halflings.file {
background-position: -24px -24px;
}
.halflings.user {
background-position: -168px 0;
}

.halflings.leaf {
background-position: -48px -120px;
}
.halflings.home {
background-position: 0 -24px;
}
.halflings.eye {
background-position: -96px -120px;
}

.halflings.road {
background-position: -72px -24px;
}
.halflings.heart {
background-position: -96px 0;
}
.halflings.gift {
background-position: -24px -120px;
}
.halflings.check {
background-position: -144px -72px;
}


div.cms_main
{
	//font-family: sans-serif;
}




/*
div.cms_main h2
{
	margin-bottom:10px;
	font-size: 22px;
	line-height: 24px;} */

div.cms_main h2 strong
{
	font-weight:bold;
	color:#000;

}


div.cms_main tr td
{
color:#999;
font-size: 13px;
	
	line-height: 14px;
	padding-bottom: 20px;
	vertical-align: top;
	}







div.cms_main h3
{
	/* 
	font-size: 18px;
	margin-bottom:10px;
	line-height: 16px;
	
	background-color:#CCC;
	color:#FFF;
	padding:3px;
	*/
	
	}

/*
div.cms_main h4
{
	
	font-size: 22px;
	margin-bottom:10px;
	line-height: 26px;
	color:#517B01;
	padding:20px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;

} */









div.formato1 .padding_,
.padding_
{
	padding:30px 20px;
}



div.cms_main.formato1 .foto
{
	
	
	width: 100%;
}


div.cms_main.formato2 
{
	background-color: #FFF;
}



div.cms_main ul li,
div.cms_main ul li a
{
/*
	font-family: sans-serif;
	font-size:15px;
	color:#629503;
	font-weight:bold;
*/
margin:5px 0px 0px 20px;;
list-style:inside;
color: #666;
font-size: 14px;
margin-bottom: 3px;
line-height: 16px;



}

div.cms_main ul
{
	margin-bottom:25px;
}

div.cms_main ul li {
list-style-position:outside;
list-style: url(bullet.png);
}

div.menu ul ul div.subasuba  a {
color: #777;
font-size: 12px;
line-height: 18px;
padding: 2px 5px;
border-top: 1px solid #e6e6e6;
display: block;
}

/*

div.barra_verde 
{
	height: 3px; 
	background-color:#AB4D17;
	
}

*/



.style5
{
	font-size:9px;
}

table.contact tr td 
{
	padding-bottom: 10px;
}

table.contact strong
{
	display: inline-block; 
	padding-bottom:4px;
}


div.lista_items h2 ,
div.item.small h2,
div.seccion h2
{
	color:#494949;
	font-size:25px;
	padding:3px 0px 7px;
	font-family: 'Gotham-Medium', sans-serif;
font-weight:bold;

	
}



div.lista_items.agenda span.fecha
{
	color: #003951;
	font-size: 17px;
font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
font-weight:bold;

}

div.lista_items.agenda span.guion
{
	font-size: 18px;
font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
color: #CCC;

}





div.lista_items.agenda span.hora
{
	color: #E74A2A;
	font-size: 17px;
	font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
	font-weight:bold;

}

div.lista_items.agenda span.lugar
{
	color:#666;
	font-size: 17px;
	font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
	font-weight:bold;

}



div.seccion p 
{
	min-height: 36px;
	margin-bottom:5px;


}

div.seccion  a.todas
{

font-size: 13px;
color: #333;
padding:8px 0px;
display: block;
}

div.sociales
{
	position: absolute;
	top: 127px;
	right: 120px;
	z-index: 33;

}

div.header div.banner_header
{
	position:absolute;
	bottom:10px;
	right:20px;
}



div.footer p.textophone 
{
	font-size:22px;

}

div.footer a.mail 
{
	font-size:14px;
	color:#333;
}

/*
div.footer a.aviso_legal 
{
	color: #999;
	text-decoration:none;
}
*/



div.formato1
{
	background-color:#FFF;
	
}

div.formato1 > div.left 
{
	float: left;
width: 377px;
}
div.formato1 > div.right 
{
	float:right;
	width: 695px;
}


div.formato1 a 
{
	
	color: inherit;
	font-size: inherit;
	
}

div.formato1 a.btn-danger
{
	color:#FFF;
}

/****************************** FORMATO NOTICIAS HOME **********************************/



/* div contenedor de los textos de cada noticia, inluye h2 y link ver mas */
.textos {display: flex;
flex-direction: column;
width:85%;
text-align: left;
}





/*posicion del grupo texto cuando la foto esta al lado*/	
div.item.foto_lado > .textos {
	margin-left: 0px;
}





.feeds-congresos.seccion > .item > .pad > .lista_items > .item > .marcofoto {
 width:380px;
}










div.lista_items div.item:first-child 
{
	border-top: 0px;
}


div.lista_items div.item.agenda
{
	border-top: 0px;
	padding: 4px 0px;
}

div.lista_items div.item.agenda a
{
	text-decoration: none; 
}


/* Tamaño de la foto cuando este arriba (Congresos) */

/*
.item.foto_arriba > .marcofoto
{
	width:389px;
	height: 83px;
	overflow:hidden;
	-moz-border-radius: 10px; /* Firefox */  
	-webkit-border-radius: 10px; /* Safari, Chrome */  	} */

/*con el after pintamos la rallita debajo del titulo*/
.lista_items h2:after { content: '';
display: block;
width: 100px;
border-bottom: 4px solid #134193;
padding-top: 10px;}

.lista_items h2 {padding-bottom:10px;}

.lista_items .item .marcofoto a
{
	width: 100%;
	display: block;
height: 100%;
}

.lista_items .item .marcofoto img
{
	max-width:100%;
    width: 90%;
}


/*

div.lista_items div.item a.titular 
{
	display: block;
	float:left;
	width:180px;
	padding-left:10px;
	text-decoration:none;
	color:#666;
	font-size:14px;
	line-height:15px;

} */

/**/

div.lista_items h2.agenda 
{
display: block; 
background: transparent url(img/agenda.png) -0px -0px no-repeat;
width:57px;
height:39px;
margin-top:4px;
}

div.zona_usuario_placeholder 
{
	position: absolute;
top: 10px;
right: 10px;
width: 200px;

}

div.login_fo
{
width: 250px;
height: 71px;
font-family:'Roboto', sans-serif;
font-size:11px;
position: relative;
right: 100px;
top:0px;}


@media (max-width: 450px) {
    div.login_fo {
                   top:100px;
                   right:130px;}





}




div.login_fo label 
{
	
}


/* login estilo Gabi*/
div.login_fo input[type="text"], div.login_fo input[type="password"] {
    width: 140px;
    height: 23px;
    font-family: 'Roboto';
    font-size: 12px;
    background-color: #fff;
    line-height: 16px;
    border: 0px;
    border-radius: 0;
    
}

/* Boton estilo Gabi*/
div.login_fo a.bt {
    padding: 4px 4px;
    font-size: 13px;
    text-decoration: none;
    cursor: pointer;
    width: 55px;
    height: 24px;
    background-color: #6170B4;
    color: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    left:150px;
    bottom:30px;
}

div.zona_usuario 
{
	font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

div.zona_usuario li 
{
	margin-bottom: 3px;
	list-style:none;  
	
}

div.zona_usuario li a
{
	font-family: "bookcondensed", sans-serif;
	color: #000;
	font-size: 16px;
	text-decoration: none; 
}

div.zona_usuario li a:hover
{
	color: #F00;
}


div.zona_usuario  a
{
	color: #AB4D17;
}


div.zona_usuario sup 
{
	color: #F00;
	font-weight: bold; 	
}





div.zona_usuario img.logo
{
	width: 30px;
	border: 1px gray solid;
}
div.zona_usuario  p.administrador
{
	padding:3px 0px 2px 20px; 
	background: transparent url(img/iconos/tren16px.png) 0px 0px no-repeat;
	//background: transparent url(img/sprites-FW.png) -7px -6px no-repeat;
}

div.lista_items.noticias_socios div.item div.marcofoto {
height: 60px;
}
div.lista_items.noticias_socios div.item div.marcofoto  img
{
	display: block; 
	margin: 0 auto;
	min-height:inherit;
	min-width:inherit;
}

div.todos_socios
{
	padding: 10px;	
	background-color: #FFF;
}


.grayscale
{
	/* filter: url(filters.svg#grayscale);  */  /* Firefox 3.5+ */ 
   
   
   /* filter: gray; /* IE6-9 */
    /* -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
    
    cursor: pointer;
    
    /*
    filter: grayscale(0.5) blur(10px); */
}

.grayscale:hover {
	/*
    filter: none;
    -webkit-filter: grayscale(0);
   */
  }


.header1
{
	height: 28px;
	background-color: #003951;
	position: relative;
}

.header1 ul 
{
	color: #FFF;
}

.header1 ul 
{
	position: absolute;
	right: 0px;
}


.header1 ul  li 
{
	float: left; 
	font-size: 10px;
}



.header1 ul li.separa
{
	padding: 11px 3px;
background: transparent url(img/sprites-FW.png) -31px -67px no-repeat;
}

.header1 ul  li.item 
{
	padding: 8px 10px 5px 2px;

}
.header1 a 
{
	color: #FFF;
}
.header1 a:hover
{
	text-decoration: none;
}


.header1 i 
{
	display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
vertical-align: text-top;
background-image: url(img/sprites-FW.png);
background-position: 0 0;
background-repeat: no-repeat;
vertical-align: top;
}

i.i1 
{
	background-position: -11px -75px;
}
i.i2 
{
	background-position: -42px -75px;
}
i.i3
{
	background-position: -69px -75px;
}
i.i4 
{
	background-position: -88px -73px;
}
i.i5
{
	background-position: -128px -73px;
}

body 
{
	background-color:#CCC;
	
}


span.bullet 
{
	display: inline-block;
	width: 6px;
	height: 12px;
	padding-right:3px;
	
}

a.noticias_cimalsa
{
display: block;
width:21px;
height:26px;


}
a.noticias_socios_icon
{
display: block;
width:21px;
height:26px;
}

a.videos_icon
{
display: block;
background: transparent url(img/sprites-FW.png) -105px -8px no-repeat;
width:25px;
height:26px;
}



/* JOkin se carga la cat
a.ver_todas cat 
{
padding: 14px 0px 0px 49px;
	color: #707173;
	font-size: 11px;
	font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
	font-weight:bold;
	font-style:italic;
}
*/




div.seccion_banners div.banner1
{
	
	position: relative;
 	
}

div.seccion_banners div.banner1 img
{
	width: 300px;
	height:90px;	

}



div.seccion_banners div.banner2
{
	position: absolute;
	bottom:10px;
	right:15px;
}


div.seccion_banners div.banner2 img
{
	width: 728px;
	height:90px;	

}




div.barrita_gris
{
	width: 100%;
	height: 42px;
	margin-top: 7px;
	background-color:#E6E6E7;
	
	-moz-border-radius: 10px; /* Firefox */  
	-webkit-border-radius: 10px; /* Safari, Chrome */  
	border-radius: 10px; /* CSS3 */  
	
	

}

div.barrita_gris ul 
{
	
padding:10px 10px 10px 20px;

}

div.barrita_gris ul li 
{
	float: left;
	padding-right: 60px;
	background: transparent url(flechagris.png) 74px 4px no-repeat;

}
div.barrita_gris ul li  a
{
	color:#595859;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}


div.areas_negocio
{
	width: 100%;
	height: 98px;
	position: relative;
	margin-top: 7px;
	background-color:#FFF;
	
	font-family: "bookcondensed";
}
div.areas_negocio div.pad
{
	padding: 20px;
	
}


div.areas_negocio h2 
{

font-size: 16px;
color:#707173;

margin-bottom:7px;
font-family: "bookcondensed";

}

div.areas_negocio ul
{
	float: left; 
	width: 200px; 
}



div.areas_negocio ul li
{
	line-height: 12px;
}



div.areas_negocio ul li a
{
	font-size: 11px;
	color:#707173;
	text-decoration:none;
}


div.logos_main
{
	width: 100%;
	height: 98px;
	position: relative;
	margin-top: 7px;
	background-color:#FFF;
}
div.logos_main img 
{

	margin-left: 150px;
	margin-top: 20px;
	display: inline-block;


}
 
 div.logos_main img:first-child
 {
	margin-left: 20px;
}







div.footer div.texto
{	position: absolute;
top:43px;
left: 20px;

}

div.footer div.logos
{	position: absolute;
top:18px;
left: 354px;

}




div.menu_abajo
{
	height: 42px;
width: 1094px;
margin-left: -10px;
background-color: #E74A2A;
position: relative;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
margin-top: 0px;

}

div.menu_abajo div.left_corner
{
left: 0px;
display: block;
width: 12px;
height: 18px;
position: absolute;
top: -18px;
background: transparent url(img/esquina3.png) -1px -0px no-repeat;
}

div.menu_abajo div.right_corner
{
right: 0px;
display: block;
width: 10px;
height: 18px;
position: absolute;
top: -18px;
background: transparent url(img/esquina4.png) -22px -0px no-repeat;
}




/*  footer ferias...  */

div.footer_seo
{
	
	font-size:10px;
	
	background-color:#BFBFBF;
	
	color: #000;
	
	padding:20px;
	min-height: 20px;
	font-size: 11px;
	color: #000;
	
}

div.footer_seo div.creditos
{
	position: absolute; 
	bottom: 10px; 
	right: 10px; 
	
}

div.footer_seo div.creditos a
{
	font-size: 9px;
	color: #FFF;
	text-decoration: none; 
}


div.footer_seo img
{display: none;}


div.footer_seo > div
{
	padding: 10px;

}

div.footer_seo ul  
{
	float: left;
	width: 250px;
	margin-left: 110px;

}
div.footer_seo ul:first-child
{
	margin-left: 0px;
}



div.footer_seo ul li 
{
	font-size:11px; 
	line-height: 11px;
	margin-bottom:3px; 
	font-family: "Myriad", "Myriad Web", Trebuchet MS, sans-serif;
	


}

div.footer_seo ul li a
{
	text-decoration: none;
	color: #FFF;
	font-size: 11px;
	
	
}
div.footer_seo ul li a:hover
{
	text-decoration: underline; 

}






/*  confirmar_asistencia */
div.row{ margin-bottom: 10px;}



label 
{
	min-width: 200px;
	display: inline-block;
	
}
div.confirmar_asistencia 
{
	background-color: #FFF;
	padding: 0px 30px 30px;
	
}
div.confirmar_asistencia h2{
font-size: 26px;
font-weight: bold;
margin-bottom: 10px;
background-color: #C13A33;
color:#FFF;
letter-spacing: -1px;
padding:4px;

}
/*  botones del BOOTSTRAP */



.btn {
border-color: #c5c5c5;
border-color: rgba(0,0,0,0.15) rgba(0,0,0,0.15) rgba(0,0,0,0.25);
}

.btn {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
color: #333;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
background-image: -o-linear-gradient(top,#fff,#e6e6e6);
background-image: linear-gradient(to bottom,#fff,#e6e6e6);
background-repeat: repeat-x;
border: 1px solid #bbb;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}


.btn-danger {
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: #da4f49;
background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

a.btn {  text-decoration: none;} 



div.seccion_banners_02
{
	height: 150px;
}

div.seccion_banners_02 div
{
	float: left;
}
div.seccion_banners_02 div.r
{
	margin-left:10px;
}


div.index_socio_main
{
	background-color: #FFF;
}
div.index_socio_main
 img.logo
 {
		width:150px;
		
	}



div.index_socio_main  div.l
{
	width:260px;
	float:left;
	padding:20px;
	border-right: 1px gray dotted;
}


div.index_socio_main  div.r
{
	width:720px;
	float:left;
	padding:20px;
	

}

div.index_socio_main h2
{
	
    font-size: 22px;
    margin: 10px 0px;
}


div.index_socio_main  div.l ul li a

{
	font-family: "bookcondensed", sans-serif;
    color: #000;
    font-size: 18px;
    text-decoration: none;
	
}

div.index_socio_main  div.l ul li
{
	margin-bottom: 1px;
}


div.index_socio_main sup {
    color: #F00;
    font-weight: bold;
    font-size: 13px;
}




div.dotted
{
	/*
	width: 200px;
	border-bottom:1px gray dotted;
	*/
}


div.contact 
div.left 
{
	width: 300px;
	padding: 20px;
	float:left;
}
div.contact 
div.right 
{
	width: 500px;
	padding: 20px;
	float:left;
}

div.contact 
div.left img
{
	width:100%;
}



div.index_socio_main div.lista_items.agenda
{
	width: 350px;
	float: right;

}



div.formato5
{
	padding: 20px;	
	background-color: #FFF;
	min-height: 500px;

}

div.formato5 div.item
{
float: left;
width: 200px;
margin-right: 1px;
margin-bottom: 1px;
height: 133px;
overflow: hidden;
}

div.formato5 div.item div.foto
{
	width: 100%;
	height: 100%;
	border: 1px #CCC solid;
}
div.formato5 div.item div.foto img
{
	
}



div.cms_main.formato5 h1
{
	margin-bottom: 0px;

}
div.cms_main.formato5 h2
{
	color:#002850;
}



div.main_socios div._oculto
{
	display:none; 
	position:absolute;
	top: 0px;
	left: -100px;
	background-color:white; 
	padding:20px; 
	border: solid 1px  #CCC;
	z-index:999;
	width: 350px;
	
		-moz-border-radius: 10px; /* Firefox */  
	-webkit-border-radius: 10px; /* Safari, Chrome */  
	border-radius: 10px; /* CSS3 */  
	
	
	
}

div.main_socios div._oculto div.cierra_co
{
	position: absolute; 
	top:-30px;
	right: -30px;
	cursor: pointer;
}
div.main_socios div._oculto a 
{
	color:#C00;
}


div.main_socios div.item_socio
{
	float: left;
	margin: 3px;
	font-size:12px;
	margin: 0px 30px 20px 0px;
	width:113px;
	min-height: 135px;
	min-width: 113px;
	

}

div.main_socios.colaboradores div.item_socio
{
	width:120px;
	height: 120px;
	
}

.centrar_xy {
position: relative;
display: block;
margin: 0 auto;
}



div.main_socios div.item_socio  img
{
	width:100%;
}

div.cms_main table.adjuntos tr td {
color: #999;
font-size: 13px;
line-height: 14px;
padding-bottom: 5px;
vertical-align: top;
}


div.ficha_socio
{
	font-size:12px;
	line-height:14px;
	
	
}

div.ficha_socio div.l 
{
	width: 300px; 
	float: left;
	min-height: 200px;
}

div.ficha_socio div.r 
{
	width: 690px; 
	float: left;
	margin-left: 20px;
	position: relative;
	border-left: 1px #CCC solid;
	padding-left: 20px; 
	
	
	
}

div.ficha_socio div.r div.logo_
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 160px;
}
div.ficha_socio div.r div.logo_ img 
{
	width: 100%;
}


.mensaka
{
	padding: 20px;
	background-color:#CCC;
	margin: 10px 0px;
	
}



div.form_usuario select 
{
	height: 26px;
border: 1px #CCC solid;
-moz-border-radius: 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 18px;
	width: 300px;
color: #999;
display: inline-block;

}


div.listar 
{
	padding: 10px 0px; 
}

div.listar a 
{
	font-size:14px; 
	text-transform:uppercase;
	color:#000;
	text-decoration:none;

}


div.nombre_categoria
{
	margin: 15px 0px; 
	border-bottom: 1px #999 dotted;
	padding:5px 0px;
}
div.nombre_categoria h2
{
	font-size:16px; 
	
	color:#000;
}



div.seccion_sociales div.item
{

	width: 347px; 
	float: left; 
	margin-right: 10px;
	background-color:#FFF;
	min-height:400px;

}

div.seccion_sociales div.item.facebook
{

border: 1px solid #e8e8e8;
border-radius: 5px;
}


div.seccion_sociales div.item.small
{
	padding: 10px;
	width: 338px; 
	float: left; 
	margin-right: 0px;
}

 div._4s7c
{
	border: none; 

}
div._4s7c
{

	background-color: #F00;
}

.adjuntos a 
{
	color:#C00;

}


.fb_followers,
.twitter_followers
{
	color: #FFF;
	font-size:12px;
	position: relative;
	top:-7px;
	

}

.xyz
{
	padding:20px; 
	background-color:#E24500;
	color: #FFF;
	margin-top: 10px;
	

}
body.chat-railgrup .main
{
	padding-top: 10px;
}


/*   jchat dashboard   */

	body.chat-dashboard-railgrup .content
	{
		padding: 20px; 
	}
	
	
	img.jchat-logo
	{
		width: 60px; 
	}
	
	.jchat-pad
	{
		padding-bottom: 5px;
	}
	
	body.chat-dashboard-railgrup a.jchat-nombre
	{
		font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
		color: #444;
		display: inline-block;
		margin-left: 20px; 
	}
	
	.logo-en-chat
	{
		width: 42px; 
	}
	body.chat-dashboard-railgrup .container 
	{
		padding: 0px 10px;
	}
	body.chat-dashboard-railgrup ul.breadcrumb
	{
		display: none; 
	}

	body .box {
   
    margin-bottom: 0px;
    margin-top: 15px;
	}
	.celda-logo
	{
		
		height: 40px; 
		margin-bottom:10px;
		vertical-align: middle;
	}
	.celda-nombre
	{
		vertical-align: middle;
	}


/****/


div.index_socio_main h1
{
	font-size: 36px;
	color: #9C9E9F;
	font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
	letter-spacing: -2px;
}

.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: red;
    }

    @-moz-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @-webkit-keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

    @keyframes blinker {  
     0% { opacity: 1.0; }
     50% { opacity: 0.0; }
     100% { opacity: 1.0; }
     }

#logo_placeholder img,
#foto_placeholder img

{
	max-width: 150px;
}

.logo_ img
{
	max-width: 310px;
}

.zona_privada_warn
{
	padding: 30px;
	text-align:center;
}
.zona_privada_warn h1
{
	margin-bottom: 20px;
}
.zona_privada_warn p,
.whoiswho p,
.whoiswho p a
{
	font-size: 16px;
	line-height:20px;
}
.whoiswho h3
{
	font-size: 26px;
	line-height:30px;
	font-family:"Franklin Gothic Medium", Arial, Helvetica, sans-serif;
} 
.whoiswho h1
{	font-size: 56px;
	line-height:1;
	letter-spacing:-3px;
	
	
}

.whoiswho p.linkedin a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 15px;
	line-height:15px;
}


.whoiswho p.social img {
    width: 22px;
    display: inline-block;
    top: -1px;
    position: relative;
}
.whoiswho p.social{
	margin-bottom: 4px;
	}



body.admin-front-detalle-socio textarea
{
	width: 510px;
}
body.admin-front-detalle-socio  input[type="text"] {
    font-size: 16px;
    color: #000;
    font-family: "Myriad", "Myriad Web", Open sans, Trebuchet MS, sans-serif;	
}
body.admin-front-detalle-socio 
{
	color: #036;
}


.bloque_fotos
{
	padding: 20px 0px; 
	border-bottom:1px #CCCCCC solid; 
}

.foto_director_placeholder img,
.foto_marketing_placeholder img 
{
	max-width: 510px;
}

span.badge.badge-info
{
	color:#E74A2A; 
	font-family: sans-serif;
	font-weight: bold;
	font-size: 12px;
}

.sin_leer img
{
	width: 15px;
}


body.ficha-socio div.logo_
{
	/*text-align:center;
	margin: 20px auto;
	max-width: 190px;
	*/
	
	
}



body.ficha-socio div.main h3
{
	margin-bottom: 10px;
}

body.contact div.left img
{
	max-width: 100%;
}


div.foto_director img 
{
	max-width: 300px; 

}


._oculto

{
	display: none; 
}
.direccion
{
	color: gray;
    font-size: 13px;
}

.banner6 img
{
	max-width: 100%;
}


div.izquierda_del_slider
{
	width: 200px; 
	height:200px;
	border:1px red solid;
	float:left; 

}

/* XAVI EMPIEZA CSS AQUI */ 

.formato6 .texto
{
	max-width: 960px; 
	margin: 0 auto;
	padding: 0px 10px;

}


body.accesibilitat h1
{
	font-size: 32px;
	margin: 20px 0px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;

}

body.accesibilitat h2
{
	font-size: 22px;
	margin: 20px 0px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;

}

body.accesibilitat h3
{
	font-size: 18px;
	margin: 20px 0px;
	font-weight: 500;
	font-family: 'Open Sans', sans-serif;

}

.block_dossier_presa
{
	width: 70%;
	margin: 40px auto 40px;
}

.block_dossier_presa .item 
{
	display: flex;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    background-repeat: no-repeat;
  
    background-size: cover;
    background-position-y: center;
}

.block_dossier_presa  .item a h2
{
	color: white!important; 
	font-size:24px!important;
	text-shadow: #000 1px 0 10px!important;
}

.col-sm-6
{
	width: 49%;
}


@media only screen 
and (min-width : 200px) 
and (max-width : 668px)
{
	.col-sm-6
	{
	width: 100%;
	}
	.block_dossier_presa
	{
		width: 100%;
	}
}



/* new css cambios 2025 **/ 

.subfooter_departament 
{
	width: 75%;
	margin: 0 auto; 
	
	padding: 20px 0px; 
}
.subfooter_departament p 
{
	color: white; 
}

a.white-link:hover
{
	color: white!important; 
	text-decoration: underline;
}

.footer p ,
.footer a{
   
	font-size: 14px; 
	line-height: 1.5;
}

.home_posicion_5
{
	margin-top: 0px; 
	margin-bottom: 0px;
}


.footer_wrap
{

padding-top: 60px;
    padding-bottom: 60px;
}



.cms_main.formato1
{
	max-width: 1075px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 20px;
}

.cms_main .texto p a 
{
	font-size: inherit!important;
	color: black; 
	text-decoration: underline; 
	
}

.cms_main .texto p
{
	line-height: 1.3;
}

.row-fluid.formato2 
{
	padding-top:1px;	
}

/* cambios en los formatos de fotos */ 

@media ( min-width: 1099px)
{

	div.cms_main.formato2 .foto_arriba
	{
		height: 360px;	
		overflow: hidden;
	}
	
	div.cms_main.formato2 .foto_arriba img
	{
	width: -webkit-fill-available;
		        width: 100%;
        height: 100%;
        object-fit: cover;
	}
	
	div.cms_main h1 {
    font-size: 44px;
		margin-bottom: 25px;
		color:#BB271A;
	}
	
}

.formato2 .texto img
{
	  width: 100%;
    height: auto;
}


@media ( min-width: 699px) /* real breakpoint hamburguer menu */ 
{
	
	li.item-menu,
	li.item_menu
	{
		position: relative;
		
	}
	div.menu ul.sub_menu,
	#sub_menu_observatori.sub_menu,
	#sub_menu_transparencia.sub_menu
	{
		position: absolute; 
		width: auto; 
		top:25px;
		left: 10px;
		min-width: 150px;
	}
	
	
	


}
	


#header-cosultoria { display:none; }


div.adjuntos
{
	margin:40px 0px;
}

div.adjuntos h2
{
	margin-bottom: 16px;
}

.cms_main h2,
.cms_main h3,
.cms_main h4
{
	margin-bottom: 14px;
}




.contenedor-cim
{
	min-height: 400px; 
}


@media ( min-width: 989px) 
{

	page-wrapper {

		min-height: 900px;
	}
	.mapa_front_wrapper
	{
		/*
		width: 60%;
		margin: 0 auto; 
		*/ 
		
	}

}


body > div.page > div.header.relative > div > ul.no_mobile > li.item-menu.item_menu > a,
body > div.page > div.header.relative > div > ul.no_mobile > li.item-menu-mov.item_menu > a,
#item-menu-observatori > a
{
	color: white; 
}