@charset "UTF-8";
/* Arazoza & Company CSS Document */
/* Test DIV */
#test {
  position: absolute;
  display: none;
  top: 0;
  right: 20px;
  z-index: 9997;
  padding: 10px;
  background-color: #FFF;
  border: 1px #000 solid;
  border-top: 0;
  font-size: .85em;
  font-weight: bold;
  color: #000; }

/* GENERAL */
html, body {
  position: relative;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0; }

body {
  font-family: 'Libre Baskerville', serif;
  font-weight: 400;
  font-size: .85em;
  color: #464646;
  line-height: 1.5em;
  background-color: #282828;
  cursor: default; }

.sans {
  font-family: 'Josefin Sans', Arial, Helvetica, sans-serif; }

div, nav, li, ol, img, input, h1, h2, h3, h4, h5, fieldset, form {
  display: block;
  position: relative;
  outline: none; }

.globalLeft {
  float: left; }

.globalRight {
  float: right; }

.clearAll {
  float: none;
  clear: both; }

a, a:hover {
  text-decoration: none; }

a:hover, input[type=button]:hover, input[type=submit]:hover, input[type=image]:hover, input[type=reset]:hover {
  cursor: pointer; }

a img {
  border: 0 none;
  margin: 0;
  padding: 0; }

.thum {
  overflow: hidden !important; }

.thum img, #slideshow img {
  position: relative;
  padding: 0;
  margin: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; }

.transition {
  transition: All .4s ease;
  -webkit-transition: All .4s ease;
  -moz-transition: All .4s ease;
  -o-transition: All .4s ease; }

* {
  outline: none; }

input, select, textarea {
  -webkit-appearance: none; }

/* HEADER ***************************************************************************/
#header {
  background-color: #fff;
  position: relative;
  clear: both;
  height: auto;
  width: 100%;
  z-index: 100;
  top: 0;
  left: 0;
  margin: 0; }
  #header form {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0; }
  @media screen and (min-width: 1025px) {
    #header {
      background-color: rgba(255, 255, 255, 0.75);
      position: absolute;
      clear: none;
      height: 110px; } }

.headerInner {
  text-align: center;
  clear: both;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 1025px) {
    .headerInner {
      text-align: left;
      clear: none; } }

#logo {
  position: relative;
  display: inline-block;
  clear: both;
  margin: 20px auto;
  padding: 0;
  z-index: 100; }
  @media screen and (min-width: 1025px) {
    #logo {
      top: 20px;
      left: 5%;
      margin: 0;
      position: absolute;
      display: block;
      clear: none; } }

#logo a {
  display: block;
  text-indent: -2000em;
  width: 226px;
  height: 71px;
  background: url(../images/logo.png) no-repeat center center;
  margin: 0;
  padding: 0; }

/* Main menu */
#mainMenu {
  position: relative;
  display: block;
  clear: both;
  text-align: center;
  width: 90%;
  margin: 0 5%;
  text-align: center;
  border-bottom: 1px solid #D7D7D7; }
  @media screen and (min-width: 481px) {
    #mainMenu {
      width: 100%;
      margin: 0;
      border: 0 none; } }
  @media screen and (min-width: 1025px) {
    #mainMenu {
      text-align: right;
      position: absolute;
      right: 5%;
      bottom: 0; } }

#mainMenu a {
  white-space: nowrap;
  display: block;
  width: 100%;
  height: auto;
  background-color: transparent;
  color: #183866;
  font-weight: 700;
  padding: 12px 0;
  border-top: 1px solid #D7D7D7; }
  @media screen and (min-width: 481px) {
    #mainMenu a {
      width: auto;
      display: inline-block;
      padding: 5px 0;
      margin: 0 2%;
      border: 0 none; } }
  @media screen and (min-width: 1025px) {
    #mainMenu a {
      height: 34px;
      padding: 0 0 0 1%;
      margin: 0 0 0 2%;
      border-left: 1px rgba(24, 56, 102, 0.5) solid; } }

#mainMenu a:hover {
  color: #00bff3; }

/* Language selector */
#lang {
  position: absolute;
  display: block;
  height: 30px;
  top: 5px;
  right: 5px;
  border: 0;
  background-color: transparent;
  color: #959595;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  width: 45px;
  padding: 0;
  background-image: url(../images/lang.png);
  background-repeat: no-repeat;
  text-indent: -2000em; }
  @media screen and (min-width: 481px) {
    #lang {
      top: 20px;
      text-indent: 0;
      width: auto;
      padding: 0 45px 0 0; } }

#lang.es {
  background-position: right top; }

#lang.en {
  background-position: right bottom; }

/* Banner */
#banner {
  position: relative;
  clear: both;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  background-color: #fff; }
  @media screen and (min-width: 769px) {
    #banner {
      height: 470px;
      overflow: hidden; } }

#banner.aboutus {
  height: 200px; }
  @media screen and (min-width: 481px) {
    #banner.aboutus {
      height: 350px; } }
  @media screen and (min-width: 769px) {
    #banner.aboutus {
      height: 640px; } }

.pageTitle {
  font-family: 'Josefin Sans',  Arial, Helvetica, sans-serif;
  z-index: 100;
  color: #183866;
  font-size: 2.5em;
  line-height: 1em;
  bottom: 22px;
  text-transform: uppercase;
  padding: 80px 0 0 5%; }
  @media screen and (min-width: 481px) {
    .pageTitle {
      font-size: 3.5em; } }
  @media screen and (min-width: 769px) {
    .pageTitle {
      color: #fff;
      font-size: 5em;
      position: absolute;
      margin: 0; } }

.bannerShadow, .bannerMask {
  display: none; }
  @media screen and (min-width: 769px) {
    .bannerShadow, .bannerMask {
      display: block;
      position: absolute;
      width: 100%;
      left: 0; } }

.bannerShadow {
  bottom: 0;
  height: 159px;
  background: url(../images/bannerShadow.png) repeat-x left bottom;
  z-index: 98; }

.bannerMask {
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }

#slideshow {
  display: none; }
  @media screen and (min-width: 769px) {
    #slideshow {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      overflow: hidden;
      background: white url(../images/loading.gif) no-repeat center center; } }

/* FOOTER ***************************************************************************/
#footer {
  width: auto;
  clear: both;
  float: none;
  margin-top: 100px;
  padding: 0 5% 120px 5%;
  font-family: Arial, Helvetica, sans-serif; }
  @media screen and (min-width: 768px) {
    #footer {
      padding: 0 5% 10px 5%; } }

#copyright {
  width: 100%;
  height: auto;
  padding: 100px 0 30px 0;
  margin-bottom: 20px;
  border-bottom: 10px solid #d7d7d7;
  background: url(../images/footerLogo.png) no-repeat center top;
  color: #959595;
  text-transform: uppercase;
  line-height: 1em;
  text-align: center; }
  @media screen and (min-width: 768px) {
    #copyright {
      text-align: left;
      padding: 0 0 30px 0;
      height: 63px; } }

#copyright .first, #copyright .second {
  position: relative;
  display: inline; }
  @media screen and (min-width: 768px) {
    #copyright .first, #copyright .second {
      position: absolute;
      display: block;
      top: 15px;
      left: 50%; } }

@media screen and (min-width: 768px) {
  #copyright .first {
    margin-left: -180px; } }

@media screen and (min-width: 768px) {
  #copyright .second {
    margin-left: 50px; } }

/* Footer menu */
#footerMenu {
  position: relative;
  width: 100%;
  text-align: center;
  z-index: 100; }
  @media screen and (min-width: 768px) {
    #footerMenu {
      position: absolute;
      right: 200px;
      text-align: right; } }

#footerMenu a {
  color: #183866;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 20px;
  white-space: nowrap; }

#footerInfo {
  color: #959595;
  text-align: center; }
  @media screen and (min-width: 768px) {
    #footerInfo {
      text-align: left; } }

#footerInfo b {
  color: #464646; }

/* Social */
#social {
  position: relative;
  display: block;
  z-index: 100;
  width: 100%;
  margin-top: 10px;
  color: #959595;
  text-align: center; }
  @media screen and (min-width: 768px) {
    #social {
      position: absolute;
      right: 200px;
      margin-top: 38px;
      width: auto; } }

#social a {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 5px;
  background-image: url(../images/social.png);
  background-repeat: no-repeat; }

#social .facebook {
  background-position: left top; }

#social .twitter {
  background-position: -16px top; }

#social .linkedin {
  background-position: -32px top; }

#social .gplus {
  background-position: right top; }

/* Developer */
.developer {
  position: absolute;
  display: block;
  left: 50%;
  bottom: 0;
  margin-left: -50px;
  height: 100px;
  color: #959595;
  text-transform: uppercase;
  text-align: center;
  width: 100px;
  line-height: 1.25em; }
  @media screen and (min-width: 768px) {
    .developer {
      border-left: 1px solid #d7d7d7;
      left: auto;
      right: 5%;
      bottom: auto;
      top: 103px;
      padding: 23px 0 0 20px; } }

.developer img {
  display: inline; }

/* TEXTS ****************************************************************************/
.small {
  font-size: .85em; }

h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  line-height: normal; }

h3 {
  font-size: 2em; }
  @media screen and (min-width: 768px) {
    h3 {
      font-size: 2.25em; } }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.25em;
  font-weight: bold; }

p {
  line-height: 1.75em; }

/* COLORS ****************************************************************************/
/*
h3.lightBlue, .lightBlue .normalBtn, .list.tiles.lightBlue, .blockLink.lightBlue, #galleryWall.lightBlue .galleryItem:hover { background-color:#00bff3; }
.list.lightBlue, .tabs.lightBlue li.ui-state-active, .tabs.lightBlue .pane, .lightBlue.staff, .lightBlue.staff .thum, .lightBlue.article,
.lightBlue .controlSet input[type=text]:focus, .lightBlue .controlSet input[type=password]:focus, .lightBlue .controlSet input[type=email]:focus, .lightBlue .controlSet textarea:focus, .lightBlue #cch_txt_search:focus { border-color:#00bff3; }
.lightBlue .controlSet input[type=text]:focus, .lightBlue .controlSet input[type=password]:focus, .lightBlue .controlSet input[type=email]:focus, .lightBlue .controlSet textarea:focus, .lightBlue #cch_txt_search:focus { background-color:#c8f3ff; }
.tabs.lightBlue li, .lightBlue .cch_table, .lightBlue .cch_table td, .lightBlue .cch_calctablecontent, .lightBlue .cch_calctablecontent td { border-color:#00bff3 !important; }
.list.lightBlue a:hover, .lightBlue .news_link:hover, .lightBlue .cch_table a:hover, #cch_calculators.lightBlue a:hover { color:#00bff3 !important; }
.lightBlue .mail { background-image:url(../images/mail_lightBlue.png); }

h3.lightGreen, .lightGreen .normalBtn, .list.tiles.lightGreen, .blockLink.lightGreen, #galleryWall.lightGreen .galleryItem:hover { background-color:#00a99d; }
.list.lightGreen, .tabs.lightGreen li.ui-state-active, .tabs.lightGreen .pane, .lightGreen.staff, .lightGreen.staff .thum, .lightGreen.article,
.lightGreen .controlSet input[type=text]:focus, .lightGreen .controlSet input[type=password]:focus, .lightGreen .controlSet input[type=email]:focus, .lightGreen .controlSet textarea:focus, .lightGreen #cch_txt_search:focus { border-color:#00a99d; }
.lightGreen .controlSet input[type=text]:focus, .lightGreen .controlSet input[type=password]:focus, .lightGreen .controlSet input[type=email]:focus, .lightGreen .controlSet textarea:focus, .lightGreen #cch_txt_search:focus { background-color:#bcf9f5; }
.tabs.lightGreen li, .lightGreen .cch_table, .lightGreen .cch_table td, .lightGreen .cch_calctablecontent, .lightGreen .cch_calctablecontent td { border-color:#00a99d !important; }
.list.lightGreen a:hover, .lightGreen .news_link:hover, .lightGreen .cch_table a:hover, #cch_calculators.lightGreen a:hover { color:#00a99d !important; }
.lightGreen .mail { background-image:url(../images/mail_lightGreen.png); }

h3.lightPurple, .lightPurple .normalBtn, .list.tiles.lightPurple, .blockLink.lightPurple, #galleryWall.lightPurple .galleryItem:hover { background-color:#605ca8; }
.list.lightPurple, .tabs.lightPurple li.ui-state-active, .tabs.lightPurple .pane, .lightPurple.staff, .lightPurple.staff .thum, .lightPurple.article,
.lightPurple .controlSet input[type=text]:focus, .lightPurple .controlSet input[type=password]:focus, .lightPurple .controlSet input[type=email]:focus, .lightPurple .controlSet textarea:focus, .lightPurple #cch_txt_search:focus { border-color:#605ca8; }
.lightPurple .controlSet input[type=text]:focus, .lightPurple .controlSet input[type=password]:focus, .lightPurple .controlSet input[type=email]:focus, .lightPurple .controlSet textarea:focus, .lightPurple #cch_txt_search:focus { background-color:#dedcfd; }
.tabs.lightPurple li, .lightPurple .cch_table, .lightPurple .cch_table td, .lightPurple .cch_calctablecontent, .lightPurple .cch_calctablecontent td { border-color:#605ca8 !important; }
.list.lightPurple a:hover, .lightPurple .news_link:hover, .lightPurple .cch_table a:hover, #cch_calculators.lightPurple a:hover { color:#605ca8 !important; }
.lightPurple .mail { background-image:url(../images/mail_lightPurple.png); }

h3.lightBrown, .lightBrown .normalBtn, .list.tiles.lightBrown, .blockLink.lightBrown, #galleryWall.lightBrown .galleryItem:hover { background-color:#c08126; }
.list.lightBrown, .tabs.lightBrown li.ui-state-active, .tabs.lightBrown .pane, .lightBrown.staff, .lightBrown.staff .thum, .lightBrown.article,
.lightBrown .controlSet input[type=text]:focus, .lightBrown .controlSet input[type=password]:focus, .lightBrown .controlSet input[type=email]:focus, .lightBrown .controlSet textarea:focus, .lightBrown #cch_txt_search:focus { border-color:#c08126; }
.lightBrown .controlSet input[type=text]:focus, .lightBrown .controlSet input[type=password]:focus, .lightBrown .controlSet input[type=email]:focus, .lightBrown .controlSet textarea:focus, .lightBrown #cch_txt_search:focus { background-color:#fbead1; }
.tabs.lightBrown li, .lightBrown .cch_table, .lightBrown .cch_table td, .lightBrown .cch_calctablecontent, .lightBrown .cch_calctablecontent td { border-color:#c08126 !important; }
.list.lightBrown a:hover, .lightBrown .news_link:hover, .lightBrown .cch_table a:hover, #cch_calculators.lightBrown a:hover { color:#c08126 !important; }
.lightBrown .mail { background-image:url(../images/mail_lightBrown.png); }
*/
/* Todos los encabezados de seción Azul Arazoza */
h3.lightBlue, .lightBlue .normalBtn, .list.tiles.lightBlue, .blockLink.lightBlue, #galleryWall.lightBlue .galleryItem:hover,
h3.lightGreen, .lightGreen .normalBtn, .list.tiles.lightGreen, .blockLink.lightGreen, #galleryWall.lightGreen .galleryItem:hover,
h3.lightPurple, .lightPurple .normalBtn, .list.tiles.lightPurple, .blockLink.lightPurple, #galleryWall.lightPurple .galleryItem:hover,
h3.lightBrown, .lightBrown .normalBtn, .list.tiles.lightBrown, .blockLink.lightBrown, #galleryWall.lightBrown .galleryItem:hover {
  background-color: #183866; }

.list.lightBlue, .tabs.lightBlue li.ui-state-active, .tabs.lightBlue .pane, .lightBlue.staff, .lightBlue.staff img, .lightBlue.article,
.lightBlue .controlSet input[type=text]:focus, .lightBlue .controlSet input[type=password]:focus, .lightBlue .controlSet input[type=email]:focus, .lightBlue .controlSet textarea:focus, .lightBlue #cch_txt_search:focus,
.list.lightGreen, .tabs.lightGreen li.ui-state-active, .tabs.lightGreen .pane, .lightGreen.staff, .lightGreen.staff img, .lightGreen.article,
.lightGreen .controlSet input[type=text]:focus, .lightGreen .controlSet input[type=password]:focus, .lightGreen .controlSet input[type=email]:focus, .lightGreen .controlSet textarea:focus, .lightGreen #cch_txt_search:focus,
.list.lightPurple, .tabs.lightPurple li.ui-state-active, .tabs.lightPurple .pane, .lightPurple.staff, .lightPurple.staff img, .lightPurple.article,
.lightPurple .controlSet input[type=text]:focus, .lightPurple .controlSet input[type=password]:focus, .lightPurple .controlSet input[type=email]:focus, .lightPurple .controlSet textarea:focus, .lightPurple #cch_txt_search:focus,
.list.lightBrown, .tabs.lightBrown li.ui-state-active, .tabs.lightBrown .pane, .lightBrown.staff, .lightBrown.staff img, .lightBrown.article,
.lightBrown .controlSet input[type=text]:focus, .lightBrown .controlSet input[type=password]:focus, .lightBrown .controlSet input[type=email]:focus, .lightBrown .controlSet textarea:focus, .lightBrown #cch_txt_search:focus {
  border-color: #183866; }

.lightBlue .controlSet input[type=text]:focus, .lightBlue .controlSet input[type=password]:focus, .lightBlue .controlSet input[type=email]:focus, .lightBlue .controlSet textarea:focus, .lightBlue #cch_txt_search:focus,
.lightGreen .controlSet input[type=text]:focus, .lightGreen .controlSet input[type=password]:focus, .lightGreen .controlSet input[type=email]:focus, .lightGreen .controlSet textarea:focus, .lightGreen #cch_txt_search:focus,
.lightPurple .controlSet input[type=text]:focus, .lightPurple .controlSet input[type=password]:focus, .lightPurple .controlSet input[type=email]:focus, .lightPurple .controlSet textarea:focus, .lightPurple #cch_txt_search:focus,
.lightBrown .controlSet input[type=text]:focus, .lightBrown .controlSet input[type=password]:focus, .lightBrown .controlSet input[type=email]:focus, .lightBrown .controlSet textarea:focus, .lightBrown #cch_txt_search:focus {
  background-color: inherit; }

.tabs.lightBlue li, .lightBlue .cch_table, .lightBlue .cch_table td, .lightBlue .cch_calctablecontent, .lightBlue .cch_calctablecontent td,
.tabs.lightGreen li, .lightGreen .cch_table, .lightGreen .cch_table td, .lightGreen .cch_calctablecontent, .lightGreen .cch_calctablecontent td,
.tabs.lightPurple li, .lightPurple .cch_table, .lightPurple .cch_table td, .lightPurple .cch_calctablecontent, .lightPurple .cch_calctablecontent td,
.tabs.lightBrown li, .lightBrown .cch_table, .lightBrown .cch_table td, .lightBrown .cch_calctablecontent, .lightBrown .cch_calctablecontent td {
  border-color: #183866; }

.list.lightBlue a:hover, .lightBlue .news_link:hover, .lightBlue .cch_table a:hover, #cch_calculators.lightBlue a:hover,
.list.lightGreen a:hover, .lightGreen .news_link:hover, .lightGreen .cch_table a:hover, #cch_calculators.lightGreen a:hover,
.list.lightPurple a:hover, .lightPurple .news_link:hover, .lightPurple .cch_table a:hover, #cch_calculators.lightPurple a:hover,
.list.lightBrown a:hover, .lightBrown .news_link:hover, .lightBrown .cch_table a:hover, #cch_calculators.lightBrown a:hover {
  color: #00bff3 !important; }

/*
div.lightBrown { background-color:#c08126; }
div.lightPurple { background-color:#605ca8; }
div.darkGray { background-color:#464442; }
*/
div.darkBlue, .blockLink.darkBlue {
  background-color: #183866; }

/* CONTENT **************************************************************************/
#content {
  width: 100%;
  background-color: #fff;
  left: 0;
  margin: 0; }

#inner {
  width: auto;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0 5% 50px 5%; }

#inner a {
  font-size: 1.15em;
  color: #183866; }

#inner a.small {
  font-size: .85em;
  color: #183866; }

.blockTitle {
  font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
  width: auto;
  height: 50px;
  line-height: 45px;
  padding-top: 10px;
  text-transform: uppercase;
  color: #fff;
  padding-left: 8px;
  margin-bottom: 20px; }
  @media screen and (max-width: 769px) {
    .blockTitle {
      height: auto;
      min-height: 50px;
      line-height: 1em;
      padding: 10px 80px 10px 10px; } }

.roundBtn, .ui-dialog-titlebar-close {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../images/buttons.png);
  background-repeat: no-repeat;
  z-index: 10; }

.roundBtn {
  top: 20px;
  right: 10px; }

.normalBtn {
  width: auto;
  height: 30px;
  padding: 15px 60px 15px 10px;
  line-height: 30px;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff !important; }

.normalBtn .roundBtn {
  top: 9px; }

.roundBtn.arrowDown, #accordion h3 .roundBtn {
  background-position: left top; }

.roundBtn.arrowUp, #accordion h3.ui-state-active .roundBtn {
  background-position: -30px top; }

.roundBtn.viewMore {
  background-position: -60px top; }

.roundBtn.back {
  background-position: -90px top; }

.roundBtn.forward {
  background-position: -120px top; }

.roundBtn.close, .ui-dialog-titlebar-close {
  background-position: -150px top; }

.roundBtn.arrowDown:hover, #accordion h3:hover .roundBtn, #accordion h3 .roundBtn:hover {
  background-position: left bottom; }

.roundBtn.arrowUp:hover, .normalBtn:hover .roundBtn.arrowUp, #accordion h3.ui-state-active:hover .roundBtn, #accordion h3.ui-state-active .roundBtn:hover {
  background-position: -30px bottom; }

.roundBtn.viewMore:hover, .tiles a:hover .roundBtn.viewMore {
  background-position: -60px bottom; }

.roundBtn.back:hover {
  background-position: -90px bottom; }

.roundBtn.forward:hover {
  background-position: -120px bottom; }

.roundBtn.close:hover, .ui-dialog-titlebar-close:hover {
  background-position: -150px bottom; }

.list {
  border-left-width: 10px;
  border-left-style: solid;
  padding-left: 10px;
  margin-bottom: 20px; }

.list.tiles {
  float: left;
  border: none;
  padding: 0 0 10px 0;
  margin: 20px 3% 0 0;
  width: 47%; }
  @media screen and (max-width: 768px) {
    .list.tiles {
      width: 100%;
      margin-right: 0; } }

.list.tiles a {
  display: block;
  color: #fff !important;
  padding: 0;
  font-weight: bold; }

.list.tiles a:hover {
  color: #fff !important; }

.list.tiles a .text {
  display: block;
  padding: 0 43px 0 10px;
  height: 30px;
  line-height: 28px;
  overflow: hidden; }

.list.tiles .roundBtn {
  top: auto;
  bottom: 10px; }

.list.tiles .thum {
  display: block;
  width: 100%;
  height: 130px;
  background: white url(../images/loading.gif) no-repeat center center;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.25);
  margin: 0 0 10px 0; }

.article {
  border-top-width: 10px;
  border-top-style: solid;
  margin-bottom: 50px;
  padding-top: 10px; }

.article img {
  width: 100%;
  max-width: 100%;
  margin: -10px 0 20px 0; }

/* Newsletter y Blog */
#newsletter, #blog {
  position: absolute;
  float: left;
  height: 60px;
  width: 100%;
  z-index: 100;
  color: #fff !important;
  text-transform: uppercase;
  font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 60px; }

#newsletter {
  margin-top: -140px;
  text-indent: 10px;
  background-color: #c08126; }

#blog {
  margin-top: -80px;
  margin-left: 0;
  text-indent: 60px;
  background-image: url(../images/blog.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  background-color: #464442; }

@media screen and (max-width: 768px) {
  #newsletter, #blog {
    position: relative;
    display: block;
    float: none;
    margin: 0 0 20px 0;
    clear: both; } }

/* Client portal y Corporate profile */
#clientPortal, #cp, #cn, #gallery, #founder {
  height: 130px;
  margin-bottom: 20px;
  background-repeat: no-repeat;
  background-position: left top; }

#cn, #gallery {
  height: 85px; }

#cn {
  background: #c08126 url(../images/cn.png) no-repeat right top; }

#gallery {
  background: #00a99d url(../images/gallery.png) no-repeat right center; }

#cn a, #gallery a {
  font-size: 1em; }

#clientPortal {
  background-color: #183866;
  background-image: url(../images/portal2.png); }

#cp {
  background-color: #605ca8;
  background-image: url(../images/ccCover2.png); }

#founder {
  background-color: #947b5c;
  background-image: url(../images/founderBtn2.jpg); }

#cp .pdf, #clientPortal a {
  position: absolute;
  display: block;
  width: auto;
  margin-left: 10px;
  bottom: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; }

#cp .pdf {
  font-size: .85em;
  color: #00bff3; }

.pdf {
  line-height: 1.25em;
  display: block;
  height: 32px;
  padding-left: 32px;
  background: url(../images/pdf.png) no-repeat left top; }

#cp .pdf:hover {
  color: #fff; }

#clientPortal a {
  color: #fff;
  border: 2px #fff solid;
  padding: 5px 10px; }

#clientPortal a:hover {
  color: #605ca8;
  background-color: #fff; }

#clientPortal h4, #cp h4, #cn h4, #gallery h4, #founder h4 {
  display: block;
  width: auto;
  color: #fff;
  font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  margin-left: 10px;
  padding-top: 20px;
  line-height: 1em; }

/* Block links */
.blockLink {
  float: left;
  height: 60px;
  width: 100%;
  z-index: 100;
  color: #fff !important;
  text-transform: uppercase;
  font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 55px; }

/* Columnas */
.col2, .col3, .col4, .col35, .col5, .col7 {
  float: left;
  margin-right: 2%; }

.col1 {
  float: left;
  margin: 0;
  width: 10%; }

.col2 .col1 {
  width: 50%; }
  @media screen and (max-width: 768px) {
    .col2 .col1 {
      float: none;
      clear: both;
      width: 100%;
      margin-right: 0; } }

.col2 {
  width: 20%; }

.col3 {
  width: 31.5%; }

.col35 {
  width: 46%;
  margin-right: 4%; }

.col4 {
  width: 42.5%; }

.col5 {
  width: 53.5%; }

.col7 {
  width: 75.5%; }

.col7 .col2 {
  width: 30%; }
  @media screen and (max-width: 768px) {
    .col7 .col2 {
      float: none;
      clear: both;
      width: 100%;
      margin-right: 0; } }

.col7 .col5 {
  width: 67%; }
  @media screen and (max-width: 768px) {
    .col7 .col5 {
      float: none;
      clear: both;
      width: 100%;
      margin-right: 0; } }

.aside {
  float: right !important; }
  @media screen and (max-width: 768px) {
    .aside {
      display: block;
      float: none;
      clear: both;
      width: 100%;
      margin: 0;
      padding-top: 20px; } }

.last {
  margin: 0 !important; }

.col2 img, .col3 img, .col35 img, .col4 img, .col35 img, .col5 img, .col7 img {
  max-width: 100%; }
@media screen and (max-width: 768px) {
  .col2, .col3, .col35, .col4, .col35, .col5, .col7 {
    float: none;
    clear: both;
    width: 100%;
    margin-right: 0; } }

/* Acordiones
#accordion h3 {
	margin-bottom:2px;
	cursor:pointer;
} */
/* Pestañas */
.tabs ul {
  display: block;
  list-style: none;
  list-style-image: none;
  margin: -20px 0 0 0;
  padding: 0;
  z-index: 100; }

.tabs li {
  display: block;
  border: 0 none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 0;
  padding: 10px 0;
  border-color: transparent; }

.tabs li.ui-state-active {
  background-color: #fff;
  border-right-width: 0; }

.tabs li:first-child {
  border-top-width: 0; }

.tabs li .list {
  margin: 0; }

.tabs .pane {
  margin: 0;
  border: 0 none;
  padding: 0;
  margin-left: 0; }
  @media screen and (min-width: 769px) {
    .tabs .pane {
      margin: -20px 0 0 0;
      border-left-width: 1px;
      border-left-style: solid;
      padding: 0 0 10px 3%;
      margin-left: -1px; } }

.tabs .pane img {
  width: 100%;
  margin-bottom: 30px; }

/* Staff */
.staff {
  min-height: 100px;
  border: 0;
  padding-left: 0;
  border: 0;
  border-top-width: 1px;
  border-top-style: solid; }

.staff span {
  display: block; }

.staff .position {
  padding-bottom: 10px; }

.staff .thum {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100px;
  max-height: 100px;
  margin: 0 10px 0 0;
  border-left-width: 10px;
  border-left-style: solid; }

.staff .thum img {
  position: relative;
  top: 0;
  left: 0;
  width: 100px;
  margin: 0; }

.staff .det {
  padding-left: 120px;
  margin-top: 10px; }

a.mail, a.smallPdf {
  display: inline-block;
  height: 18px;
  padding-left: 28px;
  background-position: left center;
  background-repeat: no-repeat;
  margin-top: 8px;
  margin-right: 10px; }

a.smallPdf {
  background-image: url(../images/smallPdf.png); }

img.large {
  width: 100%;
  height: auto; }

/* FORMS ***********************************************/
form {
  margin: 0;
  padding: 0; }

.controlSet {
  border: none;
  padding: 0;
  margin: 0 0 20px 0; }

.controlSet label {
  display: block;
  padding-bottom: 8px;
  font-weight: bold; }

.controlSet input[type=text], .controlSet input[type=password], .controlSet input[type=email], .controlSet textarea,
.controlSet .control, #cch_txt_search {
  border: 1px solid #d7d7d7;
  background-color: #ededed;
  padding: 10px;
  font-family: 'Libre Baskerville', serif;
  font-weight: normal;
  color: #959595;
  font-size: 1em;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  resize: none; }

.controlSet input[type=text]:focus, .controlSet input[type=password]:focus, .controlSet textarea:focus, #cch_txt_search:focus {
  border-width: 1px;
  border-style: solid; }

.controlSet input[type=submit], .controlSet input[type=reset], #search_IRS input[type=button] {
  border-width: 2px;
  border-style: solid;
  padding: 7px 10px;
  width: 100px;
  font-size: 1.15em;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: #fff; }

.controlSet input[type=submit], #search_IRS input[value=Go] {
  border-color: #35812a;
  color: #35812a;
  text-transform: uppercase; }

.controlSet input[type=reset], #search_IRS input[value=Reset] {
  border-color: #bc0000;
  color: #bc0000; }

.controlSet input[type=submit]:hover, #search_IRS input[value=Go]:hover {
  background-color: #35812a;
  color: #fff; }

.controlSet input[type=reset]:hover, #search_IRS input[value=Reset]:hover {
  background-color: #bc0000;
  color: #fff; }

.controlSet .control {
  margin-top: 0; }

.controlSet .control li, .controlSet .control label, .controlSet .control input[type=radio] {
  display: inline; }

.controlSet .control label {
  padding-right: 20px;
  font-weight: normal; }

.map {
  margin-top: -20px; }

/* NEWSLETTER ***************************************************/
.ui-dialog {
  display: none; }

#subscription {
  z-index: 9999;
  background: white url(../images/subscription.jpg) no-repeat center top;
  padding: 245px 20px 1px 20px;
  	/*-webkit-border-radius:2px;
  	-moz-border-radius:2px;
  	border-radius:2px;
      -moz-box-shadow:0 0 60px #000000;
      -webkit-box-shadow:0 0 60px #000000;
      box-shadow:0 0 60px #000000;*/ }

#subscription h3 {
  color: #fff;
  margin: -85px 0 40px 0;
  font-family: 'Josefin Sans', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1em; }

#subscription input[type=submit] {
  width: 150px; }

#subscription .close {
  top: 20px;
  right: 20px;
  margin: 0; }

#subscription .ui-dialog-titlebar {
  display: none; }

.ui-widget-overlay {
  background-color: rgba(192, 129, 38, 0.75); }

/* GALLERY ***************************************************************************/
#galleryWall {
  width: 102%; }

#galleryWall .galleryItem {
  position: relative;
  display: inline-block;
  width: 22.6%;
  margin: 0 1% 2% -1%;
  padding: 1% 1% 50px 1%; }
  @media screen and (max-width: 768px) {
    #galleryWall .galleryItem {
      width: 45%;
      margin: 0 2% 2% -2%;
      padding: 1% 2% 50px 2%; } }
  @media screen and (max-width: 480px) {
    #galleryWall .galleryItem {
      width: 98%;
      margin: 0 0 2% -3%;
      padding: 1% 3% 50px 3%; } }

#galleryWall .galleryItem .thum {
  position: relative;
  display: block;
  width: auto;
  height: 170px;
  margin: 5% 0 0 0;
  padding: 0;
  background: white url(../images/loading.gif) no-repeat center center;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.25);
  overflow: hidden; }

#galleryWall .galleryItem img {
  position: relative;
  display: block;
  width: 100%; }

#galleryWall .galleryItem span {
  position: absolute;
  display: block;
  font-size: .85em;
  bottom: 10px;
  height: 40px;
  overflow: hidden; }

#galleryWall .galleryItem:hover span {
  color: #fff; }

#galleryPrev, #galleryNext {
  position: absolute;
  top: 0;
  display: block;
  width: 50%;
  height: 100%; }

#galleryPrev {
  left: 0;
  padding-left: 45px;
  margin-left: -45px; }

#galleryNext {
  right: 0;
  padding-right: 45px;
  margin-right: -45px; }

#galleryPrev span, #galleryNext span {
  top: 50%;
  margin-top: -15px; }

#galleryPrev span {
  left: 0; }

#galleryNext span {
  right: 0; }

/* DIALOG ****************************************************************************/
.ui-dialog {
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  padding: 10px;
  width: auto;
  -moz-box-shadow: 0 0 60px #000000;
  -webkit-box-shadow: 0 0 60px #000000;
  box-shadow: 0 0 60px #000000; }

.ui-widget-overlay {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9990;
  overflow: hidden; }

.ui-dialog-titlebar {
  padding-bottom: 10px; }

#galleryOverlay {
  display: block;
  margin: 0;
  padding: 0; }

.ui-dialog-titlebar-close {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: 0 none;
  text-indent: -2000em;
  background-color: transparent;
  margin: -10px -45px 0 0; }

/* CCH STYLES ************************************************************************/
.cch_econtent_news_synopsis, .cch_econtent_news_content, .cch_econtent_tax_content, .cch_calctablecontent, .cch_table td {
  font-size: .85em; }

.verMas, .verMenos {
  padding-left: 5px; }

.verMenos, .restOfDesc {
  display: none; }

.cchEcontentCss li {
  display: list-item; }

.news_link, .cch_table .header, .cch_table a {
  font-size: 1.15em;
  color: #183866; }

.cch_table, #search_IRS, .cch_calctablecontent {
  display: block;
  border: 0 none; }

.cch_table, #search_IRS {
  margin-top: 20px; }

.cch_table, .cch_calctablecontent {
  border-top-style: solid;
  border-top-width: 10px;
  border-collapse: collapse; }

.cch_table td, #search_IRS td, .cch_calctablecontent td {
  vertical-align: top;
  border: 0 none; }

.cch_table td, .cch_calctablecontent td, .cch_calctablecontent {
  padding: 8px 20px 6px 0; }

.cch_table td, .cch_calctablecontent td {
  border-bottom-width: 1px;
  border-bottom-style: dotted; }

hr {
  display: none; }

#search_IRS input[type=button] {
  float: left;
  margin: 10px 20px 10px 0; }

@media only screen and (min-width: 1181px) {
  /* GENERAL ***************************************************************************/
  .headerInner, #inner, #footer, .pageTitle {
    width: 1080px;
    left: 50%;
    margin-left: -540px; }

  #inner {
    width: 1100px; }

  #inner, .pageTitle {
    padding: 0; }

  #footer {
    padding: 0 0 10px 0; }

  .developer {
    right: 0; }

  #footerMenu, #social {
    right: 145px; }

  /* HEADER **************************************************************************/
  #logo {
    left: 0; }

  #mainMenu, #lang {
    right: 0; }

  /* CONTENT **************************************************************************/
  .col2, .col3, .col4, .col5, .col7 {
    margin-right: 20px; }

  .col1 {
    width: 120px; }

  .col2, .col7 .col2 {
    width: 240px; }

  .col3 {
    width: 340px; }

  .col4 {
    width: 460px; }

  .col5, .col7 .col5 {
    width: 560px; }

  .col7 {
    width: 820px; }

  /* Newsletter y Blog */
  #newsletter, #blog {
    width: 50%;
    margin-top: -80px; }

  #newsletter {
    text-indent: 0;
    text-align: center; }

  #blog {
    margin-left: 50%; }

  /* Client portal y Corporate profile */
  #clientPortal {
    background-image: url(../images/portal.png); }

  #cp {
    background-image: url(../images/ccCover.png); }

  #founder {
    background-image: url(../images/founderBtn.jpg); }

  #cp .pdf {
    width: 50%; }

  #cp .pdf, #clientPortal a {
    margin-left: 45%; }

  #clientPortal h4, #cp h4, #founder h4 {
    width: 50%;
    margin-left: 45%; }

  /* Pestañas */
  .tabs .pane {
    padding-left: 20px; } }
@media only screen and (min-width: 1501px) {
  /* CONTENT **************************************************************************/
  #header, #content, #banner {
    width: 1500px;
    left: 50%;
    margin-left: -750px; } }