body {  
padding: 0;
margin: 0;
font-family: "courier new",  georgia, serif; 
  font-style: normal;
  font-weight:normal;
  font-variant: normal;
  text-decoration: none;
  background: #FFFFFF;
}

/*tipografías*/

h1 {
font-size: 200%;
font-weight: bold;
text-align: center;
}

h2 {
font-size: 150%;
font-weight: bold;
text-align: left;
}

h3 {
font-size: 150%;
font-weight: bold;
text-align: left;
}

/*text*/

.text {
font-family: "courier new",  georgia, serif; 
font-size:12px;
color:#000;
margin-top:50px;
padding-left:50px;
margin-right:40px;
margin-bottom:40px;
text-align:justify;
background: url(img/logo_shadow.png) top left no-repeat fixed;
}
.text a {
color:#8DBD3C;
font-weight: bold;
text-decoration:none;
}
.text a:hover {
text-decoration:underline;
}


/*popups*/

.popup {
font-family: "courier new",  georgia, serif; 
font-size:12px;
color:#000;
padding:10px;
background: url(img/logo_small.png) bottom left no-repeat fixed;
}
.popup a {
color:#84827B;
font-weight: bold;
text-decoration:none;
}

.popup a:hover {
color:#8DBD3C;
text-decoration:underline;
}

.popup ul {
list-style-type: disc;
list-style-position: inside;
padding:10px;
}

.popup ol {
list-style-type: upper-roman;
list-style-position: inside;
padding:10px;
}

.popup li {
margin-top: 10px;
}

/*end of popups*/

#logo {
position: absolute;
top:156px;
left: 509px;
margin: 0;
width: 235px;
height: 184px;
padding: 0px;
background: url(img/logo.png) top left no-repeat;
z-index:100;
}


#map {
position: absolute;
top:30px;
margin-right: auto;
margin-left: auto;
width: 861px;
height: 555px;
padding: 0px;
background: #ffffff url(img/map.png) top left no-repeat;
}

#foot {
position: absolute;
top:543px;
left:0px;
margin: 0 ;
height: 30px;
width: 100%;
padding: 0px;
background: #8DBD3C url(img/bar_end.png) top right no-repeat;
z-index:100;
}

#validation {
position:absolute;
top: 523px;
right:15px;
height: 20px;
font-size: 11px;
}

#validation a {
color: #5B5A5A;
text-decoration:none;
}

#validation a:hover {
color: #5B5A5A;
text-decoration:underline;
}

/* icon list */
#icon_list {
position:absolute;
width:135px;
height:135px;
top:20px;
left:670px;
background: url(img/icon_list.png);
background-position:top right;
background-repeat: no-repeat;
border:1px solid #5B5A5A;
z-index:100;
}

#icon_list span {
padding-right:20px;
margin-left:0px;
}

.collective {
background-image: url(img/collective.png);
background-position: top right;
background-repeat: no-repeat; 
}

.union {
background-image: url(img/union.png);
background-position: top right;
background-repeat: no-repeat; 
}

 .research {
background-image: url(img/research.png);
background-position: top right;
background-repeat: no-repeat; 
}

.network {
background-image: url(img/network.png);
background-position: top right;
background-repeat: no-repeat; 
}

.space {
background-image: url(img/space.png);
background-position: top right;
background-repeat: no-repeat; 
}

.media {
background-image: url(img/media.png);
background-position: top right;
background-repeat: no-repeat; 
}






#map a {
position: absolute;
height: 18px;
width: 18px;
text-decoration: none;
}

#map a.madiaq {
position: absolute;
height: 59px;
width: 82px;
}

#map a.preclab {
position: absolute;
height: 80px;
width: 224px;
}

#map a.megafoni {
position: absolute;
height: 56px;
width: 41px;
}

#map a.radiohacktive {
position: absolute;
height: 143px;
width: 143px;
}

#map a.sydney-melbourne {
position: absolute;
height: 118px;
width: 128px;
border: 1px solid #5B5A5A;
}

#map a i {
visibility: hidden;
}

/* tipos de iconos */

a.research {
background-image: url(img/research.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.research:hover {
background-image: url(img/research-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.media {
background-image: url(img/media.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.media:hover {
background-image: url(img/media-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.collective {
background-image: url(img/collective.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.collective:hover {
background-image: url(img/collective-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.network {
background-image: url(img/network.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.network:hover {
background-image: url(img/network-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.space {
background-image: url(img/space.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.space:hover {
background-image: url(img/space-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.union {
background-image: url(img/union.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.union:hover {
background-image: url(img/union-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.madiaq {
background-image: url(img/madiaq.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.madiaq:hover {
background-image: url(img/madiaq-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.preclab {
background-image: url(img/preclab.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.preclab:hover {
background-image: url(img/preclab-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.megafoni {
background-image: url(img/megafoni.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.megafoni:hover {
background-image: url(img/megafoni-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.sydney-melbourne {
background-image: url(img/australia.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.sydney-melbourne:hover {
background-image: url(img/australia-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.radiohacktive {
background-image: url(img/radiohacktive.png); 
background-position: top left;
background-repeat: no-repeat;
}

a.radiohacktive:hover {
background-image: url(img/radiohacktive-hover.png); 
background-position: top left;
background-repeat: no-repeat;
}


/* lugares en el mapa */

a#precarias {
top: 397px;
left: 105px;
}
a#atreu {
top: 328px;
left: 50px;
}
a#ods {
top: 437px;
left: 60px;
z-index:10;
}
a#villa_32 {
top: 202px;
left: 399px;
}
a#madiaq {
top: 435px;
left: 32px;
}

a#babatun {
top: 251px;
left: 364px;
}
a#euromovements {
top: 266px;
left: 440px;
}
a#glocal {
top: 389px;
left: 206px;
z-index:10;
}

a#xarxa {
top: 395px;
left: 195px;
z-index:10;
}

a#preclab {
top: 180px;
left: 179px;
}

a#ag_gsr {
top: 214px;
left: 387px;
z-index:10;
}

a#fels {
top: 214px;
left: 399px;
z-index:10;
}

a#fluechtlingsrat_hamburg {
top: 181px;
left: 338px;
z-index:10;
}

a#jour_fixe_gewerkschaftslinke_hamburg {
top: 193px;
left: 332px;
z-index:10;
}

a#hamburg_umsonst {
top: 181px;
left: 325px;
z-index:10;
}

a#mega_infarkt {
top: 264px;
left: 364px;
z-index:10;
}

a#colectivo_zapatista_de_granada {
top: 442px;
left: 112px;
z-index:10;
}

a#kanak_attak {
top: 251px;
left: 377px;
z-index:10;
}

a#medienlabor_23b {
top: 264px;
left: 377px;
z-index:10;
}

a#glocal_group_hanau {
top: 243px;
left: 343px;
z-index:10;
}

a#ag_sk {
top: 264px;
left: 327px;
z-index:10;
}

a#entransito {
top: 460px;
left: 82px;
z-index:10;
}

a#equilibrio_precario {
top: 322px;
left: 353px;
z-index:10;
}

a#mezza_canaja {
top: 356px;
left: 388px;
z-index:10;
}

a#barattolo {
top: 330px;
left: 330px;
z-index:10;
}

a#unifree {
top: 330px;
left: 317px;
z-index:10;
}

a#phasetransition {
top: 322px;
left: 395px;
z-index:10;
}

a#precat {
top: 381px;
left: 363px;
z-index:10;
}

a#atelier_occupato_esc {
top: 390px;
left: 372px;
z-index:10;
}


a#copyriot_cafe {
top: 327px;
left: 368px;
z-index:10;
}

a#rnrp_bologna {
top: 342px;
left: 358px;
z-index:10;
}

a#sexyshock {
top: 355px;
left: 358px;
z-index:10;
}

a#rete_universitaria {
top:342px;
left:346px;
z-index:10;
}

a#millepiani {
top: 403px;
left: 417px;
z-index:10;
}

a#noborder_napoli {
top: 415px;
left: 409px;
z-index:10;
}

a#lowcoast_crew {
top: 399px;
left: 450px;
z-index:10;
}

a#rete_no-cpt {
top: 405px;
left: 462px;
z-index:10;
}

a#chainworkers {
top: 305px;
left: 344px;
z-index:10;
}

a#radiohacktive {
top: 304px;
left: 310px;
}

a#sconvegno {
top: 316px;
left: 337px;
z-index:10;
}

a#act_up_paris {
top: 261px;
left: 231px;
z-index:10;
}

a#neuvieme_collectif {
top: 273px;
left: 238px;
z-index:10;
}


a#cip-idf {
top: 261px;
left: 244px;
z-index:10;
}

a#njetwork {
top: 321px;
left: 410px;
z-index:10;
}

a#megafoni {
top: 11px;
left: 506px;
z-index:10;
}

a#prekariaatti {
top: 51px;
left: 538px;
z-index:10;
}

a#flexmens {
top: 210px;
left: 281px;
z-index:10;
}

a#sydney-melbourne {
top: 370px;
left: 670px;
z-index:10;
}

/* menu */
/* common styling */
/* set up the overall width of the menu div, the font and the margins */

.menu {
font-family: "courier new",  georgia, serif; 
margin:0; 
position: absolute;
top:0px;
left: 20px;
z-index:100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:134px; 
height:30px;
color:#000; 
background:#ffffff; 
line-height:30px; 
font-size:11px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}

/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
background:#8DBD3C;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:30px; 
left:0; 
width:90px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:#CAC7BD; 
color:#000;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#CB0400; 
color:#000;
}