/*------------------------------------------------ -----------------|   comaCombo   |-------------------- ------------------------------------------------*/ .comaCombo { position: relative; padding: 0 0 0 6px; margin: 0; line-height: 0; font-size: 0; display: -moz-inline-box; display: inline-block; zoom: 1; background: transparent url(../images/comaSkin/combo/left.png) no-repeat left; cursor: pointer; } .comaCombo u { display: inline-block; padding: 0 20px 0 0; margin: 0; line-height: 0; font-size: 0; text-decoration: none; background: transparent url(../images/comaSkin/combo/right.png) no-repeat right; } .comaCombo b { display: inline-block; padding: 5px 5px 6px 5px; margin: 0; line-height: 12px; font-size: 12px; color: #333; text-shadow: 1px 1px 0 #fff; overflow: hidden; background: transparent url(../images/comaSkin/combo/center.png) repeat-x; } .comaCombo b>s { display: block; width: 2000em; text-decoration: none; text-align: left; } .comaComboOpciones { display: block; position: absolute; top: 100%; left: 0; width: 100%; } .comaComboOpciones em{ display: block; padding: 0 5px; } .comaComboOpciones i { display: block; border: 1px solid #cdcdcd; border-top: none; border-radius: 0 0 3px 3px; box-shadow: 1px 1px 2px #ccc; overflow: hidden; font-style: normal; } .comaComboOpciones a { display: block; padding: 5px; margin: 0; line-height: 12px; font-size: 12px; text-decoration: none; color: #333; background: #fff; } .comaComboOpciones a:hover { color: #fff; background: #a09f9f; } .comaComboOpciones a+a { border-top: 1px solid #eee; } option { text-align: left; padding: 2px 0 2px 5px; } option:hover {background: ##b9b9b9;}