/* Zero down margin and paddin on all elements */
* {
  margin: 0;
  padding: 0;
}

html {
  display: block;
  height:100%;
  min-height:100%;
  width: 100%;
/*  font-family: Verdana, "Trebuchet MS", Arial, sans-serif; */
  font-family: "Trebuchet MS", Arial, sans-serif; 
  font-size: 0.7em;
  margin: 0px;
  padding: 0px;

}

/* reset css per bordi immagini */
img, a {
  border: none;
  outline: none;
}


body {
/* commentato 05-07-2012  
text-align:center;
  display: block;
  margin-top:0px;
  margin-right: auto;
  margin-left: auto;
  
  background-image:url("immagini/sfondo_elastico.jpg");
    background-repeat:repeat-y;
  background-position: top left;
*/

text-align:center;
  display: block;
  margin-top:0px;
  margin-right: auto;
  margin-left: auto;
  
/*  background-image:url("immagini/sfondo_elastico.jpg");*/
  background:url(immagini/sfondo_elastico.jpg) repeat-x;
/*    background-repeat:repeat-y; */
  background-position: top left;
  
  height:100%;
  min-height:100%;  

  margin:0px;
  padding:0px;
  color:#666;

}

/* regole comuni a tutti i loghi [inizio] */

 

.replace {

position:relative;
margin:0px; padding:0px;
/* hide overflow:hidden from IE5/Mac*/
/* \*/
overflow: hidden;
/**/
z-index: 99;

}

 

.replace span{

display:block;
position:absolute;
top:0px;
left:0px;
z-index:100; /*for opera 5 and 6 */

}


.replace2 {
  position:relative;
}
.replace2 span{
  background-repeat:no-repeat;
  position:absolute;
  width:100%;
  height:100%;
}

/* 4 rounded corners */
.angoli_arrotondati {
 
   
/*  behavior: url("/fileadmin/templates/immagini/border-radius.htc");  */ /* per IE... però non funziona bene */
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  -khtml-border-radius: 10px; /* Linux browsers */
  border-radius: 10px; /* Opera 10.50, IE and CSS3 */
}
  



/* regole comuni a tutti i loghi [fine] */




#box_esterno{
display:block;
text-align:left;
width: 900px;
  height: 100%;
  height:auto;
  min-height: 740px;
  margin: 0 auto;


  background-image:url("immagini/sfondo_elastico.jpg");
    background-repeat:repeat-y;
  background-position: top left;
  
}

#box_principale{
position:relative;
display:block;
text-align:left;
  height: 100%;
  min-height: 720px;
  background-color:#f5f5f5;

width: 900px;
/* background-image:url("immagini/sfondo_elastico.jpg"); */
background-repeat:repeat-y;
background-position: top left;

background-color:#333333;
  
}

#box_esterno #box_principale a{
cursor: pointer;
}

#box_flag_lingua
{
position:absolute;
top:0px;
margin-left: 795px;
width: 105px;
height: 25px;
background-color:#BB0000;
}

/* maschera flag scelta lingua [inizio] */
#flag_scelta_lingua {
            display: block;
            width: 105px;
            height: 25px;
            /*float: left;*/
            z-index: 99;
            overflow:hidden;
}

#flag_scelta_lingua h2, #flag_scelta_lingua h2 span{
            width: 105px;
            height: 25px;  
            background-image: url(immagini/flag_eng.gif);
            font-size: 150%;
            background-repeat: no-repeat;
            background-position: left top;
            text-align:left;
            z-index: 99;
            overflow:hidden;
}

/* maschera flag scelta lingua [fine] */



/* maschera logo polimi [inizio] */
#logo_politecnico {
            display: block;
           /* width: 138px; */
            height: 57px;
            /*float: left;*/
            z-index: 99;
            overflow:hidden;
      position:absolute;
      top:54px;
    /*  margin-left: 22px; */
}
s
#logo_politecnico h1, #logo_politecnico h1 span{
            width: 138px;
            height: 57px;    
            background-image: url(immagini/logo.png);
            font-size: 150%;
            background-repeat: no-repeat;
            background-position: left top;
            text-align:left;
            z-index: 99;
            overflow:hidden;
      
      position:absolute;
    /*  top:54px; */
    /*  margin-left: 22px; */
}

/* maschera logo polimi [fine] */

#nome_polo_territoriale {
  
position:absolute;
top:54px;
margin-left: 203px;
display:block;
height: 55px;
width: 500px;

color:#FFF;
  
}


#foto_home {
background-image: url(immagini/foto/foto_home_1.jpg);
background-repeat: no-repeat;

position:absolute;
top:205px;
margin-left: 0px;
display:block;
height:233px;
width: 900px;
}

#barra_foto_home {
  position:absolute;
  top:438px;
  margin-left: 0px;
  display:block;
  height:22px;
  width: 900px;
  color: #FFF;
}

#mappa_sito{
  position:absolute;
/*  left:555px; */
  left:525px;
}
#mappa_sito a
{
  text-decoration:none;
  color:white;
  font-size: 1.3em;
  font-weight:bold;
}
#mappa_sito a img
{
  padding-right:15px;
}

#box_search{
  position:absolute;
  left:712px;
}

#box_search #q {
  width: 152px;
  height:16px;
  line-height: 16px;
}

#google fieldset
{
  margin: 0;
  padding: 0;
  border: none;
}



#googlesearch
{
    /*These 3 properties are to reset the default button styling*/
   margin:0px;
   padding:0px;
   border:0px;

   width:16px;
   height:16px;
}

/* MENU NAVIGAZIONE PRIMO LIVELLO */

#navigazione_primo_livello {
  width: 900px;
  height: 40px;
  position:absolute;
    top:164px;
    margin-left:0px;
  background-color:#BB0000;
background-color:#000000;
    z-index: 999;
}

ul#lista_sezioni{
  width: 900px;
  height: 40px;
}

ul#lista_sezioni {
margin: 0;
padding: 0;
list-style: none;
width: 900px;
float: left;
}

ul#lista_sezioni li {
float: left;
}

ul#lista_sezioni a {
display: block;
padding: 0 2em;
line-height: 2.1em;
text-decoration: none;
color: #fff;
background: url(immagini/divisorio_barra_menu.png) repeat-y left top; 
}

ul#lista_sezioni a.first {
background: none; 
}

ul#lista_sezioni ul li a {
background: none; 
}




#menuitem0 span{
  background-image: url(images/home/menu_principale/home.gif);
}

a:hover#menuitem0 span, #selected0 span, #selected0  {
  background-image: url(images/home/menu_principale/home_selez.gif);
  background-repeat: no-repeat;
}




/* FINE MENU NAVIGAZIONE PRIMO LIVELLO */

/* BOX DESTRO contenente menu_servizio + menu_banner */
#box_servizi_banner
{
  width: 233px;
  height: 240px;
  position:absolute;
  top:0px;
  left:667px;
  padding-left:0px;
/*  padding-top: 35px; */
  background-color:#FFF;
  border-right:1px solid #B00;
  margin-right:26px;

margin-top:15px;
border-left:1px solid #B00;
}




/* MENU DI SERVIZIO (dove siamo, etc) */
#menu_servizio {
/*  width: 233px; */
  width: 183px; 
  margin-left: 40px; 
  
  height: 128px;
  
  position:absolute;
    padding-left:0px;
  padding-top: 5px;
  
/* margin-top: 20px;    */
margin-top: 0px;   
  background-color:#E8E8E8;

  text-align:right;
  
  border:thin; /* per angoli arrotondati */
  /* top: 108px; */
}

#menu_servizio img {
  padding-left: 15px;
  width: 22px;
  height: 22px;
}

#menu_servizio ul
{
  list-style-type: none;
}

#menu_servizio ul li a
{
  font-weight:bold;
}

#menu_servizio li a {
/*  width: 230px; */
  height: 30px;
  color: #666666;
  display: block;
/*  padding-left: 50px;
  padding-top: 5px;
*/
  padding-right: 12px;
  text-decoration: none;
  font-size: 100%;
  background-repeat: no-repeat;
/*  background-position: left top; */
  background-position: right;


  z-index: 99;
/*  border: 1px dotted #999999; */ /* DA RIMUOVERE */


}

#menu_servizio li a span
{
  left: 0px;
  top: -3px;
  background-position: right;

}

/*
#rivolgersi span{
            background-image: url(immagini/ICO_a_chi_rivolgersi.gif);
}
#area_download span{
            background-image: url(images/home/menu_servizi/area_download.jpg);
}
#dove_siamo span{
            background-image: url(immagini/ICO_dove_siamo.gif);
}
#intranet span{
            background-image: url(immagini/ICO_intranet.gif);
}
#servizi_online span{
            background-image: url(immagini/ICO_serv_onLine.gif);
}
*/


/* FINE MENU DI SERVIZIO */

#box_banner {
/*  width: 233px; */
  width: 197px;
    height: 90px;
  position:absolute;
  top:155px;
  top:141px;
/*  top:0px; */
  
  left:38px;
}



#menu_banner {
  background-repeat: no-repeat;

/*  right:26px;*/
padding-right:11px;
/*
  width: 233px;
    height: 90px;
  position:absolute;
  top:155px;
*/
  /*
top:635px;

    margin-left:667px;
  */
 text-align:right; 
 
}

#menu_banner ul
{
  list-style-type: none;
}

#menu_banner ul li a {
  border-top: 30px;
  border: 1px dotted #999999; 
  height: 24px;
  color: #666;
  display: block;
  padding-right: 7px;
  padding-top:5px;
  text-decoration: none;
  font-size: 100%;
font-size: 1.1em;
  font-weight:bold;
  
  background-color:#0099CC;  
  
  color:white;
  margin:2px;
  text-transform:uppercase;
}



#barra_inferiore {
  width: 900px;
  height: 20px;
  position:absolute;
    top:731px;
    margin-left:0px;
  background-color: #B00;
    border-bottom:1px solid #FFF;
  color:#FFF;
  font-weight:bold;
}

#cont_barra_inferiore ul {
  overflow: hidden;
  list-style: none;
}
  
#cont_barra_inferiore ul li {
  float: left; 
  /*   width: 50%;   */
}

#cont_barra_inferiore ul li a
{
display:block;
/* width:160px; */

/* margin-left:20px; */
margin-right:5px;
/* padding-top:2px;  */

color: #FFF;

/* padding-left:20px;  */
 padding-left:3px;  
text-decoration: none;
/* border: 1px dotted #999; */
font-size: 1.3em;

}

#cont_barra_inferiore ul li a img
{
  padding-right: 9px;
}

/*
#avvisi_studenti{
  padding-left: 30px; 
  
}

#avvisi_studenti span{
            background-image: url(immagini/ICO_AVVISI_RASS_STAMPA.png);
}
  
#rassegna_stampa span{
            background-image: url(immagini/ICO_AVVISI_RASS_STAMPA.png);
}
*/

#box_inferiore
{
  width: 900px;
  height: 164px;
  position:absolute;
    top:752px;
    margin-left:0px;
  background-color:#333333;
  color:#FFF;
}

  
#box_multimedia {
  width: 300px;
  height: 164px;
  position:absolute;
  /*    top:752px;*/
    margin-left:0px;
  left: 1px;
  
}

#cont_multimedia {
  width: 100%;
  margin-left: 36px;
/*  margin-top: 50px; */
  margin-top: 30px;

}

#cont_multimedia span.multimediatext
{
  font-weight:bold;
  font-size: 1.1em;
}


#cont_multimedia ul
{
  list-style-type: none;
  padding-top: 10px;
}

#cont_multimedia ul li
{
  font-weight: bold;
}

#cont_multimedia li a {
/*  width: 230px; */
  height: 30px;
  color: #666666;
  display: block;
/*  padding-left: 50px;
  padding-top: 5px;
*/
  padding-right: 26px;
  text-decoration: none;
  font-size: 100%;
  background-repeat: no-repeat;
/*  background-position: left top; */
  background-position: right;

  z-index: 99;
/*  border: 1px dotted #999999; */ /* DA RIMUOVERE */
  color:#FFF;
 
}

#cont_multimedia li a span
{
  left: 0px;
  top: 0px;
  background-position: left;
}

#download span{
            background-image: url(immagini/ICO_download.gif);
}
#download {
/*  padding-left: 30px;*/
}

#photogallery span{
            background-image: url(immagini/ICO_photogallery.gif);
}
#photogallery {
/*  padding-left: 30px;*/
}

#video span{
            background-image: url(immagini/ICO_video.gif);
}
#video {
/*  padding-left: 30px;*/
}


#multimedia li a img {
padding-right: 15px;
width: 22px;
height: 22px;
}

#box_social {
  width: 322px;
  height: 164px;
  position:absolute;
    left:386px;
/*  padding-top:50px; */
  padding-top:30px; 
}


#box_social span.socialmediatext
{
  font-weight:bold;
  font-size: 1.1em;
}


#box_social ul
{
  list-style-type: none;
  /* padding-top: 10px; */
}

#box_social li a {
/*  width: 230px; */
  height: 30px;
  color: #666666;
/*  
  display: block;
  padding-right: 26px;
*/  
  
/*  padding-left: 50px;
  padding-top: 5px;
*/
  
  text-decoration: none;
  font-size: 100%;
  background-repeat: no-repeat;
/*  background-position: left top; */
  background-position: right;

  z-index: 99;
/*  border: 1px dotted #999999;  */
  color:#FFF;
 
}

/*
#box_social li a span
{
  left: 0px;
  top: 0px;
  background-position: left;
}
*/

/*
#facebook span{
            background-image: url(immagini/ICO_facebook.gif);
}
*/
/*
#facebook {
  padding-left: 40px;
}
*/
/*
#twitter span{
            background-image: url(immagini/ICO_twitter.gif);
}
#polimytube span{
            background-image: url(immagini/ICO_youtube.png);
}
*/













#contatti {
  width: 233px;
  height: 164px;
  position:absolute;
/*    top:752px;*/
    left:667px;
  padding-top:27px;
}

#box_contenuti {
  height: 415px;
  width: 900px;
  
    position:absolute;
   /* top:326px; */
    top:460px;
    margin-left:0px;
  
  background-color:#FFF;
}


#box_news {
  width: 345px;
  
  height:240px;  
  border-left: 1px solid #B00;
  
  position:absolute;
  top:0px;

  left:0px;
  
  margin-top:0px; 
  
  margin-top:15px; 
  
  
  
}


#box_news ul {
  list-style-type: none;
}

#box_news ul li {
/*  padding-bottom: 20px; */
  height: 45px;
}


#cont_news {
/*  margin-top:30px; */
/*  margin-top:15px;  */
  padding-left:22px;
  /* border-left:1px solid #B00; */
  /* border-right:1px solid #B00; */ 
}

#cont_news h1
{  font-weight: bold;
  font-size: 16px;
  color: #C60000;
  padding-bottom: 12px;
}

#cont_news a:hover {
  background-color: #333;
  color: white;
}


/* START Crossbrowser Solution to display the UL image-marker equally in all browsers */ 

#cont_news ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}

#cont_news ul li {
background-image: url(immagini/ICO_news.png);
background-repeat: no-repeat;
background-position: 0px 5px; 
padding-left: 44px; 
/* padding-bottom: 7px; */
padding-right: 10px;
}

#cont_news li a {
  font-size: 1.2em;
  color: #666;
}

/* END Crossbrowser Solution to display the UL image-marker equally in all browsers */ 

#box_tutte_news
{
  position:absolute;
/*  position:relative; */
  bottom:0px;

/*  right:0px; */
  right:20px; 
  
  width: 125px;
  height: 25px;
/*  border:1px dashed; */
  text-align:right;
}

#box_tutte_news a
{
  text-decoration:none;
  font-weight: bold;
  font-size: 14px;
  color: #C60000;
}

#box_tutte_news #tutte_news {
width: 125px;
height: 25px;
/* font-size: 100%; */
position: relative;
}

#box_tutte_news #tutte_news span {
  background: url(immagini/fr_news_eventi.gif) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
}


#box_tutte_news img
{
  padding-right:15px;
}



#box_eventi {
  width: 292px;
  height: 240px;
  position:absolute;
  top:0px;

  left:345px;
  
  margin-top:15px; 
  border-left: 1px solid #B00;

  
}

#cont_eventi {
/*  margin-top:30px; */

  padding-left:30px;
/*  border-left:1px solid #B00; 
  border-right:1px solid #B00;
*/
  
}

#cont_eventi h1
{  font-weight: bold;
  font-size: 16px;
  color: #C60000;
  padding-bottom: 12px;
}



#cont_eventi ul {
  list-style-type: none;
}

#cont_eventi ul li {
  height: 62px;
}


#cont_eventi li {
  clear:both;
}

#cont_eventi li a {
  font-size: 1.2em;
  color: #666;
}

#cont_eventi a:hover {
  background-color: #333;
  color: white;
}


#box_tutti_eventi img
{
  padding-right:15px;
}

/* INIZIO iconcina EVENTI con giorno e mese */

.icona_data_evento
{
  margin: 0; /* used to try and remove some defaults */
  padding: 0;
  line-height: 1em;
  text-indent: 0;
}

#cont_eventi span.icona_data_evento a
{
  text-decoration: none;

  color: #fff; /* to stand out on the background img */
/*  font-weight: bold; */ /* as above */
  font-size: 1.2em; /* and again... */
  text-align: center; /* horizontally center the text in the defined box */
  line-height: 14px; /* the value is defined by the size (height) of the image. */

  text-decoration: none;
  
}

span.icona_data_evento 
{
  display: block; /* to allow for height/width and so on to be declared */
  /* margin: 1em auto; */ /* to center the a in the page */
  background: #fff url(immagini/sfondo_data_eventi.gif) 0 0 no-repeat;
  width: 41px; /* defined by the image size */
  height: 41px; /* as above */

  color: #fff; /* to stand out on the background img */
/*  font-weight: bold; */ /* as above */
  font-size: 1.2em; /* and again... */
  text-align: center; /* horizontally center the text in the defined box */
/*  line-height: 18px; */ /* the value is defined by the size (height) of the image. */
  line-height: 14px; /* the value is defined by the size (height) of the image. */

/*  padding-left:10px; */
  text-decoration: none;

  
  float:left;
/*  padding-bottom: 20px; */
/*  padding-right:20px; */
  
  padding-top: 7px;
}

.giorno_evento_home
{
    font-size: 18px;
}

.mese_evento_home
{
  display:block;
    font-size: 11px;
  font-weight: bold; 
}


span.testo_link_evento a
{
  padding-left:65px;
  display:block;
}

/* FINE iconcina EVENTI con giorno e mese */

#box_tutti_eventi
{
  position:absolute;
  bottom:0px;
  right:0px;
  
/*  width: 125px; */
  width: 130px;
  height: 25px;
/*  border:1px dashed;  */
  text-align:right;
  

}

#box_tutti_eventi a
{
  text-decoration:none;
  font-weight: bold;
  font-size: 14px;
  color: #C60000;

}

#box_eventi #tutti_eventi {
width: 125px;
height: 25px;
/* font-size: 100%; */
position: relative;

}

#box_eventi #tutti_eventi span {
  background: url(immagini/fr_news_eventi.gif) no-repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
}

.accessibile, .rimosso {
  position: absolute;
  left: -10000px;
}

.display_none
{
  display:none;
}

a.fill_div {
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
}


/* FIX per risolvere problema dei banner homepage ENGLISH (aggiunge automaticamente del codice tipo <a id="c758"></a>  prima dei DIV contenenti i banner mappati)
#dummybodyid #box_esterno #box_principale #box_contenuti #box_servizi_banner #box_banner #menu_banner ul #banner1 #c740 
*/
/*
#banner1 #c740 
{
  display: none;
}

#banner2 #c741 {
  display: none;
}

#banner3 #c758 {
  display: none;
}
*/

#contatti a {
  color: white;
}

#contatti a:hover {
  background-color: white;
  color: #333;
}
}