@font-face {
  font-family: 'Museo100-Regular';
  src: url("/fonts/Museo100-Regular.eot");
  src: url("/fonts/Museo100-Regular.woff") format("woff"), url("/fonts/Museo100-Regular.ttf") format("truetype"), url("/fonts/Museo100-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Museo300-Regular';
  src: url("/fonts/Museo300-Regular.eot");
  src: url("/fonts/Museo300-Regular.woff") format("woff"), url("/fonts/Museo300-Regular.ttf") format("truetype"), url("/fonts/Museo300-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Museo500-Regular';
  src: url("/fonts/Museo500-Regular.eot");
  src: url("/fonts/Museo500-Regular.woff") format("woff"), url("/fonts/Museo500-Regular.ttf") format("truetype"), url("/fonts/Museo500-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Museo700-Regular';
  src: url("/fonts/Museo700-Regular.eot");
  src: url("/fonts/Museo700-Regular.woff") format("woff"), url("/fonts/Museo700-Regular.ttf") format("truetype"), url("/fonts/Museo700-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
div.wrapper {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  background-image: url(/images/footer.jpg);
  background-position: center bottom;
  background-repeat: repeat-x; }

a, a:hover, a:visited {
  text-decoration: none;
  color: #009add; }

.back img {
  vertical-align: bottom; }

div.viewport {
  padding: 20px 40px 0 40px;
  width: 944px;
  margin: 0 auto;
  position: relative; }

h1, h2, h3, button, .button, .back-to-actions, .back-to-brand {
  font-family: 'Museo700-Regular'; }

h1 {
  text-align: right;
  font-size: 34px;
  color: #0d3f94;
  position: absolute;
  top: 110px;
  right: 0; }

h2 {
  text-align: center;
  font-size: 32px;
  color: #009add; }

h3 {
  margin-top: 10px;
  border: 1px solid #0d3f94;
  border-radius: 5px;
  padding: 10px;
  background-color: #009add;
  color: #fff; }

div.action-preview ul {
  width: 788px;
  margin: 0 auto; }

div.action-preview ul img {
  width: 666px;
  border: 1px solid #a7a7a7;
  margin-top: 5px; }

button, .button, a.button:visited, a.button:hover {
  background-color: #fff;
  border: 1px solid #0d3f94;
  color: #0d3f94;
  border-radius: 3px;
  padding: 5px;
  display: inline-block;
  cursor: pointer; }

html {
  overflow-y: scroll;
  height: 100%; }

body {
  font-family: Arial;
  color: #000;
  background-color: transparent;
  background-image: url(/images/header.jpg);
  background-position: center top;
  background-repeat: repeat-x;
  height: 100%;
  min-width: 1024px; }

div.header, div.footer {
  position: relative; }

div.footer {
  font-size: 14px;
  color: #0d3f94;
  position: absolute;
  bottom: 0;
  width: 1024px;
  height: 87px;
  padding-left: 50%;
  margin-left: -512px;
  padding-top: 316px;
  background-image: url(/images/footer-opacity.png);
  background-position: right bottom;
  background-repeat: no-repeat; }

div.footer p.name {
  font-weight: bold; }

div.footer p {
  padding-top: 7px;
  line-height: 20px;
  padding-left: 20px;
  padding-right: 20px; }

div.login label {
  display: block;
  font-size: 18px;
  color: #0d3f94;
  margin-bottom: 22px;
  margin-left: -100px; }

div.login {
  text-align: center; }

div.login h2 {
  margin-bottom: 50px; }

div.login input, div.action-infos input, table td.info input {
  width: 375px;
  border: solid 1px #009add;
  height: 34px; }

div.action-infos input, table td.info input {
  height: 28px;
  margin: 3px 0; }

table td.info input {
  margin-left: 5px;
  width: 280px; }

div.action-infos {
  padding-top: 10px; }

input {
  font-family: Arial;
  font-size: 14px; }

div.login button {
  width: 377px;
  height: 67px;
  font-size: 32px;
  color: #fff;
  background-color: #009add;
  border-color: #0d3f94;
  margin-bottom: 30px; }

div.login label span {
  display: inline-block;
  width: 90px;
  text-align: right;
  padding-right: 10px; }

div.content {
  z-index: 2;
  background-color: #fff;
  border: 1px solid #009add;
  padding: 20px;
  position: relative;
  margin-top: 20px; }

a.back {
  position: absolute;
  left: 20px;
  top: 90px; }

div.edit-action a.back {
  top: 30px; }

div.brand {
  text-align: center; }

div.brand img.brand-img {
  width: 100px;
  height: 100px; }

a.add-action, a.delete-action {
  position: absolute;
  top: 20px;
  right: 20px; }

a.delete-action, a.delete-action:visited, a.delete-action:hover {
  color: #e32c3b;
  border-color: #e32c3b; }

td.delete img {
  cursor: pointer; }

div.edit-action ul.brands, h3, div.header, div.footer, div.content, div.clear, div.actions {
  clear: both; }

div.edit-action ul.brands li {
  float: left;
  text-align: center;
  margin-bottom: 6px; }

ul.action-type li:first-child, div.action-infos, div.action-images {
  padding-left: 34px; }

ul.action-type li {
  float: left;
  padding: 10px 0 10px 25px; }

div.edit-action ul.brands li img {
  display: block;
  width: 80px;
  height: 80px;
  padding: 5px 5px; }

div.select-brand ul.brands li {
  float: left;
  border-right: 1px solid #a3d4ee;
  border-bottom: 1px solid #a3d4ee; }

div.select-brand ul.brands {
  margin: 20px 50px 30px 50px; }

div.select-brand ul.brands li.SanPellegrinoFruitBeverage {
  border-bottom: 0; }

div.select-brand ul.brands li.Perrier,
div.select-brand ul.brands li.AcquaPanna,
div.select-brand ul.brands li.SanPellegrino {
  border-right: 0; }

div.select-brand ul.brands li.NestlePureLife,
div.select-brand ul.brands li.Hepar,
div.select-brand ul.brands li.SanPellegrinoFruitBeverage {
  clear: left; }

div.select-brand ul.brands li img {
  display: block;
  width: 150px;
  height: 150px;
  padding: 0 58px; }

div.action-infos label {
  display: block;
  padding: 2px 0; }

td.name div {
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

div.progress {
  height: 20px;
  border: 1px solid #0d3f94;
  padding: 1px; }

div.progress div.percentage {
  height: 20px;
  background-color: #009add;
  width: 0; }

td.upload {
  position: relative; }

td.upload div {
  cursor: pointer;
  width: 180px;
  text-align: center; }

th {
  text-transform: uppercase;
  vertical-align: middle; }

td {
  height: 35px; }

td.delete, td.thumb {
  text-align: center; }

td.upload input {
  position: absolute;
  z-index: 2;
  opacity: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

ul.images img {
  display: block; }

div.choose-action div.actions h3 {
  cursor: pointer;
  background-image: url(/images/arrowv.png);
  background-repeat: no-repeat;
  padding-left: 30px;
  background-position: 10px 10px; }

div.choose-action div.actions.open h3 {
  background-image: url(/images/arrowh.png);
  background-position: 7px 13px; }

div.choose-action div.actions ul li img {
  margin-top: 10px;
  width: 183px;
  height: 258px;
  border: 1px solid #a7a7a7; }

div.choose-action div.actions ul {
  display: none; }

div.choose-action div.actions div.separator {
  background-image: url(/images/actionseparator.png);
  background-repeat: repeat-y; }

div.choose-action div.actions.open ul {
  display: block; }

div.choose-action div.actions ul li {
  float: left;
  margin-bottom: 10px;
  width: 185px;
  padding: 20px; }

div.choose-action div.actions ul li p, div.action-preview p {
  font-size: 12px;
  color: #0d3f94;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap; }

div.action-preview li p {
  display: inline-block; }

div.action-preview li {
  padding: 0 60px;
  margin-top: 10px;
  border-top: 1px solid #009add;
  padding-top: 10px; }

div.choose-action div.actions ul li p span, div.action-preview p span {
  font-weight: bold; }

div.action-preview h3 {
  margin-bottom: 10px; }

div.action-preview p {
  padding-left: 10px; }

div.edit {
  text-align: center; }

div.action-infos label span {
  display: inline-block;
  width: 100px;
  color: #0d3f94;
  font-weight: bold; }

h3 {
  position: relative; }

h3 button {
  position: absolute;
  right: 4px;
  top: 4px; }

li.action span {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

table {
  table-layout: fixed;
  width: 1px;
  color: #0d3f94;
  margin-top: 10px; }

table td.index, table td.infoLbl {
  font-weight: bold; }

table td.infoLbl {
  text-align: right; }

table th {
  font-weight: bold;
  color: #009add;
  font-size: 14px; }

table td.delete img {
  vertical-align: middle; }

.small-logo img {
  width: 114px;
  height: 61px;
  position: absolute;
  right: 40px;
  bottom: 15px; }

div.fadout-top {
  background-image: url(/images/fadeout.png);
  height: 400px;
  width: 1024px;
  position: absolute;
  top: 0;
  left: 0; }

div.footer-visibility {
  padding-bottom: 107px; }

/*# sourceMappingURL=site.css.map */