body,html { background-color:#f5f5f5; isplay:table;width:100%;height:100%; overflow-x:hidden; margin:0; padding:0;}
* {
  box-sizing: border-box;
}
/*ul.pureCssMenu .fa-chevron-down::before { 
  content: none !important;
}*/

div#menu button { display:none; }
.pureCssMenui i {
  color: #fff;
  font-size: 0.9em;
 padding-top:10px;
}

.maxsize { max-width:100%;width:100%; }
section.page {min-height:500px; }
.opengea_logo { width:100px; padding:20px 0px }
.main_content { background:#fff; /*linear-gradient(45deg, #d3f3f8 0, #fff 100%) */ }
#rack { height:265px; }
#particles-js, div#site-header { height:266px;}
#rack { width:100%;background-size:cover;background-position-y:center }
#rack,.fonsbg { position: absolute;
  top: 0px;
  mix-blend-mode: soft-light;
  opacity: .4;
}
.minh { min-height:500px; }
body hr {border-top:1px solid #e5e5e5 !important}
.left { text-align:left;}

/*faq */

.faq-question {
  width: 100%;
  text-align: left;
  background-color: #2bb7be;
  color: #fff;
  padding: 14px 20px;
  border: 0;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  margin-top: 10px;
  cursor: pointer;
  transition: background .3s;
}
.faq-question:hover {
  background-color: #0099a0;
}
.faq-answer {
  display: none;
  padding: 12px 20px;
  background-color: #fff;
  border-left: 4px solid #2bb7be;
  margin-bottom: 10px;
  border-radius: 0 6px 6px 6px;
  font-size: 15px;
  color: #333;
 text-align:left;
}
.faq-answer p {  text-align:left;
}
/* feature grid */

  .feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
  }

  .feature-grid li {
    list-style: none;
    background: #fff;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    display: flex;
    gap: 0.8rem;
    align-items: flex-start;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
  }

  .feature-grid li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

  .feature-grid li i {
    font-size: 1.5rem;
    color: #0994bd;
    flex-shrink: 0;
    margin-top: 3px;
  }

  .feature-grid li .text {
    font-size: 14px;
    color: #444;
    line-height: 1.5;
  }

  .feature-grid li .text .destacat {
    font-weight: bold;
    color: #000;
  }
/* domain */

.wide { width:100%;}
div#logo .container_logo {
display:inline-block;width:150px;cursor:hand;padding-top:2px
}
/* main */

  .home-section {
    padding: 2rem 1rem;
    font-family: 'Helvetica Neue', sans-serif;
    max-width: 1200px;
    margin: auto;
  }
  .home-intro {
    text-align: center;
    margin-bottom: 2rem;
  }
  .home-intro h3 {
    font-size: 1.6rem;
    color: #333;
    margin-bottom: 1rem;
  }
  .home-description {
    font-size: 15px;
    color: #444;
    margin-bottom: 2rem;
  }
  .services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columnes  repeat(auto-fit, minmax(220px, 1fr));*/
    gap: 1.5rem;
  }
  .service-card {
    background: #fff;
    padding: 1rem;
    border-radius: 8px;
    display: flex;
    border: 1px solid #d0d0d0;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: inherit;
    height:100%;
}


section#hosting  .service-card, section#cloudhost .service-card  {
  height: calc(100% - 34px);
  }
 .service-card.featured {
   height:100%;
}

   .service-card.featured {
    border: 1.5px solid #2eb9bd;
 position: relative;
  overflow: hidden;
 top:-34px;
  padding-top:50px;
  height:100% !important;
 }
  .service-card:hover {
    text-decoration: none;
  }
  .service-card img {
    width: 64px;
    height: auto;
    margin-bottom: 1rem;
  }
  .service-card .text {
    font-size: 14px;
    color: #333;
    margin-bottom: 1rem;
  }
  .service-card .text b {
    font-size: 15px;
    color: #000;
  }
  .service-card .card-cta {
    background: none;
    color: #0ababa;
    border: 1.5px solid #0ababa;
    padding: 0.8rem 1rem;
    border-radius: 7px;
    font-size: 1rem;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    width:80%;
  }
   .service-card.featured  .card-cta {
    background: #2eb9bd;
    color: #fff;
}
  .service-card .card-cta:hover {
    background-color: #24a5c3;
    border: 1.5px solid #24a5c3;
    color:#fff;
  }
  .guarantee-box {
    margin-top: 3rem;
    background: #f7f7f7;
    border-radius: 10px;
    padding: 1.5rem;
    font-size: 14px;
    color: #444;
  }
  .guarantee-box strong {
    display: block;
    font-size: 15px;
    margin-bottom: 1rem;
  }
  .guarantee-box p {
    margin: 0.5rem 0;
  }

/* ---- */
#menu { position:absolute; top:9px; right:360px; background:none;;z-index:999;width:auto }
.timeline-steps {
 padding-top:20px;
 max-width:800px;margin:auto;
  display: flex;
  flex-direction: row;
 align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  flex-wrap: wrap;
}

.step {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  white-space: nowrap;
}
.white { color:#fff !important;}
.timeline-steps .line {
  flex: 1;
  height: 2px !important;
  background:none;
  margin: 0 0.5rem;
  max-width:100px;
  width:20%;
}
body .timeline-steps .cicle-char, .timeline-steps span.label {
  color: #444 !important;
}
.circle-char { color:#222; }
.highlight .circle-char {
  border: 2.5px solid #26a7c5 !important;
  background-color: #26a7c5;
  font-weight: bold !important;
  color: #fff !important;
}

.line {
  height: 20px;
  border-top: 1px dotted #555;
  margin-top: 0;
}

.circle-char {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.6em;
  height: 1.6em;
  background:none;
  color: #222;
  border-radius: 50%;
  border:1px solid #666 !important;
  font-size: 0.85em;
  font-weight: bold;
  flex-shrink: 0;
}

 .loading {
            display: none;
            font-size: 20px;
            margin: 5px 5px 0px 0px;
        }
        #resultat {
           display:none;
                 margin-top: 20px;
            font-size: 18px;
        }
  button:disabled {
            background-color: #ccc;
            cursor: not-allowed;
        }

.faq {
  margin-top: 20px;
}

.faq-question {
  width: 100%;
  text-align: left;
  background-color: #3bbdb3;
  color: #fff;
  padding: 14px 20px;
  border: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  margin-top: 10px;
  cursor: pointer;
  transition: background 0.3s;
}

.faq-question:hover {
  background-color: #0099a0;
}
section h2 { color:#000 !important; font-weight: 600 !important;   font-size: 2rem !important;}
section.bg2 h2 { color:#fff !important; }

.faq-answer {
  display: none;
  padding: 12px 20px;
  background-color: #fff;
  border-left: 4px solid #4cc1a7;
  margin-bottom: 10px;
  border-radius: 0 6px 6px 6px;
  font-size: 15px;
  color: #333;
}


/* Domain Check Section */
.domain-check {
    flex: 1;
    text-align: center;
    padding: 50px 0px 0px 30px;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
}

.domain-check h2 {
    font-size: 24px;
    font-weight: bold;
}

.search-box {
    display: flex;
    background: white;
    border-radius: 60px;
    overflow: hidden;
    padding: 5px 5px 5px 20px;
    margin-top:30px;
    align-items: center;
    max-width:500px;
    border: 1.5px solid #5ac4b6;
}

#searchInput { text-transform: lowercase; }


.search-box.color2 {
   background-color: #e7f2ee !important;
}
.search-box.color1 {
   background-color: #fff !important;
}
textarea { border-radius: 8px; min-width:321px }
.search-box input {
    border: none;
    padding: 10px 15px;
    flex: 1;
    font-size: 17px;
    outline: none;
    color: #333;
    width:100px;
}
div#shopping_cart { float:left; }
div#shopping_cart a { color:#000 !important; }
.cross { width:100%; padding:10px 20px !important;font-size:16px;margin:0 0px 10px 0px;}
button,.search-box button {
    background-color: #26a7c5;
    border: none;
    padding: 10px 12px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 50px !important;
    transition: 0.3s;
}
button.text_w { color:#fff; }
button.pad { padding-left:20px; padding-right:20px }
.search-box button:hover {
 /*   background: linear-gradient(to right,#0a7486 0,#00838a 100%);*/
}

div#topinfo {
position:absolute;z-index:10; top:10px; right:5px;
}

@media (max-width: 1200px) {
div#menu button { display:block; }
div.left_menu_bar ul.pureCssMenu.pureCssMenum { padding-left: 0px;display:none }
.navbar-toggle {    display:block; }
div#topinfo { right:53px; }
}

#domain_options, #diagnose { padding-top:20px; }
@media (max-width: 900px) {
.opengea_logo { width:67px;padding-top:30px;margin:auto }

ul.feature-list { margin: 0 0 1em 0; }
/* oculta 
div#shopping_cart { display:block; position:absolute; top:0px; z-index:999 }*/

section#registre div.maxwidth-shorter { padding-top:20px; }
section h2 {
  font-size: 1.5rem !important;
}

    .domain-check {
        border-left: none;
        padding-left: 0;
        margin-top: 20px;
    }
}

@media screen and (max-width:1170px) {
        #searchbox { height:0px !important;padding-top:83px !important;margin-right: -24px;}
}

/* ****** */
img.auto { width:100%;height:auto;}
#rack {  object-fit: cover; margin-top:0px; border-radius:0px; } 
body ul.plan-features li { list-style:none !important; }
.bg0 { background-color:#000; color:#aaa}
.bg1 { background: linear-gradient(135deg, #0ca7cd, #3ca9b0); color:#fff; padding:50px 10px }
.bg1 p, .bg1 h1, .bg1 h2, .bg1 h3 { color:#fff }
.bg2 { background: linear-gradient(115deg, rgb(12, 170, 206) 0%, rgb(63, 192, 180) 100%); }
.bg2 p, .bg2 h1, .bg2 h2, .bg2 h3 { color:#fff }
div#topbar .icon { font-size:1em; padding:5px 10px; background-color:#38dad0;  border-radius: 5px;  margin: 0px 5px 0px 0px; }
.grey { color:#474747 !important; }
h3 { line-height: 150% !important; }
.center { text-align:center !important;}
section#clients input[type="text"], section#clients input[type="password"]  { padding:23px 25px;}
 #clients {
      padding: 20px 0px 50px 0px;
      font-family: 'Helvetica Neue', sans-serif;
      color: #333;

      /*  height: 100vh; */
    }
    #clients .container {
      display: flex;
      height: 500px;
    }
    #clients .half {
      flex: 1;
      padding: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    #clients .left {
      background: linear-gradient(135deg, #0ca7cd, #3ca9b0);
      color: white;
    }
    #clients .left h2, #clients .right h2 {
      display: flex;
      align-items: center;
      font-size: 28px;
      margin-bottom: 20px;
    }
    #clients .left h2::before {
      margin-right: 10px;
      font-size: 28px;
    }
    #clients .right h2::before {
      margin-right: 10px;
      font-size: 28px;
    }
    #clients input[type="text"], #clients input[type="password"] {
      width: 100%;
      padding: 12px 25px;
      border-radius: 30px;
      border: none;
      margin: 10px 0;
      font-size: 16px;
    }

    #clients .button {
      padding: 12px 24px;
      border-radius: 30px;
      background: #23ade7 !important;
      border: none;
      color: #000 !important;
      font-size: 16px;
      cursor: pointer;
      margin-top: 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
    }
    #clients .button:hover {
        background: #2eb9bd !important;
        color:#fff !important;
  }
#clients button#cplog { width:100%;border:2px solid #fff !important; background:none !important; color:#fff !important}
#clients button#cplog:hover { background-color:rgba(255,255,255,0.1) !important }

    #clients .left .button {
      background-color: #47c1a0;
    }
    #clients a {
      text-decoration: underline;
    }
a.white { color:#fff; }
.small { font-size:14px;line-height:140%}
    #clients .right {
      background-color: #ffffff;
      border: 1px solid #e0e0e0;
      margin-left: 20px;
}

img.icon { max-width:35px !important; height:35px !important; }
/* hosting */
  .home-section {
    padding: 2rem 1rem;
    font-family: 'Helvetica Neue', sans-serif;
    max-width: 1200px;
    margin: auto;
  }
  .plans-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
  }
  .plan-card {
    background: #fff;
    border-radius: 12px;
    padding: 2rem 1.5rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    text-align: center;
  }
  .plan-card h3 {
    font-size: 1.4rem;
    color:#2bb6ba;
    margin-bottom: 0.75rem;
  }
  .plan-price {
    text-align:left;width:80%;padding:0px 0px; font-size: 1.2rem;
    margin-bottom: 1.2rem;
    color: #222;
    font-weight: 500;
  }
  span.desde { font-size:13px; line-height:100%}
  span.price { font-size:48px;;line-height:100%;padding-right:5px;font-weight:600;letter-spacing:0px}
 span.currency { font-size:18px; font-weight:normal;line-height:100%}
 span.vat { font-size:13px; font-weight:normal;line-height:120%; display:block; padding-top:5px}
section#apps  span.price { font-size:38px;;line-height:100%;padding-right:5px;font-weight:600;letter-spacing:0px}
section#apps  span.vat{  font-size:12px;}
.badge {
position: absolute;
    background-color: #26c0c8;

  top: 0;
  left: 0;
  width: 100%;
  color: white;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  padding: 8px 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  z-index: 5;
  letter-spacing: 0.5px;
  text-transform: uppercase;

} 
 .plan-features {
    text-align: left;
    font-size: 14px;
    color: #333;
    padding-left: 0;
    margin:0 !important;
    width:100%;
   padding:0px 30px;
    list-style: none;
  }
  .plan-features li {
    margin-bottom: 0.75rem;
    position: relative;
    padding-left: 1.8rem;
  }
  .plan-features li::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color:#2bb6ba;
  }

/*  .plan-features li:nth-child(2)::before { content: "\f3ed"; } /* SSL */ 

  .plan-features.plan1 li:nth-child(1)::before { content: "\f0ac"; } /* dominis */
  .plan-features.plan1 li:nth-child(2)::before { content: "\f233"; } /* space */
  .plan-features.plan1 li:nth-child(3)::before { content: "\f362"; } /* transfer */
  .plan-features.plan1 li:nth-child(4)::before { content: "\f0e0"; } /* correu */
  .plan-features.plan1 li:nth-child(5)::before { content: "\f658"; } /* antispam */
  .plan-features.plan1 li:nth-child(6)::before { content: "\f135"; } /* speed */
  .plan-features.plan1 li:nth-child(7)::before { content: "\f0c7"; } /* backup */
  .plan-features.plan1 li:nth-child(8)::before { content: "\f06e"; } /* monitoring */
  .plan-features.plan1 li:nth-child(9)::before { content: "\f31e"; } /* resize */
  .plan-features.plan1 li:nth-child(10)::before { content: "\f7d9"; } /* control */


  .plan-features.plan2 li:nth-child(1)::before { content: "\f2db"; } /* cpus */
  .plan-features.plan2 li:nth-child(2)::before { content: "\f538"; } /* ram */
  .plan-features.plan2 li:nth-child(3)::before { content: "\f233"; } /* space */
  .plan-features.plan2 li:nth-child(4)::before { content: "\f362"; } /* transfer */
  .plan-features.plan2 li:nth-child(5)::before { content: "\f6ff"; } /* dedicated ip */
  .plan-features.plan2 li:nth-child(6)::before { content: "\f120"; } /* ssh */
  .plan-features.plan2 li:nth-child(7)::before { content: "\f0c7"; } /* backups */
  .plan-features.plan2 li:nth-child(8)::before { content: "\f06e"; } /* resize */
  .plan-features.plan2 li:nth-child(9)::before { content: "\f31e"; } /* monitoring */
  .plan-features.plan2 li:nth-child(10)::before { content: "\f7d9"; } /* control */


  .plan-features.plan3 li:nth-child(1)::before { content: "\f2db"; } /* cpus */
  .plan-features.plan3 li:nth-child(2)::before { content: "\f538"; } /* ram */
  .plan-features.plan3 li:nth-child(3)::before { content: "\f233"; } /* space */
  .plan-features.plan3 li:nth-child(4)::before { content: "\f362"; } /* transfer */
  .plan-features.plan3 li:nth-child(5)::before { content: "\f6ff"; } /* dedicated ip */
  .plan-features.plan3 li:nth-child(6)::before { content: "\f120"; } /* ssh */
  .plan-features.plan3 li:nth-child(7)::before { content: "\f0c7"; } /* backups */
  .plan-features.plan3 li:nth-child(8)::before { content: "\f06e"; } /* monitoring */
  .plan-features.plan3 li:nth-child(9)::before { content: "\f31e"; } /* resize */
  .plan-features.plan3 li:nth-child(10)::before { content: "\f7d9"; } /* control */

.plan-features.plan4 li:nth-child(1)::before {
  content: "\f0e0"; /* fa-envelope — Eina d'e-mail Marketing PRO */
}

.plan-features.plan4 li:nth-child(2)::before {
  content: "\f07a"; /* fa-shopping-cart — Comerç electrònic */
}

.plan-features.plan4 li:nth-child(3)::before {
  content: "\f0ac"; /* fa-globe — Llocs webs KMS Sites */
}

.plan-features.plan4 li:nth-child(4)::before {
  content: "\f145"; /* fa-qrcode — Sistema de tickets/codis QR */
}

.plan-features.plan4 li:nth-child(5)::before {
  content: "\f4c0"; /* fa-hand-holding-usd — Sistema de micromecenatge */
}

.plan-features.plan4 li:nth-child(6)::before {
  content: "\f382"; /* fa-cloud — Espai privat al núvol */
}

.plan-features.plan4 li:nth-child(7)::before {
  content: "\f200"; /* fa-file-invoice-dollar — ERP - Gestió empresarial i facturació */
}

.plan-features.plan4 li:nth-child(8)::before {
  content: "\f2bb"; /* fa-user-friends — CRM - Gestió de relacions amb clients */
}


.home-intro h3 { line-height:150%;}



  .plan-cta {
    margin-top: 1.5rem;
    display: inline-block;
    padding: 0.6rem 1.4rem;
    background-color:#2bb6ba;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: background 0.3s ease;
  }
  .plan-cta:hover {
    background-color: #26a7c5;
  }
  .plan-explanation {
    margin-top: 2rem;
    font-size: 15px;
    color: #444;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
  }

/* hosti---*/

h1,h2 { font-family: "Roboto", sans-serif; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}
h2 {
  padding-top: 20px;
  font-size:3rem;
}
h2, h1, h4, h6 {
  font-weight: bolder !important;
}
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

body.legal_notes p, body.legal_notes li { line-height:150%; font-size:14px }
body.legal_notes strong { font-size:16px; }
body.legal_notes  h3 { margin:auto;font-weight:bold !important; padding-bottom:50px; font-size:20px; text-align:center }
#topbar {
 background:none;
position: fixed; /* Make it stick/fixed */
  top: 0; /* Stay on top */
  width: 100%; /* Full width */
 transition: top 0.30s;
}


.messagecover {
        font-size: inherit;
        line-height: inherit;
}

.default_form {
	font-size: 0.8rem;
	padding: 0 0.5rem 2rem 0.5rem;
}

.form-group {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 0.5rem;
}

.form-row {

	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 960px) {


.form-row .form-group:nth-child(1){
	padding-right: 1rem;
}

.form-row .form-group:nth-child(2){
	padding-left: 1rem;
}

.form-group div:nth-child(1){
	padding-right: 0.5rem;

}

.form-group div:nth-child(2){
	padding-left: 0.5rem;
}

}

#parsley-id-multiple-termsandcond, #parsley-id-multiple-rgpd {
    width: 100%;
    padding-left: 7.5rem;
}

.form-group div:nth-child(1){
        min-width: 100px;
}
section {
    padding: 2rem 1rem;
    font-family: 'Helvetica Neue', sans-serif;
    max-width: 1200px;
    margin: auto;
}
div.signupbar,div#topinfo { display:block; }
div#containertopbar { margin: auto;
 pointer-events: none;
max-width: 1200px;
width:100%;
left: 0px;
right: 0px;
float: inherit;
}
/* menu mobil */
.sidebar {

    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1999;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 14px;

}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.sidebar div.n0,.sidebar a {
    padding: 7px 0px 8px 0px;
    text-decoration: none;
    font-size: 16px;
    color: #eee;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover {
    color: #fff;
    background-color:rgb(7, 135, 188);
	text-decoration:none;
}
.sidebar a.closebtn:hover {
	background:none;
}

/*comptadors*/

.counter-section {
  text-align: center;
  padding: 2rem 1rem 5rem 1rem;
  margin:50px auto;
}

.counter-section .counter-title {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  color: #2eb9bd;
}

.counter-section .counters {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 2rem;
  max-width: 1000px;
  margin: 0 auto;
}

.counter-section .counter-box {
/*  background: #fff;*/
  padding: 2rem;
  border-radius: 100%;
/*  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /*height:160px;*/
  aspect-ratio: 1 / 1;

}

.counter-section .icon {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  color: #2eb9bd;
}

.counter-section .counter {
  font-size: 4.5rem;
  font-weight: bold;
  color: #2eb9bd;
}

.counter-section .label {
  font-size: 1rem;
  margin-top: 0.5rem;
  color: #2eb9bd;
}

/* Media query per pantalles petites */
@media (max-width: 600px) {
 .counter-section .counters {
    grid-template-columns: 1fr;
  }

  .counter-section .counter-box {
    max-width: 300px;
    margin: 0 auto;
    height:auto;
    box-shadow:none;
    background:none;
    padding:30px 0px; 
  }

  .counter-section .counter {
    font-size: 4rem;
  }

  .counter-section .label {
    font-size: 1.3rem;
  }

  .counter-section .icon {
    font-size: 2.5rem;
  }
}

/**/

.lang { height:42px; }
li.lang { padding-left:10px;margin-top:-41px;}
.minial { float:left; padding:7px 10px 8px 10px !important; }
.sidebar a.i0 { font-weight:bold; color:#fff}
.sidebar div.n0  { color:#ccc; }
.sidebar a.i0, .sidebar div.n0 { font-size:17px; background-color:#222; }
.sidebar a.i0:hover {  background-color:#025DA7; }
.sidebar ul,.sidebar li { margin:0px; }
.sidebar li a, .sidebar div.n0 { padding-left:20px; }

.navbar-toggle {
    cursor: pointer;
    position: relative;
    float: right;
    margin-right: 8px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle {
    cursor: pointer;
    position:fixed;
    z-index:999;
    top:0px;
    right:0px;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.icon-bar {
    background-color: black;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

div.group_buttons {
    float: right;
}

/* other */



span { font-size:15px;;line-height:150% }

   li a {display:inline-block;}
   li a {display:block;}

@font-face {
    font-family: openSansCond;
    src: url("/kms/css/typo/OpenSans-CondBold.ttf") format("truetype");
}


@font-face {
    font-family: OpenSansLight;
    src: url('/kms/css/typo/OpenSans-Light.ttf') format("truetype");
}

@font-face {
    font-family: OpenSans;
    src: url('/kms/css/typo/OpenSans-Regular.ttf') format("truetype");
	font-weight:normal;
}
@font-face {
    font-family: OpenSans;
    src: url('/kms/css/typo/OpenSans-Bold.ttf') format("truetype");
	font-weight:bold;
}

div#site-header { position:relative; background: linear-gradient(115deg, rgb(12, 170, 206) 0%, rgb(63, 192, 180) 100%);
  display: flex;
  align-items: flex-start;
  justify-content: center; 
  top:60px;
 }

.ontop { position: absolute; top: 0;margin:auto; }

div#solidaritat { display:none;position: relative;left: -327px;margin: auto;z-index: 99999;top:-34px; }

div#block_lateral img.capture { width:230px; max-height:126px;float:left; margin-left:10px;margin-bottom:20px;border:1px dotted #999 }

html, body, div, h1, h2, h3, h4, h5, h6, p, pre, abbr, acronym, blockquote, img, dl, dt, dd, ol, ul, li, caption, tbody, tfoot, thead, tr, th, td, form, fieldset, embed, object, applet {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}


h1 {
	letter-spacing:-1px;
}
h1.title_page {
	text-align:center;
font-family: OpenSansLight;
    margin: 0px;
    font-size: 36px;
	font-weight:normal;
}
h2 {
	letter-spacing:0.5px;
	color:#fff;
}

h1, h2 {
	margin: 0 0 10px 0;
}

h3 {font-family:OpenSansLight; }
body {
	background-image: -webkit-linear-gradient(top, #fff 90px, #eee 100%);
	background-image: -moz-linear-gradient(top, #fff 90px, #ee 100%);
	background-image: linear-gradient(top, #fff 90px, #eee 100%);
	color: #000;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height:100%;
	font-family: OpenSans,Helvetica, sans-serif;
	font-size:14px;color:#333;
	direction: ltr;
}

#pcm {
	display: none;
}

/* @group Menu Bar
 */

.signupbar {
	height: 35px;
	position: relative;
	width:100%;
	top: 0px;
	z-index: 5;
}

.left_menu_bar {
margin: auto;
max-width: 1200px;
width:100%;
left: 0px;
right: 0px;
float: inherit;
}

.left_menu_bar table {
	border-collapse:collapse;
	height:35px;
}
.left_menu_bar ul,.left_menu_bar li,.left_menu_bar li a {
/*	height:37px;*/
}


ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	padding:0px;
}
li.pureCssMenui.last { padding-bottom:15px; }

.left_menu_bar li a {
		padding:0px;
			margin:0px;
	        height:37px;
	}


.right_menu_bar {
	right: 0px;
	top: 284px;
	position: absolute;
	z-index: 5;
	height:37px;
}
div#logo {
position: absolute;
left:auto;
padding-left:15px;top:10px;
margin: auto;
z-index: 99999999999999;
pointer-events: all;
}
div#toptitle {
position:relative;
margin: auto;
z-index: 99999;
top: -36px;
width:1000px; left:auto;right:auto;text-align:left;padding-left:330px;
}

div#toptitle h2 { width:auto;margin:0px }
div#topbar {height:55px;z-index:99;padding-top:5px;padding-bottom:5px;position:fixed;width:100%;}
div#logo img { width:170px; }
div#title {
width:1000px;
text-align:left;
text-shadow:0 2px 0 rgba(0,0,0,.1)
position:absolute;
z-index:2;
margin-left:25px;
padding-top:60px;
}
div#title h1 { 
text-align:left;margin:0px;
font-size:46px; 
text-shadow:0 1px 1px rgba(0,0,0,.1);
}
div#subtitle {
margin-top:0px;
text-shadow:0 1px 2px rgba(0,0,0,.3);
color:#fff;
font-size:21px;
margin-left:28px;
width:1024px;
text-align:left;
}
div#title_box {
max-width:1200px;
position:relative;
margin: 0px auto;
z-index: 10;
width: 100%;
top:60px;
}
.right_menu_bar table {
	border-collapse:collapse;
}
.right_menu_bar table a{
	height:22px;
}
.right_menu_bar ul li {
	height:37px;
}
/* @group Menu CSS */


ul.pureCssMenu ul {
	display: none
}

ul.pureCssMenu li:hover>ul {
	display: block
}

ul.pureCssMenu ul {
	position: absolute;
	left: -1px;
	top: 98%;
}

ul.pureCssMenu ul ul {
	position: absolute;
	left: 98%;
	top: -2px;
}

ul.pureCssMenu,ul.pureCssMenu ul {
	margin: 0px;
	list-style: none;
	padding: 0px 1px 1px 0px;
	background-color: #000000;
	background-repeat: repeat;
	border-color: #A6A6A6;
	border-width: 0px;
	border-style: solid;
}

ul.pureCssMenu table {
	border-collapse: collapse
}

ul.pureCssMenu {
	display: block;
	zoom: 1;
	float: left;
}

ul.pureCssMenu ul {
	width: 179.55px;
}

ul.pureCssMenu li {
	display: block;
	margin: 1px 0px 0px 1px;
	font-size: 0px;
}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
	outline-style: none;
}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
}

ul.pureCssMenu span {
	overflow: hidden;
}

ul.pureCssMenu li {
	float: left;
}

ul.pureCssMenu ul li {
	float: none;
}

ul.pureCssMenu ul a {
	text-align: left;
	white-space: nowrap;
}

ul.pureCssMenu li.sep {
	text-align: left;
	padding: 0px;
	line-height: 0;
	height: 100%;
}

ul.pureCssMenu li.sep span {
	float: none;
	padding-right: 0;
	width: 3;
	height: 100%;
	display: inline-block;
	background-color: #A6A6A6;
	background-image: none;
}

ul.pureCssMenu ul li.sep span {
	width: 100%;
	height: 3;
}

ul.pureCssMenu li:hover {
	position: relative;
}

ul.pureCssMenu li:hover>a {
	border-color: #4C99AB;
	border-style: solid;
	color: #FFFFFF;
	text-decoration: none;
}

ul.pureCssMenu li a:hover {
	position: relative;
/*	background-color: #2BBEC2;*/
	border-color: #4C99AB;
	border-style: solid;
	color: #FFFFFF;
	text-decoration: none;
}

ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.pureCssMenu img {
	border: none;
	float: left;
	_float: none;
	margin-right: 5px;
	width: 16px;
	height: 16px;
}

ul.pureCssMenu ul img {
	width: 16px;
	height: 16px;
}

ul.pureCssMenu img.over {
	display: none
}

ul.pureCssMenu li.dis a:hover img.over {
	display: none !important
}

ul.pureCssMenu li.dis a:hover img.def {
	display: inline !important
}

ul.pureCssMenu li:hover > a img.def {
	display: none
}

ul.pureCssMenu li:hover > a img.over {
	display: inline
}

ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over {
	display: inline
}

ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def {
	display: none
}

ul.pureCssMenu a:hover ul {
	display: block
}

ul.pureCssMenu span {
	display: block;
	background-image: url(../tpl/images/arrv_blue_2.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 8px;
}

ul.pureCssMenu li:hover>a>span {
	background-image: url(../tpl/images/arrv_white_2.gif);
}

ul.pureCssMenu a:hover span {
	_background-image: url(../tpl/images/arrv_white_2.gif)
}

ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span {
	background-image: url(../tpl/images/arr_blue_2.gif)
}

ul.pureCssMenu ul li:hover > a span {
	background-image: url(../tpl/images/arr_white_2.gif);
}

ul.pureCssMenu table a:hover span {
	background-image: url(../tpl/images/arr_white_2.gif)
}

.h0 {
	font-size: 3.9em;
	color: #000;
	padding: 0;
	font-weight: normal;
	margin-bottom: 8px;
	margin-top: 10px;
}

h2 {
	font-size: 1.4em;
	padding: 0;
	font-weight: normal;
	color: #fff;
	line-height: 1.4em;
	margin-bottom: 8px;
	margin-top: 0px;
}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #000;
	margin-bottom: 5px;
}

h4 {
	padding-bottom: 3px;
	margin-bottom: 0px;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	padding-top: 15px;
}

.g-doc {
	background: #fff;
	width:100%;
	left:0px;
	right:0px;
	margin:auto;
	text-align: left;
	font-size: 16px;
}
.g-c {
	padding: 0px;
}

#ent-masthead .text-lg {
	font-size: 3em;
	color: #FFF;
	font-weight: normal;
	background-color: #fffeff;
}

#ent-masthead .text-med {
	font-size: 1.5em;
	color: #FFF;
}

#ent-masthead .cta {
	font-size: 1.5em;
	color: #FFF;
}

.ent-shd {
	width: 100%;;
	text-align: center;
/*	padding: 0 13px 0px 13px;
	background: url(https://www.intergrid.cat/css/img_interficie/shadow-sides-long.gif) repeat-y 0 0;*/
	padding: 0px;
}

#ent-3col .g-unit {
	width: 32%;
}

#ent-3col .g-c {
	padding: 10px;
}

#ent-8col .g-unit {
	width: 20%;
}

#ent-8col .g-c {
	padding: 10px 20px;
}

.ent-horz-feature {
	border-top: solid 1px #eee;
	vertical-align: top;
}

.ent-horz-feature .g-c {
	vertical-align: top;
	margin: 5px;
}

.footer {
	background: #f1f1f1;
	margin: 3em 0 0;
        padding:50px 0;
	text-align: center;
	color: #666
}

.footer-shd {
	margin: auto;
	padding: 0 25px 5px 25px;
	width: 1040px;
	text-align: center;
/*	background: url(https://www.intergrid.cat/css/img_interficie/shadow-btm-corners-long.gif) no-repeat -30px -15px;*/
	z-index: 10;
}

.ent-ft {
	color: #eee;
	font-size: 1.1em;
	padding: 20px 30px;
	line-height: 1.5em;
}

.ent-ft a {
	color: #eee;
	line-height:200%;
	font-size:13px;
	display: block;
	text-decoration: none;
}

.ent-logos {
	padding: 10px 0;
}

.ent-sidebar {
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	border-top: 1px dotted #ccc;
	font-size:14px
}

.ent-sidebar .learnmore {
	font-size: 1.3em;
}

p.learnmore {
	font-size: 1.3em;
}

.ent-news-item {
	padding-bottom: 15px;
}

.ent-date {
	color: #999;
	font-size: .83%;
}

.ent-first {
	padding-top: 5px;
	clear: both;
	display: table;
}

.ent-first-horiz {
	padding-top: 10px;
	height:	75px;
	clear: both;
	display: table;
}

.prodimg {
	float: left;
	margin-right: 10px;
	position: relative;
	top: -4px;
}

/*Start Returning User Sign In*/

#select-login {
	display: none;
	float: right;
}

#select-login a {
	text-decoration: none;
}

#signinlink {
	float: right;
	position: relative;
	top: 4px;
}

#signinlink a {
	text-decoration: none;
}

#select-login form,
#select-login div {
	display: inline;
}

/*End Returning User Sign In*/

.calc-li {
	margin-bottom: 5px;
}

.calc-li td {
	padding-right: 10px;
}

.wage-field {
	float: right;
	padding: 0;
	position: relative;
	top: 0px;
	margin-bottom: 5px;
}

.employee-field {
	float: right;
	padding: 0;
	position: relative;
	top: 3px;
	margin-bottom: 5px;
}

.currency-sign {
	float: right;
	position: relative;
	left: 0px;
	top: 2px
}

#calcuOpenSansr {
	padding: 0 5px;
}

#error {
	color: red;
	display: none;
}

.calc-text {
	color: #373737;
	font-weight: bold;
	font-size: 0.9em;
	width: 100px;
}

.rightnav p {
	padding: 10px 0 0 0;
	line-height: 23px;
}

.rightnav {
	padding-left: 20px;
	border-left: 1px #ccc solid;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* Start Flex Button */

div.g-button {
	margin: 0 0 1em 0px;
	border: 1px solid #BFD4F2;
	background-color: #fff;
	padding: 15px 15px 13px 19px;
	text-align: center;
}

div.g-button div {
	background: url("https://www.intergrid.cat/css/img_interficie/g-button-cr1-1_wt.gif") no-repeat 0% 0%;
	font-size: 1.3em;
	background-color: #5679a5;
}

b.fort {
	color: #5679a5;
}

div.wide div.g-button div {
	max-width: 300px;
	margin: 0 auto;
}

div.g-button div span span a {
	display: block;
	color: #fff !important;
	background: url("https://www.intergrid.cat/css/img_interficie/g-button-cr1-2_wt.gif") no-repeat right bottom;
	padding: 8px 18px 13px 13px;
	text-decoration: none;
	font-weight: bold;
}

div.g-button div span {
	display: block;
	background: url("https://www.intergrid.cat/css/img_interficie/g-button-cr1-1_wt.gif") no-repeat right -400px;
	height: 1%;
}

div.g-button div span span {
	background: url("https://www.intergrid.cat/css/img_interficie/g-button-cr1-1_wt.gif") no-repeat left bottom;
}

/*End Flex Button*/

div.subHeaderDiv {
	clear: both;
	display: block;
	padding-left: 0px;
}

img.subHeaderImg {
	margin-right: 10px;
	border: none;
	float: left;
}

p.prodHeader {
	position: relative;
	top: 5px;
}

p.padTop {
	margin-top: 15px
}

p.pPadBtm {
	margin-bottom: 25px;
}

p.rightNav {
	line-height: 23px;
}

p.noPadding {
	padding: 0px;
}

.rndGreyBox {
	padding: 20px 0 0 0;
	clear: both;
	padding: 5px;
}

.emailError {
	position: relative;
	color: #f00;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	display: none;
}

#large_inquiry {
	margin-top: 10px;
	background: #fff6c3;
	border: 1px solid #fe8;
	display: none;
	padding: 0 1em;
}

#large_inquiry h4 {
	margin-bottom: 1em;
}

.zip {
	float: left;
	margin-right: 5px;
	display: none;
	padding: 2px 0 0 2px;
}

.zip_m {
	float: left;
	margin-right: 5px;
	display: block;
	padding: 2px 0 0 2px;
}

.detailBox {
	padding: 8px 20px 30px 0px;
}

div.entry {
	display: block;
	width: 100%;
	padding: 10px 10px 10px 10px;
	background-color: #fafcff;
	border: 1px solid #c6e0ff;
	font-size: 1em;
}

.entryB {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.1em;
}

.red {
	color: #f00
}

/*Start Editions*/

td#editions_tdHeader {
	border-top: #c6e0ff 1px solid;
	background-color: #fafcff;
}

tr#editions_tdHeader {
	border-bottom: #F8FCFF 1px solid;
}

.editions_table {
	margin: 0;
}

div#select_login {
	display: none;
}

p.editions_tblHeader {
	margin: 0 0 0 5px;
	padding: 0;
	font-weight: bold;
}

p.editions_tblheader2 {
	margin: 0 0 0 5px;
	padding: 0;
	color: #444;
}

p.editions_tblheader3 {
	margin: 0 0 0 15px;
	padding: 0
}

.editions_prodHeader {
	color: #2461AA;
	font-size: 120%;
	font-weight: bold;
}

.editions_freeText {
	color: #E44949;
	font-size: 120%;
	font-weight: bold;
}

.editions_priceText {
	font-size: 100%;
	font-weight: normal;
	display: block;
	margin: 5px 0 5px 0;
	font-weight: bold;
}

td.editions_content {
	font-size: small;
}

.editions_smallFreeText {
	color: #E44949;
}

.emailError {
	position: relative;
	color: #f00;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	display: none;
}

.custDD {
	margin-bottom: 5px;
	display: inline;
}

.quota {
	display: inline;
	padding-right: 5px
}

.customerDiv {
	border-top: #eaeaea 1px solid;
	width: 325px;
	margin-right: 10px;
	float: left;
	padding: 3px;
}

.customerImg {
	float: right;
	padding: 0 0 2px 20px;
}

.subVideoText {
	line-height: 25px;
}

.smallFont {
	font-size: 0.9em;
	position: relative;
	top: 3px;
}

div.editions_table table tbody tr td {
	padding: 3px;
}

h2.editions_other {
	border-bottom: #fff 1px solid;
	color: #2461AA;
	font-weight: bold;
}

/*Start pre-sales faq*/

.hide {
	display: none;
}

.faqHeader h2 {
	padding: 10px 0 3px 0;
	border-bottom: #efefef 1px solid;
	margin-bottom: 15px;
}

.question {
	font-size: 13px;
	padding: 0 0 10px 0px;
	font-weight: normal
}

.question a {
	text-decoration: none;
}

.answer {
	margin: 0px 0 15px 16px;
	font-weight: normal;
}

.faqbm {
	margin-right: 4px;
}

.faqbp {
	margin-right: 4px;
}

/*End pre-sales faq*/

/*Start inner page video player*/

.vidContainer {
	float: right;
	background: #fff;
	padding: 0 0px 20px 20px;
}

.pageVideo {
	padding: 3px;
	border: #ccc 1px solid;
	background: #fff;
	float: right;
	margin: 15px 0px 10px 20px;
	width: 346px;
	height: 280px;
}

.moreVideos {
	margin: 10px 0px;
}

.breadcrumb {
	font-size: 83%;
	color: #666;
	padding-top: 7px
}

/**/

.playButton {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.pageQuote {
	width: 550px;
	background: #fafafa;
	padding: 5px;
	color: #333;
}

img.subHeaderImg {
	display: inline;
	margin-right: 8px;
	border: none;
	position: relative;
	top: -5px;
}

.nomargin {
	margin: 0;
	padding: 0
}

div.splitLeft {
	width: 47%;
	float: left;
	margin-top: 20px;
}

div.splitRight {
	width: 47%;
	float: right;
	margin-top: 20px;
}

.langDD {
	float: right;
	margin-top: 15px;
}

/*Start Calendar*/

.calendarDiv {
	width: 400px;
	width: 45%;
	float: right;
	margin: 0 0 10px 10px
}

.tz_picker {
	float: right;
}

/*End Calendar*/

/*Start 'new' page*/

a.new_blog_item_link {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border-bottom: #ededed 1px solid;
	display: block;
	padding-bottom: 3px;
}

a.new_blog_item_link img {
	border: none
}

a.new_blog_item_link span {
	text-decoration: none;
	font-weight: bold;
	color: #15438f;
	padding: 0 10px
}

.new_blog_content {
	padding: 5px 0 10px 10px;
	background: url(https://www.intergrid.cat/css/img_interficie/tab_grad3.jpg) repeat-x 0 100%;
	border-bottom: #ededed 1px solid;
	border-right: #ededed 1px solid;
	border-left: #ededed 1px solid;
}

.h {
	color:#0084D1;
	font-size:120%;	
	line-height:180%;
}
/*End 'new' page*/

.mobileImg {
	float: right;
	margin: 10px 0px 10px 30px;
}

h2.cust {
	display: inline;
	padding-right: 20px;
	font-size: 1.1em;
	font-weight: bold;
}

h2.cust2 {
	line-height: 1.4em;
}

.custBox {
	padding: 10px 0px;
	border: 0px solid #eaeaea;
}

.cust_entry_title {
	color: #000;
	font-weight: normal;
	padding-bottom: 5px;
	display: block;
	font-size: 1.4em;
	padding-left: 0px;
	margin-left: 0px;
}

.quote_owner {
	font-size: 1.1em;
}

div.top_customerDiv {
	border-top: #eaeaea 1px solid;
	width: 670px;
	margin-right: 10px;
	float: left;
	padding: 3px;
}

.bluebutton {
	margin-bottom: 3px;
}

#breadcrumbs {
	background: #e5f0fa;
	height: 25px;
	position: relative;
	top: -5px;
	text-align: left;
	font-size: 0.9em;
	color: #333;
	padding: 0px 0 0 10px;
	vertical-align: middle;
}

.breadtext {
	float: left;
	position: relative;
	top: 4px;
}

.breadtext a {
	text-decoration: none;
}

img.floatingImg {
	float: left;
	margin-right: 14px;
	margin-bottom: 10px;
}

img.floatingImgDetails {
	float: left;
	margin-right: 13px;
}

img.floatingImgBiz {
	margin-top: 13px;
	float: left;
	margin-right: 14px;
}

div.groupP {
	vertical-align: top;
	display: table;
}

div.titleGroup {
	margin-bottom: 10px;
	font-size: 1.0em;
	padding-right: 3px;
	vertical-align: top;
}

.disclaim {
	font-size: 0.9em;
	color: #666;
}

ul.nobullet {
	margin: 0px;
	padding: 0px;
}

ul.nobullet li {
	list-style-type: none;
	padding-bottom: 8px;
}

div.graybox {
	background-color: #F9F9F9;
	border: 1px solid #EAEAEA;
	padding: 10px;
	margin-bottom: 20px;
}

.rightnav_quote {
	margin-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-top: 3px solid #EAEAEA;
	color: #666;
}

.rightnav_apps {
	margin-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border-top: 3px solid #666;
	color: #666;
	position: relative;
	left: -3px;
}

.gogoogle-product-title {
	color: #FAFAFA;
	font-size: 1.7em;
	padding: 5px 0 0 20px;
	background: url("../images/bg-gogoogle.gif") repeat-x;
	height: 60px;
}

.bwtitle {
	margin-top: 15px;
	font-weight: 100;
}

.bwtitle_gg {
	margin-top: 25px;
	font-weight: 100;
}

a.bbutton {
	color: #fff;
	background: transparent url("../images/left-button.gif") no-repeat top left;
	display: block;
	float: left;
	line-height: 16px;
	height: 22px;
	padding-left: 3px;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
}

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

a.bbutton span {
	background: transparent url("../images/right-button.gif") no-repeat top right;
	display: block;
	padding: 4px 3px 4px 0;
}

.buttonwrapper {
	overflow: hidden;
	width: 100%;
}

.feedburnerFeedBlock ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
}

.feedburnerFeedBlock ul li {
	padding: 0;
	margin-bottom: 5px;
}

.date {
	display: inline;
	margin-left: 7px;
	padding: 0;
	color: #666;
}

#creditfooter {
	display: none;
}

div.std-feature {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #eaeaea;
}

ul.lessspace {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 7px;
	display: table;
}

ul.lessspace li {
	padding-bottom: 1px;
	margin-bottom: 1px;
}

a.selected {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#navigation {
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}

#navigation ul {
	list-style: none;
	text-decoration: none;
	padding-right: 10px;
	padding: 0px;
	margin: 0px;
}

#navigation li {
	float: left;
	text-decoration: none;
	list-style: none;
}

#navigation li a {
	height: 25px;
}

#navigation li:hover {
	float: left;
	list-style: none;
	background-color: #333;
}

#navigation a {
	color: #eee;
	text-decoration: none;
	display: block;
	padding-left: 7px;
	padding-right: 7px;
}

#navigation a.current {

	color: #111;
	background-color: #fff;
	text-decoration: none;
	display: block;
}

#navigation a.normal:hover {
	color: #fff;
	text-decoration: none;
	display: block;
}

#navigation a:hover span {
	padding-right: 0px
}

.rounded-grey-border {
	background-color: #E1DFD2;
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 1px;
	position: relative;
}

.rounded-grey-plain {
	background-color: #E1DFD2;
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}

.light-blue {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url(https://www.intergrid.cat/css/img_interficie/vert_grad_light_blue.gif) repeat-x scroll 0 0;
}

.inner-block {
	overflow: hidden;
}

.inner-block p {
	line-height: 1.4;
}

.padded {
	padding: 5px 15px;
}

.corner-wrap {
	height: 6px;
	overflow: hidden;
	position: absolute;
	width: 6px;
}

.corner-wrap.t {
	margin-top: -1px;
}

.corner-wrap.t .corner {
	margin-top: -6px;
}

.corner-wrap.l {
	margin-left: -1px;
}

.corner-wrap.l .corner {
	margin-left: -6px;
}

.corner-wrap.r {
	left: -6px;
	margin-left: 100%;
}

.corner-wrap.r .corner {
	margin-left: 0;
}

.corner-wrap.b {
	margin-top: -5px;
	top: auto;
}

.corner {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/css/img_interficie/border-star.png) repeat scroll 0 0;
	height: 13px;
	position: absolute;
	width: 13px;
}

.transp-corner {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/css/img_interficie/corner.png) repeat scroll 0 0;
}

.grey-up {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/css/img_interficie/grey_pointer_up.png) no-repeat scroll 0 0;
	float: left;
	height: 13px;
	left: 50px;
	position: relative;
	width: 16px;
}

.grey-right {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/css/img_interficie/grey_pointer_right.png) no-repeat scroll 0 0;
	float: right;
	height: 16px;
	position: relative;
	right: -13px;
	width: 13px;
	z-index: 100;
}

.grey-down {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/css/img_interficie/grey_pointer_down.png) no-repeat scroll 0 0;
	float: left;
	height: 13px;
	left: 50px;
	margin-bottom: 10px;
	margin-top: -5px;
	position: relative;
	top: auto;
	width: 16px;
}

.grey-left {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(/css/img_interficie/grey_pointer_left.png) no-repeat scroll 0 0;
	float: left;
	height: 16px;
	left: -13px;
	position: relative;
	top: 20px;
	width: 13px;
}

/* @group Product Styles */

#product_head {
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
}

#product_head_basic {
	background-color: #598ACA;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#product_head_estandard {
	color: #FFF;
	background-color: #336DAA;
	text-align: left;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 45px;
}

#product_head_pro {
	color: #FFF;
	background-color: #11538D;
	text-align: left;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 45px;
}

#product_detail {
	text-align: right;
	padding-top: 10px;
	vertical-align: top;
	padding-right: 10px;
	border-right: thin solid #f7f7f7;
	padding-bottom: 5px;
	padding: 10px;
	font: 11px/19px OpenSans, Helvetica, sans-serif;
}

.product_detail_grey_background {
	background-color: #f5f5f5;
	border-right: 1px solid #CCC;
}

.product_detail_tr {
	height: auto;
	padding-bottom: 20px;
}

#product_detail_blue {
	font-family: OpenSans,OpenSans, Helvetica, sans-serif;
	font-size: 13px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 1px;
	font-weight: normal;
	vertical-align: bottom;
	padding-right: 10px;
	background-color: #E9FFFC;
}

#product_detail2 {
	font-family: OpenSans, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 15px;
	vertical-align: bottom;
	padding-top: 3px;
	padding-bottom: 1px;
}

#product_detail2_blue {
	font-family: OpenSans, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: right;
	padding-right: 15px;
	vertical-align: bottom;
	padding-top: 3px;
	padding-bottom: 1px;
	background-color: #E9FFFC;
}

#product_tr_price_setup {
	text-align: right;
	height: 53px;
	vertical-align: bottom;
	background-color: #e1feff;
	table-layout: fixed;
}

#product_tr_price_monthly {
	text-align: right;
	height: 53px;
	vertical-align: bottom;
	padding-top: 13px;
	background-color: #598ACA;
	border-top: 3px solid white;
}

#product_tr_price_year {
	text-align: right;
	height: 53px;
	vertical-align: bottom;
	padding-top: 13px;
	background-color: #598ACA;
}

#product_detail ul li td {
	height: auto;
	padding-top: 10px;
	list-style-position: outside;
	list-style-type: disc;
	line-height: 1.25
}

#product_price_1 {
	font-family: OpenSans, Helvetica, sans-serif;
	font-size: 26px;
	color: #fff;
	text-align: right;
	left: auto;
}

#product_price_2 {
	font-family: OpenSans, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	text-align: right;
	padding-right: 30px;
}

#product_price_3 {
	font-family: OpenSans, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}

#hosting_info {
	text-align: left;
	color: #666;
	padding: 10px 10px 10px 20px;
	background-color: #f1f1f1;
	border-top: thin solid #dbdbdb;
	border-bottom: thin solid #dbdbdb;
	border-radius: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.hosting_info_header {
	font: bold 15px "Helvetica Neue", OpenSans, Helvetica, Geneva, sans-serif;
	color: black;
}

.hosting_info_details{
	color: #727272;
	font: 13px/22px "Helvetica Neue", OpenSans, Helvetica, Geneva, sans-serif;
	padding-left: 5px;
	padding-top: 10px;
}

.generic_product_tbl {
	width: 100%;
	border: 0px;
	font-family: OpenSans, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	margin-top: 40px;
	margin-bottom: 10px;
	border-collapse: collapse;
	
}

.generic_product_tbl .product_tr_header {
	height: 40px;
	font-size: 14px;
	padding-top: 0px;
	padding-bottom: 5px;
	font-weight: normal;
	color: #FFFFFF;
}

.generic_product_tbl .product_name_header {
	/*width: 70%;*/
	background-color: #16a6ad;
	padding-left: 10px;
	text-align: left;
}

.generic_product_tbl .product_price_header {
	/*width: 30%;*/
	background-color: #2BBEC2;
	padding-right: 10px;
	text-align: right;
}

.generic_product_tbl .product_tr_detail {
	height: 25px;
	font-weight: normal;
	color: #000;
}

.product_tr_detail.odd {
	background-color:#b3d4de3b;
}
.generic_product_tbl .product_detail {
	padding: 10px;
	text-align: left;
}

.generic_product_tbl .product_price {
	/*width: 30%;*/
	padding-right: 10px;
	text-align: right;
}

.product_notes {
	font-family: OpenSans, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 3px;
	padding-right: 10px;
	border-top-style: solid;
	border-top: thin solid #8acbfb;
}

.prices_header_td {
	color: #5d5d5d;
	font: small-caps bold 14px "Helvetica Neue", OpenSans, Helvetica, Geneva, sans-serif;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
}

.prices_detail_td {
	padding-bottom: 10px;
	text-align:right;
}

.td_33 {
	width: 33%;
	font-family:OpenSans;
	text-transform:uppercase;
	font-size:17px;
	font-weight:normal;	
}

.td_no_spacing {
	padding:0px;
	margin:0px;
}

.tax_text_info {
	text-align: right;
	color: #282828;
	font: small-caps bold 11px "Helvetica Neue", OpenSans, Helvetica, Geneva, sans-serif;
	padding-top: 10px;
	padding-right: 3px;
	padding-bottom: 10px;
}

/* @end */

font {
	font-size: 15px;
	line-height: 130%;
}

div.formulari {
	width: 600px;
	text-align: left;
}

div.formulari input {
	margin-right: 10px;
	margin-bottom: 10px;
}

div.formulari ul li {
	list-style-position: outside;
	list-style-type: disc;
	line-height: 1.25
}

div.debug {
	background-color: #ffd;
	border: 1px dotted #ee4;
	font-size: 11px;
	color: #990;
	padding: 5px;
	width: 300px;
	margin: 5px;
}

div.notify {
	background-color: #dfd;
	border: 1px dotted #4e4;
	font-size: 11px;
	color: #090;
	padding: 5px;
	width: 300px;
	margin: 5px;
}

div.error {
	background-color: #fdd;
	border: 1px dotted #e44;
	font-size: 11px;
	color: #900;
	padding: 5px;
	width: 300px;
	margin: 5px;
}

table.survey_rate input {
	margin: 0px;
}

table.survey_rate td {
	text-align: center;
	width: 40px;
	padding: 5px;
}

/* generic products */

.ballon {
	margin-top: 30px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	border: 1px solid #8acbfb;
	background-color: #bdebff;
	*background-color: #cde9fd;
	border-radius: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;

}
div#lastfoot {
	background-color:#f1f1f1;
	width:100%;
}
div#lastfoot a {
color:#2BBEC2;
}
.footer_legal {
	font-family: OpenSans,Helvetica,sans-serif;
	color: #333;
	font-weight: normal;
	font-size: 11px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	clear: left;
width:1000px;
left:0px;
right:0px;
margin:auto;

}


.footer_legal a {
	color: #333;
}

.footer_legal a:hover {
	color: #2BBEC2;
	text-decoration: underline;
}

.block_text {
	font-size:14px;
	text-align: justify;
	padding-top: 30px;
	padding-left: 0px;
	padding-right: 30px;
	float: left;
	line-height:140%;
}

ul {
	margin: 0 0 1em 2em
}

ol {
	margin: 0 0 1em 2em;
	*margin: 0 0 1em 2.3em
}

p, pre {
	margin: 0 0 1em
}

li {
	margin: 0 0 .5em
}

dd {
	margin: 0 0 1em 2em
}

blockquote {
	margin: 0 2em 1em
}

h2, h3 {
	margin: 0px;
}
h4 { font-size: 1.4em;  margin: 0 !important;padding:0 !important}

h5, h6 {
	font-size: 1em;
	margin: 0 0 1em
}


sup, sub {
	font-size: .7em
}

th, caption {
	text-align: left
}

input, select, textarea, option {
	font-family: inherit;
	font-size: inherit;
	height:25px;
    border: 1px solid #A1A1A1;
    background-color: #fff;
}

textarea { min-height:100px;width:282px;margin-left:5px; }

.g-unit .g-section {
	width: 100%;
	overflow: hidden;
	zoom: 1
}

.g-split .g-unit {
	text-align: right
}

.g-split .g-first {
	text-align: left
}

.g-tpl-50 .g-unit, .g-unit .g-tpl-50 .g-unit, .g-unit .g-unit .g-tpl-50 .g-unit, .g-unit .g-unit .g-unit .g-tpl-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50 .g-unit {
	display: block;
	margin: 0 0 0 50px;
	width: auto;
	float: none
}

.g-tpl-50 .g-first, .g-unit .g-tpl-50 .g-first, .g-unit .g-unit .g-tpl-50 .g-first, .g-unit .g-unit .g-unit .g-tpl-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50 .g-first {
	display: block;
	margin: 0;
	width: 50px;
	float: left
}

.g-tpl-50-alt .g-unit, .g-unit .g-tpl-50-alt .g-unit, .g-unit .g-unit .g-tpl-50-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-alt .g-unit {
	display: block;
	margin: 0 50px 0 0;
	width: auto;
	float: none
}

.g-tpl-50-alt .g-first, .g-unit .g-tpl-50-alt .g-first, .g-unit .g-unit .g-tpl-50-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-50-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-alt .g-first {
	display: block;
	margin: 0;
	width: 50px;
	float: right
}

.g-tpl-75 .g-unit, .g-unit .g-tpl-75 .g-unit, .g-unit .g-unit .g-tpl-75 .g-unit, .g-unit .g-unit .g-unit .g-tpl-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75 .g-unit {
	display: block;
	margin: 0 0 0 75px;
	width: auto;
	float: none
}

.g-tpl-75 .g-first, .g-unit .g-tpl-75 .g-first, .g-unit .g-unit .g-tpl-75 .g-first, .g-unit .g-unit .g-unit .g-tpl-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75 .g-first {
	display: block;
	margin: 0;
	width: 75px;
	float: left
}

.g-tpl-75-alt .g-unit, .g-unit .g-tpl-75-alt .g-unit, .g-unit .g-unit .g-tpl-75-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-75-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-75-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75-alt .g-unit {
	display: block;
	margin: 0 75px 0 0;
	width: auto;
	float: none
}

.g-tpl-75-alt .g-first, .g-unit .g-tpl-75-alt .g-first, .g-unit .g-unit .g-tpl-75-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-75-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-75-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75-alt .g-first {
	display: block;
	margin: 0;
	width: 75px;
	float: right
}

.g-tpl-130 .g-unit, .g-unit .g-tpl-130 .g-unit, .g-unit .g-unit .g-tpl-130 .g-unit, .g-unit .g-unit .g-unit .g-tpl-130 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-130 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-130 .g-unit {
	display: block;
	margin: 0 0 0 130px;
	width: auto;
	float: none
}

.g-tpl-130 .g-first, .g-unit .g-tpl-130 .g-first, .g-unit .g-unit .g-tpl-130 .g-first, .g-unit .g-unit .g-unit .g-tpl-130 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-130 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-130 .g-first {
	display: block;
	margin: 0;
	width: 130px;
	float: left
}

.g-tpl-130-alt .g-unit, .g-unit .g-tpl-130-alt .g-unit, .g-unit .g-unit .g-tpl-130-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-130-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-130-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-130-alt .g-unit {
	display: block;
	margin: 0 130px 0 0;
	width: auto;
	float: none
}

.g-tpl-130-alt .g-first, .g-unit .g-tpl-130-alt .g-first, .g-unit .g-unit .g-tpl-130-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-130-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-130-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-130-alt .g-first {
	display: block;
	margin: 0;
	width: 130px;
	float: right
}

.g-tpl-160 .g-unit, .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-unit {
	display: block;
	margin: 0 0 0 160px;
	width: auto;
	float: none
}

.g-tpl-160 .g-first, .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-first {
	display: block;
	margin: 0;
	width: 160px;
	float: left
}

.g-tpl-160-alt .g-unit, .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit {
	display: block;
	margin: 0 160px 0 0;
	width: auto;
	float: none
}

.g-tpl-160-alt .g-first, .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160-alt .g-first {
	display: block;
	margin: 0;
	width: 160px;
	float: right
}

.g-tpl-180 .g-unit, .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-180 .g-unit {
	display: block;
	margin: 0 0 0 180px;
	width: auto;
	float: none
}

.g-tpl-180 .g-first, .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-180 .g-first {
	display: block;
	margin: 0;
	width: 180px;
	float: left
}

.g-tpl-180-alt .g-unit, .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit {
	display: block;
	margin: 0 180px 0 0;
	width: auto;
	float: none
}

.g-tpl-180-alt .g-first, .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-180-alt .g-first {
	display: block;
	margin: 0;
	width: 180px;
	float: right
}

.g-tpl-200 .g-unit, .g-unit .g-tpl-200 .g-unit, .g-unit .g-unit .g-tpl-200 .g-unit, .g-unit .g-unit .g-unit .g-tpl-200 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-200 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-200 .g-unit {
	display: block;
	margin: 0 0 0 200px;
	width: auto;
	float: none
}

.g-tpl-200 .g-first, .g-unit .g-tpl-200 .g-first, .g-unit .g-unit .g-tpl-200 .g-first, .g-unit .g-unit .g-unit .g-tpl-200 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-200 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-200 .g-first {
	display: block;
	margin: 0;
	width: 200px;
	float: left
}

.g-tpl-200-alt .g-unit, .g-unit .g-tpl-200-alt .g-unit, .g-unit .g-unit .g-tpl-200-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-200-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-200-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-200-alt .g-unit {
	display: block;
	margin: 0 200px 0 0;
	width: auto;
	float: none
}

.g-tpl-200-alt .g-first, .g-unit .g-tpl-200-alt .g-first, .g-unit .g-unit .g-tpl-200-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-200-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-200-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-200-alt .g-first {
	display: block;
	margin: 0;
	width: 200px;
	float: right
}

.g-tpl-225 .g-unit, .g-unit .g-tpl-225 .g-unit, .g-unit .g-unit .g-tpl-225 .g-unit, .g-unit .g-unit .g-unit .g-tpl-225 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-225 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-225 .g-unit {
	display: block;
	margin: 0 0 0 225px;
	width: auto;
	float: none
}

.g-tpl-225 .g-first, .g-unit .g-tpl-225 .g-first, .g-unit .g-unit .g-tpl-225 .g-first, .g-unit .g-unit .g-unit .g-tpl-225 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-225 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-225 .g-first {
	display: block;
	margin: 0;
	width: 225px;
	float: left
}

.g-tpl-225-alt .g-unit, .g-unit .g-tpl-225-alt .g-unit, .g-unit .g-unit .g-tpl-225-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-225-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-225-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-225-alt .g-unit {
	display: block;
	margin: 0 225px 0 0;
	width: auto;
	float: none
}

.g-tpl-225-alt .g-first, .g-unit .g-tpl-225-alt .g-first, .g-unit .g-unit .g-tpl-225-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-225-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-225-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-225-alt .g-first {
	display: block;
	margin: 0;
	width: 225px;
	float: right
}

.g-tpl-250 .g-unit, .g-unit .g-tpl-250 .g-unit, .g-unit .g-unit .g-tpl-250 .g-unit, .g-unit .g-unit .g-unit .g-tpl-250 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-250 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-250 .g-unit {
	display: block;
	margin: 0 0 0 250px;
	width: auto;
	float: none
}

.g-tpl-250 .g-first, .g-unit .g-tpl-250 .g-first, .g-unit .g-unit .g-tpl-250 .g-first, .g-unit .g-unit .g-unit .g-tpl-250 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-250 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-250 .g-first {
	display: block;
	margin: 0;
	width: 250px;
	float: left
}

.g-tpl-250-alt .g-unit, .g-unit .g-tpl-250-alt .g-unit, .g-unit .g-unit .g-tpl-250-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-250-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-250-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-250-alt .g-unit {
	display: block;
	margin: 0 250px 0 0;
	width: auto;
	float: none
}

.g-tpl-250-alt .g-first, .g-unit .g-tpl-250-alt .g-first, .g-unit .g-unit .g-tpl-250-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-250-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-250-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-250-alt .g-first {
	display: block;
	margin: 0;
	width: 250px;
	float: right
}

.g-tpl-300 .g-unit, .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-300 .g-unit {
	display: block;
	margin: 0 0 0 300px;
	width: auto;
	float: none
}

.g-tpl-300 .g-first, .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-300 .g-first {
	display: block;
	margin: 0;
	width: 300px;
	float: left
}

.g-tpl-300-alt .g-unit, .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit {
	display: block;
	margin: 0 300px 0 0;
	width: auto;
	float: none
}

.g-tpl-300-alt .g-first, .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-300-alt .g-first {
	display: block;
	margin: 0;
	width: 300px;
	float: right
}

.g-tpl-320 .g-unit, .g-unit .g-tpl-320 .g-unit, .g-unit .g-unit .g-tpl-320 .g-unit, .g-unit .g-unit .g-unit .g-tpl-320 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-320 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-320 .g-unit {
	display: block;
	margin: 0 0 0 320px;
	width: auto;
	float: none
}

.g-tpl-320 .g-first, .g-unit .g-tpl-320 .g-first, .g-unit .g-unit .g-tpl-320 .g-first, .g-unit .g-unit .g-unit .g-tpl-320 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-320 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-320 .g-first {
	display: block;
	margin: 0;
	width: 320px;
	float: left
}

.g-tpl-320-alt .g-unit, .g-unit .g-tpl-320-alt .g-unit, .g-unit .g-unit .g-tpl-320-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-320-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-320-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-320-alt .g-unit {
	display: block;
	margin: 0 320px 0 0;
	width: auto;
	float: none
}

.g-tpl-320-alt .g-first, .g-unit .g-tpl-320-alt .g-first, .g-unit .g-unit .g-tpl-320-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-320-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-320-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-320-alt .g-first {
	display: block;
	margin: 0;
	width: 320px;
	float: right
}

.g-tpl-350 .g-unit, .g-unit .g-tpl-350 .g-unit, .g-unit .g-unit .g-tpl-350 .g-unit, .g-unit .g-unit .g-unit .g-tpl-350 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-350 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-350 .g-unit {
	display: block;
	margin: 0 0 0 350px;
	width: auto;
	float: none
}

.g-tpl-350 .g-first, .g-unit .g-tpl-350 .g-first, .g-unit .g-unit .g-tpl-350 .g-first, .g-unit .g-unit .g-unit .g-tpl-350 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-350 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-350 .g-first {
	display: block;
	margin: 0;
	width: 350px;
	float: left
}

.g-tpl-350-alt .g-unit, .g-unit .g-tpl-350-alt .g-unit, .g-unit .g-unit .g-tpl-350-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-350-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-350-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-350-alt .g-unit {
	display: block;
	margin: 0 350px 0 0;
	width: auto;
	float: none
}

.g-tpl-350-alt .g-first, .g-unit .g-tpl-350-alt .g-first, .g-unit .g-unit .g-tpl-350-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-350-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-350-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-350-alt .g-first {
	display: block;
	margin: 0;
	width: 350px;
	float: right
}

.g-tpl-400 .g-unit, .g-unit .g-tpl-400 .g-unit, .g-unit .g-unit .g-tpl-400 .g-unit, .g-unit .g-unit .g-unit .g-tpl-400 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-400 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-400 .g-unit {
	display: block;
	margin: 0 0 0 400px;
	width: auto;
	float: none
}

.g-tpl-400 .g-first, .g-unit .g-tpl-400 .g-first, .g-unit .g-unit .g-tpl-400 .g-first, .g-unit .g-unit .g-unit .g-tpl-400 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-400 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-400 .g-first {
	display: block;
	margin: 0;
	width: 400px;
	float: left
}

.g-tpl-400-alt .g-unit, .g-unit .g-tpl-400-alt .g-unit, .g-unit .g-unit .g-tpl-400-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-400-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-400-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-400-alt .g-unit {
	display: block;
	margin: 0 400px 0 0;
	width: auto;
	float: none
}

.g-tpl-400-alt .g-first, .g-unit .g-tpl-400-alt .g-first, .g-unit .g-unit .g-tpl-400-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-400-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-400-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-400-alt .g-first {
	display: block;
	margin: 0;
	width: 400px;
	float: right
}

.g-tpl-25-75 .g-unit, .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit {
	width: 74.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-25-75 .g-first, .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first {
	width: 24.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-25-75-alt .g-unit, .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-unit {
	width: 24.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-25-75-alt .g-first, .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-first {
	width: 74.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-75-25 .g-first, .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-75-25 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75-25 .g-first {
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-33-67 .g-unit, .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit {
	width: 66.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-33-67 .g-first, .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first {
	width: 32.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-33-67-alt .g-unit, .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-unit {
	width: 32.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-33-67-alt .g-first, .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-first {
	width: 66.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-67-33 .g-unit, .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit {
	width: 32.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-67-33 .g-first, .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first {
	width: 66.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-67-33-alt .g-unit, .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-unit {
	width: 66.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-67-33-alt .g-first, .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-first {
	width: 32.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-50-50 .g-unit, .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit {
	width: 49.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-50-50 .g-first, .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first {
	width: 49.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-50-50-alt .g-unit, .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-unit {
	width: 49.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-50-50-alt .g-first, .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-first {
	width: 49.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-nest .g-unit, .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-nest .g-unit {
	float: left;
	width: auto;
	display: inline;
	margin: 0
}

.g-tpl-nest-alt .g-unit, .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-nest-alt .g-unit {
	float: right;
	width: auto;
	display: inline;
	margin: 0
}

.header {
	margin: 0 0 .6em -.2em;
	position: relative
}

.header img {
	float: left
}

.standard .header h1 {
	float: left;
	color: #333;
	font-weight: normal;
	margin: .62em 0 0 .5em;
	font-size: 20px;
}

.header span {
	margin: .4em 0 0;
	float: right
}

.standard .header span {
	margin: 1.2em 0 0
}

.header span ul {
	margin: .4em 0 0;
	list-style: none outside
}

.header span ul li {
	display: inline;
	margin: 0 0 0 .4em
}

.breadcrumbs {
	font-size: .85em
}

.nav ul {
	margin: 0 1em 0 0;
	list-style: none outside
}

.nav ul li {
	margin: 0 0 1em;
	font-weight: bold
}

.nav ul li ul {
	margin: 1em 0 0 1em
}

.nav ul li a {
	font-weight: normal
}

.standard .footer {
	border-top: 1px solid #ccc;
	margin: 1.3em 0 0;
	padding: .5em 0 0
}

.standard .footer.side {
	text-align: left
}

img {
	border: none;
}

#loginbox {
	background-color: #339900;
	color: #ffffff;
	font-size: 13px;
	position: absolute;
	left: 50%;
	width: 400px;
	top: 20%;
	padding: 20px;
	border: 1px solid #fff;
	z-index: 100;
	margin-left: -180px;
	text-align: center;
}

#loginTitle {
	font-size: 17px;
	font-weight: bold;
}

/* ----- interface -------- */

#top {
	position: absolute;
	z-index: 99;
	width: 99%;
	height: 50px;
	padding: 5px;
	background-color: #FBFCFC;
	background-image: url(/kms/tpl/default/styles/aqua/img/interface/head_bg.jpg);*/
    background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8a939d;
	clear: both;
}

#content {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
	clear: left;
}

.content_column {
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 20px;
	padding-bottom: 40px;
	float: left;
}


#leftmenu {
	position: absolute;
	width: 200px;
	height: 100%;
	top: 0px;
}

#itopGal {
	position: relative;
	z-index: 99;
	width: 100%;
	height: 50px;
	padding: 5px;
	background-color: #eee;
	/*        background-image: url(/kms

/tpl/default/styles/aqua/img/interface/head_bg.jpg);*/
        background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8a939d;
}

.galthumb {
	margin: 0px;
	float: left;
	width: 130px;
	height: 170px;
	font-size: 15px;
	text-align: center;
}

.mythumb {
	margin: 10px;
	float: left;
	width: 100px;
	height: 100px;
	background-color: #eee;
	border-width: 1px;
	border-style: solid;
	border-color: #8a939d;
	font-size: 15px;
}

b.destacat {
	color: #06c;
}

p, li {
	line-height: 1.8em;
}

h2 {
	padding-top: 10px;
	font-size: 2em;
}

pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}

div#page {
	background-color: #fff;
	margin: 0 auto;
	text-align: left;


/*	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;*/
}

div#container {
	width: 850px;
	padding: 0px;
}

div#ads {
	clear: both;
	padding: 13px 0 13px 66px;
}

div#footer_links,div#footer {
	clear: both;
	color: #eee;
	margin: 0 auto;
	text-align: center;
	border-bottom:1px dotted #ccc;
}
div#footer_links {
	padding: 50px 0 50px 0px;
}

a {
	color: #2bb6ba;
	text-decoration: none;
}

a:focus, a:hover, a:active {
	text-decoration: underline;
}

p, li {
	line-height: 1.3em;
}

h2 {
	padding-top: 10px;
	font-size: 2em;
}

pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}

div#page {
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
	margin-top:60px;

/*	border-color: #ddd;
	border-style: none solid solid;
	border-width: medium 1px 1px;*/
}

div#container {
	width: 850px;
	padding: 0px;
}

div#ads {
	clear: both;
	padding: 13px 0 13px 66px;
}

img {
	border: none;
}

#loginbox {
	background-color: #339900;
	color: #ffffff;
	font-size: 13px;
	position: absolute;
	left: 50%;
	width: 400px;
	top: 20%;
	padding: 20px;
	border: 1px solid #fff;
	z-index: 100;
	margin-left: -180px;
	text-align: center;
}

#loginTitle {
	font-size: 17px;
	font-weight: bold;
}

/* ----- interface -------- */

#contents {
	position: absolute;
	left: 200px;
	top: 47px;
	width: 900px;
	height: 100%;
	margin: 20px;
	z-index: 2;
	background-color: #fff;
}

#itopGal {
	position: relative;
	z-index: 99;
	width: 100%;
	height: 50px;
	padding: 5px;
	background-color: #eee;
	/*        background-image: url(/kms

/tpl/default/styles/aqua/img/interface/head_bg.jpg);*/
        background-repeat: repeat-y;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8a939d;
}

.galthumb {
	margin: 0px;
	float: left;
	width: 130px;
	height: 170px;
	font-size: 15px;
	text-align: center;
}

.mythumb {
	margin: 10px;
	float: left;
	width: 100px;
	height: 100px;
	background-color: #eee;
	border-width: 1px;
	border-style: solid;
	border-color: #8a939d;
	font-size: 15px;
}

b.destacat {
	color: #06c;
}

/*Menu*/

#pcm {
	display: none;
}

ul.pureCssMenu ul {
	display: none
}

ul.pureCssMenu li:hover>ul {
	display: block
}

ul.pureCssMenu ul {
	position: absolute;
	left: 0px;
	top: 29px;
        z-index:98;
	padding-top:10px !important;
	background:none !important;
}
.container_menu { background-color:#000;border-radius:10px; }

ul.pureCssMenu ul ul {
	position: absolute;
	left: 98%;
	top: -2px;
}

ul.pureCssMenu,ul.pureCssMenu ul {
	margin: 0px;
	list-style: none;
	padding: 0px 1px 1px 0px;
	background:none;
	border-color: #A6A6A6;
	border-width: 0px;
	border-style: solid;
}

ul.pureCssMenu table {
	border-collapse: collapse
}

ul.pureCssMenu {
	display: block;
	zoom: 1;
	float: left;
}

ul.pureCssMenu ul {
	width: 300px;
        border-radius: 10px;
	background-color:#000;
	left:-100px;
}

ul.pureCssMenu li {
	display: block;
	margin: 1px 0px 0px 1px;
	font-size: 0px;
}

ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
	outline-style: none;
}

ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display: block;
	vertical-align: middle;
	background-color:none;
	border-width: 0px;
	border-color: #FCEEB0;
	border-style: solid;
	text-align: left;
	text-decoration: none;
	padding: 5px;
	_padding-left: 0;
	letter-spacing:0.5px;
	text-decoration: none;
	cursor: pointer;
}

ul.pureCssMenu a.pureCssMenui0 { color:#000; }
ul.pureCssMenu a.pureCssMenui { color:#fff; }

ul.pureCssMenu span {
	overflow: hidden;
}

ul.pureCssMenu li {
	float: left;
}

ul.pureCssMenu ul li {
	float: none;
}

ul.pureCssMenu ul a {
	text-align: left;
	white-space: nowrap;
}

ul.pureCssMenu li.sep {
	text-align: left;
	padding: 0px;
	line-height: 0;
	height: 100%;
}

ul.pureCssMenu li.sep span {
	float: none;
	padding-right: 0;
	width: 3;
	height: 100%;
	display: inline-block;
	background-color: #A6A6A6;
	background-image: none;
}

ul.pureCssMenu ul li.sep span {
	width: 100%;
	height: 3;
}

ul.pureCssMenu li.pureCssMenui0:hover {
        position: relative;
background-color: #000;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
}

ul.pureCssMenu li:hover {
	position: relative;
 	font-weight:bold;
}

ul.pureCssMenu li:hover>a {
	border-color: #4C99AB;
	border-style: solid;
	color: #FFFFFF;
	text-decoration: none;
}

ul.pureCssMenu li a:hover {
	position: relative;
/*	border-color: #4C99AB;*/
	border-style: solid;
	color: #FFFFFF;
	text-decoration: none;
}

ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}

ul.pureCssMenu img {
	border: none;
	float: left;
	_float: none;
	margin-right: 5px;
	width: 16px;
	height: 16px;
}

ul.pureCssMenu ul img {
	width: 16px;
	height: 16px;
}

ul.pureCssMenu img.over {
	display: none
}

ul.pureCssMenu li.dis a:hover img.over {
	display: none !important
}

ul.pureCssMenu li.dis a:hover img.def {
	display: inline !important
}

ul.pureCssMenu li:hover > a img.def {
	display: none
}

ul.pureCssMenu li:hover > a img.over {
	display: inline
}

ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over {
	display: inline
}

ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def {
	display: none
}

ul.pureCssMenu a:hover ul {
	display: block
}

ul.pureCssMenu span {
	display: block;
	background-image: url(../tpl/images/arrv_blue_2.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 8px;
}

ul.pureCssMenu li:hover>a>span {
	background-image: url(../tpl/images/arrv_white_2.gif);
}

ul.pureCssMenu a:hover span {
	_background-image: url(../tpl/images/arrv_white_2.gif)
}

ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span {
	background-image: url(../tpl/images/arr_blue_2.gif)
}

ul.pureCssMenu ul li:hover > a span {
	background-image: url(../tpl/images/arr_white_2.gif);
}

ul.pureCssMenu table a:hover span {
	background-image: url(../tpl/images/arr_white_2.gif)
}


/* End menu css */

.language_selector {
	text-align: right;
}

.language_box {
	background-color: #FFF;
	margin: 10px 0px;
	margin-left: 0px;
	padding: 5px 19px 5px 0px;
	text-align: right;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
}
.language_box a { font-size:13px; }

a:link a:visited {
	color: #06c;
	text-decoration: none;
}

a:active, a:hover {
	text-decoration: underline;
}

.h0 {
	font-size: 3.9em;
	color: #000;
	padding: 0;
	font-weight: normal;
	margin-bottom: 8px;
	margin-top: 10px;
}

h2 {
	font-size: 18px;
	padding: 5px 0px 0px 0px;
	font-weight: normal;
	color: #fff;
	line-height: 1.4em;
	margin-bottom: 8px;
	margin-top: 0px;
}

h3 {
	font-size: 1.5em;
	font-weight: normal;
	color: #2eb9bd;;
	margin-bottom: 5px;
}

h4 {
	padding-bottom: 3px;
	margin-bottom: 0px;
}

h5 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	padding-top: 15px;
}

#ent-masthead .text-lg {
	font-size: 3em;
	color: #FFF;
	font-weight: normal;
}

p.learnmore {
	font-size: 1.3em;
}

.prodimg {
	float: left;
	margin-right: 10px;
	position: relative;
	top: -4px;
	padding-bottom:20px;
}

/*Start Returning User Sign In*/

#select-login {
	display: none;
	float: right;
}

#select-login a {
	text-decoration: none;
}

#select-login form,
#select-login div {
	display: inline;
}

/*End Returning User Sign In*/

.calc-li {
	margin-bottom: 5px;
}

.calc-li td {
	padding-right: 10px;
}

.wage-field {
	float: right;
	padding: 0;
	position: relative;
	top: 0px;
	margin-bottom: 5px;
}

.employee-field {
	float: right;
	padding: 0;
	position: relative;
	top: 3px;
	margin-bottom: 5px;
}

.currency-sign {
	float: right;
	position: relative;
	left: 0px;
	top: 2px
}

#calcuOpenSansr {
	padding: 0 5px;
}

#error {
	color: red;
	display: none;
}

.calc-text {
	color: #373737;
	font-weight: bold;
	font-size: 0.9em;
	width: 100px;
}

.rightnav p {
	padding: 10px 0 0 0;
	line-height: 23px;
}

.rightnav {
	padding-left: 20px;
	border-left: 1px #ccc solid;
	margin-left: 10px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* Start Flex Button */

div.g-button {
	margin: 0 0 1em 0px;
	border: 1px solid #BFD4F2;
	background-color: #fff;
	padding: 15px 15px 13px 19px;
	text-align: center;
}

div.g-button div {
	background: url("https://www.intergrid.cat/css/img_interficie/g-button-cr1-1_wt.gif") no-repeat 0% 0%;
	font-size: 1.3em;
	background-color: #5679a5;
}

b.fort {
	color: #5679a5;
}

div.wide div.g-button div {
	max-width: 300px;
	margin: 0 auto;
}

div.g-button div span span a {
	display: block;
	color: #fff !important;
	background: url("https://www.intergrid.cat/css/img_interficie/g-button-cr1-2_wt.gif") no-repeat right bottom;
	padding: 8px 18px 13px 13px;
	text-decoration: none;
	font-weight: bold;
}

div.g-button div span {
	display: block;
	background: url("https://www.intergrid.cat/css/img_interficie/g-button-cr1-1_wt.gif") no-repeat right -400px;
	height: 1%;
}

div.g-button div span span {
	background: url("https://www.intergrid.cat/css/img_interficie/g-button-cr1-1_wt.gif") no-repeat left bottom;
}

/*End Flex Button*/

p.padTop {
	margin-top: 15px
}

p.pPadBtm {
	margin-bottom: 25px;
}

p.rightNav {
	line-height: 23px;
}

p.noPadding {
	padding: 0px;
}

.rndGreyBox {
	padding: 20px 0 0 0;
	clear: both;
	padding: 5px;
}

.emailError {
	position: relative;
	color: #f00;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	display: none;
}

#large_inquiry {
	margin-top: 10px;
	background: #fff6c3;
	border: 1px solid #fe8;
	display: none;
	padding: 0 1em;
}

#large_inquiry h4 {
	margin-bottom: 1em;
}

.zip {
	float: left;
	margin-right: 5px;
	display: none;
	padding: 2px 0 0 2px;
}

.zip_m {
	float: left;
	margin-right: 5px;
	display: block;
	padding: 2px 0 0 2px;
}

.detailBox {
	padding: 8px 20px 30px 0px;
}

div.entry {
	display: block;
	width: 100%;
	padding: 10px 10px 10px 10px;
	background-color: #fafcff;
	border: 1px solid #c6e0ff;
	font-size: 1em;
}

.entryB {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 1.1em;
}

.red {
	color: #f00
}

/*Start Editions*/

.editions_table {
	margin: 0;
}

div#select_login {
	display: none;
}

.editions_freeText {
	color: #E44949;
	font-size: 120%;
	font-weight: bold;
}

.editions_priceText {
	font-size: 100%;
	font-weight: normal;
	display: block;
	margin: 5px 0 5px 0;
	font-weight: bold;
}

.editions_smallFreeText {
	color: #E44949;
}

.emailError {
	position: relative;
	color: #f00;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	display: none;
}

.custDD {
	margin-bottom: 5px;
	display: inline;
}

.quota {
	display: inline;
	padding-right: 5px
}

.customerDiv {
	border-top: #eaeaea 1px solid;
	width: 325px;
	margin-right: 10px;
	float: left;
	padding: 3px;
}

.customerImg {
	float: right;
	padding: 0 0 2px 20px;
}

.subVideoText {
	line-height: 25px;
}

.smallFont {
	font-size: 0.9em;
	position: relative;
	top: 3px;
}

div.editions_table table tbody tr td {
	padding: 3px;
}

h2.editions_other {
	border-bottom: #fff 1px solid;
	color: #2461AA;
	font-weight: bold;
}

/*Start pre-sales faq*/

.hide {
	display: none;
}

.question {
	font-size: 13px;
	padding: 0 0 10px 0px;
	font-weight: normal
}

.question a {
	text-decoration: none;
}

.answer {
	margin: 0px 0 15px 16px;
	font-weight: normal;
}

.faqbm {
	margin-right: 4px;
}

.faqbp {
	margin-right: 4px;
}

/*End pre-sales faq*/

/*Start inner page video player*/

.vidContainer {
	float: right;
	background: #fff;
	padding: 0 0px 20px 20px;
}

.pageVideo {
	padding: 3px;
	border: #ccc 1px solid;
	background: #fff;
	float: right;
	margin: 15px 0px 10px 20px;
	width: 346px;
	height: 280px;
}

.moreVideos {
	margin: 10px 0px;
}

.breadcrumb {
	font-size: 83%;
	color: #666;
	padding-top: 7px
}

/**/

.playButton {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.pageQuote {
	width: 550px;
	background: #fafafa;
	padding: 5px;
	color: #333;
}

img.subHeaderImg {
	display: inline;
	margin-right: 8px;
	border: none;
	position: relative;
	top: -5px;
}

.nomargin {
	margin: 0;
	padding: 0
}

div.splitRight {
	width: 47%;
	float: right;
	margin-top: 20px;
}

/*Start Calendar*/

.calendarDiv {
	width: 400px;
	width: 45%;
	float: right;
	margin: 0 0 10px 10px
}

.tz_picker {
	float: right;
}

/*End Calendar*/

/*Start 'new' page*/

a.new_blog_item_link {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	border-bottom: #ededed 1px solid;
	display: block;
	padding-bottom: 3px;
}

a.new_blog_item_link img {
	border: none
}

a.new_blog_item_link span {
	text-decoration: none;
	font-weight: bold;
	color: #15438f;
	padding: 0 10px
}

/*End 'new' page*/

.mobileImg {
	float: right;
	margin: 10px 0px 10px 30px;
}

h2.cust {
	display: inline;
	padding-right: 20px;
	font-size: 1.1em;
	font-weight: bold;
}

h2.cust2 {
	line-height: 1.4em;
}

.custBox {
	padding: 10px 0px;
	border: 0px solid #eaeaea;
}

.cust_entry_title {
	color: #000;
	font-weight: normal;
	padding-bottom: 5px;
	display: block;
	font-size: 1.4em;
	padding-left: 0px;
	margin-left: 0px;
}

.quote_owner {
	font-size: 1.1em;
}

div.top_customerDiv {
	border-top: #eaeaea 1px solid;
	width: 670px;
	margin-right: 10px;
	float: left;
	padding: 3px;
}

.bluebutton {
	margin-bottom: 3px;
}

#breadcrumbs {
	background: #e5f0fa;
	height: 25px;
	position: relative;
	top: -5px;
	text-align: left;
	font-size: 0.9em;
	color: #333;
	padding: 0px 0 0 10px;
	vertical-align: middle;
}

.breadtext {
	float: left;
	position: relative;
	top: 4px;
}

.breadtext a {
	text-decoration: none;
}

img.floatingImg {
	float: left;
	margin-right: 14px;
	margin-bottom: 10px;
}

img.floatingImgDetails {
	float: left;
	margin-right: 13px;
}

img.floatingImgBiz {
	margin-top: 13px;
	float: left;
	margin-right: 14px;
}

div.groupP {
	vertical-align: top;
	display: table;
}

div.titleGroup {
	margin-bottom: 10px;
	font-size: 1.0em;
	padding-right: 3px;
	vertical-align: top;
}

.disclaim {
	font-size: 0.9em;
	color: #666;
}

ul.nobullet {
	margin: 0px;
	padding: 0px;
}

ul.nobullet li {
	list-style-type: none;
	padding-bottom: 8px;
}

div.graybox {
	background-color: #F9F9F9;
	border: 1px solid #EAEAEA;
	padding: 10px;
	margin-bottom: 20px;
}

.rightnav_quote {
	margin-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-top: 3px solid #EAEAEA;
	color: #666;
}

.rightnav_apps {
	margin-left: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	border-top: 3px solid #666;
	color: #666;
	position: relative;
	left: -3px;
}

.bwtitle {
	margin-top: 15px;
	font-weight: 100;
}

.bwtitle_gg {
	margin-top: 25px;
	font-weight: 100;
}

a.bbutton {
	color: #fff;
	background: transparent url("../images/left-button.gif") no-repeat top left;
	display: block;
	float: left;
	line-height: 16px;
	height: 22px;
	padding-left: 3px;
	font-weight: normal;
	font-size: 1.0em;
	text-decoration: none;
}

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

a.bbutton span {
	background: transparent url("../images/right-button.gif") no-repeat top right;
	display: block;
	padding: 4px 3px 4px 0;
}

.buttonwrapper {
	overflow: hidden;
	width: 100%;
}

.feedburnerFeedBlock ul {
	list-style: none;
	padding: 0;
	margin: 5px 0 0 0;
}

.feedburnerFeedBlock ul li {
	padding: 0;
	margin-bottom: 5px;
}

.date {
	display: inline;
	margin-left: 7px;
	padding: 0;
	color: #666;
}

#creditfooter {
	display: none;
}

div.std-feature {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px solid #eaeaea;
}

ul.lessspace {
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 7px;
	display: table;
}

ul.lessspace li {
	padding-bottom: 1px;
	margin-bottom: 1px;
}

a.selected {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}

#navigation {
	font-family: OpenSans, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
}

#navigation ul {
	list-style: none;
	text-decoration: none;
	padding-right: 10px;
	padding: 0px;
	margin: 0px;
}

#navigation li {
	float: left;
	text-decoration: none;
	list-style: none;
}

#navigation li a {
	height: 25px;
}

#navigation li:hover {
	float: left;
	list-style: none;
	background-color: #2BBEC2;
}

#navigation a {
	color: #eee;
	text-decoration: none;
	display: block;
	padding-left: 7px;
	padding-right: 7px;
}

#navigation a.current {
	color: #111;
	background-color: #fff;
	text-decoration: none;
	display: block;
}

#navigation a.normal:hover {
	color: #fff;
	text-decoration: none;
	display: block;
}

#navigation a:hover span {
	padding-right: 0px
}

.rounded-grey-border {
	background-color: #E1DFD2;
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
	padding: 1px;
	position: relative;
}

.rounded-grey-plain {
	background-color: #E1DFD2;
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
	position: relative;
}

.light-blue {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: #FFFFFF url(https://www.intergrid.cat/css/img_interficie/vert_grad_light_blue.gif) repeat-x scroll 0 0;
}

.inner-block {
	overflow: hidden;
}

.inner-block p {
	line-height: 1.4;
}

.padded {
	padding: 5px 15px;
}

.corner-wrap {
	height: 6px;
	overflow: hidden;
	position: absolute;
	width: 6px;
}

.corner-wrap.t {
	margin-top: -1px;
}

.corner-wrap.t .corner {
	margin-top: -6px;
}

.corner-wrap.l {
	margin-left: -1px;
}

.corner-wrap.l .corner {
	margin-left: -6px;
}

.corner-wrap.r {
	left: -6px;
	margin-left: 100%;
}

.corner-wrap.r .corner {
	margin-left: 0;
}

.corner-wrap.b {
	margin-top: -5px;
	top: auto;
}

.corner {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(https://www.intergrid.cat/css/img_interficie/border-star.png) repeat scroll 0 0;
	height: 13px;
	position: absolute;
	width: 13px;
}

.transp-corner {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(https://www.intergrid.cat/css/img_interficie/corner.png) repeat scroll 0 0;
}

.grey-up {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(https://www.intergrid.cat/css/img_interficie/grey_pointer_up.png) no-repeat scroll 0 0;
	float: left;
	height: 13px;
	left: 50px;
	position: relative;
	width: 16px;
}

.grey-right {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(https://www.intergrid.cat/css/img_interficie/grey_pointer_right.png) no-repeat scroll 0 0;
	float: right;
	height: 16px;
	position: relative;
	right: -13px;
	width: 13px;
	z-index: 100;
}

.grey-down {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url(https://www.intergrid.cat/css/img_interficie/grey_pointer_down.png) no-repeat scroll 0 0;
	float: left;
	height: 13px;
	left: 50px;
	margin-bottom: 10px;
	margin-top: -5px;
	position: relative;
	top: auto;
	width: 16px;
}

font {
	font-size: 15px;
	line-height: 130%;
}

div.formulari {
	width: 600px;
	text-align: left;
}

div.formulari input {
	margin-right: 10px;
	margin-bottom: 10px;
}

div.formulari ul li {
	list-style-position: outside;
	list-style-type: disc;
	line-height: 1.25
}

div.debug {
	background-color: #ffd;
	border: 1px dotted #ee4;
	font-size: 11px;
	color: #990;
	padding: 5px;
	width: 300px;
	margin: 5px;
}

div.notify {
	background-color: #dfd;
	border: 1px dotted #4e4;
	font-size: 11px;
	color: #090;
	padding: 5px;
	width: 300px;
	margin: 5px;
}

div.error {
	background-color: #fdd;
	border: 1px dotted #e44;
	font-size: 11px;
	color: #900;
	padding: 5px;
	width: 300px;
	margin: 5px;
}

table.survey_rate input {
	margin: 0px;
}

table.survey_rate td {
	text-align: center;
	width: 40px;
	padding: 5px;
}

/* generic products */

/* Copyright 2010 Google, Inc. All Rights Reserved */

ul {
	margin: 0 0 1em 2em
}

ol {
	margin: 0 0 1em 2em;
	*margin: 0 0 1em 2.3em
}

p, pre {
	margin: 0 0 1em
}

li {
	margin: 0 0 .5em
}

dd {
	margin: 0 0 1em 2em
}

blockquote {
	margin: 0 2em 1em
}

h2, h3 {
	margin: 0 0 .9em 0px
}

h4, h5, h6, {
	font-size: 1em;
	margin: 0 0 1em
}

sup, sub {
	font-size: .7em
}

th, caption {
	text-align: left
}

input, select, textarea, option {
	font-family: inherit;
	font-size: inherit
}

.g-section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.g-unit .g-section:after {
	clear: none
}

.g-split .g-unit {
	text-align: right
}

.g-split .g-first {
	text-align: left
}

.g-tpl-50 .g-unit, .g-unit .g-tpl-50 .g-unit, .g-unit .g-unit .g-tpl-50 .g-unit, .g-unit .g-unit .g-unit .g-tpl-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50 .g-unit {
	display: block;
	margin: 0 0 0 50px;
	width: auto;
	float: none
}

.g-tpl-50 .g-first, .g-unit .g-tpl-50 .g-first, .g-unit .g-unit .g-tpl-50 .g-first, .g-unit .g-unit .g-unit .g-tpl-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50 .g-first {
	display: block;
	margin: 0;
	width: 50px;
	float: left
}

.g-tpl-50-alt .g-unit, .g-unit .g-tpl-50-alt .g-unit, .g-unit .g-unit .g-tpl-50-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-alt .g-unit {
	display: block;
	margin: 0 50px 0 0;
	width: auto;
	float: none
}

.g-tpl-50-alt .g-first, .g-unit .g-tpl-50-alt .g-first, .g-unit .g-unit .g-tpl-50-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-50-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-alt .g-first {
	display: block;
	margin: 0;
	width: 50px;
	float: right
}

.g-tpl-75 .g-unit, .g-unit .g-tpl-75 .g-unit, .g-unit .g-unit .g-tpl-75 .g-unit, .g-unit .g-unit .g-unit .g-tpl-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75 .g-unit {
	display: block;
	margin: 0 0 0 75px;
	width: auto;
	float: none
}

.g-tpl-75 .g-first, .g-unit .g-tpl-75 .g-first, .g-unit .g-unit .g-tpl-75 .g-first, .g-unit .g-unit .g-unit .g-tpl-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75 .g-first {
	display: block;
	margin: 0;
	width: 75px;
	float: left
}

.g-tpl-75-alt .g-unit, .g-unit .g-tpl-75-alt .g-unit, .g-unit .g-unit .g-tpl-75-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-75-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-75-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75-alt .g-unit {
	display: block;
	margin: 0 75px 0 0;
	width: auto;
	float: none
}

.g-tpl-75-alt .g-first, .g-unit .g-tpl-75-alt .g-first, .g-unit .g-unit .g-tpl-75-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-75-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-75-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-75-alt .g-first {
	display: block;
	margin: 0;
	width: 75px;
	float: right
}

.g-tpl-130 .g-unit, .g-unit .g-tpl-130 .g-unit, .g-unit .g-unit .g-tpl-130 .g-unit, .g-unit .g-unit .g-unit .g-tpl-130 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-130 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-130 .g-unit {
	display: block;
	margin: 0 0 0 130px;
	width: auto;
	float: none
}

.g-tpl-130 .g-first, .g-unit .g-tpl-130 .g-first, .g-unit .g-unit .g-tpl-130 .g-first, .g-unit .g-unit .g-unit .g-tpl-130 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-130 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-130 .g-first {
	display: block;
	margin: 0;
	width: 130px;
	float: left
}

.g-tpl-130-alt .g-unit, .g-unit .g-tpl-130-alt .g-unit, .g-unit .g-unit .g-tpl-130-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-130-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-130-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-130-alt .g-unit {
	display: block;
	margin: 0 130px 0 0;
	width: auto;
	float: none
}

.g-tpl-130-alt .g-first, .g-unit .g-tpl-130-alt .g-first, .g-unit .g-unit .g-tpl-130-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-130-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-130-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-130-alt .g-first {
	display: block;
	margin: 0;
	width: 130px;
	float: right
}

.g-tpl-160 .g-unit, .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-unit {
	display: block;
	margin: 0 0 0 160px;
	width: auto;
	float: none
}

.g-tpl-160 .g-first, .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160 .g-first {
	display: block;
	margin: 0;
	width: 160px;
	float: left
}

.g-tpl-160-alt .g-unit, .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160-alt .g-unit {
	display: block;
	margin: 0 160px 0 0;
	width: auto;
	float: none
}

.g-tpl-160-alt .g-first, .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-160-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-160-alt .g-first {
	display: block;
	margin: 0;
	width: 160px;
	float: right
}

.g-tpl-180 .g-unit, .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-180 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-180 .g-unit {
	display: block;
	margin: 0 0 0 180px;
	width: auto;
	float: none
}

.g-tpl-180 .g-first, .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-180 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-180 .g-first {
	display: block;
	margin: 0;
	width: 180px;
	float: left
}

.g-tpl-180-alt .g-unit, .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-180-alt .g-unit {
	display: block;
	margin: 0 180px 0 0;
	width: auto;
	float: none
}

.g-tpl-180-alt .g-first, .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-180-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-180-alt .g-first {
	display: block;
	margin: 0;
	width: 180px;
	float: right
}

.g-tpl-200 .g-unit, .g-unit .g-tpl-200 .g-unit, .g-unit .g-unit .g-tpl-200 .g-unit, .g-unit .g-unit .g-unit .g-tpl-200 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-200 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-200 .g-unit {
	display: block;
	margin: 0 0 0 200px;
	width: auto;
	float: none
}

.g-tpl-200 .g-first, .g-unit .g-tpl-200 .g-first, .g-unit .g-unit .g-tpl-200 .g-first, .g-unit .g-unit .g-unit .g-tpl-200 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-200 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-200 .g-first {
	display: block;
	margin: 0;
	width: 200px;
	float: left
}

.g-tpl-200-alt .g-unit, .g-unit .g-tpl-200-alt .g-unit, .g-unit .g-unit .g-tpl-200-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-200-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-200-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-200-alt .g-unit {
	display: block;
	margin: 0 200px 0 0;
	width: auto;
	float: none
}

.g-tpl-200-alt .g-first, .g-unit .g-tpl-200-alt .g-first, .g-unit .g-unit .g-tpl-200-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-200-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-200-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-200-alt .g-first {
	display: block;
	margin: 0;
	width: 200px;
	float: right
}

.g-tpl-225 .g-unit, .g-unit .g-tpl-225 .g-unit, .g-unit .g-unit .g-tpl-225 .g-unit, .g-unit .g-unit .g-unit .g-tpl-225 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-225 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-225 .g-unit {
	display: block;
	margin: 0 0 0 225px;
	width: auto;
	float: none
}

.g-tpl-225 .g-first, .g-unit .g-tpl-225 .g-first, .g-unit .g-unit .g-tpl-225 .g-first, .g-unit .g-unit .g-unit .g-tpl-225 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-225 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-225 .g-first {
	display: block;
	margin: 0;
	width: 225px;
	float: left
}

.g-tpl-225-alt .g-unit, .g-unit .g-tpl-225-alt .g-unit, .g-unit .g-unit .g-tpl-225-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-225-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-225-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-225-alt .g-unit {
	display: block;
	margin: 0 225px 0 0;
	width: auto;
	float: none
}

.g-tpl-225-alt .g-first, .g-unit .g-tpl-225-alt .g-first, .g-unit .g-unit .g-tpl-225-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-225-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-225-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-225-alt .g-first {
	display: block;
	margin: 0;
	width: 225px;
	float: right
}

.g-tpl-250 .g-unit, .g-unit .g-tpl-250 .g-unit, .g-unit .g-unit .g-tpl-250 .g-unit, .g-unit .g-unit .g-unit .g-tpl-250 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-250 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-250 .g-unit {
	display: block;
	margin: 0 0 0 250px;
	width: auto;
	float: none
}

.g-tpl-250 .g-first, .g-unit .g-tpl-250 .g-first, .g-unit .g-unit .g-tpl-250 .g-first, .g-unit .g-unit .g-unit .g-tpl-250 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-250 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-250 .g-first {
	display: block;
	margin: 0;
	width: 250px;
	float: left
}

.g-tpl-250-alt .g-unit, .g-unit .g-tpl-250-alt .g-unit, .g-unit .g-unit .g-tpl-250-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-250-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-250-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-250-alt .g-unit {
	display: block;
	margin: 0 250px 0 0;
	width: auto;
	float: none
}

.g-tpl-250-alt .g-first, .g-unit .g-tpl-250-alt .g-first, .g-unit .g-unit .g-tpl-250-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-250-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-250-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-250-alt .g-first {
	display: block;
	margin: 0;
	width: 250px;
	float: right
}

.g-tpl-300 .g-unit, .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-300 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-300 .g-unit {
	display: block;
	margin: 0 0 0 300px;
	width: auto;
	float: none
}

.g-tpl-300 .g-first, .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-300 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-300 .g-first {
	display: block;
	margin: 0;
	width: 300px;
	float: left
}

.g-tpl-300-alt .g-unit, .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-300-alt .g-unit {
	display: block;
	margin: 0 300px 0 0;
	width: auto;
	float: none
}

.g-tpl-300-alt .g-first, .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-300-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-300-alt .g-first {
	display: block;
	margin: 0;
	width: 300px;
	float: right
}

.g-tpl-320 .g-unit, .g-unit .g-tpl-320 .g-unit, .g-unit .g-unit .g-tpl-320 .g-unit, .g-unit .g-unit .g-unit .g-tpl-320 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-320 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-320 .g-unit {
	display: block;
	margin: 0 0 0 320px;
	width: auto;
	float: none
}

.g-tpl-320 .g-first, .g-unit .g-tpl-320 .g-first, .g-unit .g-unit .g-tpl-320 .g-first, .g-unit .g-unit .g-unit .g-tpl-320 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-320 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-320 .g-first {
	display: block;
	margin: 0;
	width: 320px;
	float: left
}

.g-tpl-320-alt .g-unit, .g-unit .g-tpl-320-alt .g-unit, .g-unit .g-unit .g-tpl-320-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-320-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-320-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-320-alt .g-unit {
	display: block;
	margin: 0 320px 0 0;
	width: auto;
	float: none
}

.g-tpl-320-alt .g-first, .g-unit .g-tpl-320-alt .g-first, .g-unit .g-unit .g-tpl-320-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-320-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-320-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-320-alt .g-first {
	display: block;
	margin: 0;
	width: 320px;
	float: right
}

.g-tpl-350 .g-unit, .g-unit .g-tpl-350 .g-unit, .g-unit .g-unit .g-tpl-350 .g-unit, .g-unit .g-unit .g-unit .g-tpl-350 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-350 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-350 .g-unit {
	display: block;
	margin: 0 0 0 350px;
	width: auto;
	float: none
}

.g-tpl-350 .g-first, .g-unit .g-tpl-350 .g-first, .g-unit .g-unit .g-tpl-350 .g-first, .g-unit .g-unit .g-unit .g-tpl-350 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-350 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-350 .g-first {
	display: block;
	margin: 0;
	width: 350px;
	float: left
}

.g-tpl-350-alt .g-unit, .g-unit .g-tpl-350-alt .g-unit, .g-unit .g-unit .g-tpl-350-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-350-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-350-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-350-alt .g-unit {
	display: block;
	margin: 0 350px 0 0;
	width: auto;
	float: none
}

.g-tpl-350-alt .g-first, .g-unit .g-tpl-350-alt .g-first, .g-unit .g-unit .g-tpl-350-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-350-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-350-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-350-alt .g-first {
	display: block;
	margin: 0;
	width: 350px;
	float: right
}

.g-tpl-400 .g-unit, .g-unit .g-tpl-400 .g-unit, .g-unit .g-unit .g-tpl-400 .g-unit, .g-unit .g-unit .g-unit .g-tpl-400 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-400 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-400 .g-unit {
	display: block;
	margin: 0 0 0 400px;
	width: auto;
	float: none
}

.g-tpl-400 .g-first, .g-unit .g-tpl-400 .g-first, .g-unit .g-unit .g-tpl-400 .g-first, .g-unit .g-unit .g-unit .g-tpl-400 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-400 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-400 .g-first {
	display: block;
	margin: 0;
	width: 400px;
	float: left
}

.g-tpl-400-alt .g-unit, .g-unit .g-tpl-400-alt .g-unit, .g-unit .g-unit .g-tpl-400-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-400-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-400-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-400-alt .g-unit {
	display: block;
	margin: 0 400px 0 0;
	width: auto;
	float: none
}

.g-tpl-400-alt .g-first, .g-unit .g-tpl-400-alt .g-first, .g-unit .g-unit .g-tpl-400-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-400-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-400-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-400-alt .g-first {
	display: block;
	margin: 0;
	width: 400px;
	float: right
}

.g-tpl-25-75 .g-unit, .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-unit {
	width: 74.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-25-75 .g-first, .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75 .g-first {
	width: 24.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-25-75-alt .g-unit, .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-unit {
	width: 24.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-25-75-alt .g-first, .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-25-75-alt .g-first {
	width: 74.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-33-67 .g-unit, .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-unit {
	width: 66.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-33-67 .g-first, .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67 .g-first {
	width: 32.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-33-67-alt .g-unit, .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-unit {
	width: 32.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-33-67-alt .g-first, .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-33-67-alt .g-first {
	width: 66.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-67-33 .g-unit, .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-unit {
	width: 32.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-67-33 .g-first, .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33 .g-first {
	width: 66.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-67-33-alt .g-unit, .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-unit {
	width: 66.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-67-33-alt .g-first, .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-67-33-alt .g-first {
	width: 32.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-50-50 .g-unit, .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-unit {
	width: 49.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-50-50 .g-first, .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50 .g-first {
	width: 49.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-50-50-alt .g-unit, .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-unit {
	width: 49.999%;
	float: left;
	display: inline;
	margin: 0
}

.g-tpl-50-50-alt .g-first, .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-first, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-50-50-alt .g-first {
	width: 49.999%;
	float: right;
	display: inline;
	margin: 0
}

.g-tpl-nest .g-unit, .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-nest .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-nest .g-unit {
	float: left;
	width: auto;
	display: inline;
	margin: 0
}

.g-tpl-nest-alt .g-unit, .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-tpl-nest-alt .g-unit, .g-unit .g-unit .g-unit .g-unit .g-unit .g-tpl-nest-alt .g-unit {
	float: right;
	width: auto;
	display: inline;
	margin: 0
}

.breadcrumbs {
	font-size: .85em
}

.nav ul {
	margin: 0 1em 0 0;
	list-style: none outside
}

.nav ul li {
	margin: 0 0 1em;
	font-weight: bold
}

.nav ul li ul {
	margin: 1em 0 0 1em
}

.nav ul li a {
	font-weight: normal
}

/* @group Footer Style */

.standard .footer {
	border-top: 1px solid #ccc;
	margin: 1.3em 0 0;
	padding: .5em 0 0
}

.standard .footer.side {
	text-align: left
}

/* @end */

#content {
	float: left;
	width: 100%;
	padding: 0px;
}

#main_left_col {
	//padding-left:25px !important;
	float: left;
	width: 730px;
	padding-left:0px;
}

#main_right_col {
	float: right;
	width:  214px;
	border-left: 0px solid #edeeec;
	border-bottom: 0px solid #eaebe9;
}

.content_header {
	padding-top:20px;
	padding-right: 30px;
	padding-bottom: 20px;
	text-align:justify;
	max-width: 800px;
	margin-left: 35px;
}

ul li { line-height:160%;list-style:disc; }
body.mailing ul li { list-style:none !important; }
body .content_header ul li { line-height:160%;list-style:disc !important }
body.crowdfunding ul li {  list-style:none !important; }
.content_header_pic {
	float: left;
}

.content_header_intro_text {
	font-size: 34px;
	color:#777;
	padding-top:10px;
	font-weight: normal;
	font-family: OpenSansLight;
	text-align: left;
	height: auto;
	vertical-align: middle;
}

.content_header_subtitle_text {
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
}

.content_header_body_text {
	float: left;
	padding-bottom: 20px;
	text-align: justify;
	font-size: 15px;
}

.top_header_title {
	font-family:OpenSans-light;	
	position:absolute;
	left:50%;
	margin-left:-472px;
	top:100px;
	z-index:2;
	letter-spacing:1px;
	width:580px;
	color:#fff;
	font-size: 23px;
}

.top_header_title_shd {
	font-family:OpenSans;
	position:absolute;
	left:50%;
	margin-left:-473px;
	top:102px;
	z-index:1;
	width:580px;
	color:#0761a7;
	font-size: 23px;
}

.config_email_text1 {
        font-family: OpenSans, Helvetica, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
}   
.config_email_back {
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
}
.config_email_text2 {
        font-family: Verdana, Geneva, sans-serif;        font-size: 13px;
        font-weight: bold;}
.config_email_text3 {        font-family: OpenSans, Helvetica, sans-serif;
        font-size: 13px;
        color: #000;
        text-align: justify;
        font-weight: normal;
        padding: 7px;
} 

.email_config_client_selector_container {
	text-align: center;
	margin: 20px 0px 20px 0px;
	float: left;
	clear: none;
}

.email_config_client_selector_box {
	margin: 5px;
	height: 90px;
	width:  auto;
	padding-top: 15px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 15px;
	border: 1px solid #8acbfb;
	border-radius: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left;
}

.email_config_client_selector_box.hover {
	border: 1px solid #84c4f4;
	background-color: #cde9fd;
}

.email_config_ol {
}

.email_config_li {
	list-style-position: outside;
	list-style-type: square;
	color: #4b4b4b;
	font: 13px "Helvetica Neue", OpenSans, Helvetica, Geneva, sans-serif;
	margin-left: 15px;
	text-align: left;
}

.email_config_li_header {
	font-size: 15px;
	color: #0761a7;
}

.email_config_li_img {
	margin-top: 20px;
	margin-bottom: 10px;
}

.email_config_recomendations {
	background-color: #eeeeee;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 20px;
	width: auto;
	border: thin solid #e4e4e4;
	text-align: justify;
}

.contact_us {
	float: left;
	clear: both;
}

.providers_logos_container {
	width: 100%;
	margin: 0px;
	text-align: center;
	padding-top: 3px;
	padding-bottom:3px;
}

.providers_logos_container ol {
	text-align: center;
	list-style: none;
}
.providers_logos_container li {
	margin: 0 10px 0 0;
	display: inline;
}

.domains_register_table {
	font: 13px "Helvetica Neue", OpenSans, Helvetica, Geneva, sans-serif;
	text-align: left;
	width: 90%;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 5px;
}

.domains_register_table .field_data {
	width: 200px;
	background-color: #daf1fd;
}

ul.pureCssMenu, ul.pureCssMenu ul {
	padding:0px;
}
ul.pureCssMenu ul.pureCssMenum {
	margin:0px;padding:0px;
}
ul.pureCssMenu li {
	margin:0px;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	border:0px;
}


ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
		padding-bottom:0px;
		padding-top:7px;
		text-align:center;
}

ul.pureCssMenu a.pureCssMenui0 { font-weight:bold; }
ul.pureCssMenu a {
        margin-top:0px;
        margin-bottom:0px;
        height:auto;
	font-weight:normal;
	font-family: OpenSans,Helvetica, OpenSans, sans-serif;
        font-size:14px;
}
ul.pureCssMenu li.pureCssMenui a { margin:0px;height:28px;padding: 1rem 1rem 2rem 1rem;   display: flex;
  align-items: center;
  gap: 8px;
 }
ul.pureCssMenu li.pureCssMenui a div { margin-top:0.5rem; }

div.left_menu_bar ul.pureCssMenu.pureCssMenum {
		        padding-left:22px;
}

.triangle { position:relative;left:-10px;top:7px;display:none; justify-content:center; align-items:center;}

div.signupbar {background-color:#000}


ul.pureCssMenu li:hover, li.pureCssMenui, ul.pureCssMenu li.pureCssMenui0.current ul.pureCssMenum li a:hover {
	color:#fff;
}



div.left_menu_bar ul.pureCssMenu li.pureCssMenui0 {
	padding:1px 10px 0px 10px;
 	margin:0px 1px;
	height:29px;
	
}

ul.pureCssMenu li.current, ul.pureCssMenu li.current {
	background-color:#000;
        border-radius:5px;
}
ul.pureCssMenu li.current a { color:#fff; }

.jfVal {
        position: absolute;
        z-index: 1110;
}
.jValSpacer {
        position: absolute;
        width: 0px;
        float: left;
}
.jValSpacercover {
        background: #eee url(../css/img_interficie/eeGrad2.gif) bottom repeat-x;
        border: 1px solid #ccc;
        border-right: 0px;
}
.jValSpacerpod {
        background: #f0f2f5 url(../css/img_interficie/f0f2f5grad.gif) bottom repeat-x;
        border: 1px solid #ccc;
        border-right: 0px;
}
.jValSpacerblank {
        height: 16px !important;
        opacity: 0.6;
}
.jfVal .icon {
        float: left;
}
.jfVal .iconcover {
        background: #eee url(../css/img_interficie/eeGrad2.gif) bottom repeat-x;
        border: 1px solid #ccc;
        border-width: 1px 0px;
        width: 20px;
        text-align: left;
}
.jfVal .iconpod {
        background: #f0f2f5 url(../css/img_interficie/f0f2f5grad.gif) bottom repeat-x;
        border: 1px solid #ccc;
        border-left: 0px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        width: 20px;
        text-align: left;
}
.jfVal .iconblank {
        background: #fff;
        margin-top: -4px;
        height: 20px !important;
        padding-left: 5px;
}
.jfVal .icon .iconbg {
        background: url(../css/img_interficie/warning.gif) center left no-repeat;
        height: 100%;
        width: 16px;
}
.jfVal .content {
        color: blue;
        vertical-align: middle;
        white-space: nowrap;
        float: left;
        padding-right: 5px;
}
.jfVal .contentcover {
        background: #eee url(../css/img_interficie/eeGrad2.gif) bottom repeat-x;
        border: 1px solid #ccc;
        border-left: 0px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
}
.jfVal .messagepod {
        opacity: 0.8;
        background: #fff;
        padding: 2px 5px;
}
.jfVal .messageblank {
        background: #fff;
        padding: 2px 5px;
}
#form_blank input[type=text], #form_blank [jVal] {
        padding-top:3px;
}

.sliding_contact_form {
    height:auto;
    background-color: #e3effc;
    padding:20px;
	margin-left:25px; 
   margin-top:20px;
    padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	border: 1px solid #8acbfb;
	background-color: #e3effc;
	border-radius: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
 
.show_hide_contact_form {
    display:none;
	text-align: center;
/*	width: auto;
	margin-top: 30px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	border: 1px solid #8acbfb;
	background-color: #e3effc;
	border-radius: 4px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;
	font-size: 14px;
	color: #4f4f4f;*/
}

.show_hide_contact_form .td {
	padding: 5px;
}



input[type=text], input[type=alphanum], input[type=email] {
	background-color:#fff;
	padding:15px 10px;
	border-radius: 4px;
}
input[type=submit] {
	background-color:#16a6ad;color:#fff;height: 33px;padding-bottom: 4px;cursor:pointer;cursor:hand;
	font-size:14px;
	padding-top: 4px;
}

input[type=submit] , input[type=reset] {
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
    color: #FFFFFF !important;
    display: inline-block;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    margin: 0.5rem;
    text-align: left;
    text-transform: uppercase;
    width: auto;
    font-size: 12px;
    border-radius: 4px;
    height: 33px;
}

input[type=submit] {
    background: url("/css/img_interficie/bt-arrow.png") no-repeat scroll 95% center #1080c5;
}

input[type=reset] {
    background: url("/css/img_interficie/warning.gif") no-repeat scroll 95% center #68000091;
}



select { height:36px; border-radius: 4px; }
button.show_hide_contact_form {
	border:0px;
	background:none;
	cursor:pointer;
	cursor:hand;
}

ul.contact-buttons {
	margin:0px;
}

ul.contact-buttons li a:hover {
	text-decoration:none;
}
ul.contact-buttons li a {
	display:block;
	width:258px;
	background-repeat:no-repeat;
}
ul.contact-buttons li.demo a {
height: 64px;
background-position: 0px 0px;
}


ul.contact-buttons li.contact a {
height: 30px;
background-position: 0px -64px;
}

ul.contact-buttons li.phone a {
height: 30px;
background-position: 0px -100px;
}
ul.features li {
	margin-bottom:10px;
}

.intergridbut {
display: block;
float: left;
padding: 0 0 15px 20px;
margin: 0;
background: url(/files/pictures/callto-left-01.png) 0 0 no-repeat;
border: 0;
}
.intergridbut button span {
display: block;
padding: 7px 15px 13px 15px;
margin: 0;
background: url(/files/pictures/callto-med-01.png) 0px 0px repeat-x;
border: 0;
}
.intergridbut button {
padding: 0 20px 0 0;
float: left;
margin: 0;
background: url(/files/pictures/callto-right-01.png) right 0 no-repeat;
border: 0;
cursor: pointer;
font-family: OpenSans,Helvetica,sans-serif;
text-shadow: #16a6ad 0px 1px;
font-size: 18px;
color: #fff;
}
.intergridbut button:hover {
text-decoration:none;
}

li.node {
	margin-left:10px;
	height:80px;
	padding-left:60px;
	padding-top:10px;
	background-position:0px 0px;
	background-size:50px;
	background-repeat:no-repeat;
	width:250px;
	float:left;
	color:#444;
}

li.node2 {
        margin-left:10px;
        padding-left:60px;
        padding-top:10px;
        background-position:0px 0px;
        background-size:50px;
        background-repeat:no-repeat;
        float:left;
        color:#444;
}
.node2 b { font-size:19px;line-height:120%; }


li.node_crowfunding {
	margin-left: 20px;
	height: 15px;
	float: left;
	color: #444;
	list-style-type: disc;
	clear: left;
}

li.node b {
	font-size:15px;
	line-height:150%;
}

ul.mailing1 li.node {
        width:100%;
         height:100px;
	margin-left:5px;
}

ul.mailing li.node {
	width:350px;
	 height:100px;
}

#domain { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/domainname.png'); }
#mail { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/mail.png'); }
#plantilles { 	background-image:url('https://www.intergrid.cat/kms/css/aqua/big/styles.png'); }
#templates { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/ico_web_design.png');} 
#seo {         background-image:url('https://www.intergrid.cat/kms/css/aqua/big/search.png');  }
#multilang {        background-image:url('https://www.intergrid.cat/kms/css/aqua/big/success-icon.png'); }
#menus {        background-image:url('https://www.intergrid.cat/kms/css/aqua/big/registry.png'); }
#cloudhosting,#cloud-hosting {	background-image:url('https://www.intergrid.cat/kms/css/aqua/big/cloudspace.png'); }

#cloudcomputing { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/cloudspace.png'); background-position-y: 10px; }
#estandards {        background-image:url('https://www.intergrid.cat/kms/css/aqua/big/multi-browser-support.gif'); }
#mobils {        background-image:url('https://www.intergrid.cat/kms/css/aqua/big/smartphone-support.gif');}
#addons { 	background-image:url('https://www.intergrid.cat/kms/css/aqua/big/addons.png');}
#api	{       background-image:url('https://www.intergrid.cat/kms/css/aqua/img/big/API.png');}
#xarxes {        background-image:url('https://www.intergrid.cat/kms/css/aqua/big/signal.png');}
#analytics { 	background-image:url('https://www.intergrid.cat/kms/css/aqua/big/analytics2.png');}
#cms { 	background-image:url('https://www.intergrid.cat/kms/css/aqua/big/settings4.png');}
#backups { 	 background-image:url('https://www.intergrid.cat/kms/css/aqua/big/backups_big.png');}
#support {	background-image:url('https://www.intergrid.cat/kms/css/aqua/big/support.png');}
#updates { 	background-image:url('https://www.intergrid.cat/kms/css/aqua/big/updates.png'); }
#newsletters { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/mailings.png');}
#links { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/Sites.png');}
#users { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/extranetusers.png');}
#transfer { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/reports.png');}
#blogs {         background-image:url('https://www.intergrid.cat/kms/css/aqua/big/services_icon.png'); }
#galeries {        background-image:url('https://www.intergrid.cat/kms/css/aqua/big/pictures_galleries_big.png');  }
#media {         background-image:url('https://www.intergrid.cat/kms/css/aqua/big/media.png'); }
#forms {      background-image:url('https://www.intergrid.cat/kms/css/aqua/big/web_forms.png');}
#maps {        background-image:url('https://www.intergrid.cat/kms/css/aqua/big/gps.png');}
#calendar {   background-image:url('https://www.intergrid.cat/kms/css/aqua/big/calendar3.png');}
#guestbook {  background-image:url('https://www.intergrid.cat/kms/css/aqua/big/chat.png');}
#shop {      background-image:url('https://www.intergrid.cat/kms/css/aqua/big/ecommerce.png');}
#tpv {        background-image:url('https://www.intergrid.cat/kms/css/aqua/big/payment.png'); }
#downloads {  background-image:url('https://www.intergrid.cat/kms/css/aqua/big/download.png'); }
#catalogs {   background-image:url('https://www.intergrid.cat/kms/css/aqua/big/services.png'); }
#secure {     background-image:url('https://www.intergrid.cat/kms/css/aqua/big/lock.png'); }
#publishing {         background-image:url('https://www.intergrid.cat/kms/css/aqua/big/news.png');}
#sla {	background-image:url('https://www.intergrid.cat/kms/css/aqua/big/sla.png');}
#reservas { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/reservas.png');}
#quests { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/registry.png');}
#fasteasy { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/feature_quick.png');}
#contacts { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/gestio_contactes.png');}
#segmentation { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/segmentation.png');}
#analytics2 {  background-image:url('https://www.intergrid.cat/kms/css/aqua/big/Statisticsok.png');}
#management { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/settings4.png');}
#website { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/sites.png');}
#lopd { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/lock.png');}
#importexport { background-image:url('https://www.intergrid.cat/kms/css/aqua/big/import-export.gif');}
#variables {  background-image:url('https://www.intergrid.cat/kms/css/aqua/big/custom.png');}


table.tarifes {
	border-collapse:collapse;
	border:1px solid #ccc;
	border-spacing: 0;
	font-size:13px;
	color:#444;
	background-image: -webkit-linear-gradient(left, #ffffff 0%, #ECF1F6 300px, #f6fDf6 345px, #ECF1F6 348px, #d6dAff 447px, #ECF1F6 448px, #f0f7f6 564px,#ECF1F6 565px,#d6dAff 100%);
	font-family:"Trebuchet MS", Verdana, sans-serif;
}
table.tarifes td {
	border:1px solid #ccc;
	text-align:center;
	padding:5px;
}
table.tarifes td.tarifa_feature {
        background-position:10px 5px;
        background-size:20px;
        background-repeat:no-repeat;
        width:246px;
}

table.tarifes tr.head td {
	height:80px;
	text-align:top;
}

table.tarifes td.tarifa_feature {
	padding-left:40px;
	text-align:left;
	font-weight:bold;
}
ul.features table b.destacat {
	font-size:15px;
	line-height:150%;
}

ul.features table {
	margin-bottom:15px;
}

#plan1 { width:110px; padding:0px; border:0px}
#plan2 { width:110px; padding:0px;  border:0px}
#plan3 { width:127px; padding:0px;  border:0px}
#plan4 { width:126px; padding:0px;  border:0px}

.plan {
	font-size:14px;
	padding-bottom:10px;
}

.price {
	font-size:33px;
	letter-spacing:-2px;
	padding-bottom:5px;
}
.price2 {
	font-size:13px;
}
.category {
	background-image: -webkit-linear-gradient(top, #0066cc 0%, #194270 100%);
	color:#fff;
	font-weight:bold;
	height:20px;
	padding:5px;
	border:1px solid #06c;
        text-align:left;
}

div.htip {
        background-image: url('/kms/css/aqua/img/small/help_on.gif');
        background-repeat:no-repeat;
        width: 17px;
        height: 17px;
        margin: 2px;
        cursor: pointer;
        float: right;
        padding-right:5px;
	padding-top:0px;
	padding-bottom:0px;
}
td.YES div {
        background-image:url('/kms/css/aqua/img/small/check2.gif');
        width:17px;
        height:17px;
	margin:auto;
}
td.NO div {
        background-image:url('/kms/css/aqua/img/small/remove_fav.png');
        width:17px;
        height:17px;
        margin:auto;
}

tr.category td {
	padding:5px;
	border:0px solid #0066cc;
        text-align:left;
	padding-left:15px;
}

.message_box {
   display: none;
   margin: 0 0 13px 0;
   padding: 13px 13px 13px 13px;
   background: url('/css/img_interficie/icon_check.png') left no-repeat #EFA;
   background-position: 13px 13px;
   border: solid 1px #BD8;
}

#form_div {
   font-size:13px;   
}

table#domain_data .domain {
font-weight:bold;
background-color:#faebb0;
}

table#domain_data input.form_input {
height: 20px;
padding: 0px;
margin: 0px;
}
div#bottom_legal { width:100%; }

span.price_legend {
padding-right: 30px;
color: #fff;
font-size: 11px;
}

div.alta_client_form {
margin-top: 20px;
margin-left:0px;
margin-right: 40px;
text-align: justify;
}

a.bestbut,a.bestbut:hover {
    cursor:pointer;
    cursor:hand;
    text-decoration:none;
    background-color: #0697ba;
    background: url("/css/img_interficie/bt-arrow.png") no-repeat scroll 95% center #0da7cc;
    color: #FFFFFF !important;
    display: inline-block;
    margin-right: -10px;
    padding: 10px 33px 10px 10px;
    text-align: left;
    text-transform: uppercase;
    width:auto;
    font-size: 12px;
    border-radius: 4px;
}

a.bestbut:hover {
	background-color: #0697ba;	
}
a.bestbut.small {
	background-position-x:85%;
}
div#prefoot div, div#footer div#footer_content { width:1000px;margin:auto; }
div#prefoot { padding-top:11px;padding-bottom:15px;margin-bottom:0px;background-color:#eee; }
div.providers_logos_container { background-color:#f1f1f1; padding:40px 0px 20px 0px;}

body.customers { background:#fff;}
body.config_email .g-doc { font-size:14px; }
div.ent-first-horiz { font-size:13px;padding-right:20px;max-width:600px}
div.ent-first-horiz img { width:50px; }
div#topinfo {
position:absolute;z-index:10; top:10px; 
}

div.info_block { 
background-color:#fff;
padding:7px 13px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; 
float:left;
margin-right:5px;
}
div.info_block, div.info_block a { color:#565656; }
div#topinfo .login {
background-color:#000;
}
div#topinfo .login a { color:#fff; }
div#topinfo a:hover { text-decoration: none; }
div#topinfo .new_customer {
        background-color: #38dad0;
}
div#topinfo .new_customer a, div#info .new_customer a:visited { color:#fff; }

div.info_block.language { cursor:pointer;cursor:hand; min-width:125px; text-align:right}
a.underline { text-decoration:underline; }
table.limits tr.group td { padding-top:8px; padding-bottom:8px; }
div.left_menu_bar ul li ul li  a:hover  {
	font-weight:bold;
}


body.whois div#main_right_col,body.new_customer div#main_right_col,body.domain_reg div#main_right_col,body.legal_notes div#main_right_col,body.status div#main_right_col,body.kms div#main_right_col,body.email-hosting div#main_right_col,body.control_panel div#main_right_col,body.main  div#main_right_col,body.suport div#main_right_col,body.config_email div#main_right_col,body.serv_remot div#main_right_col,body.domains div#main_right_col,body.cloud-hosting div#main_right_col,body.hosting_products div#main_right_col,body.hosting div#main_right_col,body.dedicated-servers div#main_right_col,body.vps div#main_right_col,body.customers div#main_right_col,body.mailing div#main_right_col { display:none;}
body.domain_reg  div#prefoot {  display:none;}

div.inner-block.padded p { font-size:13px; }
div#infotext { font-size:15px; line-height:160%;color:#333;} 
body.sites div#main_left_col { width:760px; }
body.aboutus div#main_left_col { width:700px;font-size:14px }
div#main_left_col { width:100%; }

table#customers td { padding-right:20px;}
td.note { font-size:10px; }
button {  outline: none; }
table.limits { cursor:pointer;cursor:hand; }
ul#models li { list-style-type: circle; }
input.queryinput { width:300px; }
div.g-doc { padding:0px; }
/* ***************** mobile ****************************/
@media (max-width: 998px) {

  .timeline-steps {
    flex-direction: column;
    align-items: flex-start;
    padding:20px 0px 20px 40px;
    width: 300px;
    margin:auto;
  }

  .line {
    display: none;
  }

  .step {
    width: 100%;
    justify-content: flex-start;
    white-space: normal;
    padding:10px 0px;
  }

  .label {
    font-size: 16px;
    line-height: 1.4;
  }

 .step:not(:last-of-type) .circle-char::after {
    content: "";
    position: inherit;
    width: 2px;
    height: 18px; /* alçada entre cercles */
    border-left: 2px solid #ccc;
    margin-top: 42px;
    margin-left: -4px; 
  }
 .step:not(:last-of-type) .n {
  padding-right:5px;
}
#rack { height:300px }
div#topinfo { display:block !important; }
/* 
oculta
div#shopping_cart { display:block !important; width:63px; padding: 3px 0px 5px 10px !important;position:absolute; top:0px; z-index:999; right: 52px } */
#site-header div#menu .left_menu_bar { display:none }
div#title {
padding-top:0px;
}
section div.maxwidth-shorter {
      width: calc(100% - 40px);
    }
.g-unit .g-section { width: calc(100% - 40px); padding:0px 20px 0px 20px; }
input,input.queryinput {    width: auto !important;}
div#topinfo { right:53px; }
div#totop { display:none !important; }
a.bestbut { clear:left;margin:auto;display:inherit;position:relative;top:20px;}
.generic_product_tbl { font-size:11px; } 
div.signupbar,div#topinfo { display:none; }
div#solidaritat {display:none;}
table#domains_tbl td.product_name_header { width:auto !important; }
div.g-doc {padding-top:0px;padding-left:0px; }
body .custompad { padding:0px !important; }
.feature, .services-grid { padding:0px !important }
.feature { gap: 4px !important; }
.services-grid { grid-template-columns: 1fr; }
section#hosting .service-card { height:100% !important; }
section#apps .plan-price { width:100%;text-align:center }
img.icon {
  max-width: 25px !important;
  height: 25px !important;
}
div#page  .block {
  padding: 20px 10px 0px 10px !important;
}
div#dialog { width:88% !important;}
div#dialog div.inner-block.padded { height:auto !important; }
div#toptitle { width:100%;padding-left:0px; }
div#logo  { left:0px !important;top:0px; }
div#logo img { margin-top:7px;margin-left:0px; }
div#title,div#subtitle { margin-left:20px; }
div#title h1 { font-size:28px;margin-left:10px;}
div#subtitle h2 { font-size:23px;margin-left:10px;}
div#topinfo,div.info_block.contact { display:none; }
div#prefoot div, div#footer div#footer_content, .footer_legal,.left_menu_bar, div#title, .g-doc { width:100%; }
div#logo { float:left; } 
div#logo img { width:140px; }
div#logo .container_logo {padding-top:7px}
div#title_box { clear:left;margin:auto;width:100%; top:40px;}
div#title_box div { width:90%; }
#ent-masthead { background:none; }
div.left_menu_bar ul.pureCssMenu.pureCssMenum li { display:block; }
div#title h1 { margin-left:0px; font-size:38px;letter-spacing:0px }
div#subtitle h2 {    margin-left:0px; font-size:17px}

div.left_menu_bar { background-color:#1a1a1a; }
div.left_menu_bar li { float:none;clear:left; }
div.left_menu_bar table, .left_menu_bar ul, .left_menu_bar li, .left_menu_bar li a {    height: auto;}

div.left_menu_bar ul.pureCssMenu li.pureCssMenui0 {
    padding-left: 8px;
    padding-right: 8px;
    height: 26px;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
    padding-bottom: 0px;
    padding-top: 7px;
    text-align: left;
}

.content_header { padding:0px; }
div#main_left_col, div#main_right_col { clear:both; width:100%;padding-left:0px !important; }
div.ent-first-horiz { width:100% !important;max-width:100%;clear:both;}
div.g-unit { clear:both;width:100% !important; }
div.right_menu_bar { display:none; top:10px; }
div.ent-first-horiz img {height:20px;width:auto;margin:0px 10px 0px 0px !important;top:0px;left:0px;padding:0px }
div#footer_content div.g-unit div { padding-left:20px; }

form#checkDomain td { border-radius:0px !important; }
#bbtds { margin-bottom:40px; }
/* totop */
#totop a {
width: 50px;
height: 35px;
padding-top:15px;
display: block;
outline: none;
color: #FFF;
background-color: #999;
border: 1px solid #dddddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
text-align: center;
font-size: 18px;
line-height: 46px;
}
#totop {
position: fixed;
width: 50px;
height: 50px;
bottom: 106px;
right: 40px;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
#totop a:hover {
background-color: #2bb6ba;
border: 1px solid #2bb6ba;
}
div#footer_content b { font-size:14px;color:#eee; }
.butt { background-color: #16a6ad !important;
color: #fff;
height: 33px;
padding-bottom: 4px;
cursor: pointer;
cursor: hand;
font-size: 14px;
padding-top: 4px;
}

div.ui-dialog { z-index:99999999 !important; }
label.promo { color:#000;background-color:#a1ffc2;font-size:9px;border-radius:5px;padding:4px 10px;margin-left:10px; }
.sites-banner, .crowdfunding-image { width:100%; max-width:100%;}




@media (max-width:500px) {
/* div#topinfo .info_block { display:none; } */
div#topinfo div.language { display:none; }

.service-card {
  height: 100%;
}

section h2 {
  font-size: 1.5rem !important;
}
h3 { font-size:20px; } 
h3 br { display:none; }
div#title_box { clear:left;margin:auto;width:auto; top:20px;}
section div.maxwidth-shorter { padding:0px 10px; width:calc(100% - 10px) }
#site-header { margin-top:0px;  }
body.main .g-doc  { padding:0px !important; }
.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.container {
    flex-direction: column;
    padding: 10px;
  }

.left-column img.main-img {
  margin-bottom: 0 !important;
}
body.kms div.block_text { width: calc(100% - 150px) !important; }
crowdfunding-image { width:100%; max-width:100%;}
.sites-section { padding:30px 10px;}
.sites-banner { width:80%; max-width:80%;margin:auto;padding:30px 20px}
.show_hide_contact_form { display:block !important;margin:auto }
.nopadmob { margin:auto !important;padding:0 !important }
.contact_form_button { margin:auto !important; }
ul.mailing,ul.mailing1 { margin:0 }
table#form { padding:0px !important; }
table#form input { max-width: 60%; }
div.alta_client_form {
  margin: 0;
  margin-left: 20px;
  margin-right: 40px;
  font-size: 14px;
}
div.content_header { margin-left: 20px;
  margin-right: 40px;
  font-size: 14px;
}
.content_header { margin:auto; }
.generic_product_tbl {
  width: calc(100% - 40px);
margin: 40px 10px;
}

td { display:table-cell; }
td.nomob { display:none; }

.block_text {
  font-size: 14px;
  text-align: justify;
  padding-top: 30px;
  padding-left: 13px;
  padding-right: 30px;
  float: left;
  line-height: 140%;
  width: 50%;
}
.footer_legal,.providers_logos_container {
  width: 56%;margin:0;
}
 .block_text { padding-left:25px; }
div#title_box {
    left: 0;
}
    .footer_legal, .providers_logos_container {
      width: 100% !important;
    line-height:150%;
	padding:30px !important;
      margin: 0;
    }
.g-c .servei { padding-bottom:20px; }
.g-c { padding-top:20px; }
   div#title {
      padding-top: 30px !important;
    }
 div#title h1 {
      font-size: 40px !important;
}
 div#subtitle h2 {
  padding:10px 10px 0px 0px;font-weight:normal !important;   font-size: 17px;
  }
.ent-first-horiz a { font-size:18px !important; line-height:200%; }
div.ent-first-horiz img {
    height: 30px;
}
 div#dialog { width:100% !important;}
.inner-block { width:90% !important; }
   div#title h1 {
    margin-left: 0px;
    font-size: 30px;
    letter-spacing: 0px;
  }
div#title_box div {
    width: 93%;
  }
div#title { padding-top:33px; }
}

body.clients div#page { min-height:600px !important; }

 #clients {
      padding: 100px 0px;
      font-family: 'Helvetica Neue', sans-serif;
      color: #333;
	
      /*  height: 100vh; */
    }
    #clients .container {
      display: flex;
      height: 500px;
    }
    #clients .half {
      flex: 1;
      padding: 60px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
    #clients .left {
      background: linear-gradient(135deg, #0ca7cd, #3ca9b0);
      color: white;
    }
    #clients .left h2, #clients .right h2 {
      display: flex;
      align-items: center;
      font-size: 28px;
      margin-bottom: 20px;
    }
    #clients .left h2::before {
      margin-right: 10px;
      font-size: 28px;
    }
    #clients .right h2::before {
      margin-right: 10px;
      font-size: 28px;
    }
    #clients input[type="text"], #clients input[type="password"] {
      width: 100%;
      padding: 12px 25px;
      border-radius: 30px;
      border: none;
      margin: 10px 0;
      font-size: 16px;
    }

    #clients .button {
      padding: 12px 24px;
      border-radius: 30px;
      background: #23ade7 !important;
      border: none;
      color: #000 !important;
      font-size: 16px;
      cursor: pointer;
      margin-top: 20px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
    }
    #clients .button:hover {
	background: #2eb9bd !important;
	color:#fff !important;
  }
    #clients .left .button {
      background-color: #47c1a0;
    }
    #clients a {
      color: #fff;
      text-decoration: underline;
      font-size: 14px;
    }
    #clients .right a {
      color: #008060;
    }
    #clients .right {
      background-color: #ffffff;
      border: 1px solid #e0e0e0;
      margin-left: 20px;
}
    }

input::-webkit-input-placeholder {
  color: #ccc;
}

input::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #ccc;
}

input::placeholder {
  color: #ccc;
}
.icon_login { width:70px; padding-right:10px; }
.color { color:#15a7c8; }

@media screen and (max-width: 768px) {
  #clients .container {
    flex-direction: column;
    height: auto;
  }

  #clients .half {
    padding: 30px 20px;
  }


  #clients .left, 
  #clients .right {
    margin: 10px 0;
  }

  #clients h2 {
    font-size: 22px;
  }

  #clients input {
    font-size: 14px;
  }

  #clients .button {
    font-size: 15px;
    padding: 10px 20px;
  }
}