@charset "utf-8";

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, 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, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* CSS Document */
body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
a{ text-decoration:none;}



#content{ padding:0px 2% 5px 2%; overflow:hidden;  repeat-x top left;line-height:120%}
#content h2{ font-size:14px; text-transform:uppercase; margin-bottom:10px; }
#content h1{ font-size:22px; margin-bottom:10px; margin-top:15px; background-color:#26a0da; border-top: 1px solid #c8d9eb; border-bottom: 1px solid #c8d9eb; color:#ffffff;}
#content p{ font-size:15px;line-height:18px;}
#content img{ margin:10px 0 15px 0;  }
#animals{ position:absolute; top:90px; left:50%; margin-left:-100px;}


#menu{ text-align:center; margin-top:7px;  width:90%; padding:0 5% 0 5%; }
#menu .button1{ display:inline-block; text-align:center;  width:50%; float:left; }
#menu .button1 img{ margin-bottom:5px;   }
#footer{ text-align:center;  font-size:11px; line-height:28px; padding:5px 0 15px 0; margin-top:20px; background-color:#e6eaec; color:#a1a9ad;}
#footer a{ color:inherit; }

.separator{ width:100%; height:1px;}

.image{ padding:15px 0 15px 0;}

/* onbile dinamic styles */

.bodybk{background-color:#ffffff;} /* body background*/
.mainbk{ background-color:#38872d; height: 60px;} /* principal color (buttons, borders, ecc.) */
.icobk{color:#CADEE6;} /* icon and menu texts color */
.titlecolor{ color:#666681; font: bold;} /* title color */
 



.txtcolor{ color:#FAFAFA; } /* main text color */
.uppertitlecolor{ color:#FAFAFA;} /* upper title color */
.headlinecolor{color:#FAFAFA;} /* secondary text color */





.rss-box {
	 margin: 0.5em;
	width: 97%;
     border: 0px solid #eeeeee;
}
.rss-items {
	margin-top:0px;
	padding:0.5em; 0.5em;
	margin-left:0px;
	color: #eeeeee;
}
p.rss-title {padding:0.5em;}
.rss-title {
	text-decoration: none;
	font-family: arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	font-size: 12px;
	background-color:#ffffff;
	color:black;
	font-weight:bold;
	margin: 0px;
	padding:0em;
	text-align: left;
}
.rss-item  {
  font-family: arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  color:#aaaaaa;
  padding-bottom:0.5em;
  list-style-type: box; list-style-image: url("1arrow.gif");
}









.rss-item a {
	text-decoration : none;
	color: #003399;
	font-size: 14px;
	font-family: arial, tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	}
.rss-item a:visited {
	color:#003399;
}
.rss-date {
	font-size: 85%;
	font-weight : normal;
	color: #cc0000;
	} 
/* buttons modeled from http://www.wellstyled.com/css-inline-buttons.html */
.pod-play {
   _width:12em;
   margin: 0 0.2em; padding: 0.1em 0; _padding:0;
   white-space:nowrap;
   text-decoration: none;
   vertical-align:middle;
   background: #fb6;
   color: black;
   }
.pod-play em {
   _width:1em; _cursor:hand;
   font-style: normal;
   margin:0; padding: 0.1em 0.5em;
   background: white;
   color: #222;
   }
.pod-play span {
   _width:1em; _cursor:hand;
   margin:0; padding: 0.1em 0.5em 0.1em 0.3em;
   }
.pod-play:hover {
   background: #666;
   color: white;
   }
.pod-play:hover em {
   background: black;
   color: white
   }
   
   
   
   img {
   vertical-align: middle;
}