.serif 
{
background: transparent; 
width:160px;
margin:0 auto;
}

.serif .top, .serif .bottom 
{
display:block; 
background:transparent; 
font-size:1px;
}

.serif .b1, .serif .b2, .serif .b3, .serif .b4 
{
display:block; 
overflow:hidden;
}

.serif .b1, .serif .b2, .serif .b3 
{
height:1px;
}

.serif .b2, .serif .b3 
{
background:#fff; 
border-left:1px solid #fff; 
border-right:1px solid #fff;
margin:0 2px;
margin:0 1px; 
border-width:0 2px;
}

.serif .b4 
{
background:#fff; 
border-left:1px solid #fff; 
border-right:1px solid #fff;
height:1px; 
margin:0 3px;

}

.serif .b1 
{
margin:0; 
background:#fff;
}

.serif .boxcontent 
{
display:block;  
background:#fff; 
border-left:5px solid #fff;  
border-right:10px solid #fff;

}

#menu dl 
{
width: 150px; 
margin: 0; 
padding: 0 0 10px 0; 
background: #000 url(bottom.gif) no-repeat bottom left;
}

#menu dt 
{
font-family:trebuchet MS;
margin:0; 
padding: 10px; 
font-size: 1.4em; 
color: #fff;
border-bottom:1px solid #fff; 
background: #000 url(top.gif) no-repeat top left;
}

#menu dd 
{
font-family:trebuchet MS;
text-align:left;
margin:0; 
padding:-10px; 
color: #fff; 
font-size: 9pt; 
border-bottom:1px solid #fff; 
}

#botones a, #botones a:visited 
{
color:#fff; 
text-decoration:none; 
display:block; 
padding:3px 5px 5px 20px;
background: #da612e no-repeat 10px 10px; 
width:125px;
}

#botones a:hover 
{
background: #96401b no-repeat 11px 10px; 
color:#fff;
letter-spacing:2pt;
}

strong
{
font-size:11pt;
color:black;
padding-left:30px;
} 

#info 
{
padding:0;
padding-top:10px;
margin:30;
height:2em;
list-style-type:none;
font-size:20pt;
text-decoration:none;
font-family:Trebuchet Ms;
font-weight:bold;
}

#info li 
{
float:left;
padding-left:30px; 
width:5em; 
height:2em;
position:relative;
text-align:center;
}

#info li a, #info li a:visited {
display:block;
text-decoration:none; 
color:#da612e;
}

#info li a span, #info li a:visited span {
display:none;
}

#info li a:hover {
border:0; /* needed to trigger IE */
color:#96401b;
z-index:25;
}

#info li a:hover span 
{
display:block;
width:15em;
padding:10px;
text-align:center;
position:absolute; 
left:-50px; 
top:40px; 
font-size:9pt;
color:#000; 
cursor:pointer;
width:250px;
border:1px solid #da612e;
background-color:#fd0;
}

#logos ul 
{
margin:0; 
padding:0; 
list-style-type:none;
}

#logos li 
{
float:left; 
}

#logos li.lista1 
{
background:transparent url(edit.png) no-repeat;
}

#logos li.lista2 
{
background:transparent url(publi.png) no-repeat;
}

#logos li.lista3 
{
background:transparent url(web.png) no-repeat;
}

#logos li.lista4 
{
background:transparent url(anima.png) no-repeat;
}

#logos a 
{
text-align:center;
font-family:Trebuchet Ms;
font-weight:bold;
font-size:9pt;
display:block; 
width:140px; 
padding-top:100px; 
height:20px; 
color:#da612e; 
text-decoration:none; 
overflow:hidden;
}


#logos a#item1 
{
background:transparent url(edit.png)no-repeat;
}

#logos a#item2 
{
background:transparent url(publi.png) no-repeat;
}

#logos a#item3 
{
background:transparent url(web.png) no-repeat;
}

#logos a#item4 
{
background:transparent url(anima.png) no-repeat;
}

#logos a#item1:hover 
{
background:transparent url(edit2.png) no-repeat;
z-index:50;
color:red;
font-size:11pt;
}

#logos a#item2:hover 
{
background:transparent url(publi2.png) no-repeat; 
z-index:50;
color:red;
font-size:11pt;
}

#logos a#item3:hover 
{
background:transparent url(web2.png) no-repeat;
z-index:50;
color:red;
font-size:11pt;
}

#logos a#item4:hover 
{
background:transparent url(anima2.png) no-repeat;
z-index:50;
color:red;
font-size:11pt;
}

#menu2
{
text-align:right;
font-family:trebuchet MS;
list-style-type:none;
font-size: 9pt; 
}

em
{
font-size:11pt;
color:yellow;
}