.acordeon, .acordeonInterno{ font-family: sans-serif; margin: 0; position:relative; } .acordeon > dl{ margin: 60px auto; } .acordeon dt, .acordeon dd, .acordeonInterno dt, .acordeonInterno dd{ padding: 10px; } //.acordeon dt{ background: #333333; color: white; border-bottom: 1px solid #141414; border-top: 1px solid #4E4E4E; cursor: pointer; } //.acordeon dd{ background: #F5F5F5; line-height: 1.6em; } .acordeon dt, .acordeonInterno dt{ background: #efefef; color: #000; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; cursor: pointer; } .acordeon dd , .acordeonInterno dd {line-height: 1.6em;margin-left:0 } .acordeon dt.activo, .acordeonInterno dt.activo, dt:hover{ background: #fff6d3; } //.acordeon dt:before{ content: url("../css/right.png"); margin-right: 10px; } //.acordeon dt.activo:before{ content: url("../css/down.png"); } .acordeon dt , .acordeonInterno dt{ background-image: url("img/right.png"); background-position: 10px 5px; background-repeat: no-repeat; padding-left: 35px; } .acordeon dt.activo , .acordeonInterno dt.activo{ background-image: url("img/down.png"); background-position: 14px 9px; background-repeat: no-repeat; padding-left: 35px; } .acordeon input[type="submit"] { position: absolute; right: 5px; top: 5px; border-radius: 5px; padding: 3px; } .tr_1 td, .tr_2 td, .tr_3 td, .tr_4 td, .tr_5 td, .tr_6 td, .tr_7 td, .tr_8 td { padding-right: 15px; }