h1.main-header {
text-align: center;
font-size: 28px !important;
font-weight: 300;
margin-bottom: 40px;
font-family: nimbus-sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;
text-transform: uppercase;
}
.positions-container {
max-width: 900px;
margin: 0 auto;
}
.filters-container {
text-align: center;
margin-bottom: 40px;
}
select.departments, select.locations {
display: inline-block;
height: 32px;
line-height: 32px;
border: 1px solid #eee;
padding: 6px;
color: #666666;
font-size: 16px;
margin-right: 20px;
}
ul.positions {
margin-top: 20px;
}
a.button.polygot {
padding: 10px 20px;
display: inline-block;
font-weight: 200;
letter-spacing: 0.5px;
color: #ffffff;
text-decoration: none;
border: none;
outline: 0;
border-radius: 4px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
background-color: #666666;
cursor: pointer !important;
}
h2.position-name:after {
content: " Aplicar";
text-align: right;
float: right;
padding: 10px;
background: gray;
border: 5px;
color: white;
}
.position-name a {
display: inline-block;
position: relative;
z-index: 1;
padding-right: 100%;
padding-left: 35px;
padding-bottom: 2em;
margin: -2em;
white-space: nowrap;
}
li.position {
margin-bottom: 10px;
margin-top: 10px;
padding: 20px;
cursor: pointer;
border: 1px solid #fff;
border-radius: 4px;
transition: background-color 100ms ease-out 100ms;
}
li.position:hover {
background: #E8E8E8;
}