/* CSS Document */


body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#000;
}

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

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

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

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

.navegacion .img{
z-index:3;
height:230px;
}
.navegacion .publicitaria .img{ background: #FFFFFF url(publicitaria.jpg) center no-repeat; }
.navegacion .artistica .img{ background: #4675C5 url(artistica.jpg) left no-repeat; }
.navegacion .tarjetas .img{ background: #AA4400 url(tarjetas.jpg) center no-repeat; }
.navegacion .retrato .img{ background: #FFFFFF url(retratos.jpg) left 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(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;
}