<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Pressupostos 2011</title> <META NAME="Description" CONTENT="..."> <META NAME="Keyword" CONTENT="..."> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="shortcut icon" href="" type="image/x-icon" /> <style type="text/css"> *{padding:0px; margin:0px;} body{background:#FFFFFF; } a{color:#990000;} img{margin:auto} h3{margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; } .cos{ margin-top: 0px; margin-bottom: 0px; margin-left: 10%; margin-right:9%; } .boxflash{width: 600px; height: 200px; margin-top: 0px; margin-bottom: 0px; } .boxgrid{ width: 200px; height: 200px; margin: 0px; float:left; background:#161613; overflow: hidden; position: relative; } .boxgrid img{ margin:auto; position: absolute; top: 0px; left: 0px; border: 0; width: 200px; height: 200px; } .boxgrid p{ padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; } .boxcaption{ float: left; position: absolute; background: #000; height: 200px; width: 100%; } .captionfull .boxcaption { top: 260; left: 0; } .caption .boxcaption { top: 220; left: 0; } .boxcaption1 { float: left; position: absolute; background: #000; height: 100px; width: 100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } </style> <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.js"></script> <script type="text/javascript"> $(document).ready(function(){ //To switch directions up/down and left/right just place a "-" in front of the top/left attribute //Vertical Sliding $('.boxgrid.slidedown').hover(function(){ $(".cover", this).stop().animate({top:'-250px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:300}); }); //Horizontal Sliding $('.boxgrid.slideright').hover(function(){ $(".cover", this).stop().animate({left:'250px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({left:'0px'},{queue:false,duration:300}); }); //Diagnal Sliding $('.boxgrid.thecombo').hover(function(){ $(".cover", this).stop().animate({top:'250px', left:'250px'},{queue:false,duration:300}); }, function() { $(".cover", this).stop().animate({top:'0px', left:'0px'},{queue:false,duration:300}); }); //Partial Sliding (Only show some of background) $('.boxgrid.peek').hover(function(){ $(".cover", this).stop().animate({top:'90px'},{queue:false,duration:160}); }, function() { $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:160}); }); //Full Caption Sliding (Hidden to Visible) $('.boxgrid.captionfull').hover(function(){ $(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160}); }, function() { $(".cover", this).stop().animate({top:'250px'},{queue:false,duration:160}); }); //Caption Sliding (Partially Hidden to Visible) $('.boxgrid.caption').hover(function(){ $(".cover", this).stop().animate({top:'160px'},{queue:false,duration:160}); }, function() { $(".cover", this).stop().animate({top:'220px'},{queue:false,duration:160}); }); }); </script> <script type="text/javascript" src="jquery-1.2.6.pack.js"></script> </head> <body> <div class="cos"> <img src="Pressupostos.jpg"><img src="Indice_inicial_rojo.jpg" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="15,55,44,80" href="p1.html"> <area shape="rect" coords="16,85,43,110" href="p2.html"> <area shape="rect" coords="16,114,43,140" href="p3.html"> <area shape="rect" coords="45,54,588,83" href="p1.html"> <area shape="rect" coords="44,85,541,111" href="p2.html"> <area shape="rect" coords="43,115,546,140" href="p3.html"> </map> <div class="boxflash"> <div class="boxgrid slidedown"> <img class="cover boxcaption" src="./pictos/p0_1_trama.jpg"/> <h3>Inversions</h3> <p>La inversi prevista permet complir amb els compromisos en equipaments, com el nou camp de futbol o la piscina municipal.<br/> <a href="http://nou.cornellaweb.com/files/contenidos/Pressupostos/paginespdf/280pag_06.pdf" onclick="this.target='_blank'">Ms Informaci</a></p> </div> <div class="boxgrid slidedown"> <img class="cover boxcaption" src="./pictos/p0_2_trama.jpg"/> <h3>Consolidaci</h3> <p>El pressupost municipal s gaireb idntic al de l'any anterior, encara que el consolidat -de tota la corporaci- es queda en 116 milions d'euros.<br/><a href="http://nou.cornellaweb.com/ca/NotaDePremsa57.asp" onclick="this.target='_blank'">Ms Informaci</a></p> </div> <div class="boxgrid slidedown"> <img class="cover boxcaption" src="./pictos/p0_3_trama.jpg"/> <h3>Optimitzar recursos</h3> <p>Els pressupostos estan marcats per la contenci i l'optimitzaci dels recursos disponibles.<br/><a href="http://nou.cornellaweb.com/files/contenidos/Pressupostos/paginespdf/280pag_04.pdf" onclick="this.target='_blank'">Ms Informaci</a></p> </div> </div> </div> </body> </html>