.widget {
  max-width: 62.250rem;
  padding: 0 0.125rem;
  margin: 0.688rem auto;
}

.widget__interior {
  margin: 0 0.688rem;
  position: relative;
}

.widget_monster {}

.widget_monster .widget__interior { padding: 12px 0; border:1px solid #EFEFEF; border-width:1px 0; background:#fff; font-size:10px; }

.widget_monster ul { list-style-type:none;}
.widget_monster .widget-titulo { display:none}

.widget_monster .widget-contenido:after,
.widget_monster .monster_form:after,
.widget_monster .monster_links:after { content: ""; clear: both; display: block; }

/* MÓDULO MONSTER: CABECERA */
.widget_monster h2 { margin:0 0 12px; width:257px; }
.widget_monster h2 a { display:block; text-indent:-9000px; overflow:hidden; height:16px; font-size:10px; background:url(/estaticos/economia/empleo/img/t_modulo_monster.png) no-repeat; }

/* MÓDULO MONSTER: BUSCADOR */
.widget_monster .monster_buscador { float:left; width:64%; }
.widget_monster .monster_form { padding:20px 10px 14px; background:#dbdbdb url(/estaticos/economia/empleo/img/f_pico.gif) no-repeat 24px 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0;}
.widget_monster .monster_form p { float:left; width: 39%; margin:0 8px 0 0;}
.widget_monster .monster_form label { display:block; margin:0 0 7px; font:bold 11px/11px Tahoma, Arial, Geneva, sans-serif; color:#000; text-shadow:1px 1px #fff;}
.widget_monster .monster_form input { display:block; width:100%; padding:7px 6px; background:#fff; border:1px solid #c9c9c9; -webkit-border-radius:3px; border-radius:3px; font:14px/14px Arial, Helvetica, sans-serif; color:#333;}
.widget_monster .monster_form a { float:left; width: 18%; text-align: center; padding:9px 12px; margin:19px 0 0; font:bold 11px/11px Tahoma, Arial, Geneva, sans-serif; color:#fff; text-shadow:1px 1px #000; background:url(/estaticos/economia/empleo/img/f_patron.png); -webkit-border-radius:2px; border-radius:2px;}

/* MÓDULO MONSTER: ENLACE */
.widget_monster .monster_links { padding:12px 10px; border-top:1px solid #fff; background:#ededed; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.widget_monster .monster_links p { float:left; padding:9px 0; margin:0 7px 0 0; font:bold 11px/11px Tahoma, Arial, Geneva, sans-serif; color:#000; text-shadow:1px 1px #fff; vertical-align:middle;}
.widget_monster .monster_links ul { float:left;}
.widget_monster .monster_links li { float:left; margin:0 7px 0 0;}
.widget_monster .monster_links li a { display:block; padding:9px 0; font:bold 12px/12px Tahoma, Arial, Geneva, sans-serif; color:#815AA7; vertical-align:middle; text-shadow:1px 1px #fff; text-decoration:underline; text-transform:uppercase;}
.widget_monster .monster_links li a:hover { opacity: 0.85; filter: alpha(opacity=85);}

/* MÓDULO MONSTER: ACCIONES */
.widget_monster .monster_acciones { float:left; width:338px;}
.widget_monster .monster_accion { float:left; width:16%; margin:0 0 0 13px;}
.widget_monster .monster_accion div { padding:6px 0 0; background:url(/estaticos/economia/empleo/img/f_pico.png) no-repeat -10px top;  border:1px solid #d2d2d2;  border-width:0 1px 1px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; clear: both; }
.widget_monster .monster_accion h3 {}
.widget_monster .monster_accion h3 span { display:inline-block; padding:8px 20px 9px 0; font:bold 11px/11px Tahoma, Arial, Geneva, sans-serif; color:#000; background:url(/estaticos/economia/empleo/img/ico_flecha.gif) no-repeat right center;}
.widget_monster .monster_accion img { display:block; margin:0 0 9px 2px; }
.widget_monster .monster_accion p { position:relative; font:normal 11px/13px Tahoma, Arial, Geneva, sans-serif; color:#fff; }
.widget_monster .monster_accion strong { display:block; position:absolute; right:5px; top:38px; width:102px; padding:5px; font-weight:normal; background:#555; background:rgba(85,85,85,0.9);-webkit-border-radius:2px; border-radius:2px; }
.widget_monster .monster_accion ul { padding:6px; border-top:1px solid #d2d2d2; font:11px/11px Tahoma, Arial, Geneva, sans-serif; }
.widget_monster .monster_accion li { margin:0 0 3px;}
.widget_monster .monster_accion ul a { color:#663398; padding:0 0 0 6px; background:url(/estaticos/economia/empleo/img/bolo.gif) no-repeat left center; }
.widget_monster .monster_accion ul a:hover { text-decoration:underline;}


@media (max-width: 767px) {
  
  .widget_monster .monster_buscador { width: 50%; }
  .widget_monster .monster_accion { width: 22%; }
  .widget_monster .monster_form p,
  .widget_monster .monster_form a { float: none; width: auto; margin: 0 0 10px; clear: both; display: block; }
    
}


@media (max-width: 599px) {

  .widget_monster .widget-titulo { 
    display:block; 
    margin:0 0 12px; 
    padding:10px; 
    background:#805AA7;
    background: -moz-linear-gradient(top, rgba(128,90,167,1) 0%, rgba(118,80,153,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,90,167,1)), color-stop(100%,rgba(118,80,153,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(128,90,167,1) 0%,rgba(118,80,153,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(128,90,167,1) 0%,rgba(118,80,153,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(128,90,167,1) 0%,rgba(118,80,153,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(128,90,167,1) 0%,rgba(118,80,153,1) 100%); /* W3C */
  }
  .widget_monster .widget-titulo a { display:block; text-indent:-9000px; overflow:hidden; width:100%; height:32px; background:url(/estaticos/economia/empleo/img/t_empleo.png) no-repeat;  }
  .widget_monster .monster_buscador { float:none; width:auto; margin-bottom: 10px; }
  .widget_monster .monster_links li a:hover { text-decoration:none;}
  .widget_monster .monster_accion { width: 47%; margin: 0; }
  .widget_monster .monster_accion:nth-child(2) { margin-right: 4%; }

}