html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; color: #555; }
table { border-collapse: collapse; border-spacing: 0; }
html { height: 100%; }
header, nav, section, article, aside, footer { display: block; }

body { font: 16px/1.5 Arial, sans-serif; width: 100%; height: 100%; }
a:link,
a:visited { color: #388bd1; outline: none; text-decoration: underline; }
a:hover,
a:active { color: #ce1957; outline: none; text-decoration: underline; }
p { margin: 0 0 18px; }
img { border: none; }
input { vertical-align: middle; }

#wrapper {
  width: 990px; margin: 20px auto; min-height: 100%; height: auto !important; height: 100%;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
  padding: 15px; border: 1px solid #e9e7e7; border-radius: 3px; box-shadow: 2px 2px 3px 0px #e9e7e7;
}


/* Header
-----------------------------------------------------------------------------*/
#header { padding: 0 0 20px; margin: 0 0 35px; border-bottom: 1px dashed #e9e7e7; text-align: center; }

.ap-sites { display: inline-block; vertical-align: middle; margin: 0 25px; overflow: hidden; }
.aps-xorb { width: 457px; height: 88px; background: url(../img/logo.png) 0 0 no-repeat; line-height: 88px; text-indent: 457px; }

h1 { margin: 25px 0 25px; font-size: 30px; color: #444; }
a.h1-link:link,
a.h1-link:visited,
a.h1-link:hover,
a.h1-link:active { color: #444; text-decoration: none; }

.job-link {
  text-decoration:none; text-align:center; 
  padding:11px 32px; 
  border:solid 1px #004F72; 
  -webkit-border-radius:4px;
  -moz-border-radius:4px; 
  border-radius: 4px; 
  font:18px Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  color:#E5FFFF; 
  background-color:#3BA4C7; 
  background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
  background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
  background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
  background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
  background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
  -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
  -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
  box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
}

a.job-link:link,
a.job-link:visited,
a.job-link:hover,
a.job-link:active { color: #fff; text-decoration: none; }

#header .job-link { margin: 25px 0 12px; }

/* Middle
-----------------------------------------------------------------------------*/
#content { padding: 0 30px 200px; }
h2 { font-size: 24px; font-weight: normal; margin: 35px 0 15px; }
h3 { font-size: 20px; font-weight: normal; margin: 35px 0 15px; }
h4 { font-size: 16px; margin: 15px 0; }
h2:first-child,
h3:first-child,
h4:first-child { margin-top: 0; }
p { margin: 0 0 15px; }
.v-head { color: #388bd1; border-bottom: 1px dashed #388bd1; cursor: pointer; }
.v-head:hover { color: #ce1957; border-bottom-color: #ce1957; }
.v-info { display: none; }
.vacancy.show- .v-info { display: block; padding: 10px 15px 1px; background: #fafafa; border: 1px solid #eee; border-radius: 3px; margin: 0 0 15px; }

.updated-at { font-size: 14px; font-style: italic; }

/* Footer
-----------------------------------------------------------------------------*/
#footer {
  width: 990px; margin: -220px auto 0; height: 220px; position: relative; padding: 0 15px; text-align: center;
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
#footer .content- { border-top: 1px dashed #ccc; padding-top: 15px; }
.client-sites { padding: 10px 0 0; }
.c-sites { display: inline-block; vertical-align: middle; margin: 0 20px 20px; overflow: hidden; }
.cs-pulscen { width: 145px; height: 20px; background: url(../img/clients/pulscen.svg) 0 0 no-repeat; line-height: 20px; text-indent: 145px; }
.cs-blizko { width: 125px; height: 26px; background: url(../img/clients/blizko.svg) 0 0/80% no-repeat; line-height: 26px; text-indent: 125px; }
.cs-arnica { width: 120px; height: 48px; background: url(../img/clients/arnica.svg) 0 0 no-repeat; line-height: 48px; text-indent: 120px; }
.cs-billingonline { width: 140px; height: 36px; background: url(../img/clients/billingonline.svg) 0 0 no-repeat; line-height: 36px; text-indent: 140px; }
.cs-ubrr { width: 95px; height: 20px; background: url(../img/clients/ubrr.svg) 0 0 no-repeat; line-height: 20px; text-indent: 95px; }
