.outlined {
  outline: 1px solid #999; }

.languages {
  cursor: default; }

h1, h2, h3, h4, h5, h6 {
  cursor: default; }

a h1, a h2, a h3, a h4, a h5, a h6 {
  cursor: pointer; }

a {
  color: #0b1d2b; }

a.external_icon {
  background: url(../img/external.png) center right no-repeat;
  padding-right: 14px; }

h2.title {
  font-size: 40px;
  color: #0B1D2B;
  text-transform: none; }

h2 {
  padding: 2px;
  margin: 0px;
  color: #F32837;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px; }

.hidden {
  visibility: hidden; }

form .input {
  margin-bottom: 10px; }
  form .input input, form .input textarea, form .input select {
    display: block;
    width: 98.5%;
    border: 2px solid #ddd;
    padding: 5px;
    color: #333;
    background-color: #fafafa; }
  form .input label {
    font-size: 12px;
    margin-top: 10px;
    font-weight: bold; }
  form .input.submit input {
    width: auto; }
  form .input input:focus, form .input textarea:focus {
    color: #444;
    border-color: #aaa; }
  form .input .defaultTextActive {
    color: #666;
    font-style: italic; }
form input, form label, form textarea, form select {
  cursor: pointer; }
form fieldset {
  border: 1px solid #999;
  padding: 20px; }
  form fieldset legend {
    font-size: 14px;
    border: 1px solid #999;
    padding: 2px 5px;
    background-color: #eee; }

body {
  font-family: Lucida Grande, Lucida Sans Unicode, sans-serif;
  background-repeat: no-repeat;
  background-position: top center;
  font-size: 12px; }

.wide {
  width: 100%;
  margin: 0px; }

#border_top {
  height: 26px;
  background-color: #0b1d2b;
  border-bottom-width: 4px;
  border-color: #cbd7e0;
  border-style: solid;
  color: #fff;
  font-size: 10px;
  text-align: right;
  line-height: 26px;
  margin: 0px;
  padding: 0px; }
  #border_top a, #border_top a:visited, #border_top a:active {
    color: #fff; }
  #border_top a.active {
    font-weight: bold; }
  #border_top p {
    margin: 0px;
    padding: 0px; }
    #border_top p.jump {
      text-align: left; }

#main {
  padding-top: 30px;
  outline: none; }
  #main h3 {
    font-size: 16px; }
  #main #header, #main #latest_projects, #main #content {
    outline: none; }
  #main #logo {
    margin: 0px;
    padding: 0px; }
    #main #logo h1 {
      margin: 0px;
      padding: 0px; }
      #main #logo h1 a {
        background-image: url('../img/logo.png');
        display: block;
        height: 45px;
        width: 310px; }
        #main #logo h1 a span {
          display: none; }
    #main #logo h2 {
      font-weight: normal;
      font-size: 16px;
      color: #0b1d2b;
      height: 46px;
      line-height: 22px;
      padding-top: 12px;
      letter-spacing: 1px; }
    #main #logo .lema {
      text-align: right; }
  #main #header_wide {
    margin-bottom: 20px; }

#menu_wide {
  margin-bottom: 30px;
  margin-top: 0px; }
  #menu_wide #menu {
    float: right; }
    #menu_wide #menu h2.menu {
      display: none; }
    #menu_wide #menu .elem {
      margin: 0px;
      line-height: 16px;
      padding: 0px;
      font-size: 16px;
      padding-top: 7px;
      font-weight: bold; }
    #menu_wide #menu span {
      display: block;
      margin: 0px;
      padding: 0px;
      margin-top: -0px;
      font-size: 14px;
      line-height: 14px;
      font-weight: normal; }
    #menu_wide #menu ul {
      display: block;
      list-style-type: none;
      margin: 0px;
      padding: 0px; }
      #menu_wide #menu ul li {
        text-align: center;
        margin: 0px;
        margin-left: 10px;
        padding: 0px;
        float: left; }
        #menu_wide #menu ul li a {
          height: 45px;
          width: 100px;
          text-decoration: none;
          display: block;
          color: #0b1d2b; }
          #menu_wide #menu ul li a:visited, #menu_wide #menu ul li a:active, #menu_wide #menu ul li a {
            color: #0b1d2b;
            text-decoration: none; }
          #menu_wide #menu ul li a:hover {
            text-decoration: underline; }
        #menu_wide #menu ul li.first {
          margin-left: 0px; }
        #menu_wide #menu ul li.blog {
          float: left; }
        #menu_wide #menu ul li.active {
          background-image: url(../img/fons_menu_element.png); }
          #menu_wide #menu ul li.active a {
            color: white; }
            #menu_wide #menu ul li.active a:visited, #menu_wide #menu ul li.active a:active, #menu_wide #menu ul li.active a {
              text-decoration: none;
              color: white; }

#submenu_wide {
  border: 0px;
  border-top-width: 2px;
  border-bottom-width: 2px;
  border-style: solid;
  border-color: #0b1d2b;
  background-color: #0b1d2b;
  color: #0b1d2b; }
  #submenu_wide a {
    color: #0b1d2b; }
  #submenu_wide h4 {
    margin: 0px;
    padding: 0px;
    padding-right: 5px;
    font-size: 14px;
    font-weight: normal; }
  #submenu_wide #submenu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }
    #submenu_wide #submenu ul li {
      display: block;
      float: left;
      margin: 0px;
      margin-top: 5px;
      margin-bottom: 5px;
      padding: 5px; }
      #submenu_wide #submenu ul li.active h4 {
        text-decoration: underline; }

#content_wide {
  background-color: transparent;
  padding-bottom: 40px; }


#motto p {
  text-align: right;
  font-size: 18px;
  font-weight: normal;
  margin-top: 10px; }
#motto h2 {
  font-weight: normal;
  font-size: 38px;
  text-align: center;
  color: #0B1D2B;
  text-transform: none; }
  #motto h2 strong {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #F32837;
    color: #fff; }

#promo, #promo_inner {
  padding-top: 10px;
  padding-bottom: 20px; }

#promo {
  background: url(../img/bicicleta.png) center 140px no-repeat; }

#products {
  position: relative;
  margin-bottom: 20px; }
  #products h3 {
    font-size: 14px; }
  #products .product {
    position: relative;
    height: 320px; }
    #products .product .title h3 {
      text-transform: uppercase;
      font-size: 18px;
      margin-bottom: 12px; }
    #products .product .description {
      font-size: 16px; }
      #products .product .description p {
        width: 430px;
        position: absolute;
        top: 120px;
        left: 10px; }
      #products .product .description h4 {
        font-size: 18px; }
    #products .product .product_inner {
      padding: 15px; }
  #products .web_engineering {
    text-align: right;
    background: url(../img/gears.png) 20px 250px no-repeat;
    background-color: #0B1D2B; }
    #products .web_engineering, #products .web_engineering a {
      color: #D7E5F1; }
    #products .web_engineering .readmore a {
      bottom: 10px;
      right: 10px; }
  #products .video_streaming {
    background: url(../img/streaming.png) 380px 250px no-repeat;
    background-color: #CBD7E0; }
    #products .video_streaming, #products .video_streaming a {
      color: #0B1D2B; }
    #products .video_streaming .readmore a {
      bottom: 10px;
      left: 10px; }
  #products .readmore {
    width: 310px; }
    #products .readmore a {
      font-weight: bold;
      text-align: right;
      position: absolute;
      display: block;
      padding: 2px; }

#sidebar {
  background-repeat: repeat-y;
  height: 580px; }
  #sidebar #sidebar_title {
    height: 45px; }
  #sidebar .post {
    margin-bottom: 10px;
    font-size: 11px; }
    #sidebar .post h3 {
      font-size: 12px;
      margin: 0px;
      padding: 0px; }
  #sidebar .post.last {
    margin-bottom: 0px; }

body div.project {
  height: 240px;
  background-color: #ddd; }
  body div.project, body div.project a {
    color: #0B1D2B; }
  body div.project h3 {
    margin: 0px;
    margin-bottom: 10px;
    padding: 0px; }
  body div.project .project_inner {
    padding: 10px; }
  body div.project img {
    width: 200px; }
body #footer_wide {
  font-size: 12px;
  position: relative;
  border-top: 4px solid;
  border-color: #cbd7e0;
  background-color: #0b1d2b; }
  body #footer_wide a, body #footer_wide a:visited {
    color: #fff; }
  body #footer_wide a:hover {
    color: #CCC;
    text-decoration: none; }
  body #footer_wide p {
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px; }
  body #footer_wide .content {
    padding-top: 26px; }
  body #footer_wide .arrow {
    background: url(../img/arrow.png) 70px 20px no-repeat;
    padding-bottom: 80px; }
  body #footer_wide h2.footer {
    display: none; }
  body #footer_wide h3 {
    text-transform: uppercase;
    position: absolute;
    margin-top: -25px;
    padding: 0px;
    font-size: 16px; }
    body #footer_wide h3 span.title {
      padding: 5px 10px;
      color: #fff;
      background-color: #F32837;
      border: 2px solid #F32837;
      display: block; }
  body #footer_wide #validations {
    margin-top: 0px;
    text-align: center; }
    body #footer_wide #validations img {
      opacity: 0.3; }
    body #footer_wide #validations a:hover img {
      opacity: 1; }
  body #footer_wide #partners {
    text-align: left; }
    body #footer_wide #partners .content {
      padding-top: 0px; }
    body #footer_wide #partners .partner_list {
      margin-top: 20px;
      height: 90px; }
    body #footer_wide #partners .partner {
      text-align: center; }
      body #footer_wide #partners .partner a {
        display: block; }
      body #footer_wide #partners .partner, body #footer_wide #partners .partner a {
        height: 90px; }
      body #footer_wide #partners .partner .title {
        display: none; }
      body #footer_wide #partners .partner .img {
        margin: 0px auto;
        background: transparent url(../img/partners/partners_tile.png);
        display: block; }
      body #footer_wide #partners .partner#imesmes .img {
        margin-top: 13px;
        background-position: 0 -30px;
        height: 65px;
        width: 110px; }
      body #footer_wide #partners .partner#imesmes a:hover .img {
        background-position: 0 -125px; }
      body #footer_wide #partners .partner#links .img {
        margin-top: 16px;
        background-position: 0 -220px;
        height: 53px;
        width: 114px; }
      body #footer_wide #partners .partner#links a:hover .img {
        background-position: 0 -303px; }
      body #footer_wide #partners .partner#marcos .img {
        margin-top: 5px;
        background-position: 0 -386px;
        height: 81px;
        width: 69px; }
      body #footer_wide #partners .partner#marcos a:hover .img {
        background-position: 0 -497px; }
      body #footer_wide #partners .partner#pac .img {
        background-position: 0 -608px;
        height: 90px;
        width: 194px; }
      body #footer_wide #partners .partner#pac a:hover .img {
        background-position: 0 -728px; }
    body #footer_wide #partners h3 span.title {
      background-color: #CBD7E0;
      border: 2px solid #CBD7E0;
      color: #0B1D2B; }
  body #footer_wide #connect ul li {
    list-style-type: none;
    margin: 0px;
    padding-bottom: 5px;
    height: 35px; }
    body #footer_wide #connect ul li a {
      text-decoration: none;
      font-size: 12px; }
    body #footer_wide #connect ul li span.text {
      padding: 5px; }
    body #footer_wide #connect ul li span.link {
      text-decoration: underline; }
    body #footer_wide #connect ul li img {
      vertical-align: middle;
      padding-right: 5px; }
  body #footer_wide div#footer {
    outline: none;
    margin-bottom: 0px;
    margin-top: 5px;
    color: white; }
    body #footer_wide div#footer .grid_inner {
      padding-top: 5px; }
  body #footer_wide #delicious ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none; }

#who_we_are h2.title {
  display: none; }
#who_we_are .big_description .motto {
  margin-bottom: 0px; }
#who_we_are .lema {
  font-weight: bold; }
#who_we_are .klaymen {
  background: url(../img/klaymen.png) center no-repeat; }
#who_we_are .employees .content {
  height: 400px;
  padding-top: 10px;
  position: relative; }
#who_we_are .employees .employees_inner {
  padding-left: 30px; }
#who_we_are .employees .skills {
  position: absolute;
  top: 230px;
  width: 280px; }
#who_we_are .employees .photo {
  display: none;
  margin-top: 10px; }
#who_we_are .employees .special_skills {
  font-weight: bold; }
#who_we_are .employees ul {
  margin: 0px;
  padding: 0px; }
#who_we_are .employees .employee {
  padding-top: 20px; }
  #who_we_are .employees .employee.klaymen {
    height: 400px; }
  #who_we_are .employees .employee h3 {
    margin: 0px;
    padding: 0px; }
  #who_we_are .employees .employee .photo {
    height: 140px; }
  #who_we_are .employees .employee .info {
    margin-top: 10px;
    margin-bottom: 10px; }
  #who_we_are .employees .employee.josepjaume .photo {
    background: transparent url(../img/workers/josepjaume.jpg) center no-repeat; }
  #who_we_are .employees .employee.txus .photo {
    background: transparent url(../img/workers/txus.jpg) center no-repeat; }
  #who_we_are .employees .employee.oriol .photo {
    background: transparent url(../img/workers/oriol.jpg) center no-repeat; }

#suggestions {
  margin-top: 40px; }
  #suggestions h2 {
    padding: 0px; }

#what_we_do h2.title {
  display: none; }
#what_we_do .motto {
  font-style: italic; }
#what_we_do .products {
  margin-top: 20px; }
  #what_we_do .products .product_description a {
    font-weight: bold;
    text-decoration: underline; }
    #what_we_do .products .product_description a:hover {
      background-color: #CBD7E0; }
#what_we_do .product {
  margin-bottom: 20px; }
  #what_we_do .product .logos {
    margin-top: 30px;
    text-align: left; }
    #what_we_do .product .logos img {
      margin: 5px; }
  #what_we_do .product .product_name {
    text-align: right;
    margin-bottom: 10px;
    color: #0B1D2B; }
    #what_we_do .product .product_name h3 {
      margin: 0px;
      padding: 0px;
      font-size: 20px;
      text-transform: uppercase;
      color: #F32837; }
  #what_we_do .product .side {
    color: #0B1D2B; }
    #what_we_do .product .side ul {
      margin: 0px;
      padding: 0px; }
      #what_we_do .product .side ul li {
        font-size: 14px; }
    #what_we_do .product .side .side_inner {
      padding: 5px; }
  #what_we_do .product.video_streaming .product_name {
    text-align: left; }
  #what_we_do .product.video_streaming .side {
    float: right; }
    #what_we_do .product.video_streaming .side .side_inner {
      margin-left: 60px; }
  #what_we_do .product.video_streaming .product_description_inner {
    padding-right: 10px; }

#contact_us h2.title {
  display: none; }
#contact_us form fieldset {
  padding: 0;
  border: none;
  margin: 0; }
#contact_us form .input input, #contact_us form .input textarea, #contact_us form .input select {
  width: 390px; }
#contact_us form .input select {
  width: 404px; }
#contact_us .quote {
  font-style: italic;
  font-weight: normal;
  font-size: 18px;
  text-align: right; }
  #contact_us .quote .author {
    font-style: normal;
    font-size: 18px; }
#contact_us h3 {
  margin: 0px;
  margin-bottom: 10px;
  padding: 0px; }
#contact_us p {
  margin: 0px;
  padding: 0px; }
#contact_us .contact_wrapper {
  margin-top: 20px; }
  #contact_us .contact_wrapper .contact {
    position: relative; }
    #contact_us .contact_wrapper .contact .input.submit input {
      text-align: center;
      width: 150px;
      margin-left: auto;
      margin-right: 0px; }
#contact_us .map_content {
  text-align: left; }
  #contact_us .map_content p.logo {
    text-align: center; }
#contact_us .info_box {
  padding: 10px; }
  #contact_us .info_box p.logo img {
    display: none; }
  #contact_us .info_box .map_info {
    text-align: left; }
#contact_us #map_canvas {
  height: 420px; }

#petition .slider {
  margin-top: 10px;
  margin-bottom: 10px; }
#petition form .submit {
  text-align: right; }
  #petition form .submit input {
    margin-left: auto; }

#flashes div {
  border: 2px solid #999;
  padding: 10px;
  margin: 10px 0px; }

.formError {
  border: 2px solid #999;
  padding: 10px;
  margin: 10px 0px; }

#flashes .error, .formError {
  border-color: #FF5652;
  background-color: #FFE5E5; }

#flashes .notice {
  border-color: #A8FF32;
  background-color: #EDFFD5; }

.motto {
  font-size: 16px;
  font-family: Tahoma;
  color: #0B1D2B;
  text-align: left;
  background-color: #CBD7E0;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 20px; }

.check {
  list-style-type: none;
  margin-top: 5px;
  background: transparent url(../img/check.png) center left no-repeat;
  padding-left: 20px; }