/* CSS Document */ /***** Global Settings *****/ html, body { border:0; margin:0; padding:0; background:#FFF; } body {font:11px Arial, Helvetica, sans-serif; color:#2a2b2b;} /***** Headings *****/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; } h1 { padding:30px 0 11px 0; letter-spacing:-1px; font-size:24px; color:#0f4e8d; } h2 { padding:20px 0px 0px; letter-spacing:-1px; font-size:1.5em; color:#0f4e8d; } h3 { font-size:1em; font-weight:bold; } /***** Common Formatting *****/ p, ul, ol { margin:0; padding:0 0 1.25em 0;; } p { text-align:left; margin-top: 12px; } ul, ol { padding-top: 0; padding-right: 0; padding-bottom: 0em; padding-left: 2.5em; } ul, li { font: 11px Arial, Helvetica, sans-serif; } img { border:0; } /***** Links *****/ a,a:link,a:visited,a:hover { text-decoration: none; } a { color:#000; font-weight:bold; text-decoration: none; } a:visited { color:#000; text-decoration: none; } a:hover {text-decoration:none; background:#000; color:#FFF;} /***** Forms *****/ form { margin:0; padding:0; display:inline; } input, select, textarea { font:1em Arial, Helvetica, sans-serif; } textarea { line-height:1.25; } label {cursor:pointer;} /***** Tables *****/ table { border:0; margin:0 0 1.25em 0; padding:0; } table tr td {padding:2px;} /***** Clases Globales *****/ .separador { clear:both; } .float-left { float:left; } .float-right { float:right; } .centrado { margin:0 auto; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .bold { font-weight:bold; } .italic { font-style:italic; } .underline { border-bottom:1px solid; } .highlight { background:#ffc; } .nota {background:#cbd1d6; border: 1px dashed #666666; padding:10px;} .img-left { float:left;margin:4px 10px 4px 0; } .img-right { float:right;margin:4px 0 4px 10px; } .nopadding { padding:0; } .noindent { margin-left:0;padding-left:0; } .nobullet { list-style:none;list-style-image:none; } /*******************************************************************/ /* ESTRUCTURA BASICA */ #web { width:901px; margin:0 auto; } #capcalera { position:relative; height:225px;} #cos {} #peu { background:#000; color: #FFF; height:100px; width: 901px; } #submenu {padding:0px;list-style:none;} /*******************************************************************/ /* MENUS SUPERIORS */ #menu-logos { position:absolute; bottom:0px; left:0px; /*width:536px;*/ height:53px; margin: 0px;} #menu-txt { position:absolute; top:0px; left:530px; width:129px; padding-top:15px;} #logo {position:absolute; top:0px; right:0px; width:226px; height:225px;} #menu-logos { list-style:none; padding:0px;} #menu-logos li {float:left;} a#menu-00 {width:166px; height:53px; background:url(../img/menu_00.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden; margin-top:3px;} a#menu-01 {width:136px; height:53px; background:url(../img/menu_01.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} a#menu-02 {width:94px; height:53px; background:url(../img/menu_02.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} a#menu-03 {width:142px; height:53px; background:url(../img/menu_03.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} a#menu-04 {width:164px; height:53px; background:url(../img/menu_04.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} a#menu-00-actiu, a:hover#menu-00 {width:166px; height:53px; background:url(../img/menu_00h.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;margin-top:3px;} a#menu-01-actiu, a:hover#menu-01 {width:136px; height:53px; background:url(../img/menu_01h.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} a#menu-02-actiu, a:hover#menu-02 {width:94px; height:53px; background:url(../img/menu_02h.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} a#menu-03-actiu, a:hover#menu-03 {width:142px; height:53px; background:url(../img/menu_03h.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} a#menu-04-actiu, a:hover#menu-04 {width:164px; height:53px;background:url(../img/menu_04h.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #menu-txt { list-style:none; font-size:11px; padding-left:10px; } /*#menu-txt li a { color:#000000;}*/ /*******************************************************************/ /* IDIOMAS */ #idiomas {list-style:none; padding:2px 0px 0px 0px; margin:0px; height:20px; width:901px;} #idiomas li {float:right; margin-left:10px;} #idiomas li a {text-decoration:none;} #idiomas li a:hover { text-decoration:none; } #idiomas li a.idioma-actiu {color:#b3b3b3;} /*******************************************************************/ /* BETULAALBA */ #betulaalba #capcalera { background:url(../img/betulaalba_flors.gif) top left no-repeat;} #betulaalba #cos {background:#e2e2d0;} #betulaalba #col_esquerra {width:226px; float:left} #betulaalba #col_dreta { width:674px; background:url(../img/betulaalba_fons.gif) bottom right no-repeat #c7bd9a; min-height:500px; float:left;} #betulaalba.betulaalba-instalacions #col_dreta {background:#8c765a;} #betulaalba.betulaalba-localitzacio #col_dreta {background:#e65a15; min-height:0px;} #betulaalba.betulaalba-contactar #col_dreta { width:674px; background:url(../img/betulaalba_fons-contactar.gif) bottom right no-repeat #bf5d12; min-height:500px; float:left;} #betulaalba.betulaalba-contactar #col_dreta_inf { margin-left: 3px; margin-top: 304px; margin-bottom: 10px;} #betulaalba #titular {background:url(../img/betulaalba_titol.gif) top left no-repeat #C7BD9A; height:54px;} #betulaalba #contingut { font-size:11px; color:#000; line-height:140%; min-height: 200px; padding-bottom: 20px;} #betulaalba #text { padding: 15px;} #betulaalba a {text-decoration:none;} #betulaalba.betulaalba-contactar #contingut { padding:15px;} #betulaalba.betulaalba-instalacions #contingut #col-a {width:175px; float:left; padding:25px;} #betulaalba.betulaalba-instalacions #contingut #col-b {width:449px; height:329px; float:left; } #betulaalba #contingut #banda-esquerra { width:400px; padding-left:16px; float:left;} #betulaalba #contingut #banda-dreta { width:190px; padding-top:25px; float:right;} #betulaalba.betulaalba-localitzacio #contingut { background:#FFF; margin:6px; height:386px;} #betulaalba #peu-cos {background:url(../img/betulaalba_peu.gif) top left no-repeat; height:81px;} #betulaalba_sub-01 a {width:226px; height:54px; background:url(img/betulaalba_opc1.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #betulaalba_sub-02 a {width:226px; height:57px; background:url(img/betulaalba_opc2.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #betulaalba_sub-03 a {width:226px; height:57px; background:url(img/betulaalba_opc3.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #betulaalba_sub-04 a {width:226px; height:57px; background:url(img/betulaalba_opc4.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #betulaalba_sub-01 a.subactiu, #betulaalba_sub-01 a:hover {background:url(img/betulaalba_opc1h.gif) top left no-repeat;} #betulaalba_sub-02 a.subactiu, #betulaalba_sub-02 a:hover {background:url(img/betulaalba_opc2h.gif) top left no-repeat;} #betulaalba_sub-03 a.subactiu {background:url(img/betulaalba_opc3hh.gif) top left no-repeat;} #betulaalba_sub-03 a:hover {background:url(img/betulaalba_opc3h.gif) top left no-repeat;} #betulaalba_sub-04 a.subactiu {background:url(img/betulaalba_opc4hh.gif) top left no-repeat;} #betulaalba_sub-04 a:hover {background:url(img/betulaalba_opc4h.gif) top left no-repeat;} #subsubmenu {list-style:none; display:block; padding:0px; height:56px;} #subsubmenu li {float:left;} #betulaalba_sub_sub-01 a {width:224px; height:56px; background:url(img/betulaalba_instalacions-opc1.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #betulaalba_sub_sub-02 a {width:225px; height:56px; background:url(img/betulaalba_instalacions-opc2.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #betulaalba_sub_sub-03 a {width:225px; height:56px; background:url(img/betulaalba_instalacions-opc3.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #betulaalba_sub_sub-01 a.subsubactiu, #betulaalba_sub_sub-01 a:hover {background:url(img/betulaalba_instalacions-opc1h.gif) top left no-repeat;} #betulaalba_sub_sub-02 a.subsubactiu, #betulaalba_sub_sub-02 a:hover {background:url(img/betulaalba_instalacions-opc2h.gif) top left no-repeat;} #betulaalba_sub_sub-03 a.subsubactiu, #betulaalba_sub_sub-03 a:hover {background:url(img/betulaalba_instalacions-opc3h.gif) top left no-repeat;} /*******************************************************************/ /* GENKI */ #genki a {text-decoration:none;} #genki #capcalera {background:url(../img/genki_flors.gif) top left no-repeat;} #genki #cos {background:#4095cd;} #genki #col_esquerra {width:222px; float:left} #genki #col_dreta { width:679px; background:url(../img/genki_fons.gif) bottom right no-repeat #0071bc; min-height:320px; float:left;} #genki.genki-activitats #col_dreta, #genki.genki-serveis #col_dreta {min-height:0px;} #genki #titular { height:111px; background-image: url(../img/genki_titol.gif); background-repeat: no-repeat; background-position: 15px top; } #genki #contingut { padding:25px 25px 0px 25px; color:#FFF; padding-right:200px; min-height: 200px; margin-bottom:20px;} #genki.genki-activitats #contingut, #genki.genki-serveis #contingut {background:#0064a6; margin-top:4px;} #genki #col_dreta {position:relative;} #genki #col_dreta #naturabisse {position:absolute; top:15px; right:18px;} #genki #col_dreta #naturabisse a:hover {border:none; background:none;} #genki #contingut h1 {color:#FFF; padding:0px 0px 10px 0px;} #genki #submenu { padding-top:115px; background:#0071bc;} #genki #peu-cos { height:200px; } #genki.genki-activitats #peu-cos { height:200px;} #genki.genki-serveis #peu-cos { height:200px; } #genki_sub-01 a {width:222px; height:56px; background:url(img/genki_opc1.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #genki_sub-02 a {width:222px; height:56px; background:url(img/genki_opc2.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #genki_sub-01 a.actiu, #genki_sub-01 a:hover {background:url(img/genki_opc1h.gif) top left no-repeat;} #genki_sub-02 a.actiu, #genki_sub-02 a:hover {background:url(img/genki_opc2h.gif) top left no-repeat;} #genki_sub-03 a {width:222px; height:56px; background:url(img/genki_opc3.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #genki_sub-03 a.actiu, #genki_sub-03 a:hover {background:url(img/genki_opc3h.gif) top left no-repeat;} #genki_sub-04 a {width:222px; height:56px; background:url(img/genki_opc4.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #genki_sub-04 a.actiu, #genki_sub-04 a:hover {background:url(img/genki_opc4h.gif) top left no-repeat;} /*******************************************************************/ /* LA TABOLA */ #latabola a {text-decoration:none;} #latabola #capcalera {background:url(../img/latabola_flors.gif) top left no-repeat;} #latabola #cos {background:#c7b299; width:901px; float:left;} #latabola #col_esquerra {background:#754c24; float:left; } #latabola #col_dreta { width:680px; background:url(../img/latabola_fons.gif) top right no-repeat #754c24; min-height: 590px; float:right;} #latabola #col_dreta2_fosc { width:680px; float:right; } /* hack con * para internet explorer */ #latabola #col_esquerra {*background:#754c24; } #latabola #col_dreta { *width:680px; *background:url(../img/latabola_fons.gif) top right no-repeat #754c24; *min-height:520px; *height:520px; *float:right; *padding-top: 101px;} /*#latabola #titular {background:url(../img/genki_titol.gif) top left no-repeat; height:111px;}*/ #latabola #contingut { padding:25px 25px 0px 25px; color:#FFF; margin-top:100px; padding-right:200px; min-height: 200px; } /* #latabola #contingut { padding:25px 25px 0px 25px; color:#FFF; margin-top:100px; width:667px; min-height: 200px; padding-bottom: 20px; } */ #latabola #contingutBuit { width:667px; min-height: 115px; } #latabola #contingutInferior { padding:25px 25px 0px 25px; color:#FFF; background-color: #754c24; } #latabola #contingut h1 {color:#FFF; padding:0px 0px 10px 0px;} #latabola #submenu { padding-top:115px; background:#754c24;} #latabola #peu-cos { height:200px;} #latabola #peu-cos-galeria { height:81px; background:#C7B299} #latabola.latabola-carta #peu-cos { height:200px; } #latabola.latabola-especial #peu-cos { height:200px;} #latabola_sub-01 a {width:221px; height:54px; background:url(img/latabola_opc1.jpg) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #latabola_sub-02 a {width:221px; height:55px; background:url(img/latabola_opc2.jpg) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #latabola_sub-03 a {width:221px; height:55px; background:url(img/latabola_opc3.jpg) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #latabola_sub-04 a {width:221px; height:54px; background:url(img/latabola_opc4.jpg) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #latabola_sub-05 a {width:221px; height:55px; background:url(img/latabola_opc5.jpg) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #latabola_sub-06 a {width:221px; height:55px; background:url(img/latabola_opc6.jpg) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #latabola_sub-07 a {width:221px; height:55px; background:url(img/latabola_opc7.jpg) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #latabola_sub-01 a.subactiu, #latabola_sub-01 a:hover {background:url(img/latabola_opc1h.jpg) top left no-repeat;} #latabola_sub-02 a.subactiu, #latabola_sub-02 a:hover {background:url(img/latabola_opc2h.jpg) top left no-repeat;} #latabola_sub-03 a.subactiu, #latabola_sub-03 a:hover {background:url(img/latabola_opc3h.jpg) top left no-repeat;} #latabola_sub-04 a.subactiu, #latabola_sub-04 a:hover {background:url(img/latabola_opc4h.jpg) top left no-repeat;} #latabola_sub-05 a.subactiu, #latabola_sub-05 a:hover {background:url(img/latabola_opc5h.jpg) top left no-repeat;} #latabola_sub-06 a.subactiu, #latabola_sub-06 a:hover {background:url(img/latabola_opc6h.jpg) top left no-repeat;} #latabola_sub-07 a.subactiu, #latabola_sub-07 a:hover {background:url(img/latabola_opc7h.jpg) top left no-repeat;} /*******************************************************************/ /* SALUTIS */ #salutis a {text-decoration:none;} #salutis #capcalera {background:url(../img/salutis_flors.gif) top left no-repeat;} #salutis #cos {background:#d4eab7; width:901px; } #salutis #col_esquerra {width:222px; float:left} #salutis #col_dreta { width:679px; background:url(../img/salutis_fons.gif) bottom right no-repeat #a1c447;; min-height:317px; float:right} /* hack con * para internet explorer */ #salutis #col_esquerra {*width:220px; } #salutis #col_dreta { *width:678px; } #salutis #titular {background:url(img/salutis_titol2.gif) top left no-repeat; widht:394px; height:205px;} #salutis.salutis-dirigit #titular, #salutis.salutis-serveis #titular, #salutis.salutis-professionals #titular {background:url(../img/salutis_titol.gif) top left no-repeat; widht:679px; height:113px;} #salutis #contingut { padding:25px 25px 0px 25px ;min-height: 200px; padding-bottom: 20px;} #salutis #contingut.contingut-estret {width:400px;} #salutis.salutis-dirigit #contingut, #salutis.salutis-serveis #contingut, #salutis.salutis-professionals #contingut { background:#83ac2c; margin-top:2px;} #salutis.salutis-dirigit #contingut h1, #salutis.salutis-serveis #contingut h1, #salutis.salutis-professionals #contingut h1 {color:#000000; padding:0px 0px 10px 0px;} #salutis #submenu { padding-top:115px; background:#a1c447;} #salutis #peu-cos { height:200px;} #salutis.salutis-dirigit #peu-cos { height:200px;} #salutis.salutis-serveis #peu-cos {height:200px;} #salutis.salutis-professionals #peu-cos {height:200px;} #salutis_sub-01 a {width:223px; height:55px; background:url(img/salutis_opc1.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #salutis_sub-02 a {width:223px; height:53px; background:url(img/salutis_opc2.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #salutis_sub-03 a {width:223px; height:56px; background:url(img/salutis_opc3.gif) top left no-repeat; display:block; text-indent:-200px; overflow:hidden;} #salutis_sub-01 a.subactiu, #salutis_sub-01 a:hover {background:url(img/salutis_opc1h.gif) top left no-repeat;} #salutis_sub-02 a.subactiu, #salutis_sub-02 a:hover {background:url(img/salutis_opc2h.gif) top left no-repeat;} #salutis_sub-03 a.subactiu, #salutis_sub-03 a:hover {background:url(img/salutis_opc3h.gif) top left no-repeat;} /*******************************************************************/ /* EXPERIENCIES */ #experiencies a {text-decoration:none;} #experiencies #capcalera {background:url(../img/experiencies_flors.gif) top left no-repeat;} #experiencies #cos {background:#FFF; margin-top:10px;} #experiencies #cosImatge {background:#FF0 ; width: 905px; margin-top:10px; background:url(../img/home_fons.gif) bottom no-repeat ; float:left; min-height:420px;} #experiencies #col_esquerra {width:550px; float:left;} #experiencies #col_dreta { width:226px; float:right;} #experiencies #contingut {/*Aqui formatare el texte*/} #experiencies #col_esquerra div.noticia h1 {font-size:19px; text-transform:uppercase; color:#b2b2b2;} #experiencies #col_dreta h1 {text-transform:uppercase; font-size:16px; color:#000;} #historic { list-style:none; padding:0px; font-size:11px;} #historic li {padding-bottom:11px;} #historic li a {/*color:#000;*/ text-transform:uppercase; text-decoration:none;} /*******************************************************************/ /* NOTICIES */ #noticies #capcalera {background:url(../img/experiencies_flors.gif) top left no-repeat;} #noticies #cos {background:#FFF; margin-top:10px; background:url(../img/entrada_fons_hemeroteca.gif) top right no-repeat; min-height:675px;} #noticies #col_esquerra { width:650px; float:left; } #noticies #col_dreta { width:220px; float:right;} #noticies h1 { font-size:18px; color:#999999; padding:11px 0px; } #noticies h2 {font-size:30px; color:#a0a0a0; font-weight:normal; padding:0px; margin-bottom:10px;} /*#noticies img {display:block; margin:0 auto;}*/ #noticies img.titol {display:inline;} #noticies p {margin-top:1em; font-size:11px;} #noticies a {text-decoration:none;} #noticies a:hover { text-decoration:none; color: #FFFFFF; background-color: #000000; } #noticies a.aTituloListado {text-decoration:none;} #noticies a.aTituloListado:hover { text-decoration:none;} #noticies a.aTituloListado:link {text-decoration:none;} #noticies a.aTituloListado:active { text-decoration:none;} #noticies a.aTituloListado:visited {text-decoration:none;} #hemeroteca {padding-left:0px; padding-top:50px;} #hemeroteca h3 {font-size:16px; color:#000; font-weight:bold; padding:0px; margin-bottom:10px;} #hemeroteca ul {list-style:none; padding:0px;} #hemeroteca ul li {padding-bottom:10px;} #hemeroteca ul li a {text-transform:uppercase; font-size:11px;} /*******************************************************************/ /* ENTRADA */ #entrada #capcalera {background:url(../img/experiencies_flors.gif) top left no-repeat;} /*#entrada #cos {background:#FFF ; margin-top:10px; background:url(../img/home_fons.gif) bottom ; min-height:420px; }*/ #entrada #cos {background:#FFF; margin-top:10px;} #entrada #cosImatge {background:#FF0 ; width: 905px; margin-top:10px; background:url(../img/home_fons.gif) bottom no-repeat ; float:left; min-height:420px;} #entrada #col_esquerra {width:500px; float:left; padding-left: 2px; } #entrada #col_dreta { width:226px; float:right; } /* #entrada #col_dreta { width:679px; background:url(../img/salutis_fons.gif) bottom right no-repeat #a1c447;; min-height:317px; float:left;} */ #entrada h1 {font-size:19px; text-transform:uppercase; color:#333333; font-weight:normal; padding:11px 0px;} #entrada h2 {font-size:17px; color:#a0a0a0; font-weight:normal; padding:0px; margin-bottom:10px;} #entrada img {} #entrada p {margin-top:1em; font-size:11px;} #entrada a {text-decoration:none;} #entrada a:hover { text-decoration:none; } #entrada #col_dreta h1 {border-bottom:1px dotted #999;} #entrada #col_dreta ul {list-style:none; padding:0px;} #entrada #col_dreta ul li {border-bottom:1px dotted #999; padding:10px 0px;} #entrada #col_dreta fecha { color:#b3b3b3; display:block; font-size:11px;} #entrada #col_dreta a.fecha { color:#b3b3b3; display:block; font-size:11px;} #entrada #col_dreta a:hover.fecha {color:#FFF; text-decoration:none;} #entrada #col_dreta contingut-agenda { color:#808080; display:block; font-size:11px;} #entrada #col_dreta a.contingut-agenda {color:#808080;} #entrada #col_dreta a:hover.contingut-agenda {color:#FFF;} #entrada #col_dreta div.divSubtituloListadoAgenda { color:#808080; display:block; font-size:11px;} #entrada a.aTituloListado {text-decoration:none;} #entrada a.aTituloListado:hover { text-decoration:none;} #entrada a.aTituloListado:link {text-decoration:none;} #entrada a.aTituloListado:active { text-decoration:none;} #entrada a.aTituloListado:visited {text-decoration:none;} #entrada div.entrada-noticia {margin-bottom:30px;} #entrada div.entrada-noticia div.foto-entrada {width:220px; float:left;} #entrada div.entrada-noticia div.contingut-entrada {width:220px; float:left;} #entrada div.entrada-noticia div.contingut-entrada h1, #entrada div.entrada-noticia div.contingut-entrada h2 {font-size:17px; color:#000; padding:0px; margin:0px;} #hemeroteca ul li a {text-transform:uppercase; font-size:11px;} /*******************************************************************/ /* NOTICIAS, APLICAICONES DINAMISCAS */ .divTituloListado { padding-left: 0px; padding-right: 10px; padding-top: 1px; padding-bottom: 1px; } .imagenes { } .divSubtituloListado { font-family: Arial, Tahoma, Helvetica, SansSerif; color: #000000; padding-left: 0px; padding-right: 10px; margin-top: 0px; margin-bottom: 6px; font-size: 11px; } .descargarFoto, a.descargarFoto, a.descargarFoto:hover, a.descargarFoto:link, a.descargarFoto:visited { font-size: 10px; } .textContingut { padding-right: 15px; } /*******************************************************************/ /* Correccions 21-07 */ #contingut #banda-dreta {margin-top:-25px;}