/* IRL Styles */ /** Tag Redefinition */ body {margin:0; padding:0; text-align:center; font-family: 'Open Sans', sans-serif; font-size:0.8em; line-height:1.2em; background: #C9C9C9;} a:link, a:active, a:visited {color:#000; text-decoration:none;} a:hover {color:#9B651F; text-decoration:underline;} h1, h2, h3, h4, p, form {margin:0; padding:0; font-size:inherit;} img {margin:0; border:none;} hr {overflow:hidden; margin:3px 0 3px 0; border-top:1px solid #A5A5A5} .at4-icon span { display:none} .convocatories_block_right p img { margin-right:10px} /** Addthis**/ .botons{ width:100%; clear:both; margin:10px 0 10px 0} .botons .col1 {float:left; width:70% } .botons .col2 {float:left; width:29% } /** Addthis**/ .boto_amagat {display:none} /** align icon*/ .text_icon { vertical-align:sub; margin-right:5px} /** align icon*/ /** generic*/ .subtitle{ font-size:1.5em; line-height:1.3em;} .margin_bottom { margin-bottom:10px} .margin_top_bottom { margin:10px 0 10px 0} .espai { height:100px} .clear { clear:both} .banner_blanc {float:left; position:relative; width:228px; height:333px; margin-bottom:10px; margin-right:9px; background:#E7E7E7;} .banner_blanc2 {float:right; position:relative; width:226px; height:333px; margin-bottom:10px; background:#E7E7E7;} .interblock { float:inherit; width:9px; height:333px} .blanc {color:#FFF} .entermini { margin:10px 0 0 15px; font-family: 'Open Sans', sans-serif; color:#51A127; font-weight:bold} .foratermini { margin:10px 0 0 15px; font-family: 'Open Sans', sans-serif; color:#FC7217; font-weight:bold} .timeline { } /** generic*/ .lupa { position:absolute; top:10px; left:10px; z-index:999 } /** transfer**/ .index_area { font-size:1.2em; line-height:1.3em; font-family: 'Open Sans', sans-serif; font-style:italic;} .index_titols { font-size:1.1em; line-height:1.2em; font-style:italic;} .index_titols_cat a { font-size:1.1em; line-height:1.2em; font-style:italic; color:#FC7217 !important} .index_autors { font-size:1em; line-height:1.1em; font-weight:bold; } .galeria_trans { background-color: #EFEFEF; padding:10px} .galeria_trans h2 { text-align:right} .picture_trans { float:left; position:relative; width:250px; margin:0 40px 40px 0} .picture_trans .lupa { position:absolute; top:10px; left:10px; z-index:999 } .picture_trans img { width:100% } .peu_foto2 { margin-top:7px; font-size:0.85em; line-height:1em; font-style:italic; width:250px;} .transfer_journal { padding:10px; margin-bottom:15px; background:#EBEBEB; text-align:left; } .autor_llibre { font-size: 1.3em; line-height:1.2em; font-family: 'Open Sans', sans-serif; font-style:italic;} /** transfer**/ /** Imatges amb javascript**/ #imatge_detall_prensa{width:463px; height:261px; overflow:hidden;} #imatge_detall_catsound{width:463px; height:291px; overflow:hidden;} .intro_home {padding-bottom:10px} /** Basic Struct Elements */ #wrapper {position:relative; width:960px; margin:0 auto; background:#FFF; text-align:left;} #top_opts { overflow:hidden; color:#A7A7A7; background:#000 } #top_opts p {margin:0; padding:0;} #top_opts a {padding:0px 4px; color:#A7A7A7;} #top_opts a:hover {text-decoration:underline;} .top_opts_left {float:left; width:67%; font-size:1.1em; } .top_opts_left .taronja { float:left; padding:9px; background:#FC7217 !important; } .top_opts_left .taronja a {color:#FFF!important} .top_opts_left .negre { float:left; padding:9px 9px;} .top_opts_left img {margin:-8px 6px -5px -2px} .top_opts_left .idiomes{ float:right; text-align:right; padding-left:20px} .top_opts_left .idiomes .active{ text-decoration:underline; font-weight:bold} .top_opts_right {float:right; width:32%; text-align:right; padding:6px 6px 0 0; background:#000;} .top_opts_right label {padding:0px 4px;} .top_opts_right form {float:right; margin-left:10px;} .top_opts_right form input {margin-left:5px; border:1px solid #A5A5A5; color:#A7A7A7; background:#000 /*url(../_img/lupa.png) no-repeat 97% center*/; vertical-align:middle;} /** TOP NAVIGATION */ #top_nav {overflow:hidden; padding:0; background:#CBCBCB; font-size:1.2em;} #top_nav ul {width:942px; overflow:hidden; margin:0; padding:0; list-style:none; text-transform:uppercase;} #top_nav ul li {float:left; margin-left:-1px; padding:0;} #top_nav ul li:first-child a {padding:7px 10px 7px 15px;} #top_nav ul li a {display:block; padding:7px 6px; background:url(../_img/bg_menu_item.gif) no-repeat right center;} #top_nav ul li.active {background:#21B8ED;} #top_nav ul li.active a{background-image:none;} #top_nav ul li:last-child {} #top_nav ul li:last-child a {border-right:none;} #top_nav ul li#tn0.active {background:#999;} #top_nav ul li#tn1.active {background:#FB7216;} #top_nav ul li#tn2.active {background:#53DAC1;} #top_nav ul li#tn3.active {background:#E43385;} #top_nav ul li#tn4.active {background:#51A127;} #top_nav ul li#tn5.active {background:#9C69C7;} #top_nav ul li#tn6.active {background:#21B8ED;} #top_nav ul li#tn0.active a:hover, #top_nav ul li#tn1.active a:hover, #top_nav ul li#tn2.active a:hover, #top_nav ul li#tn3.active a:hover, #top_nav ul li#tn4.active a:hover, #top_nav ul li#tn5.active a:hover, #top_nav ul li#tn6.active a:hover {color:#FFF; text-decoration:none;} #top_nav ul li#tn0 a:hover {background:#999;} #top_nav ul li#tn1 a:hover {background:#FB7216;} #top_nav ul li#tn2 a:hover {background:#53DAC1;} #top_nav ul li#tn3 a:hover {background:#E43385;} #top_nav ul li#tn4 a:hover {background:#51A127;} #top_nav ul li#tn5 a:hover {background:#9C69C7;} #top_nav ul li#tn6 a:hover {background:#21B8ED;} #top_nav ul li#tn0 a:hover, #top_nav ul li#tn1 a:hover, #top_nav ul li a:hover, #top_nav ul li a:hover, #top_nav ul li a:hover, #top_nav ul li a:hover, #top_nav ul li a:hover {color:#FFF; text-decoration:none;} /** TOP NAVIGATION - Colors By Section */ .c_actualitat #top_nav ul li.active {background:#21B8ED;} .c_subvencions #top_nav ul li.active {background:#51A127;} .c_cultura #top_nav ul li.active {background:#53DAC1;} .c_quiesqui #top_nav ul li.active {background:#E53A7E;} .c_quisom #top_nav ul li.active {background:#FC7217;} .c_aprendre #top_nav ul li.active {background:#9C69C7;} /** LINKS By Section */ .c_actualitat .news_list_item_title a:hover {color:#21B8ED;} /** TOP HEADER - Image */ .top_header_right .home_news .title_black {display:none} #top_header {position:relative; clear:both; overflow:hidden; margin-bottom:0px;} /*aqui posava margin-bottom:8px*/ #top_header a.link_header {display:block; width:200px; height:40px; position:absolute; left:18px; top:20px;} #top_header.oficines {position:relative; margin:0px; line-height:0;} #top_header.oficines p {position:absolute; left:15px; bottom:15px; width:200px; padding:20px 0px; border-top:1px solid #FC7217; border-bottom:1px solid #FC7217; font-size:1.875em; font-weight:700; color:#FC7217; text-transform:uppercase;} #top_header h1 {margin:0; padding:0; line-height:0;} .top_header_left {float:left; margin-right:3px} .top_header_right {float:right;} .top_header_left img, .top_header_right img {line-height:0;} .top_header_right .home_news {width:703px; margin-bottom:0;} .top_header_right2 {float:right; line-height:0; width:700px; margin-bottom:0; overflow:hidden} /** Slideshow */ #slideshow_office {position:relative; width:702px; height:342px; overflow:hidden;} #slideshow {position:relative; width:702px; height:288px; overflow:hidden;} #slideshow div {position:absolute; top:0; right:0; z-index:8;} #slideshow div.active {z-index:10;} #slideshow div.last-active {z-index:9;} .home_content_left #slideshow div, .top_header_right#slideshow div {width:702px;} .cultura { clear: both; margin: 9px 0 0 0; } .home_col1 { width: 703px; float: left; margin-right: 9px; position: relative; z-index: 100; height: 288px; overflow: hidden } .home_col1 .info { width: 703px; float: left; position: absolute; top: 0; left: 0; z-index: 200; } .top_header_right .info { width: 703px; float: left; position: absolute; top: 0; left: 0; z-index: 200; } .home_col2 { width: 226px; float: right } .home_col2 img { margin-top: 9px } .cultura_catalana {width: 703px; float: left; height: 288px; position: relative; z-index:100; overflow: hidden } .cultura_catalana_office {width: 703px; float: left; height: 342px; position: relative; z-index:100; overflow: hidden } .cultura_catalana .info, .cultura_catalana_office .info {width: 703px; float: left; position: absolute; top: 0; left: 0; z-index:200; overflow: hidden } /** Oficines HOME */ .home_office { width: 228px; } .home_office ul { margin: 0; padding: 0; list-style: none; } .home_office ul li { margin-bottom: 9px } .home_office ul li a { display: block; height: 45px; padding: 26px 0 0 25px; color: #FFF; background-color: #FC7217; font-size: 2.5em; } .home_office ul li a:hover { color: #8CACBB; background-color: #000; } /** SECTIONS NAVIGATION */ .section_nav {margin-top:0px; overflow:hidden; background:#CBCBCB; font-size:1.1em;} /*aqui posava margin-top:-12px*/ .section_nav ul {margin:0; padding:0; list-style:none;} .section_nav ul li {float:left; border-right:1px solid #DDD;} .section_nav ul li.active {} .section_nav ul li a {display:block; padding:8px 8px 7px 8px;} .section_nav ul li a:hover {text-decoration:none;} .section_nav ul li.active a {font-weight:700;} .section_nav ul li.active a:hover {} .section_nav ul li:last-child a {border-right:none;} /** SECTIONS NAVIGATION - Colors by Section (hover) */ .c_actualitat .section_nav ul li.active a, .c_actualitat .section_nav ul li a:hover {color:#000; background:#21B8ED;} .c_subvencions .section_nav ul li.active a, .c_subvencions .section_nav ul li a:hover {color:#000; background:#51A127;} .c_cultura .section_nav ul li.active a, .c_cultura .section_nav ul li a:hover {color:#000; background:#53DAC1;} .c_quiesqui .section_nav ul li.active a, .c_quiesqui .section_nav ul li a:hover {color:#000; background:#E53A7E;} .c_quisom .section_nav ul li.active a, .c_quisom .section_nav ul li a:hover {color:#000; background:#FC7217;} .c_aprendre .section_nav ul li.active a, .c_aprendre .section_nav ul li a:hover {color:#000; background:#9C69C7;} /** SECTIONS NAVIGATION - Colors by Section (active hover) */ .c_actualitat .section_nav ul li.active a:hover, .c_subvencions .section_nav ul li.active a:hover, .c_cultura .section_nav ul li.active a:hover, .c_quiesqui .section_nav ul li.active a:hover, .c_quisom .section_nav ul li.active a:hover, .c_aprendre .section_nav ul li.active a:hover {color:#000;} /** LINKS by SECTION */ .c_actualitat .section_content_left a, .c_actualitat a:hover {color:#21B8ED;} .c_subvencions .section_content_left a, .c_subvencions a:hover {color:#51A127;} .c_cultura .section_content_left a, .c_cultura a:hover {color:#53DAC1;} .c_quiesqui .section_content_left a, .c_quiesqui a:hover {color:#E53A7E;} .c_quisom .section_content_left a, .c_quisom a:hover {color:#FC7217;} .c_aprendre .section_content_left a, .c_aprendre a:hover {color:#9C69C7;} /** GLOBAL STYLES */ h1 {margin:15px 0px; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:2em; line-height:1.2em;} h2 {margin:15px 0px; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.5em; line-height:1.2em;} h3 {margin:10px 0px; font-size:1.2em;} h4 {margin:10px 0px; font-size:0.85em;} .destacat {margin:10px 0px; padding:10px 0px; border-top:1px solid #BCBCBC; border-bottom:1px solid #BCBCBC; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.25em; line-height:1.4em;} .destacat h3 {margin:0; padding:0; font-weight:normal;} p {margin:10px 0px;} .date {margin-bottom:0px; font-size:0.85em; font-weight:700; text-transform:uppercase} .image {margin:10px 0px;} .image_left {float:left; margin-right:15px;} .image_right {float:right; margin-right:15px;} .foot_image {clear:both; margin:4px 0px 15px 0px; font-size:0.75em; font-style:italic;} /** HEADERS by SECTION */ .c_actualitat h1, .c_actualitat h2 {color:#21B8ED;} .c_subvencions h1, .c_subvencions h2 {color:#51A127;} .c_cultura h1, .c_cultura h2 {color:#53DAC1;} .c_quiesqui h1, .c_quiesqui h2 {color:#E53A7E;} .c_quisom h1, .c_quisom h2 {color:#FC7217;} .c_aprendre h1, .c_aprendre h2 {color:#9C69C7;} /** SECTIONS TITLE & DESC */ .section_body {margin:-10px 0 15px 0; line-height:1.2em;} /** FLOATING BLOCKS */ .blocks {width:950px;} .block {position:relative; width:228px; height:332px; float:left; margin:0px 9px 9px 0px; background:#E7E7E7; overflow:hidden;} /** STRUCT */ #content {width:940px; margin-left:10px; overflow:hidden;} #social {position:absolute; right:-33px; top:50px; width:40px; padding:10px 0px; overflow:hidden; background:#FFF;} #social a:hover {padding-right:4px; border-right:3px solid #A7A7A7;} #social .twitter, #social .facebook, #social .spotify, #social .flickr, #social .rss, #social .youtube, #social .googleplus, #social .instagram, #social .linkedin {display:block; width:30px; height:30px; margin-bottom:7px;} #social .twitter {background:url(../_img/icor_twitter.gif) no-repeat 0 center;} #social .facebook {background:url(../_img/icor_facebook.gif) no-repeat 0 center;} #social .spotify {background:url(../_img/icor_spotify.gif) no-repeat 0 center;} #social .flickr {background:url(../_img/icor_flickr.gif) no-repeat 0 center;} #social .rss {background:url(../_img/icor_rss.gif) no-repeat 0 center;} #social .instagram {background:url(../_img/logo_instagram_mini.png) no-repeat 0 center;} #social .googleplus {background: url(../_img/logo_google_plus_mini.png) no-repeat 0 center;} #social .youtube {background:url(../_img/icor_youtube.gif) no-repeat 0 center;} #social .linkedin {margin:0; background:url(../_img/logo_linkedin.png) no-repeat 0 center;} /** Home Blocks */ .home_blocks {margin-top:9px; float:none; width:950px; overflow:hidden;} .home_block {float:left; width:228px; height:44px; position:relative; margin-right:9px;overflow:hidden; margin-bottom:0px} .home_block img {margin:0;} .home_block h3 {margin:0;} /** Home Blocks */ .home_content {clear:both; margin:10px 0px 0px 0px;} .home_content {} .home_content_left {float:right; width:702px;} .home_content_left #slideshow {/*margin-bottom:10px;*/} .home_content_right {float:left; width:228px;} .home_content_left #slideshow {width:702px;} .home_content_left #slideshow img {width:702px;} /** Home News */ .home_news_special {clear:both; overflow:hidden; width:702px; } .home_news {clear:both; overflow:hidden; /*margin-bottom:10px;*/ width:703px;} .home_news1, .home_news2, .home_news3, .home_news4 {float:left; width:228px; /*background:#E7E7E7;*/ text-align:center;} .home_news4 {width:465px; margin-right:9px;} .home_news4 .home_news_info, .home_news .home_news4 h2 {width:430px;} .home_news4 .home_news_share {width:100%;} .home_news_vertical {height:381px; width:702px; padding:10px 0px; /*background:#E7E7E7;*/ text-align:left; overflow:hidden;} .home_news_vertical .col_img {float:left; height:370px; width:490; padding:0 0 0 0; } .home_news_vertical .home_news_img {margin:0px 10px 10px 0; height:265px !important; overflow:hidden } .home_news_vertical .home_news_peu {text-align:left; font-size:0.75em; font-style:italic; width:443px; height:20px; padding:5px 10px 0 0; } .home_news_vertical .col_txt { float:left; height:350px; width:225px; padding:10px 10px 10px 0 } .home_news_vertical .date {width:auto; margin:0; padding:0; text-align:left;} .home_news .home_news_vertical h2 {width:auto; height:auto; margin:0 20px; border:0; font-size:1.8em; } .home_news .home_news_vertical p {width:auto; height:auto; margin:0 20px; border:0; text-align:left;} .home_news_vertical .home_news_share {clear:both; width:100%; padding-top:5px; border-top:1px solid #A6A6A6; white-space:nowrap} .home_news1 {margin-right:9px;} .home_news2 {} .home_news3 {float:right;} .home_news_info {width:190px; height:30px; margin:0 1px; padding:20px 0 5px 0; text-align:left; font-size:0.75em; line-height:1.5em; text-transform:uppercase; font-weight:700;} .home_news_img {height:120px; overflow:hidden;} .home_news_text{margin-bottom:10px} .home_news4 .block_h {height:230px !important;} .home_news .block_h {height:180px !important;} .home_news h2 {width:190px; /*height:165px;*/padding:20px 0px 10px 0px; margin:0 auto 5px 1px; text-align:left; font-family: 'Open Sans', sans-serif, serif; } .home_news_title span {display:block; margin:5px 0px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; line-height:1.3em;} .home_news_share {width:100%; margin: auto; padding:10px 0 10px 0; text-align:right; font-size:0.85em; font-weight:700; border-top:1px solid #A6A6A6; white-space:nowrap } .home_news_share img {vertical-align:middle;} .home_news_share a {margin:0; padding:0; vertical-align:middle;} .home_news_share a.addthis_button {margin:0; padding:0;} .home_news_share a.addthis_button * {margin-top:-5px;} /** Home Links */ .home_links { float:none; overflow:visible; clear:both} .home_links1, .home_links2, .home_links3 {float:left; width:228px; } .home_links1 {margin-right:9px; background-color:#8CACBB;} .home_links2 {} .home_links3 {float:right;} .home_links ul {margin:0; padding:0; list-style:none;} .home_links ul li {position:relative; z-index:500;} .home_links ul li a {display:block; padding:15px 9px; color:#676767; background-color:#D2D2D2; font-size:1.3em; font-weight:700;} .home_links ul li a.down {background:#D2D2D2 url(../_img/arrow_down.png) no-repeat 94% center;} .home_links ul li a.right {background:#D2D2D2 url(../_img/arrow_right.png) no-repeat 94% center;} .home_links ul ul {display:none; position:absolute; top:43px; left:0; right:0; background:#D2D2D2; text-align:center;} .home_links ul ul li {float:left; width:100%;} .home_links ul ul li a {width:88%; margin:0 auto; padding:6px 0px; color:#000; background:none; font-size:0.750em; font-weight:normal; text-align:left; border-bottom:1px solid #000; font-size:0.85em; overflow:hidden; font-weight:700;} .home_links ul.expandable li a:hover {text-decoration:none;} .home_links ul ul li:last-child a {border:none;} .home_links ul ul li a img {float:left; margin:0px 5px 4px 0px; vertical-align:middle;} /** Home Xarxa */ .home_xarxa {margin-bottom:8px; background:#E7E7E7; text-align:center; height:328px; width:228px; overflow:hidden; padding-bottom:5px; float:right} .home_xarxa_int {width:90%; margin:0 auto; padding:8px 0px; text-align:left; font-size:0.9em; line-height:1.2em; } .home_xarxa_int .title {font-weight: normal;border-bottom:1px solid #FFF; padding:5px 0 5px 0} .home_xarxa_int .date { font-weight: bold; } /** Home Banners 4*/ .home_banners { padding-top: 9px; float: none; overflow: hidden; width: 950px; clear: both } .home_banner { float: left; width: 227px; height: 70px; margin-right: 10px; position: relative; } .home_patro_titol { clear: both; margin: 9px 0 0 0; color: #FFF; background: #444; text-align: left; display: block; font-size: 1.2em; font-weight: 700; display: block; padding: 12px 12px 8px 25px; } .home_patro_banner { padding-left: 1px; float: none; clear: both; overflow: hidden; width: 950px; background: #333; padding-bottom: 9px } /*.home_banner_patro { float: left; width: 226px; height: 70px; margin-right: 9px; margin-left: 1px; position: relative; }*/ .home_banner_patro { float: left; width: 175px; height: 70px; margin-right: 5px; margin-left: 10px; position: relative; } .home_banner_patro_china { float: left; width: 175px; height: 70px; margin-right: 5px; margin-left: 10px; position: relative; background-image: url(../_img_ban/logo_airchina_off.png); } .home_banner_patro_china:hover { background-image: url(../_img_ban/logo_airchina_on.png); } .home_banner_patro_estrella { float: left; width: 175px; height: 70px; margin-right: 5px; margin-left: 10px; position: relative; background-image: url(../_img_ban/logo_estrella_off.png); } .home_banner_patro_estrella:hover { background-image: url(../_img_ban/logo_estrella_on.png); } .home_banner_patro_resol { float: left; width: 175px; height: 70px; margin-right: 5px; margin-left: 10px; position: relative; background-image: url(../_img_ban/logo_resol_off.png); } .home_banner_patro_resol:hover { background-image: url(../_img_ban/logo_resol_on.png); } .home_banner_patro_santacole { float: left; width: 175px; height: 70px; margin-right: 3px; margin-left: 1px; position: relative; background-image: url(../_img_ban/logo_santacole_off.png); } .home_banner_patro_santacole:hover { background-image: url(../_img_ban/logo_santacole_on.png); } .home_banner_patro_lamp { float: left; width: 175px; height: 70px; margin-right: 5px; margin-left: 10px; position: relative; background-image: url(../_img_ban/logo_lamp_off.png); } .home_banner_patro_lamp:hover { background-image: url(../_img_ban/logo_lamp_on.png); width: 175px; } .home_banner_patro_schenker { float: left; width: 175px; height: 70px; margin-right: 5px; margin-left: 10px; position: relative; background-image: url(../_img_ban/logo_schenker_off.png); } .home_banner_patro_schenker:hover { background-image: url(../_img_ban/logo_schenker_on.png); width: 175px; } .home_banner_patro_fluidra { float: left; width: 175px; height: 70px; margin-right: 5px; margin-left: 10px; position: relative; background-image: url(../_img_ban/logo_fluidra_off.png); } .home_banner_patro_fluidra:hover { background-image: url(../_img_ban/logo_fluidra_on.png); width: 175px; } .home_banner_patro_sorigue { float: left; width: 175px; height: 70px; margin-right: 5px; margin-left: -3px; position: relative; background-image: url(../_img_ban/logo_sorigue_off.png); } .home_banner_patro_sorigue:hover { background-image: url(../_img_ban/logo_sorigue_on.png); width: 175px; } /** Home Offices */ .home_offices_titol { clear: both; margin: 9px 0 0 0; color: #FFF; background: #999; text-align: left; display: block; font-size: 1.2em; font-weight: 700; display: block; padding: 12px 12px 8px 25px; margin-bottom: 8px } .home_destacats_titol { clear: both; color: #FFF; background: #999; text-align: left; display: block; font-size: 1.2em; font-weight: 700; display: block; padding: 12px 12px 8px 25px; margin-bottom: 8px } .home_offices { float: none; margin-top: 19px; clear: both; margin-bottom:10px } .home_offices1, .home_offices4 { float: left; width: 228px; } .home_offices1 { margin-right: 9px; } .home_offices4 { float: right; } .home_offices ul { margin: 0; padding: 0; list-style: none; } /*titol*/ .home_offices ul li { float: none; clear: both; } .home_offices ul li a { display: block; padding: 25px 25px; color: #333; background: #E4E4E4; font-size: 1.5em; font-weight: 700; min-height: 10px; height: 10px; float: none; clear: both; } .home_offices ul li a.right { background: #E4E4E4 url(/_img/arrow_right.png) no-repeat 96% center; } .home_offices ul li a:hover { background: #C0C0C0 url(/_img/arrow_right.png) no-repeat 96% center; text-decoration: none } /*llista*/ .home_offices ul ul { display: block; background: #F0F0F0; text-align: center; } /*item llista*/ .home_offices ul ul li { float: left; width: 100%; } .home_offices ul ul li a { width: 100%; min-height: 80px; height: 80px; float: none; clear: both; margin: 0 auto; padding: 6px 0px; color: #000; background: none; font-size: 1em; font-weight: normal; text-align: left; border-bottom: 1px solid #E8E8E8; overflow: hidden; } .home_offices ul.noexpan li a:hover { background: #EDEDED; text-decoration: none } .home_offices ul ul li:last-child a { } .home_offices ul ul li a img { float: left; margin: 0px 5px 4px 0px; vertical-align: middle; } /*Botons destacats*/ .buttons { text-align: left; height: auto; width: 228px; } .btn { cursor: pointer; margin: 0 0 9px 0; height: 28px; text-align: left; font-size: 1.7em; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; display: inline-block; width: 220px; text-indent: 7px; padding: 11px 0 0 0 } a.qui {color: #fff; background-color: #ed8d48; border: 1px #ed8d48 solid; } a.qui:hover {color: #fff; background-color: #777; border: 1px #777 solid; text-decoration:none } a.seu { color: #ed8d48; border: 1px #ed8d48 solid; } a.seu:hover { background: url(../../_img/seu_off.png); color: #fff; background-color: #ed8d48; text-decoration:none } a.subvencions { color: #669933; border: 1px #669933 solid; } a.subvencions:hover { color: #fff; background: url(../../_img/subvencions_off.png); background-color: #669933; text-decoration:none } a.biblio { color: #e13082; border: 1px #e13082 solid; } a.biblio:hover { color: #fff; background: url(../../_img/biblio_off.png); background-color: #e13082; text-decoration:none } a.aprendre { color: #9771ab; border: 1px #9771ab solid; } a.aprendre:hover { color: #fff; background: url(../../_img/aprendre_off.png); background-color: #9771ab; text-decoration:none } a.bas { color: #e13082; border: 1px #e13082 solid; } a.bas:hover { color: #fff; background: url(../../_img/basesdades_off.png); background-color: #e13082; text-decoration:none } a.cult { color: #53DAC1; border: 1px #53DAC1 solid; } a.cult:hover { color: #fff; background: url(../../_img/cultura_off.png); background-color: #53DAC1; text-decoration:none } /** Social Blocks */ .block_twitter {margin:10px 0 10px 0;} .block_facebook {margin:10px 0 0px 0; padding:10px; border:1px solid #A6A6A6;} .block_facebook0 {margin:10px 0 0px 0;} /** Print */ .print_item { text-align:right; clear:both; margin-left:5px} .print_item a {color:#B4B4B4;} /** Bottom */ .bottom {font-size:0.9em; line-height:1.3em; color:#FFF; background:#222;} .bottom h3 {} .bottom_links {width:885px; overflow:hidden; margin:0 auto; padding-top:20px; text-align:left;} .bottom_links h3 {margin-bottom:4px; padding-bottom:5px; border-bottom:1px solid #FFF; font-size:1em;} .bottom_links ul {margin:0; padding:0; list-style:none;} .bottom_links ul li {padding:3px 0px;} .bottom_links ul li a {color:#FFF;} .bottom_links ul li a:hover {color:#FFF; text-decoration:underline;} .bl1, .bl2, .bl3, .bl4, .bl5 {float:left; width:160px; margin-right:20px;} .bl5 {float:right; width:160px; margin-right:0px;} .bl5 ul li {border-bottom:1px solid #FFF;} .bl6 {margin-top:20px;} .bl6 ul li {border-bottom:none;} .bl6 ul li {float:left; width:49%; font-size:0.8em;} .bl6 ul li img {margin-right:4px; vertical-align:middle;} .bottom_info {width:885px; overflow:hidden; margin:0 auto; padding-bottom:20px; text-align:left;} .bottom_info .bi1 {float:left; width:525px; margin:20px 20px 0px 0px; padding-top:10px; border-top:1px solid #FFF;} .bottom_info .bi1 a:link, .bottom_info .bi1 a:active, .bottom_info .bi1 a:visited {color:#EF8109;} .bottom_info .bi1 a:hover {} .bottom_info .bi1 img {margin:10px 30px 0px 0px;} .bottom_info .bi2 {float:left; width:332px; margin:20px 0px 0px 0px; padding-top:10px; border-top:1px solid #FFF;} .bottom_info .bi2 a:link, .bottom_info .bi2 a:active, .bottom_info .bi2 a:visited {color:#EF8109;} .bottom_info .bi2 a:hover {} .bottom_info .bi2 img {margin-top:10px;} .bottom_info .bi3 {float:right; width:160px;} .bottom_info .bi3 h3 {margin-bottom:4px; padding-bottom:5px; border-bottom:1px solid #FFF;} .bottom_info .bi3 ul {margin:0; padding:0; list-style:none; font-size:0.688em;} .bottom_info .bi3 ul li {padding:3px 0px; float:left; width:48%; margin-right:1.5%;} .bottom_info .bi3 ul li a {color:#FFF;} .bottom_info .bi3 ul li a img {margin-right:4px; vertical-align:middle;} .footer {width:940px; margin:0 auto; padding:15px 0px; overflow:hidden; background:#A6A6A6; font-size:0.9em;} .footer ul {margin:0; padding:0; list-style:none;} .footer ul li {float:left; margin-right:15px;} .footer_left {float:left; width:30%; padding-left:2%;} .footer_right {float:right; width:65%; padding-right:2%; text-align:right;} /** COMMON ELEMENTS - Misc */ .clear {clear:both; float:none; } .clear_separator {clear:both; float:none; margin-bottom:9px} /** COMMON ELEMENTS - Icons */ a.calendar {display:inline-block; width:13px; height:16px; margin-left:3px; background:url(../_img/ico_calendar.png) no-repeat 0 0; vertical-align:middle;} /** COMMON ELEMENTS - Title Black */ .title_black {color:#FFF; background:#000; text-align:left; display:block; font-size:1.2em; font-weight:700;} .title_black .margins {display:block; padding:8px 12px;} .title_black a, .title_gray a, .title_orange a {display:block; padding:8px 12px; color:#FFF; background:url(../_img/arrow_right.png) no-repeat 97% center; font-size:1.2em; font-weight:700;} .transparent{opacity:0.7;} .title_black span, .title_gray span, .title_orange span {display:block; padding:8px 12px; color:#FFF; font-size:1.2em; font-weight:700;} .home_content_left .title_black a, .home_content_left .title_black a, .home_content_left .title_gray a {background-position:99% center;} .title_gray {color:#FFF; background:#A6A6A6; text-align:left; display:block; font-size:1.1em; font-weight:700;} .title_gray.rss img {vertical-align:text-top; margin-right:4px;} .title_orange {color:#FFF; background:#FB7216; text-align:left;} .title_gray a:hover {color:#FFF; background-color:#000; text-decoration:none;} .title_black a:hover {color:#FFF; background-color:#A6A6A6; text-decoration:none;} /** COMMON ELEMENTS - Tags */ p.tags {line-height:1.6em; font-weight:700; border-color:#B5B5B5;} p.tags a {margin-right:8px; color:#A5A5A5;} p.tags a:hover {text-decoration:underline;} p.tags a.tag0 {font-size:0.8em; font-family: 'Oswald', sans-serif; color:#21B8ED } p.tags a.tag1 {font-size:0.9em; font-family: 'Open Sans', sans-serif, serif; color:#51A127 } p.tags a.tag2 {font-size:1.0em; font-family: 'Oswald', sans-serif; color:#53DAC1 } p.tags a.tag3 {font-size:1.1em; color:#E53A7E } p.tags a.tag4 {font-size:1.15em; color:#FC7217 } p.tags a.tag5 {font-size:1.2em; font-family: 'Oswald', sans-serif; color:#9C69C7 } p.tags a.tag6 {font-size:1.3em; font-family: 'Open Sans', sans-serif, serif; color:#21B8ED } p.tags a.tag7 {font-size:1.4em; color:#51A127 } p.tags a.tag8 {font-size:1.5em; font-family: 'Oswald', sans-serif; color:#53DAC1 } p.tags a.tag9 {font-size:1.6em; font-family: 'Open Sans', sans-serif, serif; color:#E53A7E } p.tags_link {font-size:0.875em; font-weight:700; text-align:right;} p.tags_link a {color:#A5A5A5;} p.tags_link a:hover {text-decoration:underline;} /** COMMON ELEMENTS - Paginator */ .paginator, .paginator_white {overflow:hidden; background:#E7E7E7; font-size:0.85em; font-weight:700;} .paginator_white {background:#FFF; border-bottom:1px solid #BCBCBC;} .paginator_left {float:left; width:18%; padding-left:10px;} .paginator_center {float:left; width:56%; margin-left:1%; padding:10px 0px; color:#A6A6A6; text-align:center;} .paginator_center a {color:#A6A6A6;} .paginator_center a:hover {color:#000;} .paginator_right {float:right; width:22%; padding-right:10px; text-align:right; } .paginator_right span {display:block; float:right; margin:0 5px; padding:10px 16px 10px 0px; color:#A6A6A6; background:url(../_img/pag_next.png) no-repeat right center;} a.pinit {display:block; float:left; padding:10px 0px 10px 22px; color:#A6A6A6; background:url(../_img/pag_init.png) no-repeat 0 center;} a.pback {display:block; float:right; margin:0 5px; padding:10px 0px 10px 16px; color:#A6A6A6; background:url(../_img/pag_back.png) no-repeat 0 center;} a.pnext {display:block; float:right; margin:0 5px; padding:10px 16px 10px 0px; color:#A6A6A6; background:url(../_img/pag_next.png) no-repeat right center;} a.pres {display:block; float:right; margin:0 5px; padding:10px 16px 10px 0px; color:#A6A6A6;} a.pinit:hover, a.pback:hover, a.pnext:hover {color:#000;} .paginator_right form {padding:10px 0px; color:#A6A6A6;} /** SECTIONS STRUCT */ .section_content {clear:both; overflow:hidden; margin:10px 0px;} .section_content_left {float:left; width:700px; line-height:1.4em;} .news_list {} .news_list_item {margin-bottom:10px; overflow:hidden; background:#E7E7E7; text-align:center;} .news_list_item_int {width:97%; margin:0 auto; padding:10px 0px; text-align:left;} .news_list_item_left {float:left; width:225px;} .news_list_item_opts {margin-top:0px; padding:10px 0px; overflow:hidden; border-top:1px solid #B6B6B6; font-size:0.75em; font-weight:700;} .news_list_item_opts a {color:#A6A6A6; vertical-align:middle;} .news_list_item_opts img {vertical-align:sub;} .news_list_item_share {float:left; width:70%;} .news_list_item_more {float:right; width:27%; text-align:right;} .news_list_item_more a {padding:2px 18px 2px 0px; background:url(../_img/ico_more.png) no-repeat right center;} .news_list_item_right {float:right; width:435px;} .news_list_item_right h2 {margin:6px 0px; font-weight:normal;} .news_list_item_subtitle {} .section_content_right {float:right; width:228px;} .block_search {margin-bottom:8px; padding:6px 0px 8px 0px; text-align:center; background:#A6A6A6;} .block_search p.input {} .block_search p.input input {width:92%; margin:0 auto; text-align:left; border:1px solid #FFF; color:#FFF; background:#A6A6A6 url(../_img/lupa.png) no-repeat 97% center; vertical-align:middle;} .block_search label,.block_search strong {display:block; width:92%; margin:0 auto; padding:4px 0px 0px 0px; text-align:left; font-size:0.85em; color:#FFF;} .block_search p {margin:0; padding:0;} .block_search p.date {} .block_search p.date input {width:80%; margin:0 auto; text-align:left; border:1px solid #FFF; color:#FFF; background:#A6A6A6; vertical-align:middle;} .block_search div.date {float:left; margin-left:5px;} .block_search div.date input {width:80%; margin:0 auto; text-align:left; border:1px solid #FFF; color:#FFF; background:#A6A6A6; vertical-align:middle;} .block_search p.select {} .block_search p.select select {width:80%; margin:0 auto; text-align:left; border:1px solid #FFF; color:#FFF; background:#A6A6A6; vertical-align:middle;} .block_search p.left {float:left; width:44%; margin:0 0% 0 4%; text-align:left;} .block_search p.right {float:right; width:44%; margin:0 4% 0 0%; text-align:right;} .block_search p.left input, .block_search p.right input {width:70%; vertical-align:middle; border:1px solid #FFF; color:#FFF; background:none;} .block_search p.submit {display:block; width:97%; clear:both; text-align:right;} .block_search p.submit input {margin-top:6px; color:#A2A2A2; background:#E6E6E6; border:none;} /* .section_content_right {float:right; width:228px;} .block_search {margin-bottom:8px; padding:6px 0px 8px 0px; text-align:center; background:#A6A6A6;} .block_search p.input {} .block_search p.input input {width:92%; margin:0 auto; text-align:left; border:1px solid #FFF; color:#FFF; background:#A6A6A6 url(../_img/lupa.png) no-repeat 97% center; vertical-align:middle;} .block_search label,.block_search strong {display:block; width:92%; margin:0 auto; padding:4px 0px 0px 0px; text-align:left; font-size:0.85em; color:#FFF;} .block_search p {margin:0; padding:0; text-align:left;} .block_search p.left {float:left; width:44%; margin:0 0% 0 4%; text-align:left;} .block_search p.right {float:right; width:44%; margin:0 4% 0 0%; text-align:right;} .block_search p.left input, .block_search p.right input {width:70%; vertical-align:middle; border:1px solid #FFF; color:#FFF; background:none;} .block_search p.submit {display:block; width:97%; clear:both; text-align:right;} .block_search p.submit input {margin-top:6px; color:#A2A2A2; background:#E6E6E6; border:none;}*/ /** SECTIONS STRUCT - Redefinition */ .section_content_left.left685 {float:left; width:685px;} /** Block Std */ .block_std {margin-bottom:8px; background:#E7E7E7; text-align:center; clear:both;} .block_std_int {width:90%; margin:0 auto; padding:8px 0px; text-align:left; font-size:0.9em; line-height:1.2em;} .block_std_int .element {margin:0; padding:10px 0px; border-bottom:1px solid #A6A6A6;} .block_std_int p:last-child {border-bottom:none;} /** Block Std - Links */ .block_std ul {margin:0; padding:0; list-style:none;} .block_std ul li {padding:8px 0px; border-bottom:1px solid #A5A5A5;} .block_std ul li:last-child {border-bottom:none;} .block_std ul li a {} /** EXTENDED NEWS */ .ext_news_item {margin:10px 0px;} .ext_news_share {margin-bottom:10px; font-size:0.75em; font-weight:700;} .ext_news_media {position:relative; height:291px; clear:both; background:#E6E6E6;} .csounds_detail_int .ext_news_media {position:relative; height:291px; clear:both; background:#E6E6E6;} .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;} /*.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_media_type {position:absolute; top:22px; right:15px; z-index:3; width:210px;} .ext_news_media_type a {display:block; margin-bottom:5px; padding:4px 8px; color:#FFF !important; background:#A5A5A5; font-size:1.3em; font-weight:700;} .ext_news_media_type a.active {color:#FFF; background:#000;} .ext_news_media_type ul {margin:5px 0; padding:0; list-style:none; font-size:1.2em; font-weight:700; border-top:1px solid #BCBCBC;} .ext_news_media_type ul li {padding:15px 0px; border-bottom:1px solid #BCBCBC;} .ext_news_media_type ul li a {display:inline; padding:0; color:#A5A5A5; background:none;} .ext_news_media_nav {position:absolute; right:15px; bottom:22px; z-index:4;} .ext_news_media_nav a, .media_nav a {display:block; width:17px; height:17px; float:left; margin-left:2px; background:url(../_img/nav_media_n.png) no-repeat 0 0;} .ext_news_media_nav a:hover, .ext_news_media_nav a.active, .media_nav a:hover, .media_nav a.active {background-image:url(../_img/nav_media_a.png); text-decoration:none;} .ext_news_media_bottom {clear:both; font-size:0.75em; font-style:italic; width:443px; height:20px; overflow:hidden; padding:5px 10px;} .ext_news_body_left {float:left; width:453px;} .ext_news_body_left a {color:#21B8EC; text-decoration:underline;} .ext_news_body_right {float:right; width:224px;} .ext_news_body_right ul {margin:5px 0 100px 0; padding:0; list-style:none; font-size:1.2em; 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;} /** LANDING SUBVENCIONS */ .block_home_subvencions .block {height:auto !important;} .block_home_subvencions .block .banner {height:auto !important;} .block_home_subvencions .block .banner_float {height:auto !important;} .block_home_subvencions .block .banner_float_nomargin {height:auto !important;} .block_home_subvencions .block .banner .banner_img img { width:100%; height:103px; overflow:hidden} .block_home_subvencions .block .banner .banner_desc ul { list-style:none; margin:0; padding:0;} .block_home_subvencions .block .banner .banner_desc ul li { margin:9px; } .block_home_subvencions .block .banner .banner_desc ul li img { margin-right:5px} .block_home_subvencions .block .banner .banner_desc ul li a:hover { color:#F7870B} .block_home_subvencions {overflow:hidden;} .block_home_subvencions_left {float:left; width:465px;} .block_home_subvencions_right {float:right; width:465px;} .block_subvencions, .block_home_subvencions_item {float:left; position:relative; width:228px; height:333px; margin-bottom:10px; margin-right:9px; background:#E7E7E7;} .block_subvencions.no_margin, .block_home_subvencions_item.no_margin {margin:0;} .tancat { background:url(../catala/img/tancada.png) no-repeat bottom #E7E7E7; z-index:999} .cerrado { background:url(../espanyol/img/cerrada.png) no-repeat bottom #E7E7E7; z-index:999} .closed { background:url(../english/img/closed.png) no-repeat bottom #E7E7E7; z-index:999} .block_subvencions {margin-bottom:8px;} .block_home_subvencions_item:last-child, .block_home_subvencions_item:nth-child(4), .block_home_subvencions_item:nth-child(8), .block_home_subvencions_item:nth-child(12), .block_home_subvencions_item:nth-child(16) {float:right; margin:0;} .block_home_subvencions_item a.link_over {display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:998;} .block_home_subvencions_item a.link_over:hover {background:url(../_img_colors/bg_green.gif) no-repeat 0 218px; opacity:0.4; text-decoration:none;} .block_home_subvencions_img {height:50px; background:#B0CC4A; opacity:0.8;} .block_home_subvencions_img img {opacity:0.6;} .block_home_subvencions_title {position:absolute; top:50px; right:0; left:0; height:180px; background:url(../_img_colors/bg_green.gif) no-repeat 0 bottom; text-align:center; } .block_home_subvencions_title h2 {width:86%; margin:0 auto; margin-top:20px; padding:10px 0px; text-align:left; border-top:1px solid #000; font-weight:700; font-family:Arial, Helvetica, sans-serif;} .block_home_subvencions_title h2 a:hover {color:#FFF; text-decoration:none;} .block_home_subvencions_desc {position:absolute; bottom:0px; right:0; left:0; height:90px; } .block_home_subvencions_desc p {width:86%; margin:0 auto; text-align:left; font-size:0.9em; font-weight:700;} .block_home_subvencions5, .block_home_subvencions6 {height:365px} .block_home_subvencions5 {float:left;} .block_home_subvencions6 {float:right;} .block_home_subvencions5 .title_gray, .block_home_subvencions6 .title_gray {margin:0; padding:0; height:33px;} /** Block Literatura */ .block_literatura {clear:both; margin-bottom:10px; position:relative; width:228px; height:330px; background:#E7E7E7;} .block_literatura_img {height:50px; background:#DD0067; opacity:0.8;} .block_literatura_img img {opacity:0.6;} .block_literatura_title {position:absolute; top:50px; right:0; left:0; height:180px; background:url(../_img_colors/bg_pink_bottom.gif) no-repeat 0 bottom; text-align:center;} .block_literatura_title h2 {display:block; width:86%; margin:0 auto; margin-top:20px; padding:10px 0px; text-align:left; border-top:1px solid #000; font-size:1.5em; line-height:1.1em; font-weight:700; font-family:Arial, Helvetica, sans-serif;} .block_literatura_title a {} .block_literatura_title a:hover {color:#FFF; text-decoration:none;} .block_literatura_title a span {font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.4em; line-height:1.2em;} .block_literatura_desc {position:absolute; bottom:0px; right:0; left:0; height:90px; } .block_literatura_desc p {width:86%; margin:0 auto; text-align:left; font-size:0.9em; font-weight:700;} /** Block QuiesQui */ .banner_quiesqui {clear:both; margin-bottom:10px; position:relative; width:228px; height:330px; background:#E7E7E7;} .banner_quiesqui_img {height:50px; background:#54DAC1; opacity:0.8;} .banner_quiesqui_img img {opacity:0.6;} .banner_quiesqui_title {position:absolute; top:50px; right:0; left:0; height:180px; background:url(../_img_colors/bg_blue_bottom.gif) no-repeat 0 bottom; text-align:center;} .banner_quiesqui_title p {width:86%; margin:0 auto; margin-top:20px; padding:10px 0px; text-align:left; border-top:1px solid #000; font-size:1.313em; line-height:1.1em; font-weight:700;} .banner_quiesqui_title p a:hover {color:#FFF; text-decoration:none;} .banner_quiesqui_desc {position:absolute; bottom:0px; right:0; left:0; height:90px; } .banner_quiesqui_desc p {width:86%; margin:0 auto; text-align:left; font-size:0.688em; font-weight:700;} /** LANDING CULTURA */ .block_home_cultura {overflow:hidden; clear:both;} .home_cultura_simple {float:left; width:228px; height:160px; margin-right:9px; margin-bottom:9px; position:relative; overflow:hidden; border:none;} .home_cultura_doble_ample {float:left; width:465px; height:160px; margin-right:9px; margin-bottom:9px; position:relative; overflow:hidden; border:none;} .home_cultura_doble_alt {float:left; width:228px; height:329px; margin-right:9px; margin-bottom:9px; position:relative; overflow:hidden; border:none;} .home_cultura_item_title {position:absolute; left:0; bottom:0; right:0;} .home_cultura_item_title h3 {margin:0;} .home_cultura_item_title a {display:block; padding:4px 6px; background:#FFF; opacity:0.9; font-weight:700; text-transform:uppercase;} .home_cultura_item_title a:hover {color:#FFF; background:#53DAC1; text-decoration:none;} .c_cultura .banner.quiesqui {height:329px;} /** EXTENDED NEWS - Cultura */ .cultura_ext {margin:10px 0px; overflow:hidden; clear:both;} .cultura_ext_avantitle {margin:5px 0px; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.500em; line-height:1.2em;} .cultura_ext_body_left {float:left; width:453px;} .cultura_ext_body_left a {color:#21B8EC; text-decoration:underline;} .cultura_ext_body_left img {margin-top:18px;} .cultura_ext_body_right {float:right; width:224px;} .cultura_ext_body_right .destacat {margin:80px 0px 15px 0px;} .image {margin-bottom:18px;} .image_top {position:relative;} .image_top a {position:absolute; left:8px; bottom:12px; z-index:100; display:block; width:22px; height:22px; background:url(../_img/ico_zoom.png) no-repeat 0 0;} .image_top img {z-index:2;} .image_bottom {font-size:0.625em; font-style:italic;} /** Submenu Right - Common Styles */ .submenu_right {float:right; width:238px; clear:both; margin-bottom:10px;} .submenu_right ul {float:right; width:228px; margin:0; padding:0; list-style:none;} .submenu_right ul li {margin:0; padding:0; overflow:hidden;} .submenu_right ul li:last-child {border-bottom:none;} .submenu_right ul li a, .submenu_right span.nolink {display:block; padding:8px 10px; color:#FFF; border-bottom:1px solid #FFF;} .submenu_right ul li a:hover {color:#FFF;} .submenu_right ul ul li a {display:block; padding:4px 10px 4px 20px; color:#FFF;} /** Submenu Right - Specific Cultura */ .sr_gray {background:url(../_img/arrow_gray_left.gif) no-repeat 0px 5px;} .sr_gray ul {background:#A6A5A5;} .sr_gray ul li a:hover, .sr_gray ul li.active a {background:#bdbdbd;} /** Submenu Right - Specific Cultura */ .sr_cultura {background:url(../_img/arrow_blue_left.gif) no-repeat 0px 5px;} .sr_cultura ul {background:#53DAC1;} .sr_cultura ul li a:hover, .sr_cultura ul li.active a {background:#A9ECE0;} /** Submenu Right - Specific Subvencions */ .sr_subvencions {background:url(../_img/arrow_green_left.gif) no-repeat 0px 5px;} .sr_subvencions ul {background:#51A127;} .sr_subvencions ul li a:hover, .sr_subvencions ul li.active a {background:#97C67D;} /** Submenu Right - Specific Aprendre */ .sr_aprendre {background:url(../_img/arrow_lilac_left.gif) no-repeat 0px 5px;} .sr_aprendre ul {background:#9C69C7;} .sr_aprendre ul li a:hover, .sr_aprendre ul li.active a {background:#D4BEE7;} /** Submenu Right - Specific Qui es Qui */ .sr_quiesqui {background:url(../_img/arrow_pink_left.gif) no-repeat 0px 5px;} .sr_quiesqui ul {background:#DC0066;} .sr_quiesqui ul li a:hover, .sr_quiesqui ul li.active a {background:#F85AA4;} /** Submenu Right - Specific Actualitat */ .sr_actualitat {background:url(../_img/arrow_blue2_left.gif) no-repeat 0px 5px;} .sr_actualitat ul {background:#21B8ED;} .sr_actualitat ul li a:hover, .sr_actualitat ul li.active a {background:#91DAF4;} /** Submenu Right - Specific Qui som */ .sr_quisom {background:url(../_img/arrow_orange_left.gif) no-repeat 0px 5px;} .sr_quisom ul {background:#FC7217;} .sr_quisom ul li a:hover, .sr_quisom ul li.active a {background:#ffa468;} /** QUI ES QUI - Home */ .block_home_quiesqui {overflow:hidden; clear:both;} .block_quiesqui_doble_ample {position:relative; float:left; width:465px; height:160px; background:#E7E7E7; margin-right:9px; margin-bottom:9px;} .block_quiesqui_doble_ample.no_margin, .block_quiesqui_doble_alt.no_margin {margin-right:0;} .block_quiesqui_doble_alt {position:relative; float:left; width:228px; height:329px; margin-right:9px; margin-bottom:9px;} .block_quiesqui_doble_ample a {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;} .block_quiesqui_doble_ample a:hover {background:url(../_img_colors/bg_pink_trans.png) no-repeat right;} .block_quiesqui_title {position:absolute; top:0; left:0; z-index:2; width:242px; height:160px; background:url(../_img_colors/bg_pink_right.gif) no-repeat right 0;} .block_quiesqui_title h2 {width:80%; margin:20px 0px 8px 20px; padding-top:10px; text-align:left; border-top:1px solid #000; font-family:Arial, Helvetica, sans-serif; font-size:1.563em; line-height:1em; color:#000; font-weight:700;} .block_quiesqui_title .desc {width:80%; margin:0px 0px 0px 20px; text-align:left; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.4em; line-height:1.2em;} .block_quiesqui_desc {position:absolute; top:15px; right:10px; width:195px; font-size:0.9em;} .block_quiesqui_img {position:absolute; bottom:0; right:0; bottom:0; z-index:1;} .block_quiesqui_img img {position:absolute; bottom:0; right:0;} .block_home_quiesqui .banner {} .block_quiesqui_simple {position:relative; width:228px; height:162px; margin-bottom:9px; background:#E7E7E7; overflow:hidden;} .block_quiesqui_simple a {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;} .block_quiesqui_simple a:hover {background:url(../_img_colors/bg_pink_trans.png) no-repeat left 86px;} .block_quiesqui_simple .block_quiesqui_title {position:absolute; top:0; left:0; right:0; z-index:2; height:100px; background:url(../_img_colors/bg_pink_bottom.gif) no-repeat 0 bottom;} .block_quiesqui_simple .block_quiesqui_title h2 {margin:15px 0px 0px 16px; font-size:1em;} .block_quiesqui_simple .block_quiesqui_title h2 strong {margin-bottom:3px; font-size:1.4em;} .block_quiesqui_simple .block_quiesqui_desc {position:absolute; top:auto; bottom:15px; right:10px; left:10px; width:auto; font-size:0.9em;} .block_quiesqui_doble_alt {position:relative; height:329px; overflow:hidden; background:#E7E7E7;} .block_quiesqui_doble_alt a {display:block; z-index:5;} .block_quiesqui_doble_alt a:hover {background:url(../_img_colors/bg_pink_trans.png) no-repeat left 160px;} .block_quiesqui_doble_alt .block_quiesqui_title {position:absolute; top:0; left:0; right:0; z-index:2; width:228px; height:174px; background:url(../_img_colors/bg_pink_bottom.gif) no-repeat 0 bottom;} .block_quiesqui_doble_alt .block_quiesqui_desc {position:absolute; top:185px; bottom:60px; right:10px; left:10px; width:auto; font-size:0.9em;} .block_quiesqui_desc_links {position:absolute; top:185px; bottom:60px; right:10px; left:10px; width:auto; font-size:0.9em;} .block_cultura {float:right; position:relative; width:228px; height:333px; background:#E7E7E7; overflow:hidden;} .block_cultura_img {height:190px; background:none; opacity:1;} .block_cultura_title {position:absolute; top:102px; height:auto; right:0; left:0; background:url(../_img_colors/bg_blue_bottom_trans.png) no-repeat -4px bottom; text-align:center;} .block_cultura_title p {width:86%; margin:0 auto; margin-top:20px; padding:0px 0px 30px 0px; text-align:left; font-size:1.313em; line-height:1.1em; font-weight:700;} .block_cultura_title p a:hover {color:#FFF;} .block_cultura_desc {position:absolute; right:0; left:0; bottom:20px; height:auto; } .block_cultura_desc p {width:86%; margin:0 auto; text-align:left; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.375em; line-height:1.2em;} /** FORM - Basic Styles */ .form {overflow:hidden; clear:both;} .form_left {float:left; padding:15px 0px; background:#E6E6E6; text-align:center;} .form_left_int {width:96%; margin:0 auto; text-align:left;} .form_title {font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.500em; line-height:1.2em;} .form_line {padding:10px 0px; overflow:hidden; border-top:1px solid #FFF;} .form_subline {overflow:hidden; clear:both;} .form_line_left {display:block; float:left; width:30%; padding:4px 0px; font-size:0.9em; font-weight:700; text-transform:uppercase;} .form_line_right {float:right; width:68%;} .form_line_right div {margin:6px 0px 4px 0px;} .form_line_right label {} .form_line_right label input {width:auto;} .form_line label, .form_line strong {display:block; padding:4px 0px;} .form_line input, .form_line textarea, .form_line select {/*width:98%;*/ padding:3px; border:none;} .form_submit {padding:10px 0px; overflow:hidden; border-top:1px solid #FFF; text-align:right;} .form_submit input {padding-right:40px; border:none; color:#FFF; background:#A5A5A5 url(../_img/bg_submit.gif) no-repeat right center; font-size:0.9em; font-weight:700; text-transform:uppercase;} .fline_left {float:left; width:48%;} .fline_right {float:right; width:48%;} .fline_left label, .fline_right label {width:60%;} .fline_left input, .fline_right input {width:32%;} .form_right {float:right; width:228px;} /** CONVOCATORIES (Subvencions & Certificats) */ .convocatories_ext {overflow:hidden; clear:both;} .convocatories_left {float:left; width:695px;} .convocatories_title {margin:10px 0px; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.500em; line-height:1.2em; color:#000;} .convocatories_subtitle {margin-bottom:20px; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.125em; line-height:1.2em;} .convocatories_block {overflow:hidden; padding:10px 0px; border-top:1px solid #A5A5A5;} .convocatories_block h3 {float:left; margin:0; width:215px;} .convocatories_block_right {float:right; width:445px;} .convocatories_block_right p:first-child { margin:0;} .convocatories_block_right a {color:#21B8EC; text-decoration:underline;} .convocatories_block h2 {margin:5px 0px;} .convocatories_block table {width:100%; margin:20px 0px; clear:both; overflow:hidden; border-collapse:collapse;} .convocatories_block table th {padding:6px 10px; color:#FFF; background:#000; font-size:1.2em;} .convocatories_block table td {padding:8px 10px; background:#E6E6E6; border:1px solid #FFF;} .convocatories_block table .th1, .convocatories_block table .th2, .convocatories_block table .th3 {padding:8px 10px; color:#000; background:#A5A5A5; font-weight:700; text-transform:uppercase;} .convocatories_right {float:right; width:228px;} .titol_block {overflow:hidden; padding:10px 0px; border-top:1px solid #A5A5A5;} .titol_block h3 {float:left; margin:0; width:215px; text-transform:uppercase} .titol_block_right {float:right; width:445px;} /** LANDING APRENDRE */ .home_aprendre_top {overflow:hidden; clear:both;} .home_aprendre_1 {position:relative; float:left; width:702px; height:330px; background:#E6E6E6;} .home_aprendre_1_info {position:absolute; top:0; left:0; bottom:0; z-index:2; width:245px; background:url(../_img_colors/bg_lilac_right.gif) no-repeat right 0;} .home_aprendre_1_info h2 {width:195px; margin:20px 0px 0px 16px; padding-top:10px; border-top:1px solid #000; font-size:1.8em; line-height:1em; font-weight:700; color:#000; font-family:Arial, Helvetica, sans-serif;} .home_aprendre_1_info h2 a:hover { color:#FFF} .home_aprendre_1_info p.desc {width:195px; margin:20px 0px 0px 16px; padding-top:10px; border-top:1px solid #000; font-size:0.9em;} .home_aprendre_1_map {position:absolute; top:0; right:0; bottom:0; z-index:1; width:470px; height:330px;} .home_aprendre_2 {float:right; position:relative; width:228px; height:330px; background:#E7E7E7;} .home_aprendre_2_img {height:50px; background:#9C69C7; opacity:0.9;} .home_aprendre_2_img img {opacity:0.5;} .home_aprendre_2_title {margin:0; position:absolute; top:50px; right:0; left:0; height:180px; background:url(../_img_colors/bg_lilac.gif) no-repeat 0 bottom; text-align:center; font-family:Arial, Helvetica, sans-serif;} .home_aprendre_2_title p {width:86%; margin:0 auto; margin-top:20px; padding:10px 0px; text-align:left; border-top:1px solid #000; font-size:1.2em; line-height:1.1em; font-weight:700;} .home_aprendre_2_title p a:hover {color:#FFF;} .home_aprendre_2_desc {position:absolute; bottom:0px; right:0; left:0; height:90px;} .home_aprendre_2_desc p {width:86%; margin:0 auto; text-align:left; font-size:0.9em; line-height:1.2em;} .home_aprendre_bottom {overflow:hidden; clear:both;} .block_home_aprendre_left {float:left; width:465px; margin-bottom:9px} .block_home_aprendre_right {float:right; width:465px; margin-bottom:9px} /** LANDING CULTURA */ .home_aprendre_item {float:left; margin:0px 9px 9px 0px; position:relative; width:228px; height:162px; overflow:hidden;} .home_aprendre_item.doble_ample {width:465px; background:#FAFAFA; overflow:hidden;} .home_aprendre_item.doble_alt {height:333px; background:#FAFAFA; overflow:hidden;} .home_aprendre_item.no_margin {margin:0px 0px 9px 0px;} .home_aprendre_item:last-child {float:right; margin:0;} .home_aprendre_item_title {position:absolute; left:0; bottom:0; right:0;} .home_aprendre_item_title h3 {margin:0;} .home_aprendre_item_title h3 .fora_termini {color:#FC7217; font-weight:bold; font-size:70%;} .home_aprendre_item_title a {display:block; min-height:40px; padding:5px; background:#FFF; opacity:0.9; font-weight:700; text-transform:uppercase;} .home_aprendre_item_title a:hover {color:#FFF; background:#9C69C7;} .bhome_aprendre10 .home_xarxa {height:162px;} /** QUI SOM - Seus */ .block_seus1 {overflow:hidden; margin-bottom:10px;} .block_seus_left {float:left; width:465px;} .block_seus_right {float:right; width:465px;} .block_seus_top {position:relative; height:160px; margin-bottom:10px; background:#E6E6E6;} .block_seus_title {position:absolute; top:0; left:0; bottom:0; z-index:2; width:245px; background:url(../_img_colors/bg_orange_right.gif) no-repeat right 0;} .block_seus_title p {width:195px; margin:20px 0px 0px 16px; padding-top:10px; border-top:1px solid #000; font-size:1.750em; line-height:1em; font-weight:700; text-transform:uppercase;} .block_seus_info {position:absolute; top:15px; right:10px; width:195px; font-size:0.9em;} .block_seus_bottom {} .block_seus2 {margin-bottom:10px;} .block_seus2 table {width:100%; background:#E6E6E6; border-collapse:collapse;} .block_seus2 table td {padding:8px 10px; border:1px solid #FFF; vertical-align:top;} .block_instagram { width:228px; min-width:228px; margin-right:9; float:left } /** QUI SOM - Oficines a l'exterior */ .block_oficines1 {margin-bottom:10px;} .block_oficines2 {overflow:hidden; clear:both; margin-bottom:10px;} .block_oficina {position:relative; float:left; width:229px; height:335px; overflow:hidden; background:#E7E7E7; margin-right:8px;} .block_oficina.no_margin {margin-right:0;} .block_oficina a.link_over {display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;} .block_oficina a.link_over:hover {top:55px; background:url(../_img_colors/bg_orange_trans.png) no-repeat right;} .block_oficina_title {position:absolute; top:50px; left:0; z-index:2; width:229px; height:180px; background:url(../_img_colors/bg_orange_bottom.gif) no-repeat 0 bottom;} .block_oficina_title p {width:80%; margin:20px 0px 0px 20px; padding:10px 0px; text-align:left; border-top:1px solid #000; font-weight:700; font-size:1.6em; line-height:1.2em;} .block_oficina_title p a {color:#FFF; font-size:0.9em;} .block_oficina_desc {position:absolute; left:20px; right:20px; top:240px; font-size:0.9em;} /** QUI SOM - Identitat */ .identitat_item {overflow:hidden; margin-bottom:10px; background:#E6E6E6 url(../_img_colors/bg_gray_right.gif) no-repeat -60px 0;} .identitat_item_left {float:left; width:230px; padding-top:20px; text-align:center;} .identitat_item_left p.title {width:84%; margin:0 auto; padding:10px 0px; text-align:left; border-top:1px solid #000; font-weight:700; font-size:1.750em; line-height:1.2em;} .identitat_item_left p.desc {width:84%; margin:0 auto; padding-bottom:20px; text-align:left; font-size:0.9em;} .identitat_item_right {float:right; width:445px; padding:10px 0px;} .identitat_item_right div {width:415px; margin-bottom:2px; padding:4px 0px; overflow:hidden; border-bottom:1px solid #B5B5B5;} .identitat_item_right span {} .identitat_item_right ul {margin:0; padding:0; list-style:none;} .identitat_item_right ul li {float:left; width:33%; min-height:30px;} .identitat_item_right ul li a {display:block;} .identitat_item_right ul li a img {visibility:hidden;} .identitat_item_right ul li a:hover img {visibility:visible;} .identitat_item_right ul li img {margin-left:5px; vertical-align:text-bottom;} /** QUI SOM - Objectius */ .objectius_body img {margin:15px 0px;} .video {margin:10px 0px; overflow:hidden;} .video p {font-size:0.75em; font-style:italic;} .video_left {float:left; width:580px;} .video .destacat {float:left; width:220px;} .video .destacat h3 {margin:0;} /** QUI SOM - Oficines (News) */ .news_oficines {overflow:hidden; clear:both;} .news_oficines_left {float:left; width:700px;} .news_oficines_right {float:right; width:226px;} .news_oficines .news_list_item {background:#FEE9DC;} .news_oficines .news_list_item_opts a {color:#000;} .news_oficines .news_list_item_more a {background:url(../_img/ico_more_black.png) no-repeat right center;} /** BANNERS OV */ .banner_ov {float:left; width:226px; height:331px; margin-bottom:10px; margin-right:8px; background:#FFF; border:1px solid #FC7217 } .banner_ov h2 {text-align:left; font-size:1.5em; line-height:1.3em; font-weight:700} .banner_ov h3 {text-align:left; font-size:1.3em; line-height:1.2em; font-weight:bold} .banner_ov.no_margin {margin-right:0 !important} /** BANNERS - Common Styles */ .banner {position:relative; width:228px; height:333px; margin-bottom:10px; background:#E7E7E7; overflow:hidden;} .banner_float {position:relative; width:228px; height:333px; margin-bottom:10px; background:#E7E7E7; overflow:hidden; float:left; margin-right:7px} .banner_float_nomargin {position:relative; width:228px; height:333px; margin-bottom:10px; background:#E7E7E7; overflow:hidden; float:left;} .banner_img {height:190px; background:none;} .banner_title {position:absolute; top:102px; height:auto; right:0; left:0; background:url(../_img_colors/bg_blue_bottom_trans.png) no-repeat -4px bottom; text-align:center; text-transform:uppercase; min-height:95px;} .banner_title a {display:block; width:88%; margin:0 auto; margin-top:20px; padding:0px 0px 30px 0px; text-align:left; font-size:1.4em; line-height:1.1em; font-weight:700;} .banner_title a:hover {color:#FFF;} .banner_desc {text-align:left; font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.6em; line-height:1.2em;} /*.banner_desc span {position:absolute; left:10px; right:10px; bottom:10px; z-index:1000;}*/ .banner_desc div {position:absolute; left:10px; right:10px; bottom:10px; z-index:99;} .banner a.hover {display:block; position:absolute; top:0; left:0; right:0; bottom:0; z-index:99;} /** BANNERS - Specific Styles */ .banner.quisom .banner_title {background:url(../_img_colors/bg_orange_bottom_trans.png) no-repeat -4px bottom;} .banner.cultura .banner_title {background:url(../_img_colors/bg_blue_bottom_trans.png) no-repeat -4px bottom;} .banner.quiesqui .banner_title {background:url(../_img_colors/bg_pink_bottom_trans.png) no-repeat -4px bottom;} .banner.subvencions .banner_title {background:url(../_img_colors/bg_green_bottom_trans.png) no-repeat -4px bottom;} .banner.aprendre .banner_title {background:url(../_img_colors/bg_lilac_bottom_trans.png) no-repeat -4px bottom;} .banner.seu .banner_title {background:url(../_img_colors/bg_purple_bottom_trans.png) no-repeat -4px bottom;} .banner.actualitat .banner_title {background:url(../_img_colors/bg_blue_bottom_trans_act.png) no-repeat -4px bottom;} .banner.quisom .banner_desc a:hover {color:#FFF;} .banner.cultura .banner_desc a:hover {color:#FFF;} .banner.quiesqui .banner_desc a:hover {color:#FFF;} .banner.subvencions .banner_desc a:hover {color:#FFF;} .banner.aprendre .banner_desc a:hover {color:#FFF;} .banner.seu .banner_desc a:hover {color:#FFF;} .banner.actualitat .banner_desc a:hover {color:#FFF;} .banner.quisom a.hover:hover {background:url(../_img_colors/banner_hover_orange.png) no-repeat -6px 185px;} .banner.cultura a.hover:hover, .banner.banner_quiesqui a.hover:hover {background:url(../_img_colors/banner_hover_cultura.png) no-repeat -5px 185px;} .banner.quiesqui a.hover:hover {background:url(../_img_colors/banner_hover_quiesqui.png) no-repeat -6px 185px;} .banner.subvencions a.hover:hover {background:url(../_img_colors/banner_hover_subvencions.png) no-repeat -1px 185px;} .banner.aprendre a.hover:hover {background:url(../_img_colors/banner_hover_aprendre.png) no-repeat -6px 185px;} .banner.seu a.hover:hover {background:url(../_img_colors/banner_hover_seu.png) no-repeat -5px 185px;} .banner.actualitat a.hover:hover {background:url(../_img_colors/banner_hover_actualitat.png) no-repeat -6px 185px;} .banner.home_aprendre_2 a.hover:hover {background:url(../_img_colors/banner_hover_aprendre.png) no-repeat -6px 218px; opacity:0.5;} .banner.home_cultura_item a.hover:hover {background:url(../_img_colors/banner_hover_quiesqui.png) no-repeat -7px 184px; opacity:0.5;} .banner.block_literatura a.hover:hover {background:url(../_img_colors/banner_hover_quiesqui.png) no-repeat -2px 218px; opacity:0.5;} .banner.block_subvencions a.hover:hover {background:url(../_img_colors/banner_hover_subvencions.png) no-repeat -1px 185px; opacity:0.5;} /** GALERIA D'IMATGES */ .image_gallery {} .image_gallery_row {overflow:hidden; clear:both; margin-bottom:10px;} .image_gallery_item.info a.back {display:block; width:86%; margin:0 auto; padding:2px 0px; text-indent:15px; text-align:left; color:#FFF; font-size:0.75em; font-weight:700; background:url(../_img/gallery_back.png) no-repeat 0 center;} .image_gallery_item.info .addthis {width:86%; margin:0 auto; padding:2px 0px; text-align:left; font-size:0.9em;} .image_gallery_title {width:86%; margin:5px auto; padding:8px 0px; text-align:left; border-top:1px solid #FFF; border-bottom:1px solid #FFF;} .image_gallery_title span {text-transform:uppercase; font-size:0.625em; font-weight:700;} .image_gallery_title h1 {margin:0; color:#000; font-size:1.3em; } .image_gallery_desc {width:86%; margin:0 auto; padding:8px 0px; text-align:left; font-size:0.9em;} .image_gallery_item {float:left; width:227px; height:335px; margin-right:10px; padding:15px 0px; background:#E6E6E6; text-align:center;} .image_gallery_item.info {background:#21B8ED;} .image_gallery_row:last-child, .image_gallery_item.last {margin:0;} /*ULL*/ .image_gallery_item_img {width:200px; max-height:280px; overflow:hidden; margin:0 auto 5px auto; position:relative} .image_gallery_item_img.imgh {position:relative;} .image_gallery_item_img.imgh img {position:absolute; left:-25%; height:200px;} .image_gallery_item_img.imgv {position:relative;} .image_gallery_item_img.imgv img {position:absolute; left:0; top:-25%;} .image_gallery_item_foot {width:200px; margin:0 auto; overflow:hidden; text-align:left;} .image_gallery_item_foot_left {float:left; width:100%; font-size:0.688em; font-style:italic;} .image_gallery_item_foot_left span{font-style:normal;} /*.image_gallery_item_foot_right {float:right; width:15%;} .image_gallery_item_foot_right a {display:block; float:right; width:24px; height:24px; background:url(../_img/ico_lupa.gif) no-repeat 0 0;}*/ .image_gallery_item .addthis {width:88%; margin:10px auto 0 auto; padding:0px 0 10px 0; text-align:right; font-size:0.688em; font-weight:700;} /*.gallery_modal_top {overflow:hidden; margin-bottom:20px;} .gallery_modal_top_left {float:left; width:570px; font-size:0.625em; font-style:italic;} .gallery_modal_top_left img {height:370px;} .gallery_modal_top_right {float:right; width:225px;} .gallery_modal_title {margin-bottom:10px; padding:10px 0px; border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7;} .gallery_modal_title span {font-size:0.875em;} .gallery_modal_title p {padding:7px 0px 4px 0px; font-size:1.500em; font-weight:700;} .gallery_modal_top_right .addthis {margin-bottom:5px;} .gallery_modal_desc {font-size:0.813em;} .gallery_modal_bottom {} .gallery_modal_bottom_left {float:left; width:76%; padding:11px 0px;} .gallery_modal_bottom_right {float:right; width:22%;}*/ /** QUI ES QUI - Links */ .bbdd_links {clear:both; width:100%; /*background:#E6E6E6;*/} .bbdd_links1 {float:left; width:223px; margin-right:8px; margin-bottom:8px; border:1px solid #FC7217} .bbdd_links1 h2 {display:block; margin:0; padding:4px; color:#FFF; background:#FC7217; font-size:1.25em; font-weight:700; font-family:Arial, Helvetica, sans-serif;} .bbdd_links1 ul {margin:0; padding:8px; list-style:none; text-transform:uppercase} .bbdd_links1 ul li {padding-bottom:4px} .bbdd_links1 ul li li {} .bbdd_links1 ul li a {color:#000 !important; padding-right:8px; } .bbdd_links1 ul li a:hover { text-decoration:underline;} /** QUISOM - Links */ .quisom_links {clear:both; width:100%; /*background:#E6E6E6;*/} .quisom_links1 {float:left; width:223px; margin-right:8px; margin-bottom:8px; border:1px solid #FC7217} .quisom_links1:last-child { margin-right:0;} .quisom_links1 h2 {display:block; margin:0; padding:4px; color:#FFF; background:#FC7217; font-size:1.25em; font-weight:700; font-family:Arial, Helvetica, sans-serif;} .quisom_links1 ul {margin:0; padding:8px; list-style:none; min-height:50px} .quisom_links1 li { padding-bottom:4px} .quisom_links1 li li { padding-left:20px; padding-bottom:4px} .quisom_links1 li a { padding-right:8px; } .quisom_links1 li a:hover {color:#FC7217; text-decoration:underline;} /** QUI ES QUI - List */ .quiesqui_links_left {float:left; padding:15px 0px; background:#E6E6E6; text-align:left;} .quiesqui_links_left h1 { padding-left:15px} h2.quiesqui_links_title {width:670px; margin:0px auto 10px auto; text-align:left; padding:4px 0px; text-indent:8px; color:#FFF; background:#DC0066; font-family:Arial, Helvetica, sans-serif; font-weight:700;} .quiesqui_links_back {width:670px; margin:0px auto 10px auto; text-align:left; font-size:0.85em; font-weight:700;} .quiesqui_links_back a {padding:10px 0px 10px 22px; color:#A6A6A6; background:url(../_img/pag_init.png) no-repeat 0 center; } .quiesqui_links_items {width:670px; margin:0 auto; text-align:left;} .quiesqui_links_item {overflow:hidden; padding:10px 0px; border-top:1px solid #A6A5A5;} .quiesqui_links_item img {float:right; margin-left:15px;} .quiesqui_links_item strong {font-size:1.1em;} .quiesqui_links_item a {color:#777;} .quiesqui_links_item a:hover {color:#000; text-decoration:underline;} .quiesqui_links_right {float:right;} /** Block Search */ .section_content_right .form {margin-bottom:8px; padding:15px 0px; background:#E6E6E6; text-align:center;} .section_content_right .form p, .section_content_right .form div {width:86%; margin:0 auto 5px auto; text-align:left;} .section_content_right .form p:first-child {padding-bottom:8px; border-bottom:2px solid #C6C6C6;} .section_content_right .form p:last-child {margin:0 auto;} .section_content_right .form p label {display:block; color:#A6A5A5; font-weight:700;} .section_content_right .form p.input {} .section_content_right .form p.input input {width:96%; padding:4px; border:none;} .section_content_right .form p.submit {text-align:right;} .section_content_right .form p.submit input {color:#E6E6E6; background:#A6A5A5; border:none; font-size:inherit;} /** Landing Block */ .landing_block {position:relative;} .landing_block img {} .landing_block a {position:absolute; left:0; right:0; bottom:0; display:block; padding:4px 6px; background:#FFF; opacity:0.9; font-weight:700; text-transform:uppercase;} .landing_block a h3 {margin:0;} .landing_block a:hover {color:#000; background:#FFF; text-decoration:none;} /** SECTIONS NAVIGATION - Colors by Section (active) */ .c_actualitat .landing_block a:hover {background:#21B8ED;} .c_subvencions .landing_block a:hover {background:#B0CC4A;} .c_cultura .landing_block a:hover {background:#53DAC1;} .c_quiesqui .landing_block a:hover {background:#E53A7E;} .c_quisom .landing_block a:hover {background:#FC7217;} .c_aprendre .landing_block a:hover {background:#9C69C7;} /** CATALAN SOUNDS - Home */ .csounds1, .csounds2, .csounds3, .csounds4, .csounds5, .csounds6, .csounds7, .csounds8, .csounds9, .csounds10, .csounds11 {margin-bottom:8px;} .csounds1 {float:left; width:465px; height:334px; color:#E53A7E; background:#E6E6E6; text-align:center;} .csounds1 img {margin:15px 0px;} .csounds1 p {padding-top:15px;} .csounds2 {float:right; width:228px; height:163px;} .csounds3 {float:right; width:228px; height:163px;} .csounds4 {float:left; width:228px; height:163px; margin-right:8px;} .csounds5 {float:left; width:228px; height:163px;} .csounds6 {float:right; width:228px; height:334px;} .csounds7 {float:left; width:465px; height:163px;} .csounds8 {float:left; width:228px; height:163px;} .csounds9 {float:right; width:465px; height:163px;} .csounds10 {width:228px; height:332px;} .csounds11 {} /** CATALAN SOUNDS - List */ .csounds_list {} .csounds_list ul {margin:0; padding:0; list-style:none;} .csounds_list ul li {margin:0; padding:0; font-size:1em;} .csounds_list ul li a {display:block; margin-bottom:6px; padding:8px; background:#E6E6E6 url(../_img/list_arrow.png) no-repeat 97% center; overflow:hidden;} .csounds_list ul li a:hover {background-color:#E53A7E;} .csounds_list ul li a span.img {display:block; float:left; margin-right:20px;} .csounds_list ul li a h3.artist {display:block; float:left; width:40%; margin:12px 30px 0px 0px; padding-top:8px; border-top:1px solid #FFF; color:#000; font-weight:700;} .csounds_list ul li a span.style {display:block; float:left; width:37%; margin-top:12px; color:#000;} /** CATALAN SOUNDS - Detail */ .csounds_detall {padding:10px 0px; text-align:left; overflow:hidden;} .csounds_detall h2 {font-weight:normal; font-family: 'Open Sans', sans-serif, serif; font-size:1.700em; line-height:1.2em;} .csounds_titol {clear:both; overflow:hidden; margin-bottom:15px; padding-top:15px; border-top:1px solid #FFF;} .csounds_titol2 {clear:both; overflow:hidden; padding:10px 0 5px 0; border-bottom:1px solid #FFF; border-top:2px solid #FFF; text-transform:uppercase} .csounds_text {float:left; width:456px; padding-top:10px; border-bottom:1px solid #FFF; font-size:0.9em;color:#000;} .csounds_col {float:right; width:228px; border-bottom:1px solid #FFF; background:#E6E6E6; font-size:0.9em;color:#000; } .csounds_col .csounds_titol2 { padding-left:5px} .csounds_col img { border-top:2px solid #FFF;} .csounds_col .disc {padding:6px 0 3px 5px; border-bottom:1px solid #FFF; } .csounds_col ul {margin:0; padding:0; list-style:none;} .csounds_col ul li {padding:6px 0 3px 5px; border-bottom:1px solid #FFF;} .csounds_detail4 {float:left; width:67%; margin:15px 2% 0px 0%; padding-top:10px; border-top:1px solid #FFF; font-size:0.9em;} .csounds_detail5 {float:left; width:31%; margin-top:15px; padding-top:10px; border-top:1px solid #FFF;} .csounds_detail6 {float:right; width:31%; margin-top:15px; padding-top:10px; border-top:1px solid #FFF;} /** TRAC - List */ .trac_list_item {margin:5px 0px; padding:14px 0px; text-align:center; background:#E6E6E6; overflow:hidden;} .trac_list_item_int {width:95%; margin:0 auto; text-align:left;} .trac_list_item_dreta {width:19%; margin:0 auto; text-align:left; float:left} .trac_list_item_esquerra {width:79%; margin:0 auto; text-align:left;float:left } .trac_list_item_img {float:left; padding-right:15px; background:#E6E6E6;} .trac_list_item_title {font-size:1.2em;} .trac_list_item_title strong {font-size:1.4em; line-height:1.2em;} .trac_list_item_lang { text-transform:uppercase; margin:10px 0px; padding:5px 0px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; font-size:0.9em;} .trac_list_item_info {font-size:0.9em;} .trac_list_item_hr {border-bottom:1px solid #FFF; } .trac_list_form {margin:5px 0px; padding:14px 0px; text-align:center; background:#E6E6E6; overflow:hidden;} .trac_list_form .form {width:95%; margin:0 auto; text-align:left;} .trac_list_form .form_desc {margin-bottom:10px; font-size:0.9em;} /** ACTUALITAT - TRANSFER */ .transfer_list {} .transfer_item {margin-bottom:10px; padding:15px 0px; overflow:hidden; background:#EBEBEB; text-align:center;} .transfer_item_int {width:96%; overflow:hidden; position:relative; margin:0 auto; text-align:left;} .transfer_cover {float:left; width:30%; margin-right:6%;} .transfer_info {float:left; width:30%;} .transfer_info h2 {border-top:1px solid #FFF; border-bottom:1px solid #FFF; padding:7px 0px; font-family: 'Open Sans', sans-serif, serif; font-size:2.125em; line-height:1.1em; font-weight:normal;} .transfer_info p.subtitle {padding:8px 0px; font-family: 'Open Sans', sans-serif, serif; font-size:1.125em; line-height:1.2em; border-bottom:1px solid #FFF;} .transfer_info p.links {} .transfer_info p.links a {display:block; padding:14px 0px; font-size:0.9em; font-weight:700; text-transform:uppercase; color:#A6A5A5; background:url(../_img/arrow_right_gray.png) no-repeat right center; border-bottom:1px solid #FFF;} .transfer_img {float:right; width:30%; padding-top:5px; border-top:1px solid #FFF;} .transfer_img p {} .transfer_img p span {font-size:0.9em; font-weight:700; text-transform:uppercase; color:#A6A5A5;} .transfer_img p strong {display:block; margin-top:5px; font-size:1.125em; font-weight:700; text-transform:uppercase;} .transfer_img img {position:absolute; bottom:0; border-top:1px solid #FFF;} .print_top, .print_bottom {display:none;} /** POPUPS */ .popup {margin:0; padding:0; background:#FFF; text-align:left;} .popup_top {position:relative; color:#FFF; background:#FC7217;} .popup_top h1 {margin:0; padding:15px;} .popup_top a.print {position:absolute; top:12px; right:12px; display:block; width:28px; height:28px; background:url(../_img/popup_print.gif) no-repeat 0 0;} .popup_top a.close {position:absolute; top:12px; right:12px; display:block; width:28px; height:28px; background:url(../_img/popup_print.gif)) no-repeat 0 0;} .popup_ico {height:15px; background:#FFF url(../_img/popup_ico.gif) no-repeat 20px 0;} .popup_bottom {clear:both; margin-top:15px; padding:20px; overflow:hidden; background:#E7E7E7;} .popup_bottom h2 {margin:5px 0px; padding:15px 0px; border-top:1px solid #A6A6A6;} .popup_img {float:left;} .popup_img img {margin-right:20px;} .popup_text {} .footer_popup {clear:both; padding:10px; color:#FFF; background:#000; font-size:0.85em;} .footer_popup a {color:#FFF;} #popuping {display:none; width:600px; height:600px; background:#FFF; text-align:left;} .popup .content {background:none;} @media print { .section _content_left, .ext_news_body_left {width:100%;} .section _content_right, .ext_news_body_right {display:none;} * {font-family:Arial, Helvetica, sans-serif;} }