MENÚ

menúseguretat

<table background="URL de la imagen" border="0" cellpadding="4">
<tbody><tr><td><div class="menudesplegable"><a class="main"><img src="http://png.findicons.com/files/icons/2118/nuvola/32/edu_languages.png" />comunicació i representació</a><div class="sub first">
<img src="" /><a href=""><p><span>______________________________</span>
</p></a><div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil97cSOrZQfcnbiOEAlCA7MLCKRjfuleOez8Wy2ZCaLOckfvX5hD8_UZFfra2zlcDWnsvgTdUKcO81iQJ22jpLRX7RBIUxcLEtEenTuCuJwf926RW5iUoJZI5-CWnJq_LB9R95Dnzv36Q/s128/Evernote%20(Alt).png" /><a href="http://2icolavem.blogspot.com.es/2013/02/contes.html
"><p><span>...Contes</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKWOrQpYYmYPbIuA893aAmLl7JhyphenhyphenTqdjkberAY5HAkx68S8Ce3uKOXmUlySnjyG0a1jNM6IsGAAVW89JMdaknl4AuWZ8ReQOSJ1-o2os7Udm-lrj39aha4hc3vyIP709XJtyopPga1LyI/s72/Music2%20(3).png" /><a href="http://2icolavem.blogspot.com.es/2013/02/cancons.html"><p><span>...Cançons</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwTIm-4DWMAflt32EqHFqi3kkpQpH6_w5a-LQPA5JTtsm3AHNaArd61PvkoIbZ91JvKjM7YnDKFJMGEqZDdejl-CiBzg7FLL8Cx2dHBwHl87OQXR3ZvEvnBad2wkQqIXsnF4fT91GEco4/s72/Music2%20(1).png" /><a href="http://2icolavem.blogspot.com.es/2013/02/canciones.html"><p><span>...Canciones</span>
</p></a><div class="sub odd last"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvbk8O4BaQ0MlZhl8XsKkBkfzFHhNQZS6Mi9UStD5TXSEYLq1d6k1wxzIn-WmOciRBLUC0aChvqlrxbQ8twcQF7htvoD6qX-bW_nxbnMryDE7k0iRidUIol7WBEhKphM0geFLcRaT3OA8/s72/Music2.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/cancons-angles.html"><p><span>...Songs</span>

<div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKYQIZISKBiPzqfmModPddDTPL63eivW_ZKt8l7Q4HO6EUMg2WRUoZKfy51-b-wHi2d6aPK3OrDMtnmG490GnegLKDf4C9v0yNN5LzBmS8X6s2WuiysdHWDTWMzVS6v2qNEFion166V9Q/s72/music%20(1).png" /><a href="http://2icolavem.blogspot.com.es/2013/03/musica.html"><p><span>...Música</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9WwBBr0MNHidC7jz12PI-X3DP3G2xyAaDeoQC3w5iUYvyLni6kloyUZXHLruO4KvsUe1j09q9zWC0S7upYn00dg3D9d7pQh7VvQWRqkvtuulGPk7xBCI_0PIaAUmHM5iWTgLvGgQR4z4/s72/Trumpet.png" /><a href="http://2icolavem.blogspot.com.es/2013/05/instrumentos-de-musica.html"><p><span>...Instruments</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwBslOTj65geG58zJ6BpcwVAkCAV0IQv6G66hWnNoq_pBU_NlU5iw59Me1Uo4ThM12sf-K7hyphenhyphenro7-RsKy_ymnMXzyKgdU7dYoLlZ3g-ipf85fTqYaKWQj4eFPjzMUnOHBSPpUo_Fvr_fo/s72/sound.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/sons.html"><p><span>...Sons</span>
</p></a><div class="sub odd last"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6hY69J9qVi0lX7GgK5JH3tm-dp22VMqOJiQCw8J-edc_QYgZ-eYRR_HCoUdCWHk6RJNCU76eTlmWat-J_wuiqQ58wCUnthE-E_PVclA42L8kgH1fdUdKyfc05n9uXmwR3egslXjulFlI/s72/aeiou.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/05/les-vocals.html"><p><span>...Vocals</span>
<div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjThREOi82X9tWCQ1SJqV-dldHhLP9t5nLqtx8UMYX9lB4ns_dOlft2tn_nJ6XMIL8xwicWn8v0GaMrqsxNS_jL1kkK_RwS81AhG4HufcVdefKCWwpJsX8OQQeC8JHsCEZ61lASYTHRmaY/s72/Google%20Talk.png" /><a href="http://2icolavem.blogspot.com.es/2013/04/refranys.html"><p><span>...Dites populars</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0T1X0vPGrOROvLw-NOKSh8oCotKE5RxJuNtGKoVgGFTu8ux8qrncESN7E73qTd8phq5PMZaG0-ZXNIlGF_WMtTCnE7uzuNiaQvty8DWnZ8IuTvNb5_A2Rr0EVtweRTQHTuVAhqGQnx64/s72/purplestyle-02-talk.png" /><a href="http://2icolavem.blogspot.com.es/2013/05/endivinalles.html"><p><span>...Endivinalles</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_l2HtKTaEGu0iTg_DxxWaJuwiqCJtwn8gj68VdR3ArJrq40qcA0T6OzumN-DGfgUbfYm4Z1k06hKxGXcqGtRprUXdWcF22xSNx7BEMxfiGpfcJZIkrhsPPT_yOlMfzVEtoq07cNaq5s/s72/uk.png" /><a href="http://2icolavem.blogspot.com.es/2013/05/english.html"><p><span>...English</span>
</p></a><div class="sub odd last"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwI_eOgYWuCJOAotaXaIUR8VbKRJk_YC8w2HzUIZpqXlaoB3GWYPfm4l3cduXdxHdjcceqIwSWO3yka7yGn97tFKlxzQvxTK3KBiL9s89naYDPOv5zCK06VRVS8_yOmTd7R4Wa2DTq7YY/s72/bag.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/05/de-tot-un-poc.html"><p><span>...De tot un poc</span>

</p></a></div></div></div></div></p></a></div></div>

<style type="text/css">

.menudesplegable {width:260px; height:22px; margin:2 auto 50px auto; position:relative; z-index:100;
-webkit-perspective:400px;
-moz-perspective:400px;
perspective:400px;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}

.menudesplegable div {position:absolute; padding:2px;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
top:100%; left:0; width:255px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}

.menudesplegable .odd {background:#ddd;
-moz-transform:rotateX(-180deg);
-webkit-transform:rotateX(-180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.menudesplegable .even {background:#eee;
-moz-transform:rotateX(180deg);
-webkit-transform:rotateX(180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.menudesplegable .first {background:#ddd;
-moz-transform:rotateX(-100deg);
-webkit-transform:rotateX(-100deg);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.menudesplegable .last {box-shadow:0 10px 10px -2px rgba(0,0,0,0.3); border-radius: 0 0 10px 10px;}
.menudesplegable:hover .sub {
-moz-transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
}

.menudesplegable .sub img {display:block;float:left; padding:0 2px 2px 0;}
.menudesplegable .sub p {font: normal 12px , sans-serif; color:#000 !important; padding:0; margin:0;}
.menudesplegable .sub p span {display:block; font: bold 15px century gothic, sans-serif; color:#ea0 !important;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, -1px 1px 2px #000000;}
.menudesplegable .sub p a {text-decoration:none;font: normal 8px/10px arial, sans-serif; color:#09c !important;}
.menudesplegable .sub p a:hover {text-decoration:none;}
.menudesplegable a.main {display:block; font: bold 16px century gothic, sans-serif;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, -1px 1px 2px #000000; text-align:center; text-decoration:none;cursor:pointer; color:#ffffff !important; border-radius:10px 10px 0 0; position:relative; z-index:100;border:20px solid #000000;
background-image: linear-gradient(bottom, rgb(96,138,7) 16%, rgb(0,0,0) 58%);
background-image: -o-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -moz-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -webkit-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -ms-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(45,128,38)),
    color-stop(0.58, rgb(25,73,20))
);
}
.menudesplegable a.main:hover {opacity:0.7;}
</style></div></div></p></a></div></div></div></div></div></div></td>
<td><div class="menudesplegable"><a class="main"><img src="http://png-5.findicons.com/files/icons/363/fish_toys/32/redfish.png" />Coneixement de l'entorn</a>
<div class="sub first"><img src="" /><a href=""><p><span>______________________________</span>
</p></a><div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj434iU_Ec3casEDzplv1Z_82HqBNohqejAuaN03RJ9-uh2de14-a4bH1Ju3th78Um_mp46AnRceJbeTnRRg4f9GpPiiMg3znTemOhYlG6tDJQ-39eA3NlstMUK8r864UavVG44QxUdtdw/s128/Season_Autumn.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/tardor.html"><p><span>...La tardor</span>
</p></a><div class="sub odd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg67Gu2OY3wb5S6irNRqSUja45pUlbNTbC_m5ovkI9nqx5Ms31wrHLa4ETSorC6-16c9g9T7gnDghjIPz8aTotSbxcpX0So8vBPuaJIozJgJWUh9b7WMT8yZiBC6Pa4Uew6Fd2Z2SMpYHY/s128/Season_Winter.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/hivern.html"><p><span>...L'hivern</span>
</p></a><div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwaB6hgL_PkWJ3aEQzhdqFHcv4PKTX9G0dFtjlCANEdTV7LD4OPn5_5Ha68uIzDvgFiMXbmaTEGwl9VDWDhiuiKHA5XSPRpXnnM_aMItC1EMfNvDxHVUJ2uTjnuTxXut1VGtQ4WC62cyU/s128/Season_Spring.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/primavera.html"><p><span>...La primavera</span>
</p></a><div class="sub odd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7sd4MS-O6o1omthyD-PQD3dxKOJLruvxuV7neK2sdwGlsMev8XRPBrypmnkdsGEteORwKJiEHEgUYf5s8EslDeExAkd93731uDCTbNUlGxgzFqscc59vbhRZooZKu9EP0j-5xiOC2Bx4/s72/Season_Summer.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/estiu.html"><p><span>...L'estiu</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVFDIsXsU8NQDdLbvKX93Kscpg3V4GlIqobBYo2oN6w00xr-nX8rvPdHngj9SGI-UVrhy2uXmmvGFAAjERiVNPLZlsNjUTu2uyMcmZpyE_39BlTCie_FnnT-_IFFrn1LvynakaISrODAM/s72/bee.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/animals.html"><p><span>...Els animals</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPaYuM4yNnyU0wKePFsp2eT-ZcAcQcoY_SSZym7Vhfhoxvgks5NzbExty713TSarHq6H5KJ_2PejYlW2HNAPkQ4WdLqwkYerd3xY_xV2lUjl0pO9gal_iF93-T2YMjP-8qaAjpf8VP8aM/s72/G12_Flowerpot_Plant.png" /><a href="http://2icolavem.blogspot.com.es/2013/05/les-plantes.html"><p><span>...Les plantes</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4k0RKaWcmHXWLettt1lcew_ngFvRA8qhk4StN44fOEI8ZDGhrxu0bawaFkgDessM1ObehpnUglp_ihQBC1agNsr8rCn66QB35ZKhX2NtbJij8upWYsALcfO2tmVNcPqgyCW5Y-0EYM30/s72/DAF%20Tipper%20Container%20Truck.png" /><a href="http://2icolavem.blogspot.com.es/2013/03/mitjans-de-transport.html"><p><span>...Els transports</span>
<div class="sub odd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ-U1tJ7wGNhEDHpLV7asiFyzEKXuZc8gOHTiSjSUJ-BaXCiTqy8K8wFMwI0o9baKqXut5_kiCP9wr0jvC3wU_wk7veHacBfQf7-xQr2M_8UaFptJ4vf7xy8jPOPMuA5F1fkcNWtpvOfM/s72/Courses.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/el-collegi.html"><p><span>...El col•legi</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp8SZAhDslSSBqLFYmJXpfI4jV7kD3Y3VP1SfpgElgKGcfcocCmJsYQVzKUaUAi9NsKRzKqve9h_LLwCXYb1a1GF1tcV5hcZRNxrr82c4GI6Pk22hnXDQrNjiOUmY0jS9HrpSHAjDPUvU/s72/christmas_tree_cookie.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/el-nadal_24.html"><p><span>...El nadal</span>
<div class="sub odd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHql_niOOu8NN2q4dDU0cYlKB3VJgun_KlW-iO72YACiYULoPmpTY6_KCQlyOD8Rco3mOGx6MP2XW88Wd5oNaXUmp7yrG-S9iaUa1zAeixVWlOffnSNSUNmjMDGFq73t-UBCVwpFea4E/s72/house.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/la-casa.html"><p><span>...La casa</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvb0QweGE3hAZU_zmogVwen1ISj2F588StF2tGgPDEby-WSHf8opm2H-hF5xg0K9h6oOeEcjlUzv7m09-BvEGglzuYRnoQJmOoXW1UKK-cnpramPUW3t1l_sZJ-0DG03TslZxuluCc8Vs/s72/City.png" /><a href="http://2icolavem.blogspot.com.es/2013/03/carrer.html"><p><span>...El carrer</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ilXDtIhL9_HsX7KbbYqCZDYZCBM_2WFpV5IoZZ0kEjUMEdUTI_k9dtjxMd_8Rgdo-ddOXD_ekh6yDBshhlDi7GCfcCqSM7KL6ia7OeiNHuOnlfGAz9LnFA4QRh0n5JtzGUPcGipRqhQ/s72/family.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/la-familia.html"><p><span>...La familia</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1iYOvbN0VMi9eUbfpm_QGgg30g1tAtG5cN3pAFzGm1MGD_PGSOALUAUVCfgDe566SW7PDen8W_ltEwV7ptKXp8MRteTTBBMkJbOoDEMSCrm3R-dkVX9oGoyTZTt4iaxFbVZjXvc-OUG4/s72/shapes.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/formes.html"><p><span>...Formes</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9GdmJSnwL8xXyl2Lv5axqm1QIfSbzr9nDvVoT2F0iVHc4QHiCpX40ZUwJklFI9ul-TEbeHzeNnhCdixN-mxiv2kesHfeb34_nhierCCJzD7aiR867nJmwzM8uw0PNb5JiaVgqyHWOOg/s72/rainbow.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/colors.html"><p><span>...Colors</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrz74TiuCmsWxlB_8RLADG1T7FYcuLT9RQcr8znmhPt182VOrtBed1Ax9GVPfdv4lZ6tXVeW7O7_X8So3OAd6zNiFk0xruC5JSYWZUvLFffctR1Ed2n1749RspT0eFzDZll-VDGp8vYy0/s72/tama%C3%B1o.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/02/tamany.html"><p><span>...Tamanys</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkEGoWvpGsrgSJxrgD-GwjRxbdA-c5MkRqxXxCP4Mz7-wof2HN7iumZslj6WGSyUIveJVBM-5RMWlQTrJm_eogqNxv8erhCSuoB-PWKhQEjwsBjai0EaD83bHI9Tehcn_PnXCmaR64m5M/s72/series.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/05/series.html"><p><span>...Sèries</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Hr3dzkX71n0CHc_9VM0CONu6Rsyp0nZpL2wgPBCHuWOMhiYIIGO2YKx7FQIztHxpT5pJRsOrY0n6pQVPsWXKK5AGtwT7YJG3CO5XLuTIepPZcC2uRYADErqZJOVlxLxf_8lET-vM894/s72/nombres.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/02/nombres.html"><p><span>...Nombres</span>
</p></a></div></div></div></div></div></div></div></div></p></a></div></div></p></a></div></div></div></div></div></div>


<style type="text/css">

.menudesplegable {width:260px; height:22px; margin:2 auto 50px auto; position:relative; z-index:100;
-webkit-perspective:400px;
-moz-perspective:400px;
perspective:400px;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}

.menudesplegable div {position:absolute; padding:2px;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
top:100%; left:0; width:255px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}

.menudesplegable .odd {background:#ddd;
-moz-transform:rotateX(-180deg);
-webkit-transform:rotateX(-180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.menudesplegable .even {background:#eee;
-moz-transform:rotateX(180deg);
-webkit-transform:rotateX(180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.menudesplegable .first {background:#ddd;
-moz-transform:rotateX(-100deg);
-webkit-transform:rotateX(-100deg);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.menudesplegable .last {box-shadow:0 10px 10px -2px rgba(0,0,0,0.3); border-radius: 0 0 10px 10px;}
.menudesplegable:hover .sub {
-moz-transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
}

.menudesplegable .sub img {display:block;float:left; padding:0 2px 2px 0;}
.menudesplegable .sub p {font: normal 12px , sans-serif; color:#000 !important; padding:0; margin:0;}
.menudesplegable .sub p span {display:block; font: bold 15px century gothic, sans-serif; color:#ea0 !important;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, -1px 1px 2px #000000;}
.menudesplegable .sub p a {text-decoration:none;font: normal 8px/10px arial, sans-serif; color:#09c !important;}
.menudesplegable .sub p a:hover {text-decoration:none;}
.menudesplegable a.main {display:block; font: bold 16px century gothic, sans-serif;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, -1px 1px 2px #000000; text-align:center; text-decoration:none;cursor:pointer; color:#ffffff !important; border-radius:10px 10px 0 0; position:relative; z-index:100;border:20px solid #000000;
background-image: linear-gradient(bottom, rgb(96,138,7) 16%, rgb(0,0,0) 58%);
background-image: -o-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -moz-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -webkit-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -ms-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(45,128,38)),
    color-stop(0.58, rgb(25,73,20))
);
}
.menudesplegable a.main:hover {opacity:0.7;}
</style></div></div></div></td>
<td><div class="menudesplegable"><a class="main"><img src="http://png-5.findicons.com/files/icons/363/fish_toys/32/redfish.png" />Coneixement de l'entorn</a>
<div class="sub first"><img src="" /><a href=""><p><span>______________________________</span>
</p></a><div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj434iU_Ec3casEDzplv1Z_82HqBNohqejAuaN03RJ9-uh2de14-a4bH1Ju3th78Um_mp46AnRceJbeTnRRg4f9GpPiiMg3znTemOhYlG6tDJQ-39eA3NlstMUK8r864UavVG44QxUdtdw/s128/Season_Autumn.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/tardor.html"><p><span>...La tardor</span>
</p></a><div class="sub odd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg67Gu2OY3wb5S6irNRqSUja45pUlbNTbC_m5ovkI9nqx5Ms31wrHLa4ETSorC6-16c9g9T7gnDghjIPz8aTotSbxcpX0So8vBPuaJIozJgJWUh9b7WMT8yZiBC6Pa4Uew6Fd2Z2SMpYHY/s128/Season_Winter.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/hivern.html"><p><span>...L'hivern</span>
</p></a><div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwaB6hgL_PkWJ3aEQzhdqFHcv4PKTX9G0dFtjlCANEdTV7LD4OPn5_5Ha68uIzDvgFiMXbmaTEGwl9VDWDhiuiKHA5XSPRpXnnM_aMItC1EMfNvDxHVUJ2uTjnuTxXut1VGtQ4WC62cyU/s128/Season_Spring.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/primavera.html"><p><span>...La primavera</span>
</p></a><div class="sub odd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7sd4MS-O6o1omthyD-PQD3dxKOJLruvxuV7neK2sdwGlsMev8XRPBrypmnkdsGEteORwKJiEHEgUYf5s8EslDeExAkd93731uDCTbNUlGxgzFqscc59vbhRZooZKu9EP0j-5xiOC2Bx4/s72/Season_Summer.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/estiu.html"><p><span>...L'estiu</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVFDIsXsU8NQDdLbvKX93Kscpg3V4GlIqobBYo2oN6w00xr-nX8rvPdHngj9SGI-UVrhy2uXmmvGFAAjERiVNPLZlsNjUTu2uyMcmZpyE_39BlTCie_FnnT-_IFFrn1LvynakaISrODAM/s72/bee.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/animals.html"><p><span>...Els animals</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPaYuM4yNnyU0wKePFsp2eT-ZcAcQcoY_SSZym7Vhfhoxvgks5NzbExty713TSarHq6H5KJ_2PejYlW2HNAPkQ4WdLqwkYerd3xY_xV2lUjl0pO9gal_iF93-T2YMjP-8qaAjpf8VP8aM/s72/G12_Flowerpot_Plant.png" /><a href="http://2icolavem.blogspot.com.es/2013/05/les-plantes.html"><p><span>...Les plantes</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4k0RKaWcmHXWLettt1lcew_ngFvRA8qhk4StN44fOEI8ZDGhrxu0bawaFkgDessM1ObehpnUglp_ihQBC1agNsr8rCn66QB35ZKhX2NtbJij8upWYsALcfO2tmVNcPqgyCW5Y-0EYM30/s72/DAF%20Tipper%20Container%20Truck.png" /><a href="http://2icolavem.blogspot.com.es/2013/03/mitjans-de-transport.html"><p><span>...Els transports</span>
<div class="sub odd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ-U1tJ7wGNhEDHpLV7asiFyzEKXuZc8gOHTiSjSUJ-BaXCiTqy8K8wFMwI0o9baKqXut5_kiCP9wr0jvC3wU_wk7veHacBfQf7-xQr2M_8UaFptJ4vf7xy8jPOPMuA5F1fkcNWtpvOfM/s72/Courses.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/el-collegi.html"><p><span>...El col•legi</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp8SZAhDslSSBqLFYmJXpfI4jV7kD3Y3VP1SfpgElgKGcfcocCmJsYQVzKUaUAi9NsKRzKqve9h_LLwCXYb1a1GF1tcV5hcZRNxrr82c4GI6Pk22hnXDQrNjiOUmY0jS9HrpSHAjDPUvU/s72/christmas_tree_cookie.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/el-nadal_24.html"><p><span>...El nadal</span>
<div class="sub odd"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqHql_niOOu8NN2q4dDU0cYlKB3VJgun_KlW-iO72YACiYULoPmpTY6_KCQlyOD8Rco3mOGx6MP2XW88Wd5oNaXUmp7yrG-S9iaUa1zAeixVWlOffnSNSUNmjMDGFq73t-UBCVwpFea4E/s72/house.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/la-casa.html"><p><span>...La casa</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvb0QweGE3hAZU_zmogVwen1ISj2F588StF2tGgPDEby-WSHf8opm2H-hF5xg0K9h6oOeEcjlUzv7m09-BvEGglzuYRnoQJmOoXW1UKK-cnpramPUW3t1l_sZJ-0DG03TslZxuluCc8Vs/s72/City.png" /><a href="http://2icolavem.blogspot.com.es/2013/03/carrer.html"><p><span>...El carrer</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_ilXDtIhL9_HsX7KbbYqCZDYZCBM_2WFpV5IoZZ0kEjUMEdUTI_k9dtjxMd_8Rgdo-ddOXD_ekh6yDBshhlDi7GCfcCqSM7KL6ia7OeiNHuOnlfGAz9LnFA4QRh0n5JtzGUPcGipRqhQ/s72/family.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/la-familia.html"><p><span>...La familia</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1iYOvbN0VMi9eUbfpm_QGgg30g1tAtG5cN3pAFzGm1MGD_PGSOALUAUVCfgDe566SW7PDen8W_ltEwV7ptKXp8MRteTTBBMkJbOoDEMSCrm3R-dkVX9oGoyTZTt4iaxFbVZjXvc-OUG4/s72/shapes.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/formes.html"><p><span>...Formes</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv9GdmJSnwL8xXyl2Lv5axqm1QIfSbzr9nDvVoT2F0iVHc4QHiCpX40ZUwJklFI9ul-TEbeHzeNnhCdixN-mxiv2kesHfeb34_nhierCCJzD7aiR867nJmwzM8uw0PNb5JiaVgqyHWOOg/s72/rainbow.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/colors.html"><p><span>...Colors</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrz74TiuCmsWxlB_8RLADG1T7FYcuLT9RQcr8znmhPt182VOrtBed1Ax9GVPfdv4lZ6tXVeW7O7_X8So3OAd6zNiFk0xruC5JSYWZUvLFffctR1Ed2n1749RspT0eFzDZll-VDGp8vYy0/s72/tama%C3%B1o.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/02/tamany.html"><p><span>...Tamanys</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkEGoWvpGsrgSJxrgD-GwjRxbdA-c5MkRqxXxCP4Mz7-wof2HN7iumZslj6WGSyUIveJVBM-5RMWlQTrJm_eogqNxv8erhCSuoB-PWKhQEjwsBjai0EaD83bHI9Tehcn_PnXCmaR64m5M/s72/series.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/05/series.html"><p><span>...Sèries</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Hr3dzkX71n0CHc_9VM0CONu6Rsyp0nZpL2wgPBCHuWOMhiYIIGO2YKx7FQIztHxpT5pJRsOrY0n6pQVPsWXKK5AGtwT7YJG3CO5XLuTIepPZcC2uRYADErqZJOVlxLxf_8lET-vM894/s72/nombres.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/02/nombres.html"><p><span>...Nombres</span>
</p></a></div></div></div></div></div></div></div></div></p></a></div></div></p></a></div></div></div></div></div></div>

<style type="text/css">

.menudesplegable {width:260px; height:22px; margin:20 auto 50px auto; position:relative; z-index:100;
-webkit-perspective:400px;
-moz-perspective:400px;
perspective:400px;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}

.menudesplegable div {position:absolute; padding:2px;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
top:100%; left:0; width:255px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}

.menudesplegable .odd {background:#ddd;
-moz-transform:rotateX(-180deg);
-webkit-transform:rotateX(-180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.menudesplegable .even {background:#eee;
-moz-transform:rotateX(180deg);
-webkit-transform:rotateX(180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.menudesplegable .first {background:#ddd;
-moz-transform:rotateX(-100deg);
-webkit-transform:rotateX(-100deg);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.menudesplegable .last {box-shadow:0 10px 10px -2px rgba(0,0,0,0.3); border-radius: 0 0 10px 10px;}
.menudesplegable:hover .sub {
-moz-transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
}

.menudesplegable .sub img {display:block;float:left; padding:0 2px 2px 0;}
.menudesplegable .sub p {font: normal 12px , sans-serif; color:#000 !important; padding:0; margin:0;}
.menudesplegable .sub p span {display:block; font: bold 15px century gothic, sans-serif; color:#ea0 !important;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, -1px 1px 2px #000000;}
.menudesplegable .sub p a {text-decoration:none;font: normal 8px/10px arial, sans-serif; color:#09c !important;}
.menudesplegable .sub p a:hover {text-decoration:none;}
.menudesplegable a.main {display:block; font: bold 16px century gothic, sans-serif;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, -1px 1px 2px #000000; text-align:center; text-decoration:none;cursor:pointer; color:#ffffff !important; border-radius:10px 10px 0 0; position:relative; z-index:100;border:2px solid #000000;
background-image: linear-gradient(bottom, rgb(96,138,7) 16%, rgb(0,0,0) 58%);
background-image: -o-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -moz-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -webkit-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -ms-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(45,128,38)),
    color-stop(0.58, rgb(25,73,20))
);
}
.menudesplegable a.main:hover {opacity:0.7;}
</style></div></div></div></td>

<td><div class="menudesplegable"><a class="main"><img src="http://png-4.findicons.com/files/icons/1588/farm_fresh_web/32/eye.png" />Identitat i autonomia</a><div class="sub first"><img src="" /><p><span>_______________________________</span></p><div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAf2LMmAsdVQQExhF-BLuJIW0p-mGv86KI1RvU4OqaCm06zmEVj_S_F4UDPt40pSw4vZbV460Ymwny6gwscQvW0WRckibV_2JQ_KypTZ3bK6AxMzleHWZD9UwQb7QAUUvUFhdNos4QyY4/s72/pencil.png" /><a href="http://2icolavem.blogspot.com.es/2013/05/grafomotricitat.html"><p><span>...Grafomotricitat</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkwXQ9FlDsittHPiqceY16EItPUKxAsIo6IvA4d_ZFmw8z5oE-MXEewXamvK8wmktygf103_FkRlBwRaaVGtzTwSyuZXrj9yCQixM6kL-XxAszWBQUe08wWkrH6dJ4GATIypcqjlacnu8/s72/Run.png" /><a href="http://2icolavem.blogspot.com.es/2013/05/psicomotricitat.html"><p><span>...Psicomotricitat</span>
</p></a><div class="sub even"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOv961stV2tKcw97yXHq04nQkYfL9Ykna3BEVoHnfSRJSpFQKZzwT1pC8pbTsBfz31DW33Ufpgm3aOYhe16n0S6W8XqDTxopIlJiV7GwfGHny5QCH7oyoWDuEGwO__s1iyGLZsk7YEGxs/s72/arrow.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/02/lateralitat.html"><p><span>...Lateralitat</span>
</p></a><div class="sub odd last"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwO0CFmi6CXdJDS7YfevNB-5pc3LuXhrlKadAvoILCJfhRXtgYhGtdVm_xvWPL42_PiTX0H3XlUeISu-fLTE2Uf296A5efYF5GHdkUKAARx5UwRrLsIxS3Zkp0tHbd2xvSUqumvfb-Lx8/s72/library%20games.png" /><a href="http://2icolavem.blogspot.com.es/2013/05/jocs.html"><p><span>...Jocs</span>
<div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEOdA0f8kNS5KYlByoaBXhILZkK-sCGxyQGf34BCKQxKYekHZjv1OJGQACyzywAJNApG5yAaz4qqenKmB5cjWBVUyhPAnoonUgw-VZKsyL7C_wXWIvaAuBv0H_MnoHrQRXC6_NmAUxtME/s72/package_games_sports.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/cos.html"><p><span>...El cos</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc4hyXMHSFICFTWdTPof52NeKcTOMHC4AofMbo8XghwSFRIXs31h0PEH844TediFTJ7-DgEVBZ-aOJt0qolCBWHRlExLXWLajgAW2AfHni-kTleD5ZU8vTq3S5eHwkiiM8lVnIKIaQ_AY/s72/face-smile.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/cara.html"><p><span>...La cara</span>
</p></a><div class="sub even"><img alt="" src="https://lh5.googleusercontent.com/-z0_GdQLmhwQ/UY77LGzSwDI/AAAAAAAABAo/7BKZE5U3ySw/h120/vestitroig.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/02/vestits.html"><p><span>...Els vestits</span>
</p></a><div class="sub odd last"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilvxLoCAiriTBTq9o0fURzaiNP2lJPOtX_Yvh_YTEdvkJNQU_u77a9sApL8BPsOiEF4rT1dsY6MD0HQOAKetFy0bMWGZxyXqgne6FnRQwzaB1Tmpuh8yJsj0HccqXokDtJ8aLtpe7PZX4/s72/cookies.png" /><a href="http://2icolavem.blogspot.com.es/2013/02/aliments.html"><p><span>...Els aliments</span>
<div class="sub even"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcYhiFLIegw0jeQy6Ifzbp3srOdxKVU0eWUJxVQr0_4mc8st94taiaW49FcR1cDXv62nBSv1_RPm0jdgF5gKvBN_IdrxiqX_pkdXD53YO9TLFNPaoUD7o0GV9VpfwXzHYXuVbnKULQXlE/s72/batroom.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/02/higiene.html"><p><span>...Els hàbits</span>
</p></a><div class="sub odd"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlrg__enOA9Ped6sp1qsA6r9CyZAyS-dZBrmEzpA0VaJUZP-RwcHVoZkAO5EWCh728mTSnwlOmM0nJhHnTMg5vwKR-4QvpGAroZhC2oK2mCfjpQYAw_wRYaxsQjxUQr955HLY4jTinC9Q/s72/ear.PNG" /><a href="http://2icolavem.blogspot.com.es/2013/02/els-sentits.html"><p><span>...Els sentits</span>

</p></a></div></div></p></a></div></div></div></div></p></a></div></div>


<style type="text/css">

.menudesplegable {width:260px; height:22px; margin:0 auto 50px auto; position:relative; z-index:100;
-webkit-perspective:400px;
-moz-perspective:400px;
perspective:400px;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}

.menudesplegable div {position:absolute; padding:2px;
-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;
transform-style:preserve-3d;
top:100%; left:0; width:255px;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}

.menudesplegable .odd {background:#ddd;
-moz-transform:rotateX(-180deg);
-webkit-transform:rotateX(-180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.menudesplegable .even {background:#eee;
-moz-transform:rotateX(180deg);
-webkit-transform:rotateX(180deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.menudesplegable .first {background:#ddd;
-moz-transform:rotateX(-100deg);
-webkit-transform:rotateX(-100deg);
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.menudesplegable .last {box-shadow:0 10px 10px -2px rgba(0,0,0,0.3); border-radius: 0 0 10px 10px;}
.menudesplegable:hover .sub {
-moz-transform:rotateX(0deg);
-webkit-transform:rotateX(0deg);
}

.menudesplegable .sub img {display:block;float:left; padding:0 2px 2px 0;}
.menudesplegable .sub p {font: normal 12px , sans-serif; color:#000 !important; padding:0; margin:0;}
.menudesplegable .sub p span {display:block; font: bold 15px century gothic, sans-serif; color:#ea0 !important;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, -1px 1px 2px #000000;}
.menudesplegable .sub p a {text-decoration:none;font: normal 8px/10px arial, sans-serif; color:#09c !important;}
.menudesplegable .sub p a:hover {text-decoration:none;}
.menudesplegable a.main {display:block; font: bold 16px century gothic, sans-serif;text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000, -1px 1px 2px #000000; text-align:center; text-decoration:none;cursor:pointer; color:#ffffff !important; border-radius:10px 10px 0 0; position:relative; z-index:100;border:2px solid #000000;
background-image: linear-gradient(bottom, rgb(96,138,7) 16%, rgb(0,0,0) 58%);
background-image: -o-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -moz-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -webkit-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);
background-image: -ms-linear-gradient(bottom, rgb(0,102,153) 16%, rgb(0,0,0) 58%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(45,128,38)),
    color-stop(0.58, rgb(25,73,20))
);
}
.menudesplegable a.main:hover {opacity:0.7;}
</style></div></div></div></div></td>
</tr></tbody></table>

No hay comentarios:

Publicar un comentario