﻿
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
color:#000000 !important;
}

 .premenu { 
     display: none;}


@media all and (min-width: 993px) {
 .premenu { 
            display: inherit;
            text-align: center;
            font-size: 14px!important;
            font-family: 'Roboto', sans-serif!important;
            font-weight: 300!important;
            clear: both;
            width: 100%;
            background-color: #F8F6F2;
            color: rgba(50,50,50,1.00);
            padding:0;
            }
        .premenu a {color: black; text-decoration: none; font-size: 14px!important;
}
        .premenu a strong {font-size: 14px!important;}
}


/*URL del artículo: http://www.ejemplode.com/18-css/1900-modificar_el_widget_de_twitter.html
Nota completa: Modificar el widget de twitter*/

/*menu*/
@media all and (min-width: 980px) {
	
.texthome { display: none !important }
.logohome { display: inherit !important }
}

@media all and (max-width: 979px) {
.texthome { display: inherit !important }
.logohome { display: none !important }
#logo { display: inherit }
}

/*iframe*/
.urlvideo { position: relative; }
.urlvideo .ratio { display: block; width: 100%; height: auto; }
img.foto { width: 100% !important }
.urlvideo .contslider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*generals*/
.nosang {margin-right:-20px}
.spai20 { margin-top: 20px; float: none; clear: both }
.spai40 { margin-top: 40px; float: none; clear: both }
.spai60 { margin-top: 60px; float: none; clear: both }
.spai100 { margin-top: 100px; float: none; clear: both }
p.texticones { line-height:2em}

/*documents*/
.conticon 		{ width:20%; text-align:center; float:left; background:#FFFFFF}
.conticon img 	{ width:71px; height:auto; text-align:center; margin:10px auto}
.interiordocs 	{ width:100%; min-height:130px; float:none; clear:both}

@media all and (max-width: 800px) {
.conticon 		{ width:20%; text-align:center; float:left; background:#FFFFFF}
.conticon img 	{ width:60px; height:auto; text-align:center; margin:10px auto}}
@media all and (max-width: 500px) {
.conticon 		{ width:20%; text-align:center; float:left; background:#FFFFFF; }
.conticon img 	{ width:30px; height:auto; text-align:center; margin:10px auto}}


/*projectes*/
.titolesquerra 		{ display:table-cell; 	width:10% !important; vertical-align:middle; float:left}
.titolproj 			{ display:table-cell;	width:78% !important; vertical-align:middle; float:left;  text-align:center !important}
.titolproj h2 		{ text-align:center !important}
.titoldreta	 		{ display:table-cell; 	width:10% !important; vertical-align:middle; float:right; text-align:right !important}


@media all and (max-width: 800px) {
.titolproj h2 		{ }
}
@media all and (max-width: 500px) {
.titolproj h2 		{ }
}


.printer		{width:16px !important; margin-right:10px;  }
.imgoriginal-e 	{ float:left;width:27px !important;  margin-top:10px; margin-left:10px }
.imgoriginal-d 	{ float:right;width:27px !important; margin-top:10px; margin-right:10px  }
.imgicon 		{float:left; margin-right:10px; width:27px !important; }
.imgicon-d 		{float:right; margin-left:10px}

.vistaVR    {text-align:right !important; padding-top:40px }

input[type="checkbox"]		{display: none; }
input[type="checkbox"] + a	{display: inline-block;width: 8px;height: 8px;background: none; border:#4f4f4f 1px solid; border-radius:4px}
input[type="checkbox"] + a:hover	{background: #4f4f4f}
input[type="checkbox"] + a:active	{background: #4f4f4f}
input[type="checkbox"] + a.vista	{background: #4f4f4f}




/*Mansonry*/
#spgrid, .grid-sizer, .grid-item  { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#spgrid { max-width: 100%; }
.not_data { text-transform:uppercase; }
/* clearfix */
#spgrid:after { content: ''; display: block; clear: both; padding-bottom: 150px  }

/* ---- grid-item ---- */
.grid-item { float: left; }
.grid-sizer, .grid-item { width: 100%; border: #fff  10px solid }

.grid-item img { width: 100%; z-index: 3 }
.grid-item img:hover { opacity: 0.8; transition-duration: 1s }

@media all and (min-width: 500px) {
.grid-sizer, .grid-item { width: 50%;  }
}

@media all and (min-width: 900px) {
.grid-sizer, .grid-item { width: 25%;  }
}

<!--DOCUMENTS-->

.i4ewOd-pzNkMb-haAclf {display: none;}

/*** Estils propis ****/
.text_dreta p {}
.profile-description {text-align:left; line-height: 1.3em }
.single-service ul{margin:0; padding:0 30px;}
.single-service li{padding-bottom:10px;}
.centrat{margin:auto;} /* Per centrar el menu mentre no hi ha gaires opcions */

/*Logos del peu*/
.logos_org 		{width: 100%; text-align:center; margin-top: 10px}
.institucions, .institucions3 {width:100%; float:left; text-align: center; height:150px; } 
.institucions2 			{width:100%; float:left; text-align: center; position:relative; top:-3.5em; }
.institucions img		{width:60%;}
.institucions2 img, .institucions3 img       {width:35%;}

.colaboradors{}

@media all and (min-width: 400px) {
.logos_org 		{margin-top: 30px}
.institucions, 
.institucions2 			{width:50%; float:left; margin-top:-0.5em;}
.instutucions3			{width:100%; float:left; }
.institucions img 		{width:60%;}
.institucions2 img, .institucions3 img      {width:25%;}
	
.estand {margin-top: 9em;}
}
	
@media all and (min-width: 800px) {
.logos_org 		{}
.institucions, .institucions2, .institucions3 			{width:20%; float: left;  height:auto;}
.institucions2{ margin-top:-1em; top:0; margin-bottom:1em;}
.institucions img, .institucions3 img 		{width:50%;}
.institucions2 img      {width:25%;}
.estand{margin-top: 9em;}
}




/** SECTIONS STRUCT */

.ext_news_share { margin-bottom: 10px;  font-weight: 700; }
/** EXTENDED NEWS */

.extended_news { width: 100% }
.ext_news_item { text-align: left; width: 100%; margin: 10px 0 }
.ext_news_info { }
.titol_pres {font-size: 1.3em!important  }
.titolnew { font-size: 2.5em; text-transform: uppercase   }
.entradeta {  }
.botons { width: 100%; clear: both; float: none; margin: 10px 0 }
.botons .col1 { float: left; width: 65% }
.botons .col2 { float: right; width: 29%; text-align: right }
.ext_news_media { position: relative; width: 100%; overflow: hidden; clear: both; /*background: #E6E6E6;*/ margin: 30px 0 }
.imatge {}
#imatge_detall_prensa a img { width: 70% !important }
.ext_news_media_type { position: absolute; top: 0; right: 0; z-index: 3; width: 30%; }
.ext_news_media_type a { display: block; margin-bottom: 0px; padding: 8px 8px; color: #FFF !important; background: #000; font-weight: 700; }
.ext_news_media_type a.active { color: #FFF; background:#8B8B8B; }
.ext_news_media_type ul { margin: 5px 0; padding: 0; list-style: none; font-weight: 700; border-top: 1px solid #BCBCBC; }
.ext_news_media_type ul li { padding: 15px 0px; border-bottom: 1px solid #3d3b42; }
.ext_news_media_type ul li a { display: inline; padding: 0; color: #3d3b42; background: none; }
.ext_news_media_nav { position: absolute; right: 15px; top: 80px; z-index: 4; }

	
.ext_news_media_nav a, .media_nav a { display: block; width: 40px; height: 40px; float: left; margin-left: 2px; background-color:#000; }
.ext_news_media_nav a:hover, .ext_news_media_nav a.active, .media_nav a:hover, .media_nav a.active { background-color: #8B8B8B; text-decoration: none; }

.ext_news_media_bottom { clear: both; font-style: italic; width: 70%; height: 25px; overflow: hidden; padding: 10px; }
.ext_news_body_left { float: left; width: 70%; text-align: left; }
.ext_news_body_left a { text-decoration: underline; }
.ext_news_body_left p { margin: 5px 30px 5px 0 !important }
.ext_news_body_right { float: right; width: 30%; }
.ext_news_body_right h3 {  margin: 0 0 0 20px !important }
.ext_news_body_right ul { margin: 5px 0 100px 0; padding: 0; list-style: none;  font-weight: 700; border-top: 1px solid #BCBCBC; }
.ext_news_body_right ul li { padding: 15px 0px; border-bottom: 1px solid #BCBCBC; }
.ext_news_body_right ul li a { color: #A5A5A5; }

@media all and (max-width: 600px) {
.ext_news_body_left { float: none; width: 100%; text-align: left; }
.ext_news_body_right { display: none }
}
/*.ext_news_media_inverse { position: relative; height: 291px; clear: both; background: #E6E6E6; }
.ext_news_media .video { margin: 10px 0px; }
.ext_news_media object, .ext_news_media embed { width: 463px; height: 246px; width: 100% }
.ext_news_media_right {position:absolute; top:0; right:0; z-index:2; width:252px; height:246px; background:url(../_img/bg_ext_news_media.gif) no-repeat 0 0;}

.ext_news_body_left a { text-decoration: underline; }
*/

/** GALERIA D'IMATGES */
.entradeta { text-align: left; padding: 5px; font-size: 1.2em }
.entradeta .datalloc { text-transform: uppercase; font-weight: 700 }
.entradeta .titlenot {  }
.entradeta .image_gallery_desc { padding: 5px 0 }
.grid-item { }
.grid-item img {border-top: #000 10px solid }

.grid-item .text_icon { width: 20px!important }
.grid-item .image_gallery_item_foot { text-align: left; padding: 5px 0 }
.grid-item .image_gallery_item_foot .image_gallery_text { margin: 0 }
.grid-item .image_gallery_item_foot .image_gallery_down { text-transform: uppercase; font-weight: 700; margin: 10px 0 40px 0 }
.grid-item .image_gallery_item_foot .image_gallery_down img { border: none }
.lupa { display: none }
.text_icon { vertical-align: middle }

.margintop50 {margin-top: 50px}
	
	
.top-header .xarxes-socials .face {
    background-image: url(../../filbuenosaires/catala/img/g-facebook.png);
    background-repeat: no-repeat;
}
.top-header .xarxes-socials .face:hover {
    background-image: url(../../filbuenosaires/catala/img/n-facebook.png);
    background-repeat: no-repeat;
}
.top-header .xarxes-socials .insta {
    background-image: url(../../filbuenosaires/catala/img/g-instagram.png);
    background-repeat: no-repeat;
}
.top-header .xarxes-socials .insta:hover {
    background-image: url(../../filbuenosaires/catala/img/n-instagram.png);
    background-repeat: no-repeat;
}
.top-header .xarxes-socials .tw {
    background-image: url(../../filbuenosaires/catala/img/g-twitter.png);
    background-repeat: no-repeat;
}
.top-header .xarxes-socials .tw:hover {
    background-image: url(../../filbuenosaires/catala/img/n-twitter.png);
    background-repeat: no-repeat;
}


.bottom-footer .xarxes-socials .face {
    background-image: url(../../filbuenosaires/catala/img/g-facebook.png);
    background-repeat: no-repeat;
}
.bottom-footer .xarxes-socials .face:hover,.bottom-footer .xarxes-socials .face:focus {
    background-image: url(../../filbuenosaires/catala/img/n-facebook.png);
    background-repeat: no-repeat;
}
.bottom-footer .xarxes-socials .insta {
    background-image: url(../../filbuenosaires/catala/img/g-instagram.png);
    background-repeat: no-repeat;
}
.bottom-footer .xarxes-socials .insta:hover, .bottom-footer .xarxes-socials .insta:focus {
    background-image: url(../../filbuenosaires/catala/img/n-instagram.png);
    background-repeat: no-repeat;
}
.bottom-footer .xarxes-socials .tw {
    background-image: url(../../filbuenosaires/catala/img/g-twitter.png);
    background-repeat: no-repeat;
}
.bottom-footer .xarxes-socials .tw:hover, .bottom-footer .xarxes-socials .tw:focus {
    background-image: url(../../filbuenosaires/catala/img/n-twitter.png);
    background-repeat: no-repeat;
}

.capcalera { height: 120px; background-image: url(../../filbuenosaires/catala/css/blindwiki_banner.jpg); background-repeat: no-repeat; background-position: top; background-size: cover }


@media all and (max-width: 766px) {
.capcalera { height:60px;  }
}
.trencafloat {float: none!important; clear: both!important;}
.negreta{font-weight: bold;}