/* --- FONTS -------------------------------------------------------- */
@import url(fonts.css);

/*
font-family: 'Bitter', monospace, serif;
*/

/* --- DEFAULT ------------------------------------------------------ */
* { 
  margin: 0;  
  padding: 0;
}

HTML {
  height: 100.1%;
  color: #333;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

BODY, P, OL, UL, H1, H2, H3, H4, H5, A, FORM, LEGEND, LABEL, INPUT, TEXTAREA, SELECT, DIV, SPAN, B, I, TR, TH, TD  {
  color: #333;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 1em;
}

BODY {
  background-color: #fff;
}

P {
  line-height: 150%;
  margin-bottom: 0.8rem;
}

A {
  color: #0b355e;
  text-decoration: underline;
  font-weight: 600;
}

H1 {
  font-family: 'Bitter', monospace, serif;
  font-size:2.0rem;
  font-weight:700;
  line-height:150%;
  margin-bottom:1.2rem;
  color: #0b355e;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
}

H2 { 
  font-family: 'Bitter', monospace, serif;
  font-size:1.5rem;
  font-weight: 700;
  line-height:150%;
  letter-spacing: 0.02rem;
  color: #a5c5ec;
}

H3 {
  font-family: 'Bitter', monospace, serif;
  font-size:1.2rem;
  font-weight: 700;
  line-height:150%;
  letter-spacing: 0.02rem;
  color: #0b355e;
}

H4 { 
  font-family: 'Bitter', monospace, serif;
  font-size:1.1rem;
  font-weight:700;
  line-height:150%;
  margin-top: 0.2rem;
  color: #ea7633;
}


UL, OL {
  padding-left: 40px;
  line-height: 200%;
}

LI {
  padding-left: 20px;
}

IMG {
  border: 0px;
}

HR {
  color: #FFFFFF;
  background-color: #FFFFFF;
  border: none;
  border-bottom: solid 1px #e8e9e9;
  height: 0px;
}

INPUT, TEXTAREA, SELECT {
  background-color: #FFFFFF; 
  border: 1px solid #e8e9e9; 
}

TEXTAREA {
}

input[type=submit] {
  cursor: pointer;
}


body.htmlarea-content-body {
}

/* --- RTE - FORMATE ------------------------------------------------ */

p.align-left,
h1.align-left,
h2.align-left,
h3.align-left,
h4.align-left,
h5.align-left,
h6.align-left,
td.align-left {
  text-align: left;
}

p.align-center,
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center,
td.align-center {
  text-align: center;
}

p.align-right,
h1.align-right,
h2.align-right,
h3.align-right,
h4.align-right,
h5.align-right,
h6.align-right,
td.align-right {
  text-align: right;
}

p.align-justify,
h1.align-justify,
h2.align-justify,
h3.align-justify,
h4.align-justify,
h5.align-justify,
h6.align-justify,
td.align-justify {
  text-align: justify;
}  

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}  

.indent {
  margin-left: 1.5rem;
}

a.button {
  font-family: 'Bitter', monospace, serif;
  color: #fff;
  background-color: #a5c5ec;
  padding: 0.6rem 1.5rem;
  font-size: 1.0rem;
  text-decoration: none;
  border: 1px solid #fff;
  display: inline-block;
}

a.button:active, 
a.button:hover {
  background-color: #0b355e;
}