div.demolayout {
width:620px;
margin: 0 0 20px 0;
}

ul.demolayout {
list-style-type: none;
float: left;
margin:0px;
padding:0px;

}

ul.demolayout li {
margin: 0 10px 0 0;
float: left;


}
.tab{
padding:0 0 25px 0;

}
ul.demolayout a {
float: left;
display: block;
padding: 5px 25px;
border: 1px solid #9fbe56;
border-bottom: 0;
color: #666;
background:#fff;
text-decoration: none;
font-weight: bold;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}



ul.demolayout a.active {
background:#009966;
padding-bottom: 5px;
cursor: default;
color:#ffffff;
}

.tabs-container {
clear: left;
padding:0px;
background-color:#f0f6e3;
border: 1px solid #9fbe56;
}

#obra_medio{
float:right;
width:620px;
padding:0px 20px 10px 0px;
}
#titu_obra{
padding:10px 4px 4px 6px;
}
#titu_obra a{
padding:10px 4px 4px 6px;
color:#006600;
text-decoration:none;
font-size:12px;
}
#titu_obra a:hover{
color:#990000;
text-decoration:underline;
font-size:12px;
}