#contNieve{
    position: absolute;    
    left: 252px;
    top: 589px;
    width: 500px;
    /*height: 100%;*/
    z-index: 96;
    /*background-color:#CCCCCC;*/
    /*border: 1px solid #000000;*/
    padding: 10px 0px 10px 0px; /* top right bottom left */

}
#contNieve h3{
    float: left;
	clear: both; 
	width: 100%;
    margin: 0px;
    padding:0px;    
    color:#0099CC;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:18px;
    font-weight:500;
    margin: 0px 0px 10px 0px; /* top right bottom left */       
    letter-spacing:0.2px;
}
#contNieve h3 span{
    font-size: 1.1em;
}
#contNieve h3 a{
    color:#0099CC;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:18px;
    text-decoration:none;        
    font-weight:500;
    margin: 0px 0px 10px 0px; /* top right bottom left */       
    letter-spacing:0.2px;
}
#contNieve h3 a:hover{
    text-decoration: underline;
}   
.texto{
    padding: 0px; /* top right bottom left */
    margin: 0px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    /*text-align: justify;*/
    font-size:11px;
    color:#505050; 
    vertical-align:middle;
}
#infoNieve1{
    width: 200px;
    float: right;
    border-left: 1px solid #cccccc;
    padding: 0px; /* top right bottom left */    
    margin:  0px 0px 10px 0px; /* top right bottom left */
}
#infoNieve2{
    width: 280px;
    float: left;
    /*border: 1px solid #000000;*/
    padding: 0px; /* top right bottom left */    
    margin:  0px 0px 10px 0px; /* top right bottom left */
}
#mapaEstacion{
    width: 500px;
    clear: both;
}
#mapaEstacion div#linkMapa{
    float: right;
    width: 200px;
    margin:  0px 0px 15px 0px; /* top right bottom left */
    padding:  0px 0px 0px 0px; /* top right bottom left */
}
#mapaEstacion div#linkMapa div{
    margin:  0px 0px 0px 15px; /* top right bottom left */
}


#mapaEstacion div#linkMapa div img{
    border: 0px;
    float: left;
    padding:  5px 0px 0px 0px; /* top right bottom left */      
}

#mapaEstacion div#linkMapa div a{
    float: left;
    padding:  7px 0px 0px 2px; /* top right bottom left */  
    color:#0099CC;
    display: block;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:600;
    letter-spacing:0.2px;
    text-decoration:none;    
}
#mapaEstacion div#linkMapa div a:hover{
    text-decoration: underline;    
}




/* BLOQUE  infoNieve1 */
#infoNieve1 div{
    clear: both;
    display:block;
    height: 20px;
    margin: 0px 0px 0px 0px; /* top right bottom left */   
    padding: 0px 5px 0px 15px; /* top right bottom left */   
}
#infoNieve1 div#linkMapa a{
    float: left;
    padding:  0px 0px 0px 2px; /* top right bottom left */  
    color:#0099CC;
    display: block;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:600;
    letter-spacing:0.2px;
    text-decoration:none;    
}
#infoNieve1 div#linkMapa a:hover{
    text-decoration: underline;    
}
#infoNieve1 ul{
    list-style-type: none;
    padding: 0px 0px 0px 15px; /* top right bottom left */   
    margin: 0px 0px 10px 15px; /* top right bottom left */   
    float: left; /* Contain floated list items */
}
#infoNieve1 ul.remontes{
    list-style-type: none;
    padding: 0px 0px 0px 10px; /* top right bottom left */   
    margin: 0px 0px 10px 10px; /* top right bottom left */   
    float: left; /* Contain floated list items */    
}

#infoNieve1 ul li{    
    margin: 0px 0px 0px 0px; /* top right bottom left */      
    /*clear: both;*/
    display: block;
    padding: 0px 0px 0px 0px; /* top right bottom left */   
    float: left; /* This corrects the */ 
    width: 100%; /* IE whitespace bug */    
}
#infoNieve1 ul.remontes li{    
    margin: 0px 0px 0px 0px; /* top right bottom left */      
    /*clear: both;*/
    display: block;
    padding: 0px 0px 0px 0px; /* top right bottom left */   
    float: left; /* This corrects the */ 
    width: 100%; /* IE whitespace bug */    
}

#infoNieve1 ul li img{    
    float: left;
    padding: 5px 0px 0px 0px; /* top right bottom left */   
}
#infoNieve1 ul.remontes li img{    
    float: left;
    margin: 0px 0px 0px 0px; /* top right bottom left */   
}
#infoNieve1 ul.remontes li p{    
    float: left;
    margin: 0px 0px 0px 0px; /* top right bottom left */       
    padding: 5px 0px 0px 4px; /* top right bottom left */       
}


#infoNieve1 ul li p{    
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#505050;     
    padding: 0px 0px 0px 2px; /* top right bottom left */   
}


#infoNieve1 p{
    padding: 0px 0px 2px 0px; /* top right bottom left */
    margin: 0px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#505050; 
    vertical-align:middle;
    float: left;
}
#infoNieve1 div span {
    margin: 0px 0px 0px 2px; /* top right bottom left */
    color:#0099CC;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    float: left;
}
#infoNieve1 img {
    padding: 0px 0px 0px 0px; /* top right bottom left */
    float: left;
}

#infoNieve1 p a{
    color:#505050;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    text-decoration:none;
}

#infoNieve1 p a:hover {
    color:#505050;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    text-decoration:underline;
}
/* fin BLOQUE  infoNieve1 */

/* BLOQUE  infoNieve2 */
#infoNieve2 div.texto{
    clear: left;
    height: 1em;
    margin: 6px 0px 10px 0px; /* top right bottom left */      
}
#infoNieve2 div.texto img{
    margin: 0px 0px 0px 5px; /* top right bottom left */      
}
#infoNieve2 div.texto span{
    color:#0099CC; 
}
#infoNieve2 p{
    padding: 0px 0px 2px 2px; /* top right bottom left */
    margin: 0px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#505050; 
    vertical-align:middle;
    float: left;
}
#infoNieve2 span {
    margin: 0px 0px 0px 2px; /* top right bottom left */
    color:#0099CC;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    float: left;
}
#infoNieve2 img {
    margin: 0px 0px 0px 0px; /* top right bottom left */
    float: left;
}

#infoNieve2 p a{
    color:#505050;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    text-decoration:none;
}

#infoNieve2 p a:hover {
    color:#505050;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    text-decoration:underline;
}
/* fin BLOQUE  infoNieve2 */

/* ::: videos publi ::: */
#videosPubli{
    position: absolute; 
    left: 0px; 
    top: 590px; 
    width: 248px; 
    z-index: 96; 
    background-color:#FFFFFF;
    /*border: 1px solid #000000;*/
    padding: 0px; /* top right bottom left */
    margin: 0px; /* top right bottom left */        
}

.videos{
    background-color:#F3F4E8;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    float: left; /* Lo float porque las ul de dentro estan float y entonces es la manera de que el div no se me colapse*/
    width: 248px; 
    padding: 0px 0px 0px 0px; /* top right bottom left */
    margin: 0px 0px 0px 0px; /* top right bottom left */    
}
.videos a{    
    margin: 0px 0px 0px 0px; /* top right bottom left */      
    padding: 0px 0px 0px 0px; /* top right bottom left */    
    color:#505050;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    background:#F3F4E8 url(http://www.guiadelociobcn.com/images/nieve/video.gif) no-repeat scroll 3px 4px;
    display:block;
    text-indent:14px;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    text-decoration:none;    
}
.videos a:hover {
    color:#0099CC;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    background:#F3F4E8 url(http://www.guiadelociobcn.com/images/nieve/video_over.gif) no-repeat scroll 3px 4px;    
}


.videos h3{
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    padding: 0px 0px 0px 15px; /* top right bottom left */
    margin: 0px 0px 10px 0px; /* top right bottom left */    
    background-color:#D6D5C6;
    color: #000000;
   /* height:16px;*/
    font-weight:500;
}
.videos ul{
    display: block;
    list-style-type: none;
    padding: 0px 10px 0px 10px; /* top right bottom left */   
    margin: 0px 0px 10px 0px; /* top right bottom left */   
    float: left; /* Contain floated list items */
}
.videos ul li{    
    margin: 0px 0px 0px 0px; /* top right bottom left */      
    /*clear: both;*/
    display: block;
    padding: 0px 0px 5px 0px; /* top right bottom left */   
    float: left; /* This corrects the */ 
    width: 100%; /* IE whitespace bug */    
}


/* ::: fin de videos publi ::: */
/* Noticias nieve SubHome */
#noticiasNieveSubHome{
    padding: 5px 0px 5px 0px; /* top right bottom left */  
    margin: 20px 0px 10px 0px; /* top right bottom left */  
    border: 1px solid #D6D5C6;
    width: 500px; 
    //background: #D6D5C6;
    z-index: 38;
    float: left;
    text-align: left;
}
#noticiasNieveSubHome img{
    position: relative;
    width: 240px; 
    height: 240px;
    background: #F3F4E8;
    margin: 0px 10px 10px 5px; /* top right bottom left */  
    padding: 5px; /* top right bottom left */  
    border: 1px solid #D6D5C6;
    float: left;
}
#noticiasNieveSubHome div{
    margin-left:7px; 
    position: relative; 
    width: 100%;  
    z-index: 11; 
    vertical-align: middle; 
    margin-top:5px;
    float: left;
}
#noticiasNieveSubHome h3{
    padding: 0px; /* top right bottom left */   
    margin: 0px 0px 0px 5px; /* top right bottom left */   
    color:#0099CC;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:18px;
    letter-spacing:0.2px;    
}
#noticiasNieveSubHome h5{
    padding: 0px; /* top right bottom left */   
    margin: 0px 0px 5px 5px; /* top right bottom left */ 
    color:#0D0D0D;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
}

#noticiasNieveSubHome p{
    color:#505050;
    width: 225px;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    margin-top: 5px;
    text-decoration:none;
    float: left;
}

/* fin de Noticias nieve SubHome */

/* Noticias nieve */
#noticiasNieve{
    position: absolute; 
    left: 756px; 
    top: 345px; 
    width: 248px; 
    height: 750px; 
    z-index: 38;
}
#noticiasNieve img{
    position: relative;
    width: 100%; 
    /*height: 248px;*/
    text-align: center;
    margin-top:0px;
    clear: both;
}
#noticiasNieve div{
    margin-left:7px; 
    position: relative; 
    width: 100%;  
    z-index: 11; 
    vertical-align: middle; 
    margin-top:5px;
    float: left;
}
#noticiasNieve h3{
    padding: 0px; /* top right bottom left */   
    margin: 0px; /* top right bottom left */   
    color:#0099CC;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:18px;
    font-weight: normal;
    letter-spacing:0.2px;    
    margin-top: 0px 
}
#noticiasNieve h5{
    padding: 0px; /* top right bottom left */   
    margin: 0px; /* top right bottom left */   
    color:#0D0D0D;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
}

#noticiasNieve p{
    color:#505050;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
    margin-top: 5px;
    text-decoration:none;
}

/* fin de Noticias nieve */

/* ::::: paginación :::::: */
#paginacion{
    position: absolute; 
    left: 252px; 
    top: 340px; 
    width: 500px; 
    z-index:4;
}
#paginacion h3{
    margin: 0px 0px 10px 10px; /* top right bottom left */    
    font-weight:500;
    color: #0099CC;
    font-size:18px;
    font-family:Georgia,"Times New Roman",Times,serif;
}
#paginacion div.resultado{
    margin: 0px 0px 10px 10px; /* top right bottom left */    
}
div.resultado a{
    color:#0099CC;
    margin: 0px 0px 3px 0px; /* top right bottom left */        
    display: block;
    text-decoration: none;    
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:13px;
}
div.resultado a:hover{
    text-decoration: underline;    
}
div.resultado span a{
    display: inline;    
    margin: 0px 0px 0px 4px; /* top right bottom left */       
}
div.resultado span a:hover{
    display: inline;    
    margin: 0px 0px 0px 4px; /* top right bottom left */    
}

#paginacion span{
    color:#616161;
    margin: 0px 0px 2px 0px; /* top right bottom left */        
    display: block;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
}
#paginado{
    margin: 0px 0px 10px 10px; /* top right bottom left */    
    padding: 10px 0px 10px 10px; /* top right bottom left */  
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #F3F4E8
}
#paginado span{
    color:#616161;
    margin: 0px 0px 0px 0px; /* top right bottom left */        
    display: block;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
   color:#616161;
}

#paginado span.numeroPaginas{
    color:#616161;
    margin: 0px 0px 0px 0px; /* top right bottom left */        
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
    color:#616161;
}
#paginado span.numeroPaginas a{
    text-decoration: none;
    display: inline;
}
#paginado span.numeroPaginas a:hover{
    text-decoration: underline;
}

/* ::::: fin de paginación :::::: */

/* ::::: Slider ::::: */
span.grandeNieve a{
    color:#0099CC;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:28px;
    font-weight:500;
    letter-spacing:0.2px;
    line-height:30px;
    text-decoration:none;
}    
span.grandeNieve a:hover{
    text-decoration: underline;
}    
/* ::::: FIN DE Slider ::::: */

/* ::::: Banners nieve ::::: */
div.banner122x122{
    margin: 5px 0px 5px 0px; /* top right bottom left */        
    border: 1px solid #cccccc;
    width: 122px; 
    height: 122px;
    float: left;
}
div.banner122x248{
    margin: 5px 0px 5px 0px; /* top right bottom left */        
    border: 1px solid #cccccc;
    width: 248px; 
    height: 122px;
    clear: both;
}
#noticiasNieve div.banner248x248{
    margin: 5px 0px 5px 0px; /* top right bottom left */        
    border: 1px solid #cccccc;
    width: 248px; 
    height: 248px;
    clear: both;
}
/* ::::: Fin de Banners nieve ::::: */

/* :::: Porcentajes nieve ::: */
img.percentImage {
    background: white url(../../images/nieve/percentImage_back.png) top left no-repeat;
    padding: 0;
    margin: 5px 0 0 0;
    background-position: 1px 0;
}
#infoNieve2 .grafica{
    width: 250px;
    clear: left;
     background: #0099CC; 
    height:100%;    
    padding: 3px 5px 6px 5px; /* top right bottom left */  
    margin: 6px 0px 6px 5px; /* top right bottom left */  
}
#infoNieve2 .grafica .texto p.textografica{
    color: #FFFFFF;
}
.graph { 
        position: relative; /* IE is dumb */
        width: 242px; 
        border: 1px solid #FFFFFF; 
        padding: 2px; /* top right bottom left */  
        margin: 5px 0px 0px 0px; /* top right bottom left */  
    }
.graph .bar { 
    display: block;
    position: relative;
    background: #FFFFFF; 
    text-align: center;
    font-size: 1em;
    color: #0099CC; 
    height: 1em; 
    line-height: 1.1em;            
}
.graph .bar span { position: absolute; left: 1em; }

/* :::: Fin de Porcentajes nieve ::: */
