body {
background-image:url(../imagenes/bg.png);
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
text-align:center;
letter-spacing:3px;
}

a:focus{
outline:none;}

.portada {
}

.cuadros img {
margin:5px;
border: 2px solid #000;
}

.cuadros {
float:left;
width:250px;
color:#FFFFFF;
}

.cuadros2 img {
margin:5px 0px 5px 0px;
border: 2px solid #000;
}

.cuadros2 {
float:left;
width:520px;
color:#FFFFFF;
}

.cuadros3 img {
margin:5px 0px 5px 0px;
border: 2px solid #000;
}

.cuadros3 {
float:left;
width:250px;
color:#FFFFFF;
}

.logo {
float:left;
width:200px;
}

.menu {
float:right;
margin-top:60px;
width:500px;
}

.exposicion {
width:1050px;
margin:auto;
}

.cabeza_expo {
margin-top:0px;
height:130px;
padding:0px;
}

.expo {
margin:auto;
     height: auto!important; /* para los browsers buenos */
     height: 400px; /* para IE5+ */
     min-height: 400px; /* para los browsers buenos */
}

a {
color:#999999;
text-decoration:none;
}


a:hover {
color:#FFFFFF;
text-decoration:none;
}

/* menu */
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-size:14px;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: :#142530;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
background-color: #369;
text-decoration: none;
}

#active
{
color: #fff;
background-color:#000000;
text-decoration: none;
}