/*!
	ARGO STYLEMAP v1.0
	
	1- Colors
	2- Layout
	3- Typography
	4- Buttons
	5- Forms
*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*!	1- Colors */
/* Stili di base per i colori a tinta piatta e gradienti */
/*! Color Palette ------------------------------ */
/*! Gradients ------------------------------ */
/*! 2- Layout  */
/*	Stili di base per la griglia a tre colonne, griglia a righe e float */
.container {
  min-width: 1024px;
}

.col-1 {
  width: 107px;
}

.col-2 {
  width: 173px;
}

.col-3 {
  width: 733px;
}

/*! 3- Typography */
/* Stili di base per titoli, corpo testo, link, etichette ecc */
body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  color: #6b7475;
}

a, a:visited {
  cursor: pointer;
  color: #347699;
}

.bolder {
  font-weight: 700;
}

[class*="title-"] {
  font-family: "Lato", sans-serif;
  color: #347699;
  font-weight: 300;
}
[class*="title-"].bolder {
  font-weight: 400;
}
[class*="title-"] a {
  color: inherit;
  text-decoration: none;
}

.title-1 {
  font-size: 26px;
}

.title-2 {
  font-size: 21px;
}

.title-3 {
  font-size: 18px;
}

.allcaps, [class*="label-"], .field-box label {
  font-family: "Lato", sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

[class*="label-"] {
  color: white;
  padding: 0 6px;
  background-color: #347699;
  border-radius: 4px;
  font-weight: bolder;
  display: inline-block;
}

.label-sky {
  background-color: #4eade1;
}

.label-lemon {
  background-color: #f7b134;
}

.label-lime {
  background-color: #79ba63;
}

.label-red {
  background-color: #ea5c47;
}

.small-caption {
  font-size: 12px;
  line-height: 18px;
}

/*! 4- Buttons */
/* Stili di base per le diverse tipologie di pulsanti */
[class*="btn-"] {
  cursor: pointer;
  display: inline-block;
  font-family: "Lato", sans-serif;
}

.btn-text {
  border: 0;
  font-size: 14px;
  background: none;
  background-color: transparent;
  color: #347699;
}
.btn-text:active {
  color: #4eade1;
}

.btn-text-big {
  color: #4eade1;
  font-weight: 300;
  font-size: 21px;
}
.btn-text-big:active {
  color: #234e66;
}

.btn-blue {
  background: #fff;
  background: -moz-linear-gradient(#ccedff, #a5e0ff);
  background: -webkit-linear-gradient(#ccedff, #a5e0ff);
  background: -o-linear-gradient(#ccedff, #a5e0ff);
  background: -ms-linear-gradient(#ccedff, #a5e0ff);
  /*For IE10*/
  background: linear-gradient(#ccedff, #a5e0ff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$color1', endColorstr='$color2');
  /*For IE7-8-9*/
  color: #347699;
  border: 0;
  border-radius: 4px;
  padding: 5px 15px;
  font-size: 14px;
}
.btn-blue:active {
  color: #347699;
  background: #fff;
  background: -moz-linear-gradient(#84d4ff, #74ceff);
  background: -webkit-linear-gradient(#84d4ff, #74ceff);
  background: -o-linear-gradient(#84d4ff, #74ceff);
  background: -ms-linear-gradient(#84d4ff, #74ceff);
  /*For IE10*/
  background: linear-gradient(#84d4ff, #74ceff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$color1', endColorstr='$color2');
  /*For IE7-8-9*/
}

/*! 5- Forms */
/*Stili di base per form, campi di input e selezione */
.filter-box {
  min-width: 288px;
  height: 36px;
  float: left;
  border: 1px solid #d1d1d1;
  border-radius: 4px;
  padding: 6px 12px;
  clear: both;
  background-color: #f7f7f7;
}
.filter-box label {
  font-size: 14px;
  border-right: 1px solid #d1d1d1;
  padding-right: 10px;
}

/*! ICONS AND BACKGROUNDS ------------------------------ */
.sprite-1 {
  background-position: 0 0;
  width: 118px;
  height: 24px;
}

.sprite-2 {
  background-position: 0 -292px;
  width: 24px;
  height: 24px;
}

.sprite-2b {
  background-position: 0 -326px;
  width: 24px;
  height: 24px;
}

.sprite-3 {
  background-position: 0 -360px;
  width: 36px;
  height: 36px;
}

.sprite-4 {
  background-position: 0 -406px;
  width: 36px;
  height: 36px;
}

.sprite-5 {
  background-position: 0 -452px;
  width: 36px;
  height: 36px;
}

.sprite-6 {
  background-position: 0 -498px;
  width: 36px;
  height: 36px;
}

.sprite-7 {
  background-position: 0 -544px;
  width: 36px;
  height: 36px;
}

.sprite-8 {
  background-position: 0 -590px;
  width: 36px;
  height: 36px;
}

.sprite-9 {
  background-position: 0 -636px;
  width: 36px;
  height: 36px;
}

.sprite-10 {
  background-position: 0 -34px;
  width: 36px;
  height: 36px;
}

.sprite-11 {
  background-position: 0 -80px;
  width: 96px;
  height: 96px;
}

.sprite-12 {
  background-position: 0 -186px;
  width: 96px;
  height: 96px;
}