*{
margin: 0;
padding: 0;
}

body{
background:#edeef0 url(../img/page-bg.jpg) repeat-x top;
font-family: "Trebuchet MS";
font-size: 0.625em;
}

.cleaner{
clear: both;
}

.boxes{
margin: 20px auto;
width: 320px;
}

.main{
width: 700px;
height: 600px;
margin: 80px auto;
}

.logo{
width: 100%;
height: 50px;
background:url(../img/logo_metropolis.png) no-repeat center;
}

.box{
width: 70px;
height: 15px;
margin: 0 0 0 5px;
float: left;
}

.cat{
background-color: #67C0B2;
}

.esp{
background-color: #7EB5D9;
}

.eng{
background-color: #B5B33C;
}

.frn{
background-color: #AA946E;
}

li{
list-style-type: none;
text-align: center;
color:#434343;
padding: 0 0 5px 0;
font-size: 1.6em;
}

img{
margin: 0 0 5px 225px;
border: none;
}

.barra{
width: 415px;
height: 45px;
margin: 20px auto;
background:url(../img/barra.png) no-repeat center;
}

.idiomas li{
float: left;
display: inline;
font-size: 1em;
color: white;
font-size: 1.8em;
padding: 12px 22px 0 22px;
/*background:url(../img/sep.png) no-repeat left 12px;*/
}

.idiomas li a{
color: white;
text-decoration: none;
text-shadow:0 1px 1px #1E8DD8;
}

.idiomas li a:hover{
color: white;
text-decoration: none;
text-shadow:0 -1px 1px #1E8DD8;
}