* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
background-color: #696969; /*#faebd7;*/
background-image:url(imas/fond.png);
font-size: 12px;
margin:  20px auto;
}
#panel {
width: 660px; 
background: #fff;
position: relative;
text-align: left;
border: 4px solid #ddd;
margin: 0 auto;
}
#sup {
width: auto; 
background: #006edf;
border-bottom: 5px solid #fff;
}
#sup p {
width: 355px;
color: #fff;
font-size: 11px;
position: absolute;
top: 30px; 
right: 10px;
line-height: 18px;
}
#sup h1 {
width: auto;
position: absolute;
top: 20px;
left: 20px;
font-size: 20px;
color: #ffc;
text-align: center;
}
#medio {
width: auto;
height: 60px;
background: #c93;
background-image: url(imas/medio_dis.png);
background-repeat: no-repeat; 
background-position: top right; 
}
#listado {
width: auto;
margin: 40px 0 40px 20px
}
#listado h2 {
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
}
.man {
background: #DEFE99;
width: 500px;
margin: 20px 0 20px 10px;
}
.man img {
float: left;
border: 2px solid #006edf;
}
.tut{
width: 500px;
margin: 20px 0 20px 10px
}
.tut img {
float: left;
border: 2px solid #006edf;
}
.tut a, .man a {
margin: 0 0 12px 16px;
padding: 0;
line-height: 20px;
font-weight: bold;
color: #f30;
text-decoration: none;
}
.tut a:hover, .man a:hover {
text-decoration: underline;
}
.tut a:visited, .man a:visited {
color: #f66;
}
.tut p, .man p {
width: 400px;
font-size: 11px;
margin: 0 0 12px 86px;
font-weight: normal;
line-height: 18px;
}
#contar {
width: auto;
margin: 10px 0;
padding: 10px 0; 
}