/* NEW */
body {
    font-family: 'Lato', sans-serif;
    }


#zomzompromo{
    position: relative;
    width:1259px;
    height:626px;
    background-image: url('../img/Zomzompktrafik1024.jpg');
       background-repeat: no-repeat;
}

#coloradoptt{
    position: relative;
    width:600px;
    height:668px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/Coloradoptt.png');
    background-repeat: no-repeat;
    }

#colorado2{
    position: relative;
    width:632px;
    height:700px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/Colorado2.png');
    background-repeat: no-repeat;
    }    
    
#coloradoHDg{
    position: relative;
    width:636px;
    height:1284px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/ColoradoHDg.png');
    background-repeat: no-repeat;
    }    

#coloradohdfull{
    position: relative;
    width:1332px;
    height:1482px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/ColoradoHDfull.png');
    background-repeat: no-repeat;
    }

#colorado2hdfull{
    position: relative;
    width:1329px;
    height:1473px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/Colorado2HDFull.png');
    background-repeat: no-repeat;
    }
#colorado2hdsplitso{
    position: relative;
    width:677px;
    height:749px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/Colorado2HDSO.png');
    background-repeat: no-repeat;
}

#coloradohdsplits{
    position: relative;
    width:636px;
    height:558px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/ColoradoHDsplitS.png');
    background-repeat: no-repeat;
}
#colorado2hdsplitse{
    position: relative;
    width:583px;
    height:669px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/Colorado2HDSE.png');
    background-repeat: no-repeat;
}


#coloradohdsplitn{
    position: relative;
    width:636px;
    height:728px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/ColoradoHDsplitN.png');
    background-repeat: no-repeat;
}
#colorado2hdsplitne{
    position: relative;
    width:588px;
    height:722px;
    font-family: 'Lato', sans-serif;
    font-variant:small-caps;
    background-image: url('../img/Colorado2HDNE.png');
    background-repeat: no-repeat;
}


#xp5{
    position:absolute;
    top: 5% ;
}


#xp10{
    position:absolute;
    top: 10% ;
}

#xp15{
    position:absolute;
    top: 15% ;
}

#xp20{
    position:absolute;
    top: 20% ;
}

#xp25{
    position:absolute;
    top: 25% ;
}

#xp30{
    position:absolute;
    top: 30% ;
}
#xp35{
    position:absolute;
    top: 35% ;
}


#xp40{
    position:absolute;
    top: 40% ;
}

#xp45{
    position:absolute;
    top: 45% ;
}

#xp50{
    position:absolute;
    top: 50% ;
}

#xp55{
    position:absolute;
    top: 55% ;
}


#xp60{
    position:absolute;
    top: 60% ;
}

#xp65{
    position:absolute;
    top: 65% ;
}

#xp70{
    position:absolute;
    top: 70% ;
}

#xp75{
    position:absolute;
    top: 75% ;
}


#xp80{
    position:absolute;
    top: 80% ;
}

#xp85{
    position:absolute;
    top: 85% ;
}

#xp90{
    position:absolute;
    top: 90% ;
}

#xp95{
    position:absolute;
    top: 95% ;
}

#xp100{
    position:absolute;
    top: 100% ;
}

#yp5{
    position:absolute;
    left:5%;
    }

#yp10{
    position:absolute;
    left:10%;
    }

#yp15{
    position:absolute;
    left:15%;
    }
    
#yp20{
    position:absolute;
    left:20%;
    }
    
#yp25{
    position:absolute;
    left:25%;
    }    
    
#yp30{
    position:absolute;
    left:30%;
    }
    
#yp35{
    position:absolute;
    left:35%;
    }
    
#yp40{
    position:absolute;
    left:40%;
    }

#yp45{
    position:absolute;
    left:45%;
    }    
    
#yp50{
    position:absolute;
    left:50%;
    }

#yp55{
    position:absolute;
    left:55%;
    }    
    
#yp60{
    position:absolute;
    left:60%;
    }

#yp65{
    position:absolute;
    left:65%;
    }


#yp70{
    position:absolute;
    left:70%;
    }
    

#yp75{
    position:absolute;
    left:75%;
    }    
    
#yp80{
    position:absolute;
    left:80%;
    }

#yp85{
    position:absolute;
    left:85%;
    }


#yp90{
    position:absolute;
    left:90%;
    }

#yp95{
    position:absolute;
    left:95%;
    }


#yp100{
    position:absolute;
    left:100%;
    }  

.coord{
    position: absolute;
    width:100%;
    height:1px;
    background-color: green;
    }

.absc{
    position: absolute;
    width:1px;
    height:100%;
    background-color: red;
    }


.coordg{
    position:absolute;
    left:-20px;
    top: -27px;
    color:green;
    }
.coordd{
    position:absolute;
    right:-20px;
    top:-27px;
    color:green;
    }   
    
.absch{
    position:absolute;
    right:10px;
    top: -20px;
    color:red;
    }
    
/*.absch{
    position:absolute;
    left:0px;
    top: 0px;
    color:red;
    }    */

.abscb{
    position:absolute;
    right:10px;
    bottom:-20px;
    color:red;
    }


#zonecible{
    position:absolute;
    top:134px;
    left:120px;
    width:60px;
    height:67px;
    background-color: blue;
    opacity: 0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}


.trans{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}

.trans:hover{
  opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


A:hover{
  font-size: 2ex;
  color:red;
}

.fonction{
 /* font-size:225%;
/*  font-family: 'Lobster', cursive;*/
font-family: 'Lato', sans-serif;
}
.promo{
 font-family: 'Lobster', cursive;
}


.legend{
   font-family: 'Lobster', cursive;
 
/*  position:relative;
  left: 250px;
  top: 25px;*/
}

#test{}

.uberbar  { 
  border-bottom:1px solid #eb7429; 
  background:#fc9453;
  padding:10px 20px; 
  position: fixed; 
  top:0; 
  left:0; 
  z-index:2000; 
  width:100%;
  /*opacity: 0;*/
}