/* CSS Document */




h2{
font-size:160%;
line-height:130%;
margin:0;
padding:0;
}

.navegacion{
margin:0px auto;
border:solid 0px #CCCCCC;
width:900px;
height:230px;


}

.navegacion .seccion{
position:relative;
float:left;
width:33%;
}

.navegacion .img, .navegacion .txt{
position:relative;
display:block;
}

.navegacion .img{
z-index:3;
height:230px;
}
.navegacion .publicitaria .img{ background: #0149d3 url(../img/publicitaria.jpg) center no-repeat; }
.navegacion .artistica .img{ background: #bd3cbb url(../img/artistica.jpg) center no-repeat; }
.navegacion .tarjetas .img{ background: #01aaed url(../img/tarjetas.jpg) center no-repeat; }
.navegacion .ecocargo .img{ background: #01aaed url(../img/eco-cargo.jpg) center no-repeat; }
.navegacion .taxi .img{ background: #bd3cbb url(../img/taxi.jpg) center no-repeat; }
.navegacion .publiciclo .img{ background: #0149d3 url(../img/publiciclo.jpg) center no-repeat; }
.navegacion .patin .img{ background: #0149d3 url(../img/patin.jpg) center no-repeat; }
.navegacion .tandem .img{ background: #bd3cbb url(../img/tandem.jpg) center no-repeat; }
.navegacion .movi .img{ background: #01aaed url(../img/movi.jpg) center no-repeat; }



.navegacion .txt{
overflow:hidden;
height:210px;
cursor:pointer;
color:#FFF;
font-size:12px;
font-weight:bold;
line-height:150%;
padding:10px;
margin-top:-230px;
z-index:5;
opacity:0;
filter:alpha(opacity=0);
background-image:url(./img/transparent.gif);
/*IE 6y7 necesitan un fondo para funcionar correctamente*/
}

.navegacion .seccion .img h2 a{
padding: 0 0 0 5px;
font-family: "Trebuchet MS";
font-style:italic;
color:#494949;
text-decoration:none;
}
.navegacion .artistica .img h2 a{
color:#CCCCCC;
}