/* CSS Document Created by Natalia Artigas http://www.fluid.cat Date: maig 2010 */ /* Edited by infonomia */ @font-face { font-family: Anivers ; src: url(Anivers_Regular.otf) format("opentype"); } /* RESET -----------------------------------------------------------------------------*/ :link,:visited { text-decoration: none; } h1,h2,h3,h4,h5,h6,pre,code,p,li,td { font-size: 1em; } ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img,:hover img { border: none; } :focus { outline: none } ul,li{ list-style:none;} fieldset{ border:none;} .separator {clear:both;} /* HTML GENERAL ELEMENTS -----------------------------------------------------------------------------*/ img{ border: none;} a{color:#F6892F;} a:hover{ text-decoration:underline;} .left{ float:left !important;} .right { float:right !important;} .row{ clear:both; display:block; overflow:hidden;position:relative;} .color1{ color:#f68626; position:relative !important;top:0px !important;left:0px !important;} .color2{ color:#0079c2;} h1 span{ position:relative; left:-9999px;} p.author{ color:#9c9c9c; text-transform:uppercase;} /* LAYOUT -----------------------------------------------------------------------------*/ body{ font: normal 15px/22px Georgia, Arial, Helvetica, sans-serif; background: #fff; color:#636363;} #top{ display:block; height:114px; overflow:hidden; background:#ffffff;} #middle{margin-top:-31px; padding-top:50px;} #content { width:761px; float:left;} #menu{ width:233px; float:right;} #bottom{} .wrapper{ max-width:1058px;width:984px; margin:0 auto;} #quicknav{ display:none;} /* HEADER -----------------------------------------------------------------------------*/ #header{ position:relative; height:86px;} #header h1, #header h1 img{ float:left;} #header h1{ position:absolute; bottom:10px; left:0px;} #header #time {float:right;font-size:8pt;margin-right:8px;} #header #time span {border-right:1px solid orange;padding-right:5px;} #header .search {background:url(img/bg_search.jpg) 0px 41px no-repeat; display:block; position:absolute; float:right; height:103px; width:255px; right:-21px; bottom:-30px; } #header .search .titol { position:absolute;bottom:68px;left:2px;} #header .search label, .search label { display:none;} #header .search #i_search{ background:none;position: absolute; top:45px; left:9px; width:190px;color:#717171; font: normal 14px/14px Georgia, Arial, Helvetica, sans-serif; border:0px;} #header .search #b_search{position:absolute; top:44px; left:205px;} .link_what_is, .link_what_is:hover {cursor:pointer;position:absolute;height:18px;overflow:hidden;font-size:12px;background:#757575;bottom:-15px;right:125px;color:white;padding:0px;padding-left:5px;padding-right:5px;line-height:1.4em;font-family:Georgia, Arial;-moz-border-radius:10px;-webkit-border-radius:10px;} .en_los_medios, .en_los_medios:hover {cursor:pointer;position:absolute;height:20px;width:97px;text-align:right;overflow:hidden;font-size:12px;background:#FFFFFF url("img/enlosmedios.jpg") top left no-repeat;bottom:-17px;right:5px;color:white;padding:0px;padding-top:2px;padding-left:5px;padding-right:5px;line-height:1.4em;font-family:Georgia, Arial;color:#757575;} /* CONTENT -----------------------------------------------------------------------------*/ #content{ position:relative; top:-19px; border-left: 2px solid #f1f1f1; border-right: 2px solid #f1f1f1; background:#FFF url(img/bg_content.jpg) 0px 100px repeat-x; margin-bottom:-21px;width:661px;border-top:2px solid #ececec;} #content h2{ color:#ffb927; font:normal 20px/20px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-bottom:38px; margin-bottom:40px; height:0px; overflow:hidden;} /* MENU -----------------------------------------------------------------------------*/ #menu{ background:url(img/bg_menu.png) 0px 0px no-repeat; width:233px; height:591px; position:relative; top:-21px; right:-1px; overflow:visible;} #menu ul li{ float:left;} #menu ul li a{ position:absolute;} *+html #menu ul li a{ display:block; cursor: pointer;} #menu ul li a strong, #menu ul li a span{ display:none;} #menu ul li a span{ position:absolute; text-transform:uppercase; font:normal 10px/10px Arial, Helvetica, sans-serif; text-decoration:none; color:#000; white-space:nowrap;} #menu ul li#m7 a span {left:-50px;} #menu ul li#m2 a span {left:-48px;} #menu ul li#m4 a span {left:-40px;} #menu li.selected a, #menu a:hover{ background-image:url(img/bg_menu.png); background-repeat:no-repeat; text-decoration:none;} #menu a:hover span, #menu li.selected a span{ display:block;} #menu li.selected a{ z-index:10} /* ideas */ #m1 a{ width:90px; height:89px; top:1px; left:1px;} #m1.selected a, #m1 a:hover{ background-position: -238px -5px;} #m1 a span{top:55px; left:25px;} /* casos */ #m2 a{width:145px; height:144px; top:0px; left:84px;} #m2.selected a, #m2 a:hover{ background-position: -238px -94px;} #m2 a span{top:79px; left:51px;} /* vídeos */ #m3 a{ width:117px; height:117px; top:86px; left:-1px;} #m3.selected a, #m3 a:hover{ background-position: -237px -238px;} #m3 a span{top:67px; left:35px;} /* libros */ #m4 a{width:98px; height:98px; top:162px; left:118px;} #m4.selected a, #m4 a:hover{ background-position: -238px -359px;} #m4 a span{top:57px; left:27px;} /* revista */ #m5 a{width:140px; height:140px; top:188px; left:-2px;} #m5.selected, #m5 a:hover{ background-position: -387px -4px;} #m5 a span{top:76px; left:45px;} /* update */ #m6 a{width:99px; height:99px; top:332px; left:-1px;} #m6.selected a, #m6 a:hover{ background-position: -409px -151px;} #m6 a span{top:59px; left:24px;} /* evento anual */ #m7 a{width:105px; height:105px; top:360px; left:126px;} #m7.selected a, #m7 a:hover{ background-position: -402px -261px;} #m7 a span{top:68px; left:31px;} /* comunidad */ #m8 a{width:128px; height:128px; top:412px; left:27px;} #m8.selected a, #m8 a:hover{ background-position: -381px -369px;} #m8 a span{top:73px; left:26px;} /* banners */ .banner {position:absolute;right:5px;top:30px;} #menu #banners {position:relative; top:589px;} #menu #banners a:hover {background:none;} #menu #banners .logo_co-society {cursor:pointer;width:233px;background:white url(../images/banner_co-society.png) 0px 0px no-repeat;height:208px;} #menu #banners .logo_co-society:hover {width:233px;background:white url(../images/banner_co-society.png) 0px -212px no-repeat;height:208px;} /* BOTTOM -----------------------------------------------------------------------------*/ #bottom{ clear:both; background: url(img/bg_bottom.jpg) top center no-repeat;} #bottom .wrapper{ height:64px; position:relative;} #nav { background:url(img/bg_nav.jpg) 0px 0px no-repeat; width:100%; height:29px; overflow:hidden;position:relative;top:1px;} #nav ul li, #nav ul li a{ display:block; float: left; height:29px; overflow:hidden; text-decoration:none;} #nav ul li span{ position:relative; left:-99999px;} #nav ul li#nav1 a{ width:86px;} #nav ul li#nav2 a{ width:86px;} #nav ul li#nav3 a{ width:88px;} #nav ul li#nav4 a{ width:85px;} #nav ul li#nav5 a{ width:89px;} #nav ul li#nav6 a{ width:80px;} #nav ul li#nav7 a{ width:120px;} #nav ul li#nav8 a{ width:108px;} #footer{ clear:both; font: normal 10px Arial, Helvetica, sans-serif; color:#b2b3b3; position:absolute; bottom:10px;} #footer a{ color:#7a7a7a; text-decoration:underline;} #footer .floatLeft ul { padding: 10px 0 0 0; } #footer .floatLeft ul li { float: left; padding: 0 0 0 10px; color:#7a7a7a; } #footer .floatLeft ul li { padding: 0 0 0 20px; margin: 0 0 0 10px; } #footer .floatLeft ul li:first-child { background: none; padding: 0; margin: 0} #footer .floatLeft ul li.location { background: url(img/home_icon.jpg) 0px 0px no-repeat; position:relative;top:-4px;} #footer .floatLeft ul li.phone { background: url(img/phone_icon.jpg) 0px -5px no-repeat;} #footer .floatLeft ul li.mail { background: url(img/mail_icon.jpg) 0px 0px no-repeat; } /* HOME -----------------------------------------------------------------------------*/ #content.home{ margin-top:-10px; border:none; background:none;width:740px;} .home div.entradeta{color:#7e7e7e; font: normal 18px/18px Anivers, Georgia, Arial, Helvetica, sans-serif; text-align:justify; padding-right:10px;margin-bottom:5px;margin-top:10px;line-height:1.3em;} .home div.entradeta .color2{ text-transform:lowercase;} .home #renueva_la_idea {cursor:pointer;width:302px;height:35px;background:url("../images/cada_clic.jpg") 0 -35px no-repeat;} .home #renueva_la_idea:hover {background:url("../images/cada_clic.jpg") 0 0 no-repeat;} .home #options {height:170px;font-size:11pt;margin-bottom:20px;display:block;clear:both;} .home #options li {width:350px;float:left;height:150px;margin-right:0px;padding:10px;padding-right:0px;position:relative;} .home #options li#opt_browse {background:#FFFFFF url("../images/icona_descubre.jpg") 0 15px no-repeat;} .home #options li#opt_search {background:#FFFFFF url("../images/icona_busca.jpg") 45px 0 no-repeat;overflow:visible;} .home #options li p {margin-top:30px;margin-left:35px;line-height:1.2em;text-align:left;} .home #options li .action {position:absolute;bottom:0px;right:13px;} .home #options li#opt_search .action {right:35px;} #content.home h2{ font: italic normal 11px/23px Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #c1c1c1; color:#7c7c7c; margin-bottom:8px; padding:0px 1px; height:auto; text-transform:none;margin-right:7px;} .home .search {background:url(img/bg_search_home.jpg) 58px 0px no-repeat; display:block; height:37px; width:337px;margin:0px; } .home .search .titol img {position:relative;left:-63px;top:0px;} .home .search #i_search {background:none;border:0px none;position:absolute;top:4px;left:65px;padding:2px;width:230px;height:26px;} .home .search #b_search{position:absolute; top:9px; left:307px;} .home #destacat {display:block;padding-right:7px;} .home #destacat a.image {display:block;width:350px !important;overflow:hidden;border:0px solid red; float:left;} .home img{ float:left;} .home .box{ width:350px; height:256px; display:block; float:right; padding:0px 15px 28px 15px; background: #cecece url(img/bg_box_home.png) bottom right no-repeat; position:relative;} .home .box span {position:absolute;left:-9999px;} .home .box .description a {color:#F68626;} #content.home .box h3{ color:#f68626; font: normal 19px/19px Georgia, Arial, Helvetica, sans-serif; padding:7px 0px 6px 0px; max-height:35px; overflow:hidden;} .home .box p{ font: normal 13px/16px Arial, Helvetica, sans-serif; color:#1b1b1b; margin-bottom:7px;} .home .box p.author{ font: normal 11px/15px Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:uppercase;} .home .box p.description{ height:180px; overflow:hidden; text-align:justify;} .home .box ul{ position:absolute; width:350px; left:0px; bottom:2px;padding:0px 15px 0px;} .home .box ul li{background: url("img/flecha.png") center left no-repeat; float:right; display:block; width:auto; padding-left:12px;} .home .box ul li a{padding:0px;} .home .box ul li:first-child{ float:left; padding:0px 7px 0px 0px;background:none;width:150px;} .home .box ul li:first-child a{ padding:0px; margin-left:3px;} .home .box ul li a{ color:#1b1b1b; font: italic normal 11px/17px Georgia, Arial, Helvetica, sans-serif; height:17px; display:block; float:left; width:auto;} /* QUE ES -----------------------------------------------------------------------------*/ #content.quees h1{ width:500px; height:53px; background:url(img/bg_h1.jpg) 0px -155px no-repeat; overflow:hidden;} #content.quees { padding-top:24px !important;padding-right:10px;} .indentat {display:block !important;margin-left:30px !important;} .indentat strong {font-family:Georgia;} .button_link {cursor:pointer; padding:0px;padding-left:10px;margin:0px;background:#dddddd; width:150px;height:22px;margin-top:1px;text-align:left !important;font-size:11px;display:block;font-family:Georgia;border:none;-moz-border-radius:4px;-webkit-border-radius:4px;color:black;} .button_link:hover {background:#cccccc;color:black;} .button_link.buy {background:#dddddd url(img/book_link_buy.png) right top no-repeat;} .button_link.buy:hover {background:#cccccc url(img/book_link_buy.png) right top no-repeat;} .button_link.down {background:#dddddd url(img/book_link_down.png) right top no-repeat; color:black; } .button_link.down:hover {background:#cccccc url(img/book_link_down.png) right top no-repeat;} /* LIST -----------------------------------------------------------------------------*/ #content.list{ padding:30px 30px 40px 48px;font-family:Arial;min-height:750px;} .list .pagination {margin-left:0px;margin-right:10px;} .ideas h1{ width:147px; height:34px; background:url(img/bg_h1.jpg) 0px 0px no-repeat; overflow:hidden;} .list p.description a{ color:#555555;z-index:10;font-family: Arial;font-size:13px;line-height:1.4em;} .list h3{ font: normal 19px/18px Georgia, Arial, Helvetica, sans-serif; margin:0px -9px; color:#2a4197; background:#ececec url(img/bg_ideas_h3_l.jpg) 0px 0px no-repeat; padding-left:9px; height:21px; overflow:hidden;} .list h3 div{ display:block; height:21px; overflow:hidden;background:#f5f5f5 url(img/bg_ideas_h3_r.jpg) top right no-repeat; margin:0px;padding-right:0px;} .list ul li.list_item {cursor:pointer;margin-bottom:5px;position:relative;height:85px;margin-left:0px;padding-left:0px;overflow:visible;padding-right:10px;} .list ul li.list_item:hover {background:#ececec;overflow:visible;} .list ul li.list_item:hover h3, .list ul li:hover h3 div {background:none !important;} .list ul li.list_item .author{ color:#898989; font-size:9px; text-transform:uppercase; font-family:Arial !important;} .list ul li.list_item #round_left {position:absolute;top:0px;left:-7px;height:85px;width:18px;overflow:visible;z-index:1;} .list ul li.list_item #round_right {position:absolute;top:0px;right:0px;height:85px;width:18px;overflow:visible;z-index:1;} .list ul li.list_item:hover #round_right {background:transparent url(img/list_item_over_r.png) 0px 0px no-repeat;right:0px;} .list ul li.list_item:hover #round_left {background:transparent url(img/list_item_over_l.png) 0px 0px no-repeat;} .list .pagination{ margin-top:80px;} .lightgray {color:#aaaaaa;} /* IDEA -----------------------------------------------------------------------------*/ #content.articulo { padding:30px 30px 40px 48px;min-height:750px;} .ideas h1{ width:147px; height:34px; background:url(img/bg_h1.jpg) 0px 0px no-repeat; overflow:hidden;} .casos h1{ width:167px; height:34px; background:url(img/bg_h1.jpg) 0px -85px no-repeat; overflow:hidden;} .articulo img.image{ margin-bottom:23px;} .articulo h3{ font: normal 22px Georgia, Arial, Helvetica, sans-serif; color:#274199;padding-bottom:10px;} .articulo .author{ font-size:12px;} .articulo ul {margin:0px 10px;} .articulo ul li {list-style:disc;} .articulo p{color:#636363; font: normal 15px/22px Arial, Helvetica, sans-serif; margin-bottom:22px;text-align:justify;} .articulo p.subtitle { color:#898989; font-size:9px; text-transform:uppercase; font-family:Arial !important;} .articulo .descr{text-align:justify;font-family: Arial;} .ideas .description, .casos .description {text-align:justify;color:#555555;font-family:Arial;line-height:1.2em;font-size:13px;} /* LIBROS -----------------------------------------------------------------------------*/ #content.libros h1{ width:188px; overflow:hidden;} #content.libros .pagination {margin-right:20px;} #content.libros #more_books h3 {font: italic normal 11px/23px Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #c1c1c1; color:#7c7c7c; margin-bottom:12px; padding:0px 1px; height:auto; text-transform:none;} .libros h1{ width:167px; height:34px; background:url(img/bg_h1.jpg) 0px -118px no-repeat; overflow:hidden;} ul.libros li { width:205px; height:395px !important; overflow:hidden; display:block; float:left; text-align:center;padding-right:8px;position:relative;} ul.libros li .book_thumbnail{ display:table;width:200px; height:276px; overflow:hidden; text-align:center;margin:0px;position:relative;} ul.libros li .book_thumbnail .center {#position: absolute; #top: 50%;display: table-cell; vertical-align: middle;} ul.libros li .book_thumbnail a img {padding:6px;background:#eeeeee;-moz-border-radius:10px;-webkit-border-radius:10px;} ul.libros li .book_thumbnail a img:hover {background:#fddfc5;} .book_thumbnail_inside {float:left;margin-right:10px;padding:6px;background:#eeeeee;-moz-border-radius:10px;-webkit-border-radius:10px;max-width:250px;max-height:288px;} ul.libros li .descr {cursor:pointer;width:187px;font-size:12px;height:auto;overflow:hidden;background:none;padding:0px;color:#264097;text-align:left !important;background:#eeeeee;padding:3px;padding-left:10px;height:75px;-moz-border-radius:1px;-webkit-border-radius:1px;} ul.libros li .descr:hover {background:#fddfc5;} ul.libros li .descr a.titol {color:#264097;} .book_link {cursor:pointer; padding:0px;padding-left:10px;margin:0px;background:#dddddd; width:190px;height:22px;margin-top:1px;text-align:left !important;font-size:11px;display:block;font-family:Georgia;} .book_link.buy {background:#dddddd url(img/book_link_buy.png) 0px -3px no-repeat;} .book_link.buy:hover {background:#cccccc url(img/book_link_buy.png) 0px -3px no-repeat;} .book_link.down {background:#dddddd url(img/book_link_down.png) 0px -3px no-repeat; } .book_link.down:hover {background:#cccccc url(img/book_link_down.png) 0px -3px no-repeat;} #more_books {margin-top:20px;} /* VIDEOS -----------------------------------------------------------------------------*/ #content.videos {} #content.videos h1{ margin-top:-10px;width:188px; height:49px; background:url(img/bg_h1.jpg) 0px -35px no-repeat; overflow:hidden;} #content.videos .pagination {position:relative;left:-10px;margin-right:20px;} ul.videos {position:relative;left:-10px;width:680px;} ul.videos li{ width:340px; height:146px; overflow:hidden; display:block; float:left;margin-bottom:10px;position:relative;} ul.videos li .video_thumbnail{ position:relative; width:185px; height:130px; overflow:hidden; float:left;background:#000000;text-align:center;} ul.videos li .video_thumbnail span{ position:absolute; width:185px; height:130px; top:0px; left:0px; background:url(img/bg_thumbnail_video.png) 0px 0px no-repeat;} ul.videos li .video_thumbnail a:hover span { background-position: 0px -130px;} ul.videos li .video_thumbnail img { margin:8px 0px 0px 0px;} ul.videos li .text{margin:5px 10px 0px 193px; height:146px;position:relative;} ul.videos li .text h3{ color:#2a4197 !important; font: italic normal 13px Georgia, Arial, Helvetica, sans-serif !important; border:none !important; margin-bottom:0px !important;} ul.videos li .text p{color:#636363; font: normal 10px/14px Georgia, Arial, Helvetica, sans-serif; margin-bottom:4px;} ul.videos li .text em{ font-size:12px; color:#636363;} /* fixes */ ul.videos p.description {height:50px; overflow:hidden;} ul.videos p.description a{ color:#555555; background:none; padding-right:0px;line-height:1.3em;font-size:10px;} ul.videos p.vistas {position:absolute;bottom:18px;left:0px;} ul.videos h3 {background:none;height:auto;margin:0px;} ul.videos li .video_thumbnail img{height:114px;} /* VIDEO -----------------------------------------------------------------------------*/ #content.videos{ padding-top:24px;padding-right:10px;width:681px;} #content.videos h1{ width:188px; height:49px; background:url(img/bg_h1.jpg) 0px -35px no-repeat; overflow:hidden;} #content.videos h3, .formtitle { font: italic normal 11px/23px Georgia, "Times New Roman", Times, serif; border-bottom: 1px solid #c1c1c1; color:#7c7c7c; margin-bottom:12px; padding:0px 1px; height:auto; text-transform:none;} .objectVideo{ margin-bottom:10px; display:block; overflow:hidden;} .objectVideo .flash{ float:left;} .objectVideo .text{ float:right; width: 266px; margin-top:10px;} .objectVideo .text h2{font: italic normal 20px/18px Georgia, Arial, Helvetica, sans-serif !important; color:#2a4197 !important; margin-bottom:10px !important; text-transform:none !important; } .objectVideo .text p.entradeta{font: italic normal 13px/16px Georgia, "Times New Roman", Times, serif; color:#9c9c9c; margin-bottom:12px;} .objectVideo .text p{ font-size:12px; line-height:15px;margin-bottom:11px;} .objectVideo .text a{ color:#f6892f; text-decoration:underline;} .objectVideo .row{ margin-bottom:15px;} .objectVideo .related{float:left; width:48.5%} .objectVideo .related ul {position:relative;left:-10px;width:350px !important;} .objectVideo .related li{ float:left; padding-left:3px; padding-bottom:4px;width:159px;height:55px;list-style:none;} .objectVideo .related li img{ float:left;} .objectVideo .related li p.title{margin-left:77px; font: italic normal 12px/13px Georgia, Arial, Helvetica, sans-serif; color:#264097; text-align:left; } .objectVideo .shareVideo{float:right; width:50%;} .objectVideo .shareVideo .row{ padding-left:33px; margin-bottom:3px; line-height:20px;} .objectVideo .shareVideo .row.share{ margin-top:8px;border:none;padding-left:20px;} .objectVideo .shareVideo .row.share li{ margin-left:6px;} .objectVideo .shareVideo label{ float:left; font-size:10px; line-height:20px; color:#676767;} .objectVideo .shareVideo input{ background-color:#ececec; float:right; width:250px; font-size:10px; line-height:20px; height:19px; border:none; color:#6b6b6b;} /* SHARE -----------------------------------------------------------------------------*/ .home .share{ border-top:none; margin:2px 0px 13px 353px;} .home .share p{ margin-right:0px;} .home .share li{ margin-left:6px;} .share{ display:block; clear:both; overflow:hidden; vertical-align:middle; line-height:30px;} .share p{ font: italic normal 11px/30px Georgia, "Times New Roman", Times, serif; color:#7c7c7c; padding-left:4px;float:left;} .share ul li a{ font: normal 10px/21px Arial, Helvetica, sans-serif; color:#7a7a7a; text-decoration:none; vertical-align:middle;} .share img {float:none;} .share ul, .share ul li, .share p{ display:inline;} .share ul {float:left;padding-right:0px;margin-top:3px;} #share_infonomia li {float:left;padding-left:4px;margin-top:3px;} /* PAGINATION -----------------------------------------------------------------------------*/ .pagination{ clear:both; margin:40px -10px 0px -10px; font: italic normal 12px/18px Georgia, "Times New Roman", Times, serif; color:#c8c8c8;} .pagination a{ color:#f6892f;} .pagination a span{ position:relative; left:-9999px;} .pagination ul{ text-align:center;} .pagination ul li{display:inline;} .pagination ul li.ant{ float:left;width:250px;text-align:left;} .pagination ul li.suce{ float:right;width:250px;text-align:right;} *+html .pagination ul li.suce{ position:relative; top:-18px;} .pagination ul li.ant a, .pagination ul li.suce a{ display:block; overflow:hidden; width: 52px; height:18px; background:url(img/bg_fletxes.jpg) 0px 0px no-repeat; text-decoration:none;} .pagination ul li.ant a:hover{ background-position: 0px -18px;} .pagination ul li.suce a{ background-position: -55px 0px; float:right;clear:both;} .pagination ul li.suce a:hover{ background-position: -55px -18px;} /* LOGIN */ #login fieldset {width:226px;height:18px;} #login fieldset label {width:75px;text-align:right;display:block;float:left;font-size:12px;height:12px;} #login fieldset input {width:138px;float:right;text-align:left;height:12px;line-height:1em;} #login div {font-size:.7em;line-height:1em;margin-bottom:4px;} /* COMUNIDAD */ .comunidad #leftMenu {float:left;width:150px;margin-right:20px;} .comunidad h1{ width:347px; height:34px; background:url(img/bg_h1.jpg) -185px 0px no-repeat; overflow:hidden;} .comunidad .content {float:left; width:481px;} .comunidad .content p, .comunidad p {margin-bottom:10px;text-align:justify;} #subspers .line span.taronja {float:right;color:red;} #subspers.registro {position:relative;left:90px;} #subspers .line, #subspers #line_p, #subspers #line_p2 {width:456px;margin-bottom:5px;clear:both;} #subspers .line label, #subspers #line_p label, #subspers #line_p2 label {width:100px;text-align:right;display:block;float:left;margin-right:10px;} #subspers .line label.required, #subspers #line_p label.required, #subspers #line_p2 label.required {color:red;} #subspers .line input, #subspers .line select, #subspers #line_p input, #subspers #line_p select, #subspers #line_p2 input, #subspers #line_p2 select {width:308px;float:left;text-align:left;} #subspers .line select, #subspers #line_p select, #subspers #line_p2 select {width:312px;} #subspers .line input.required, #subspers .line select.required option, #subspers #line_p input.required, #subspers #line_p select.required option. #subspers #line_p2 input.required, #subspers #line_p2 select.required option {color:red;} .radio label {float:left !important;width:auto !important;text-align:left !important;} .empresaperfil2 {color:#ff8a29;font-size:12px;line-height:14px;font-weight:bold;} .redportada {float:left;width:300px;height:118px;background: url(../img/red_perfilbg.jpg) 3px center no-repeat;font-size:12px;overflow:hidden;} .redportada p {color:#8c8a8a;float:right;margin:0px;} .redportada p a {text-decoration:none;color:#ff8a29;} .redportada p a:hover {text-decoration:underline;} .redcontingut {padding:11px;color:#8c8a8a;float:right;width:322px;height:93px;clear:right;position:relative;} .redcontingut p {padding:0px;margin-top:-5px;line-height:1.5em;font-size:12px;margin-bottom:0px;} .redportadaimg {margin-top:8px;float:left;display:block;padding:8px;} .redportadaimg img {width:70px;height:86px;border:3px solid #ffffff;} .redportadatext {color:#8c8a8a;margin-top:16px;padding:4px;float:right;width:190px;display:block;} .redportadatext a {text-decoration:none;color:#ff8a29;} .redportadatext a:hover {text-decoration:underline;} /* infonomista */ .redperfilhead {background: url(../img/red_perfilhead.jpg) top center no-repeat;color:#8c8a8a;height:168px;_margin-left:-10px;} .redperfilhead img {margin:6px 11px 11px 11px;float:left;border:3px solid #fff;} .redperfilhead a {text-decoration:none;color:#ff8a29;} .redperfilhead a:hover {text-decoration:underline;} .redperfilprint {border-bottom:1px dotted #a4a3a3;} .cambiarfoto{float:left;font-size:9px;color:#ff8a29;margin-left:30px;clear:both;} .redperfilhead p {padding:11px;margin-left:130px;padding-top:50px;} .redperfilcontingut form {width:500px;float:left;} .redperfilcontingut {color:#8c8a8a;overflow:visible;position:relative;width:661px;min-height:750px;} .redperfilcontinguts p {padding-bottom:10px;padding-top:10px;font-size:8pt;line-height:1.2em;} .redperfilcontingut p {padding:11px;margin-left:130px;padding-top:20px;font-size:10pt;} .redperfilcontingut p a {color:#ff8a29;} .redperfilcontingut li {list-style:none;} .redperfilcontingut textarea {width:463px;background:#f3f3f4;border:1px solid #cbccce;color:#929292;font-size:1em;font-family:Arial,Verdana,Helvetica,Tahoma;margin-left:9px;padding:4px;} .redperfilfooter input#insperf {background:#f3f3f3;width:60px;font-size:0.8em;color:#8c8a8a;border:0px solid #f3f3f3;float:right;padding-right:11px;padding-top:6px;} .redperfilfooter {background: #f3f3f3;color:#8c8a8a;width:100%;border-top:2px solid white;height:25px;} .redperfilfooter a {text-decoration:none;color:#8c8a8a;} /* IE hack */ .content .blogpost .redperfilhead {width:481px;} #content #contingut #esquerra .blogpost .redperfilhead {width:659px;} .nombreperfil {color:#283d9a;font-size:16px;line-height:20px;font-weight:bold;} .empresaperfil {color:#ff8a29;font-size:14px;line-height:17px;font-weight:bold;} .nombreperfil2 {color:#283d9a;font-size:14px;line-height:18px;font-weight:bold;} .nombreperfil2 a {color:#283d9a;font-size:14px;line-height:18px;font-weight:bold;text-decoration:none;} .nombreperfil2 a:hover {text-decoration:underline;} .nombreperfil3 {color:#283d9a;font-size:11px;line-height:13px;padding: 0px 15px 0px 15px;} .empresaperfil2 {color:#ff8a29;font-size:12px;line-height:14px;font-weight:bold;} .redperfiltema {font-size:1.2em;font-weight:bold;color:#6f6f6f;} .perfil {color:#ff7202;margin:0px;padding:3px;margin-left:11px;font-size:15px;font-weight:bold;} .printmail {float:right;text-decoration:none;color:#8c8a8a;padding:6px;padding-top:0px;font-size:11px;} .printmail a {text-decoration:none;color:#ff7202;margin-right:8px;} .printmail img {padding: 0px 5px 0px 5px;vertical-align:middle;} .blogpeu {border-top:1px dotted #a4a3a3;} /*Tabla de Innovadores*/ #tablared table {width:650px;color:#676767;border-collapse: collapse;font-size:12px;margin-top:40px;clear:both;text-align:left;} #tablared table a {color:#676767;text-decoration:none;} #tablared table a:hover {color:#676767;text-decoration:underline;} #tablared table img {padding-right:5px;padding-top:2px;} #tablared table td {border-bottom:1px dotted #b5b5b5;} #tablared table tr.grisbg {background:#f8f8f8;border-top:1px dotted #b5b5b5;border-bottom:1px dotted #b5b5b5;} #tablared table tr.primer {color:#283d9a;border-bottom:1px solid #283d9a;margin-top:8px;margin-bottom:8px;height:25px;} #tablared table tr.primer td {border-bottom:1px solid #283d9a;} /* Contacta un infonomista */ #contact_form { display:none; padding:20px; width:601px; } #contact_form textarea { width:601px; } #contact_form a {color:#283D9A;} .mapa_info {font-size:80%;line-height:1.2em;}