/* CSS Document */
/* Eric Gallego www.EricGallego.com 2009 */

/* ---------- RESET per a navegadors -------- */
html, body, div, span, applet, object, ifram, h1, h2, h3, h4, h5, p, blockquote, pre, a, abbr, acronym, address, bog, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
}
/* final del reset */

/*  */
body{margin:0;background-repeat:repeat-x; background-attachment:fixed; color:#000;font-family:Lucida Sans;font-size:11px;}
a:link {color:#6586B1;}
a:visited {color:#6586B1;}
a:hover {color:#000000;}
a:active {color:#6586B1;}
a img{border:0px;}

/* INDEX part superior */

#portada_tot{width:954px; margin-top:4px; font-size:13px; color:#000;text-align:left;}
#portada_esquerra{background-image:url(img/tot.png);background-repeat:no-repeat;width:570px;float:left;background-position:-1778px -582px;height:295px;text-align: left;}
#portada_dreta{height:295px;margin:0px;}
.neteja_floats {clear:both;height:0;font-size: 1px;line-height: 0px;}


#cabecera_menu{background-image:url(img/fons_groc.gif); width:949px; height:53px;}
#cabecera_menu p{display:inline;height:53px;margin:0px;background-image:url(img/tot.png); overflow:hidden;}
#m1{float:left; width:300px;background-position:-10 -588px}
#m2{background-color:#666666;background-position:350 -200px}
#m3{float:left;background-position:-220 -1000px}
#m4{float:left;background-position:350 -8000px}
#m5{float:left;background-position:350 -200px}
#m6{float:left;background-position:350 -1000px}
#m7{float:left;background-position:350 -1000px}
#m8{float:left;background-position:350 -1000px}
#m9{float:left;background-position:350 -1000px}



#inferior1{width:947px;margin-top:24px;background-color:#FFF;}
#inferior2{width:947px;background-color:#333; font-size:11px; color:#FFF; padding:0px 0px 15px 0px;}
#inferior a{color:#FFF;}
#llamamientos div{padding:8px 0px 4px 0px; height:45px;}
#llamamientos div img{float:left; margin: 0px 9px 0px 0px; padding:0px;border:1px solid #000;}
#llamamientos a{color:#300; text-decoration:none;}
#animals img {float:left;margin:0px 8px 6px 0px; padding:0px; border:1px solid #CCC;}
#animals div{font-size:15px;padding:11px 0px 3px 0px;}
#animals a:hover{background-color:#333;}
#animals a{color:#FFF; font-weight:bold; text-decoration:none; line-height:15px;}
#articles img {float:left;margin:0px 8px 6px 7px; padding:0px; border:1px solid #CCC;}
#articles div, a{padding:0px 0px 4px 0px;color:#CCC; text-decoration:none;}
#crueldad img{padding-top:2px;}
#notis_animalistes td {text-align:left; vertical-align:top;}
#fons_groc{width:889px;background-image:url(img/fons_groc.gif); padding:0px 25px 15px 35px; font-size:13px; color:#000;}
#fons_groc a{color:#000;}
#fons_blanc{width:889px; background-color:#FFF;padding:0px 25px 15px 35px; font-size:13px; color:#000;}
#fons_blanc a{color:#000;}
#ruta{font-size:10px; margin-bottom:9px;}
#ruta a{color:#000; font-weight:bold; text-decoration:underline;}
#logos div{padding:8px 0px 4px 0px; height:45px;}
#logos div img{float:left; margin: 0px 9px 0px 0px; padding:0px;border:0px;}
#logos a{color:#FFF; text-decoration:none;}
#agenda{margin:10px 5px 3px 87px; height:100px; color:#FFF;}
#agenda strong{color:#6CF;}
#agenda a{text-decoration:none; color:#CCC;}
#agenda a:hover{text-decoration:underline;}
#video div {padding:5px 0px 5px 20px;}
#video a{color:#333; text-decoration:none;}
#video a:hover{text-decoration:underline;}
#submenu {color:#FFF;background-color:#333;font-weight:bold;font-size:13px;}
#submenu a{color:#FFF;}
#submenu a:hover{color:#FF0;}
#explica{color:#CCC;}
#bloc_inici a:hover{text-decoration:underline;}
#descripcion{width:580px;}
#descripcion li{line-height:18px;}
#descripcion a{color:#06F; text-decoration:underline;}
#selectores_filtro_animales div{display:inline; vertical-align:bottom;}
#selectores_filtro_animales select{font-size:1.8em;}
/* CLASSES */

.notis img{float:left; margin: 0px 9px 0px 7px; padding:0px; border:1px solid #CCC;}
.notis {padding:8px 0px 6px 0px; text-align:left;}
.notis a:hover{text-decoration:underline;color:#FFF;}
.notis a{color:#9CF; text-decoration:none;}
.fosc{background-image:url(img/fos.gif); width:190px;color:#999;}
.bord img{border:4px solid #FFF;}
.miniatura {margin:15px 0px 0px 0px; text-align:justify;}
.miniatura img {float:left; padding:0px 7px 6px 0px; margin-right:8px;}
.menu_dret {margin:20px 13px 0px 12px;border-left:1px solid #999; padding-left:18px; padding-bottom:20px;}
.menu_dret a {color:#000;}
.menu_dret a:hover {color:#000;}
.dreta img{float:left; margin: 0px 9px 0px 7px; padding:0px; border:4px solid #FFF; width: 40%;}
.dreta {padding:8px 0px 6px 0px; text-align:left; clear: left;}
.cruel img{float:left; margin: 0px 6px 0px 6px; padding:0px;}
.cruel {padding:8px 0px 6px 0px; height:40px; overflow: hidden;}
.llibres img{float:left; margin: 0px 6px 0px 6px; padding:0px;}
.llibres {padding:0px 0px 6px 0px; height:240px;}
.linia{border-top:1px solid #999; width:190px; padding-top:8px; margin-top:13px; font:1.1em bold; color:#666;}
.menu_faunalia {margin:28px 27px 0px 15px;font-size:11px;border-left:1px solid #999; padding-left:18px; padding-bottom:20px;}
.menu_faunalia a {color:#000;}
.menu_faunalia a:hover {color:#666;}
.miniatura_faunalia img {float:left; padding:0px 7px 6px 0px;margin:0px 10px 0px 0px;}
.miniatura_faunalia{margin-bottom:12px; height:120px;}
.ngr{font-weight:bold; font-size:13px; color:#FFF;}
.ultima{color:#CCF; font-family:Arial; font-size:11px;}
.bloc {margin:7px 0px 0px 0px; text-align:left;}
.bloc img {float:left;margin-right:0px;margin-bottom:0px; padding:0px 13px 6px 7px;}	
.titular {margin:0px;padding:0px;color:#FFF; text-decoration:none; font-weight:bold; font-size:17px; line-height:17px;}