/* Body */

BODY {
	margin: 0px 0px 0px 0px;
	background-color : #FFFFFF ;
	color : #000000;
	}

p, div {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000000;
    text-align: justify;
	}

h1 {
	color: #000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px; font-weight: bold; margin-top: 0; margin-bottom: 0; text-align: center;
	}

h2 {
	color: #FF0000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px; font-weight: bold;
	}

h3 {
	color: #000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px; font-weight: bold; margin-top: -30; margin-bottom: 0; text-align: center;
	}

h4 {
	color: #000000; 
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	}

h5 {
	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	}

h6 {
	color: #FF0000; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px; font-weight: bold; margin-top: -20; margin-bottom: -10; margin-left: 18; 
	}

/* Links */

a:link, a:visited {
	font-size: 14px; 
      color: #0000CC; 
      text-decoration: none;
	font-family:  Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
	}

a:hover {
	color: #ff0000;	
      text-decoration: none;
	}

/* Horizontal Line */	

hr {
	background: #C0C0C0; height:2px; border: 1px inset;
	}

hr.separator {
	background: #C0C0C0;
	height: 1px;
	width: 75px;
	border: 0px;
}

/* --style de menu flotante-- */

#menu {
	position: absolute;
	top: 30px;
	left: 5%;
	padding: 8px;
	border: none;
	z-index: 10;
}

/* css witget de twitter

#twtr-tweet-text {
	font-size: 12px;
	}		
	
.twtr-tweet-text {
	font-size: 12px;
	}

div.twtr-tweet-text {
	font-size: 12px;
	}
	
	 */

/* --Default Class Settings-- */	

a.mainlevel:link, a.mainlevel:visited {
        color: #0000CC;
        padding: 1px;
        height: 14;
        width: 100%;
        border-top-width: 1px;
        border-top-style: dashed;
        border-top-color: #cccccc;
        text-align: left;
        }

a.mainlevel:hover {
        color: #ff0000;
        text-decoration: none;
        font-weight: bold;
        background-color:#E4E4E3;
        height: 14;
        width: 100%;
        padding: 1px;
        }

a.mainlevel:visited  {
        color: #0000cc;
        text-decoration: none;
        font-weight: normal;
        height: 14;
        width: 100%;
        padding: 1px;
        border-top-width: 1px;
        text-align: left;
        }

		
/* Content - Sections & Categories */
.table {
	font-size: 22px;
      text-align: center;
	}

.moduletable {
	font-size: 11px;
	}

ul {
	margin: 0px 0px 0px 0px;
	}

li { 
	list-style: inside url(../images/arrow.png) 3px;
	list-style-image: url(../images/arrow.png);
	}

/*---------- bubble tooltip -----------*/

a.tt{
    position:relative;
    z-index:24; 
    color:#0000CC;
    font-weight:bold;
    text-decoration:none;
} 
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ 
      z-index:25; 
      color: #ff0000; 
/*      background-color:#ffffff;
      cursor:help;*/
}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:25px; left:0;
	padding: 0 0 0 0;
	width:200px;
	color: #000000;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
      background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
      background: url(../images/bubble.gif) no-repeat bottom;
}