.rsbtn_play.button{padding: 10px 35px 9px 35px; }
.ReadSpeaker span{
    font-family: 'Lato-Regular';
    color: #fff;
    font-size: 14px;
}
 .rsbtn_text span:before{
    font-family: "icons";
    content: "\e813";
    font-size: 19px;
    padding: 0 10px 0 1px;
    float: left;
}


.rsbtn_mpr .rs_container {
    border: 1px solid #154481;
    margin-left: 42px;
    width: 170px;
    height: 41px;
    border-left: 0px solid;
    border-radius: 4px;
}
 .rsbtn_mpr .rsbtn_volume_decrease:before {
    content: '\e88f';
    font-family: 'icons';
    color: #154481;margin-top:0;
}
.rsbtn_mpr .rsbtn_volume_increase:before {
    content: '\e813';
    font-family: 'icons';
    color: #154481;margin-top:0;
}
.ReadSpeaker .rsbtn_mpr .rsbtn_dl.rsbutton {
    margin-left: 10px;
    margin-top: 2px;
    content: '\e810';
    background: none;
    font-size: 20px;
    margin-top: 7px;
    height: 23px;
    width: 21px;
}
 .rsbtn_mpr .rsbtn_dl.rsbutton:before {
    content: '\e840';
    font-family: 'icons';
    color: #154481;margin-top:0;
}
.ReadSpeaker .rsbtn_mpr .rsbtn_settings.rsbutton {
    margin-left: 14px;
    margin-top: 2px;
    content: '\e810';
    background: none;
    font-size: 20px;
    margin-top: 7px;
    height: 23px;
    width: 21px;
    display: none;
}
 .rsbtn_mpr .rsbtn_settings.rsbutton:before {
    content: '\e800';
    font-family: 'icons';
    color: #154481;margin-top:0;
}
.rsbtn_mpr .rsbtn_closer {
    width: 41px !important;
    height: 41px !important;
    background-position: 0 0;
    background: #154481;
    border: 1px solid;
    border-radius: 4px 0px 0px 4px;
    border-right: 0;
}
.rsbtn_mpr .rsbtn_closer:after {
    content: '\e811';
    font-family: 'icons';
    color: #ffffff;
    padding: 9px 10px 0px;
    font-size: 20px;
    float: left;
}
.ReadSpeaker .rsbtn_mpr .rsbtn_box{
    margin: 0;
}
.ReadSpeaker {
    clear: both;
}
.ReadSpeaker .rsbtn_mpr .rs_container .rsbtn_progress_played.rsimg {    
    background: #255DA4;
}
.ReadSpeaker .rsbtn_mpr .rs_container{
    width: 295px;
    line-height: normal;
}    
.mobile .ReadSpeaker .rsbtn_mpr .rs_container {
	width: 235px;
}
.ReadSpeaker .rsbtn_mpr .rsbtn_volume_decrease.rsbutton {
    margin-left: 10px;
    margin-top: 2px;
    content: '\e810';
    background: none;
    font-size: 20px;
    margin-top: 7px;
    height: 23px;
    width: 21px;
}
.ReadSpeaker .rsbtn_mpr .rsbtn_volume_increase.rsbutton {
    margin-left: 10px;
    margin-top: 2px;
    content: '\e810';
    background: none;
    font-size: 20px;
    margin-top: 7px;
    height: 23px;
    width: 21px;
}
.ReadSpeaker .rsbtn_mpr .rs_container .rsbtn_progress_container.rsimg {
    position: relative;
    border: 0px solid #DDD;
    /* background-repeat: repeat-x; */
    /* background-position: 0 -150px; */
    width: 120px;
    height: 11px;
    margin-top: 14px;
    margin-left: 10px;
    -moz-border-radius: 2px;
    border-radius: 0px;
    background: #ddd;
}
.ReadSpeaker .rsbtn_mpr .rsbtn_stop {
    background: inherit;
    height: 20px;
    margin-top: 9px;
    margin-left: 14px;
}
.rsbtn_mpr .rsbtn_stop:after{
    content: '\e803';
    font-family: 'icons';
    font-size: 20px;
    float: left;    
}
 .rsbtn_mpr.rspaused .rsbtn_pause, .rsbtn_mpr.rsstopped .rsbtn_pause {
  background: inherit;
  width: 19px;
  height: 20px;
  margin-top: 9px;
  margin-left: 11px;
}
.rsbtn_mpr .rsbtn_pause:after {
   content: '\e859';
    font-family: 'icons';
    font-size: 20px;
    float: left;
}
 .rsbtn_mpr .rsbutton.rspart{
    line-height: normal
}
.rsbtn_mpr.rspaused .rsbtn_pause:after, .rsbtn_mpr.rsstopped .rsbtn_pause:after {
    content: '\e8a5';
    font-family: 'icons';
    font-size: 20px;
    float: left;
}
 .rsbtn_mpr .rsbtn_progress_handle.rsimg {
    top: -10px;
    left: 0!important;}
/*******************************************************************/
/*************************** por defecto ***************************/
/*******************************************************************/
.rsbtn_mpr {
    
    position: relative;
    font-family: inherit;
    font-size: inherit;
    line-height: normal;
    /*border: 1px solid #000;
  background: #fff;*/
  /* 
   * Add rounded corners to supported browsers 
   */
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline;
}

/************************************************ GENERAL CLASSES */

/**
 * These are a couple of classes that apply to many object or redefine elements
 */
.rsbtn_mpr a, .rsbtn_mpr span {
    position: relative;
    display: block;
    text-decoration: none;
}

/**
 * Use the predefined CSS sprite for all graphical elements.
 */


/**
 * All the player elements should float.
 */
.rsbtn_mpr .rspart {
    float: left;
    margin-left: 2px;
}

#rslightbox_content  .rsdefloat {
    clear: both;
}

/**
 * This goes for all buttons
 */
.rsbtn_mpr .rspart.rsbutton {
    /*background-color: #000;*/
    width: 19px;
    height: 14px;
  
  /* 
   * Add rounded corners to supported browsers 
   
  -moz-border-radius: 5px;
  border-radius: 5px;
*/
    /**
     * This is just to make the rollover effect a little smoother.
     */
    -moz-transition: background-color .2s ease;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

/**
 * Add a subtle rollover effect to the buttons.
 */

/**
 * Hide all text labels. They will still be visible to non-CSS browsers
 */
.rsbtn_mpr .rspart .rsbtn_btnlabel {
    display: none;
}

/**
 * Hide Listen button when the player is visible. They will still be visible to non-CSS browsers
 */
 .rsbtn_mpr.rsexpanded .rsbtn_left {
    visibility: hidden;
}

/************************************************ PLAYER BOX */
.rsbtn_mpr .rsbtn_box {
    margin: -1px;
    margin: -22px -1px -1px 0;
    background: #FFF;
}

/************************************************ LISTEN BUTTON + ICON */
.rsbtn_mpr .rsbtn_play {
    display: inline-block; 
    position: static;
    margin: 1px 0;
    width: 100%;
}
a.rsbtn_play:hover {
    background: #3E77C2;
}
.formCaptchaCaptcha a.rsbtn_play:hover {
    background: #ffffff;
}
/*.rsbtn_mpr .rsbtn_left .rsbtn_text {
    background:  url(../../../voz/images/icon_voz.gif) no-repeat scroll 0 0;

}*/
.rsbtn_mpr.rsexpanded .rsbtn_play {
    display: none;
}

/************************************************ EXPANDING AREA */
.rsbtn_mpr .rsbtn_exp.rsimg.rspart {
    background: none;
    float: left; 
    display: none;
}

/**
 * We want the expanding area to be visible only when the player
 * is expanded, hence the .rsexpanded class.
 */
.rsbtn_mpr.rsexpanded .rsbtn_exp.rsimg {
    display: block;
    margin-top: 0;
    padding: 0;
}

/************************************************ PLAY/PAUSE BUTTON */
.rsbtn_mpr .rsbtn_pause {
    background-position: 0 -36px;
    margin-top: 9px;
    margin-left: 10px;
}

.rsbtn_mpr.rspaused .rsbtn_pause,
.rsbtn_mpr.rsstopped .rsbtn_pause {
    background-position: 0 -22px;
    margin-top: 10px;
    margin-left:10px;
}

/************************************************ STOP BUTTON */
.rsbtn_mpr .rsbtn_stop {
    background-position: 1px -49px;
    margin-top: 9px;
}

.rsbtn_mpr.rsstopped .rsbtn_stop.rsimg {
    background-position: -13px -49px;
    margin-top: 9px;
}   

/************************************************ PROGRESS CONTAINER */
.rsbtn_mpr .rs_container .rsbtn_progress_container.rsimg{
    position: relative;
    border: 1px solid #DDD;
    background-repeat: repeat-x;
    background-position: 0 -150px;
    width: 50px;
    height: 10px;
    margin-top: 13px;
    margin-left: 4px;
  /* 
   * Add rounded corners to supported browsers 
   */
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/************************************************ PROGRESS DRAG HANDLE */
.rsbtn_mpr .rsbtn_progress_handle.rsimg {
    top: -12px;
    left: -2px;
    height: 10px;
    width: 4px;
    background-image: none;
}

.rsbtn_mpr .rsbtn_progress_handle a{
    text-decoration: none !important;
}

/************************************************ PROGRESS BAR */
.rsbtn_mpr .rs_container .rsbtn_progress_played.rsimg{
    background-repeat: repeat-x;
    background-position: 0 -160px;
    border: none;
    height: 100%;
      /* 
   * Add rounded corners to supported browsers 
   */
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/************************************************ REWIND BUTTON
.rsbtn_mpr .rsbtn_rewind {
    background-position: 0 -106px;
    margin-left: 5px;
    margin-top: 2px;
} */

/************************************************ FORWARD BUTTON

.rsbtn_mpr .rsbtn_forward {
    background-position: 0 -120px;
    margin-left: 5px;
    margin-top: 2px;
} */


/************************************************ VOLUME BUTTON DECREASE */
.rsbtn_mpr .rsbtn_volume_decrease {
    margin-left: 5px;
    margin-top: 9px;
    content:'\e810';
}
.mobile .rsbtn_mpr .rsbtn_volume_decrease {display:none;}
/************************************************ VOLUME BUTTON INCREASE */

.rsbtn_mpr .rsbtn_volume_increase {
    background-position: 0 -92px;
    margin-left: 5px;
    margin-top: 9px;
}
.mobile .rsbtn_mpr .rsbtn_volume_increase {display:none;}
/************************************************ VOLUME SLIDER CONTAINER 
.rsbtn_mpr .rsbtn_volume_container {
    height: 8px;
    position: relative;
    border: 1px solid #DDD;
    background-repeat: repeat-x;
    background-position: 0 -106px;
    margin-top: 4px;
    margin-left: 4px;
}
*/
/************************************************ VOLUME SLIDER SLIDER AREA
.rsbtn_mpr .rsbtn_volume_slider {
    width: 30px;
    height: 10px;
    background: none;
}
 */
/************************************************ VOLUME SLIDER SLIDE HANDLE 
.rsbtn_mpr .rsbtn_volume_handle.rsimg {
    background: none;
}
*/
/************************************************ DOWNLOAD BUTTON */
.rsbtn_mpr .rsbtn_dl {
    background-position: 0 -135px;
    margin-left: 5px;
    margin-top: 10px;
}

/************************************************ SETTINGS BUTTON */
.rsbtn_mpr .rsbtn_settings {
    background-position: 0 -63px;
    margin-left: 5px;   
    margin-top: 2px;
}

/************************************************ CLOSE BUTTON */

/************************************************ POPUP BUTTON */
/**
 * This is the style of the listen button that popups when the user
 * makes a text selection on the page.
 */
.rsbtn_mpr.rspopup {

    background: #fff;
    border: 1px solid #555;
    box-shadow: 0 0 5px #777;
    display: none;
}

/************************************************ BORDER AROUND THE PLAYER */




/************************************************ NO FLOAT */


.rsbtn_mpr .rsbtn_right.rsimg.rsplay.rspart, .rsbtn_mpr .rsbtn_left.rsimg.rspart {
    float:none;
    width: 87px;
    margin: 0 auto;
}


/************************************************ SETTINGS AND DOWNLOAD MENUS */

#rslightbox_logo {background: none !important;}

#rslightbox_closer {
    background: none !important;
    display: none !important;
    height: 42px;
    position: relative;
    right: -21px;
    top: -21px;
    width: 42px;
    z-index: 1002;
}
#rslightbox_contentcontainer {
    background-color: #EEEEEE;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 20px #000000;
    height: auto;
    margin-bottom: 10px;
    position: absolute;
    width: 500px;
    z-index: 999999999;

}
#rslightbox_contentcontainer.rsshow{
    display: block;
}

#rslightbox_contentcontainer.rshide {
    display: none;
}

#rslightbox_content {
    margin: 0 10px 79px !important;
    overflow: auto; 
    height: auto;
}

#rslightbox_buttons {
    background: none repeat scroll 0 0 #EEEEEE;
    margin-top: 60px;
    position: relative;
}

#rslightbox_content ul.rsform-colorlist li a span.rs-color-beffd6 {
    background: #beffd6;
    border: 1px solid #000000;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
}

#rslightbox_content ul.rsform-colorlist li a span.rs-color-a4cbff {
    background: #a4cbff;
    border: 1px solid #000000;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
    }

#rslightbox_content ul.rsform-colorlist li a span.rs-color-ffffcc {
    background: #ffffcc;
    border: 1px solid #000000;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;    
}

#rslightbox_content ul.rsform-colorlist li a span.rs-color-ffffff {
    background: #ffffff;
    border: 1px solid #000000;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
    }

#rslightbox_content ul.rsform-colorlist li a span.rs-color-000000 {
    background: #000000;
    border: 1px solid #000000;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
    }
    
#rscontrol_hlicon {
    display: none;
}

.rsform-info-container.rsshow {
    display: block !important;
}
.rsform-info-container.rshide {
    display: none;
}
/************************************************ HIGHLIGHTING */

.sync_word_highlighted { 
color: #FFFFFF !important;
}

.sync_sent_highlighted { 
color: #000000 !important;
}

/************************************************ PROGRESS CLASSES */

.rsbtn_mpr .progress0 {
width: 0%;
}

.rsbtn_mpr .progress5 {
width: 5%;
}

.rsbtn_mpr .progress10 {
width: 10%;
}

.rsbtn_mpr .progress15 {
width: 15%;
}

.rsbtn_mpr .progress20 {
width: 20%;
}

.rsbtn_mpr .progress25 {
width: 25%;
}

.rsbtn_mpr .progress30 {
width: 30%;
}

.rsbtn_mpr .progress35 {
width: 35%;
}

.rsbtn_mpr .progress40 {
width: 40%;
}

.rsbtn_mpr .progress45 {
width: 45%;
}

.rsbtn_mpr .progress50 {
width: 50%;
}

.rsbtn_mpr .progress55 {
width: 55%;
}

.rsbtn_mpr .progress60 {
width: 60%;
}

.rsbtn_mpr .progress65 {
width: 65%;
}

.rsbtn_mpr .progress70 {
width: 70%;
}

.rsbtn_mpr .progress75 {
width: 75%;
}

.rsbtn_mpr .progress80 {
width: 80%;
}

.rsbtn_mpr .progress85 {
width: 85%;
}

.rsbtn_mpr .progress90 {
width: 90%;
}

.rsbtn_mpr .progress95 {
width: 95%;
}

.rsbtn_mpr .progress100 {
width: 100%;
}