/*
 * Faret Web Site Styles
 */

/* GENERAL RULES */

html, body {
    width: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #444444;
    background-color: #F7F7F7;
    -webkit-font-smoothing: subpixel-antialiased;
}

/* Headers */

h1,h2,h3,h4 {
    margin-bottom: 5px;
}

h1 {
    font-weight: 700;
    font-size: 48px;
}

h2 {
    font-weight: 400;
    font-size: 30px;
}

h3 {
    font-weight: 400;
    font-size: 15px;
}

h4 {
    font-weight: 400;
    font-size: 24px;
}

h5, .h5 {
    font-weight: 400;
    font-size: 21px;
}

h6 {
    font-weight: 400;
    font-size: 18px;
}

/* Text */

p {
    margin: 10px 0;
}

.t2 {
    font-size: 16px;
}

.t3 {
    font-size: 21px;
}

h5.t3 {
    font-weight: 300;
}

.t4 {
    font-size: 18px;
    font-weight: 400;
}

.t5 {
    font-size: 15px;
}

.text-white {
    color: #FFFFFF;
}

.text-blue {
    color: #0084C0;
}

.text-red {
    color: #EA1C24;
}

/* Loading overlay */

.loading-overlay {
    display: none;
    z-index: 100000;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
}

.loading-overlay p {
    text-align: center;
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 700;
    position: relative;
    top: 40%;
}

/* Links, lists and other elements */

a:not(.btn), a:not(.btn):focus, a:not(.btn):visited, a:not(.btn):hover {
    color: #444444;
    text-decoration: underline;
}

a.btn-danger {
    color: #FFFFFF;
}

a.no-underline, a.no-underline:focus, a.no-underline:visited {
    text-decoration: none;
}

a.no-underline:hover {
    text-decoration: underline;
}

a.btn, a.btn:hover {
    text-decoration: none
}

a.text-red:hover {
    color: #EA1C24;
}

a.image-lightbox.fluidbox-closed {
    cursor: zoom-in;
}

a.image-lightbox.fluidbox-opened {
    cursor: zoom-out;
}

ul {
    padding-left: 0;
    margin: 0;
}

img {
    max-height: 100%;
    max-width: 100%;
}

/* Section selectors */

div#wrapper {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 100%;
}

div.section-wrapper {
    width: 100%;
}

div.sub-wrapper {
    background-color: transparent;
    padding: 15px 0;
}

div.sub-wrapper.client-header {
    padding: 0;
}

div.sub-wrapper.grey {
    background-color: #E9E9EA;
}

div.sub-wrapper.dark-grey {
    background-color: #9A9A9B;
}

div.sub-wrapper.light-grey {
    background-color: #EEEFEF;
}

div.sub-wrapper.blue {
    background-color: #0088C0;
}

div.sub-wrapper.white {
    background-color: #FFFFFF;
}

div.bottom-border {
    border-bottom: 1px solid #333333;
}

div.row {
    margin: 10px 0;
}

div.row.imagesvstext>div {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin-right: -4px;
}

div.float-anchor {
    float: none;
    clear: both;
    width: 100%;
    height: 10px;
}

span.float-anchor {
    float: none;
    clear: both;
}

div#content-wrapper img.marquee {
    margin: 20px 0;
    border: 10px solid #FFFFFF;
}

/* Images, buttons and special elements */

img.faret_text {
    vertical-align: baseline;
}

.btn-primary {
    background-color: #0084C0;
}

.btn-dark-grey {
    color: #FFFFFF;
}

.btn-grey {
    background-color: #F7F7F7;
    color: #9A9A9B;
}

.btn-primary.btn-blue-bg, .btn-dark-grey.btn-dark-grey-bg {
    border-color: #FFFFFF;
}

.btn-grey.btn-grey-bg {
    border-color: #9A9A9B;
}

.btn-sm {
    font-weight: 300;
    border-radius: 12px;
}

/* Over Header Alerts */

div#alert-wrapper div.alert {
    margin-bottom: 0;
}

/* Header */

nav.navbar {
    border: none;
    padding-top: 8px;
}

div#header-wrapper {
    background-color: #FFFFFF;
}

button.navbar-toggle {
    margin-top: 20px;
}

div#header-wrapper a {
    text-decoration: none;
}

div#header-nav ul#navbar-list {
    float: right;
    padding: 0;
    margin: 15px 0;
    list-style: none;
}

div#header-nav ul#navbar-list li.navbar-item {
    float: left;
}

div#header-nav>ul#navbar-list>li.navbar-item>a {
    font-size: 18px;
    font-weight: 400;
    padding: 8px 12px;
    color: #0088C0;
    border-radius: 5px;
}

div#header-nav>ul#navbar-list>li.navbar-item:hover>a.dropdown-link {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

div#header-nav>ul#navbar-list>li.navbar-item.active>a, div#header-nav>ul#navbar-list>li.navbar-item:hover>a {
    background-color: #0088C0;
    color: #FFFFFF;
}

div#header-nav ul#navbar-list li.navbar-item a:hover {
    text-decoration: none;
}

div#header-nav ul#navbar-list li.navbar-item.nav-login>a, div#header-nav ul#navbar-list li.navbar-item.nav-login>a:hover {
    background-color: #BB1E2D;
    color: #FFFFFF;
}

div#header-nav ul#navbar-list li.navbar-item ul.dropdown-menu {
    margin-top: -1px;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: rgba(255, 255, 255, 0.96);
    box-shadow: none;
}

div#header-nav ul#navbar-list li.nav-login ul.dropdown-menu {
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
}

div#header-nav ul#navbar-list li.nav-login ul.dropdown-menu li a.dropdown-item span.glyphicon {
    margin-right: 5px;
}

div#header-nav ul#navbar-list li.navbar-item ul.dropdown-menu li {
    margin: 0;
    padding: 0;
}

div#header-nav ul#navbar-list li.navbar-item ul.dropdown-menu li:first-child a {
    border-top-right-radius: 5px;
}

div#header-nav ul#navbar-list li.nav-login ul.dropdown-menu li:first-child a {
    border-top-right-radius: 0;
    border-top-left-radius: 5px;
}

div#header-nav ul#navbar-list li.navbar-item ul.dropdown-menu li:first-child a:hover {
    padding: 9px 9px 10px 9px;
    border-top: 1px solid #0088C0;
}

div#header-nav ul#navbar-list li.navbar-item ul.dropdown-menu li:last-child a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

div#header-nav ul#navbar-list li.navbar-item ul.dropdown-menu li a {
    font-weight: 300;
    font-size: 16px;
    color: #0088C0;
    padding: 10px;
}

div#header-nav ul#navbar-list li.navbar-item ul.dropdown-menu li a:hover {
    background-color: #0088C0;
    padding: 10px 9px;
    color: #FFFFFF;
    border-left: 1px solid #0088C0;
    border-right: 1px solid #0088C0;
}

div#header-nav div.popover {
    margin-top: 15px;
    margin-right: 70px;
    left: -152px !important;
}

div#header-nav div.popover div.arrow {
    left: 213px !important;
}

div#header-nav div#login-popover-data {
    display: none;
}

div#header-nav div.popover-content {
    width: 250px;
}

div#header-nav div.popover-content div#login-popover-left {
    float: left;
}

div#header-nav div.popover-content div#login-popover-left ul {
    list-style: none;
    padding: 0;
    margin:0;
}

div#header-nav div.popover-content div#login-popover-left ul li {
    text-align: left;
    margin: 0;
}

div#header-nav div.popover-content div#login-popover-left ul li a {
    font-size: 12px;
    color: #444444;
    background-color: #FFFFFF;
}

div#header-nav div.popover-content div#login-popover-right {
    float: right;
    text-align: right;
    padding-top: 8px;
}

div#header-nav form#navbar-searchbox {
    margin-top: 0;
    padding-left: 5px;
}

div#header-nav form#navbar-searchbox input {
    width: 150px;
    padding: 10px 0 10px 40px;
    height: 41px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: none;
    font-weight: normal;
    background-color: #F7F7F7;
}

div#header-nav form#navbar-searchbox i {
    top: -2px;
}

/* Login multiple clients selector */
div.multiple-clients-selection div.modal-header {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #2F9CC9;
    color: #FFFFFF;
}
div.multiple-clients-selection div.row.alt-client {
    margin: 0;
}

div.multiple-clients-selection div.row.active-client {
    color: #FFFFFF;
    background-color: #3FA9F5;
}

/* Login popover borders hack */

div#header-nav .popover {
    border-color: #ccc;
}

div#header-nav .popover.bottom>.arrow {
    border-bottom-color: #ccc;
}

/* Client header */

div.client-header select#client_addresses_select {
    width: 100%;
    white-space: pre;
    text-overflow: ellipsis;
}

/* Slider */

div#layerslider {
    width: 100%;
    height: 360px;
    position: relative;
}

div#layerslider img {
    max-width: 1920px !important;
    max-height: 360px !important;
}

/* Searchbox */

div.container div#searchbox {
    height: 82px;
    margin: -15px 0;
    padding: 18px 0;
}

div.container div#searchbox button#search_submit span.glyphicon {
    margin-right: 5px;
}

/* Static Left Nav Pages */

div.floating-nav ul {
    list-style: none;
}

div.floating-nav>ul.nav-container>li>a {
    width: 255px;
    margin: 0;
    padding: 10px 5px;
    background-color: #FFFFFF;
    border-left: 1px solid #C4C5C7;
    border-right: 1px solid #C4C5C7;
    border-top: 1px solid #C4C5C7;
    white-space: nowrap;
    display: block;
    text-decoration: none;
}

div.floating-nav>ul.nav-container>li>a:hover, div.floating-nav>ul.nav-container>li>a.active-link {
    background-color: #0088C0;
    color: #FFFFFF;
    border-color: #C4C5C7;
}

div.floating-nav>ul.nav-container>li:first-child>a {
    border-radius: 5px 5px 0 0;
}

div.floating-nav>ul.nav-container>li:last-child>a {
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #C4C5C7;
}

div.floating-nav.affix {
    top: 60px;
}

div.floating-nav.affix-bottom {
    position: absolute;
}

div.static-nav-header {
    float: left;
    height: 265px;
    background-repeat: no-repeat;
    background-position: center center;
    color: #FFFFFF;
    padding-left: 30px;
    margin-bottom: 20px;
}

div.static-nav-header h2 {
    margin-top: 10px;
}

/* Contact Form */

div#contact-wrapper {
    background-color: #FFFFFF;
}

div#contact-form button#contact-button-toggle {
    margin: 20px 0;
}

div#contact-form div.contact-on>p, div#contact-form div.contact-toggler>p {
    color: #838383;
}

div.contact-on {
    display: none;
}

form#contact-form label {
    font-weight: 600;
}

form#contact-form textarea {
    height: 100px;
}

form#contact-form input#submit_button {
    width:100%;
}

div#form-container div#form-message {
    margin-top: 20px;
}

/* Breadcrumbs in between, signs */

.breadcrumb>li+li:before {
    content: "\003e";
}

.breadcrumb li {
    font-size: 14px;
    font-weight: bold;
}

/* Footer */

div#footer-wrapper p, div#footer-wrapper .f1 {
    font-size: 16px;
    font-weight: 700;
}

div#footer-wrapper .f2 {
    font-size: 15px;
    font-weight: 300;
}

div#footer-wrapper .f3 {
    font-size: 14px;
    font-weight: 400;
}

div#footer-wrapper {
    width:  100%;
    bottom: 0;
    height: 227px;
}

div#footer-wrapper div.row {
    margin: 0;
}

div#footer-wrapper p, div#footer-wrapper li {
    font-size: 14px;
}

div#footer-wrapper li {
    margin: 0;
}

div#footer-wrapper h4 {
    font-weight: bold;
    font-size: 16px;
}

div#footer-wrapper a {
    color: #838383;
}

div#footer-breadcrumbs-wrapper, div#footer-breadcrumbs-wrapper * {
    background-color: #EEEFEF;
}

div#footer-breadcrumbs-wrapper div.container {
    border-bottom: 1px solid #999;
}

div#footer-breadcrumbs-wrapper ol#breadcrumbs-list {
    margin-bottom: 10px;
    margin-top: 10px;
}

div#footer-top-wrapper {
    background-color: #EEEFEF;
    padding: 10px 0;
    color: #838383;
}

div#footer-top-wrapper ul {
    padding: 0;
    list-style: none;
}

div#footer-top-wrapper h4 {
    color: #444444;
}

div#footer-bottom-wrapper {
    background-color: #D4D4D4;
    height: 75px;
}

div#footer-bottom-wrapper img {
    margin-top: 20px;
}

div#footer-bottom-wrapper p {
    margin-top: 35px;
}

/* HOME */

div#home-content div#content div.home_link_wrapper p {
    text-align: center;
}

div#home-content div#content a.home_link div {
    width: 121px;
    height: 121px;
    background-size: 121px 121px;
    margin: 0 auto;
}

div#home-content div#content a.home_link#home_productos div {
    background-image: url('/img/icon-producto-hover.png');
}

div#home-content div#content div.home_link_wrapper:hover a.home_link#home_productos div img {
    display: none;
}

div#home-content div#content div.home_link_wrapper:hover p a {
    text-decoration: underline;
}

div#home-content div#content a.home_link#home_puntos div {
    background-image: url('/img/icon-puntos-hover.png');
}

div#home-content div#content div.home_link_wrapper:hover a.home_link#home_puntos div img {
    display: none;
}

div#home-content div#content a.home_link#home_distribuidores div {
    background-image: url('/img/icon-venta-hover.png');
}

div#home-content div#content div.home_link_wrapper:hover a.home_link#home_distribuidores div img {
    display: none;
}

div#home-content div#content a.home_link#home_registro div {
    background-image: url('/img/icon-registro-hover.png');
}

div#home-content div#content div.home_link_wrapper:hover a.home_link#home_registro div img {
    display: none;
}

/* PUNTOS Page */

div#puntos-header div.static-nav-header {
    background-image: url('/img/banner_puntos.png');
    background-size: 847px 265px;
}

div#puntos-header div.static-nav-header h1 {
    margin-top: 70px;
}

div.puntos-list div.row {
    margin-bottom: 50px;
}

div.puntos-circle {
    height: 65px;
    border-radius: 32px;
}

div.puntos-circle-red {
    background-color: #F6002C;
}

div.puntos-circle-blue {
    background-color: #00AEE9;
}

div.puntos-circle-black {
    background-color: #333333;
}

div.puntos-circle p {
    line-height: 65px;
}

/* PRODUCTOS Page */

div#productos-header div.static-nav-header {
    background-image: url('/img/banner_productos.png');
    background-size: 847px 265px;
}

div#productos-header div.static-nav-header h1 {
    margin-top: 40px;
}

/* PRODUCTOS - BALATA CERAMICA Page */

div.overflow-div-image {
    overflow-x: visible;
}

div.overflow-div-right img {
    float: right;
}

div.overflow-div-left img {
    float: left;
}

div.overflow-div-image img {
    max-width: none;
    max-height: none;
}

table.balatas-table td {
    padding: 5px 10px;
}

table.balatas-table {
    border: 1px solid #C4C4C4;
    margin-left: auto;
    margin-right: auto;
}

table.balatas-table thead td {
    background-color: #C1C2C1;
    text-align: right;
    font-weight: bold;
    border-bottom: 1px solid #616161;
}

table.balatas-table tbody td {
    text-align: right;
    background-color: #EEEFEF;
    border: 1px solid #C8C8C8;
}

table.balatas-table tbody td.row-lead {
    background-color: #DCDCDC;
    font-weight: bold;
    border-right: 1px solid #616161;
}

/* BUSCADOR Page */

.search-title-border {
    padding-bottom: 15px;
    border-bottom: 1px solid #58595B;
}

form#buscador-form h5.buscador-header {
    width: 100%;
    padding: 7px 7px 2px 7px;
    background-color: #0088C0;
    color: #FFF;
}

div.mobile-search-component {
    display: none;
}

/* RESULTADOS BUSQUEDA Page */

div.result-table-header h5 {
    color: #FFFFFF;
    padding: 5px 0;
    background-color: #0088C0;
}

div.results-item {
    margin-bottom: 0;
}

div.results-item>div {
    height: 100px;
}

div.results-item p.reference {
    margin-top: 35px;
}

div.results-item p.reference a {
	display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.48);
    margin-bottom: -1px;
    transition: border-bottom .5s;
    transition-timing-function: linear;
}

div.results-item p.reference a:hover {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.89);
    margin-bottom: -1px;;
}

div.results-item img.result_image {
    max-width: 50%;
    max-height: 75px;
    margin-top: 10px;
    float: left;
}

div.results-item img.result_image.only_image {
    max-width: 100%;
    float: none;
}

div.results-item p.position, div.product-detail p.position {
    margin-top: 31px;
}

div.results-item input.qty_input, div.product-detail input.qty_input {
    margin-top: 35px;
}

div.results-item p.price_text , div.product-detail p.price_text{
    margin-top: 38px;
}

div.results-item .btn-pedir, div.product-detail .btn-pedir {
    margin-top: 27px;
}

div.pad_type_button {
    width: 43px;
    height: 42px;
    margin-top: 29px;
    margin-left: 15px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
}

div.pad_type_button.pad_type_active.pad_type_client {
    cursor: pointer;
}

div.pad_type_button.pad_type_1 {
    margin-left: 0;
}

div.pad_type_button.pad_type_active.pad_type_1 {
    background-image: url('/img/boton_hib.gif');
}

div.pad_type_button.pad_type_active.pad_type_1.pad_type_selected, div.pad_type_button.pad_type_active.pad_type_1:hover {
    background-image: url('/img/boton_hib_sel.gif');
}

div.pad_type_button.pad_type_active.pad_type_2 {
    background-image: url('/img/boton_ce.gif');
}

div.pad_type_button.pad_type_active.pad_type_2.pad_type_selected, div.pad_type_button.pad_type_active.pad_type_2:hover {
    background-image: url('/img/boton_ce_sel.gif');
}

div.pad_type_button.pad_type_active.pad_type_3 {
    background-image: url('/img/boton_hq.gif');
}

div.pad_type_button.pad_type_active.pad_type_3.pad_type_selected, div.pad_type_button.pad_type_active.pad_type_3:hover {
    background-image: url('/img/boton_hq_sel.gif');
}

div.results-item p.disk_type {
    margin-top: 38px;
}

div.applications-container-pad, div.applications-container-disk, div.applications-container-drum-pad {
    display: none;
}

div.applications-link-pad, div.applications-link-disk, div.applications-link-drum-pad {
    margin-top: 0;
    margin-bottom: 0;
}

div.applications-link-pad>div, div.applications-link-disk>div, div.applications-link-drum-pad>div {
    background-color: #F4F4F4;
    }

div.applications-container-pad, div.applications-container-disk, div.applications-container-drum-pad {
    margin-top: 0;
}

div.applications-container-pad>div, div.applications-container-disk>div, div.applications-container-drum-pad>div {
    background-color: #F4F4F4;
}

div.applications-container-pad p, div.applications-container-disk p, div.applications-container-drum-pad p {
    margin: 0;
}

/* PRODUCT DETAIL Page */

div.product-detail p.disk_type {
    margin-top: 38px;
}

h2.detail-image-title, h2.detail-applications-title, h2.detail-equivalences-title {
    clear: both;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    background-color: #E9E9EA;
    text-align: center;
}

div.detail-image {
    margin-top: 10px;
    text-align: center;
}

div.detail-image p.detail-image-photo {
    margin-bottom: 30px;
}

div.detail-content span.data-label {
    float: left;
}

div.detail-content span.data-value {
    float: right;
}

div.detail-image-data h5.detail-data-item {
    text-align: right;
    height: 60px;
    padding: 20px 5px;
    margin: 0;
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: center;
    background-color: transparent;
}

div.detail-image-data h5.detail-data-item.odd {
    background-color: #F8F8F8;
}

div.detail-image-data h5.detail-data-height {
    background-image: url('/img/bal_altura.gif');
    background-size: 56px 40px;
}

div.detail-image-data h5.detail-data-width {
    background-image: url('/img/bal_largo.gif');
    background-size: 67px 38px;
}

div.detail-image-data h5.detail-data-thick {
    background-image: url('/img/bal_grosor.gif');
    background-size: 75px 41px;
}

div.detail-image-data h5.detail-data-drum-width {
    background-image: url('/img/tam-ancho.gif');
    background-size: 50px 50px;
}

div.detail-image-data h5.detail-data-drum-diameter {
    background-image: url('/img/tam-diametro.gif');
    background-size: 50px 50px;
}

ul.applications-list, ul.equivalences-list {
    list-style: none;
}

ul.applications-list li, ul.equivalences-list li {
    width: 100%;
    padding: 5px;
    margin: 0;
    background-color: transparent;
}

ul.equivalences-list li {
    clear: both;
}

ul.applications-list li.odd, ul.equivalences-list li.odd {
    background-color: #F8F8F8
}

ul.equivalences-list li p {
    margin: 0;
}

ul.equivalences-list li p span {
    display: block;
}

/* TIPS Page */

div#tips-header div.static-nav-header {
    background-image: url('/img/banner_tips.png');
    background-size: 845px 265px;
}

div#tips-header div.static-nav-header h1 {
    margin-top: 120px;
}

div.tips-row-images {
    margin-bottom: 0;
}

div.tips-row-texts {
    margin-top: 0;
}

div.tips-row-images div.tip-icon {
    background-position: center center;
    background-repeat: no-repeat;
}

div.tips-row-images div.tip-icon:hover img {
    display: none;
}

div.tips-row-images div#tip-icon-1 {
    height: 52px;
    background-image: url('/img/tip1-hover.gif');
    background-size: 70px 52px;
}

div.tips-row-images div#tip-icon-2 {
    height: 50px;
    background-image: url('/img/tip2-hover.gif');
    background-size: 61px 50px;
}

div.tips-row-images div#tip-icon-3 {
    height: 61px;
    background-image: url('/img/tip3-hover.gif');
    background-size: 91px 61px;
}

div.tips-row-images div#tip-icon-4 {
    height: 57px;
    background-image: url('/img/tip4-hover.gif');
    background-size: 76px 57px;
}

div.tips-row-images div#tip-icon-5 {
    height: 72px;
    background-image: url('/img/tip5-hover.gif');
    background-size: 89px 72px;
}

div.tips-row-images div#tip-icon-6 {
    height: 62px;
    background-image: url('/img/tip6-hover.gif');
    background-size: 73px 62px;
}

div.tips-row-images div#tip-icon-7 {
    height: 56px;
    background-image: url('/img/tip7-hover.gif');
    background-size: 89px 56px;
}

div.tips-row-images div#tip-icon-8 {
    height: 58px;
    background-image: url('/img/tip8-hover.gif');
    background-size: 73px 58px;
}

ul.faq-list li {
    list-style: none;
    padding-left: 15px;
    background-position: left 8px;
    background-repeat: no-repeat;
    cursor: pointer;
}

ul.faq-list li.faq-closed {
    background-image: url('/img/faq_arrow.gif');
    background-size: 12px 10px;
}

ul.faq-list li.faq-open {
    background-image: url('/img/faq_arrow_down.gif');
    background-size: 10px 12px;
}

ul.faq-list li p.faq-a {
    display: none;
}

/* NOSOTROS Page */

div#nosotros-header div.static-nav-header {
    background-image: url('/img/banner_nosotros.png');
    background-size: 845px 265px;
}

div#nosotros-header div.static-nav-header h1 {
    margin-top: 120px;
}

/* CLIENT PAGES */

/* Client sub-navigation */
ul.client-subnav {
    list-style: none;
}

ul.client-subnav li a, ul.client-subnav li a:hover {
    text-decoration: none;
    padding-bottom: 5px;
}

ul.client-subnav li.active a, ul.client-subnav li:hover a {
    color: #0088C0;
    border-bottom: 1px solid #38AAFA;
}

/* Autocomplete stuff */
div.autocomplete-row {
    margin-top: 25px;
    border-bottom: 1px solid #C4C5C7;
}

div.autocomplete-group span.glyphicon {
    line-height: 1.2;
}

input.autocomplete-input, input.autocomplete-qty {
    padding: 10px 0 10px 10px;
    border-radius: 5px;
    font-size: 16px;
    box-shadow: none;
    font-weight: normal;
    background-color: #F7F7F7;
}

.autocomplete-suggestions {
    border-right: 1px solid #999999;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #FFFFFF;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    overflow: hidden;
}

.autocomplete-selected {
    background-color: #0088C0;
    color: #FFFFFF;
}

form.autocomplete_order_form button.btn-pedir {
    background-color: transparent;
    border: none;
}

/* Cart file upload */
div.excel-upload {
    margin-top: 15px;
    border-bottom: 1px solid #C4C5C7;
}

div.excel-upload button.btn-upload {
    background-color: transparent;
    border: none;
}

div.file-fail-table div.row {
    margin: 0;
}

div.file-fail-table div.row p {
    margin: 5px 0;
}

/* Cart table */
div.cart-items-table, div.documents-table {
    min-height: 380px;
}

div.row.cart-titles, div.documents-table div.documents-table-header {
    margin-top: 10px;
}

div.row.cart-titles>div.title, div.documents-table div.documents-table-header>div.title {
    min-height: 35px;
    background-color: #0088C0;
    color: #FFFFFF;
    font-weight: 500;
}

div.cart-item-row, div.cart-items div.row.cart-titles, div.documents-table div.row.documents-table-header {
    margin: 0;
}

div.cart-item-row p, div.cart-items div.row.cart-titles p {
    margin: 5px 0;
}

div.cart-item-row input.cart-qty-input {
    font-size: 14px;
    font-weight: bold;
}

div.cart-item-row span.glyphicon-remove {
    margin-top: 3px;
    color: #FF0000;
}

div.cart-items-table div.row>div {
    min-height: 37px;
}

div.cart-items-table div.cart-item-row.even>div {
    background-color: #EEEFEF;
}

div.cart-items-table div.delete-cart-button {
    margin-top: 25px;
}

/* Suggestions tables page */
div.suggestions-group div.suggestion-item:first-child {
    padding-top: 0;
}

div.suggestions-group div.suggestion-item:last-child {
    border-bottom: none;
    padding-bottom: 30px;
}

div.suggestion-item {
    padding-top: 30px;
    padding-bottom: 20px;
}

div.row.suggestion-titles {
    margin-top: 10px;
}

div.row.suggestion-titles>div.title {
    min-height: 35px;
    background-color: #0088C0;
    color: #FFFFFF;
    font-weight: 500;
}

div.row.suggestion-missing-titles>div.title {
    min-height: 35px;
    background-color: #D9534F;
    color: #FFFFFF;
    font-weight: 500;
}

div.row.suggestion-missing-titles>div.title>p {
    margin: 5px 0;
}

div.suggestion-item-row, div.suggestion-item div.row.suggestion-titles {
    margin: 0;
}

div.suggestion-item-row p, div.suggestion-item div.row.suggestion-titles p {
    margin: 5px 0;
}

div.suggestion-item-row input.suggestion-qty-input {
    font-size: 14px;
    font-weight: bold;
}

div.suggestion-items-table div.row>div {
    min-height: 37px;
}

div.suggestion-items-table div.suggestion-item-row.even>div {
    background-color: #EEEFEF;
}

input#suggestions_submit_button {
    border: none;
    background-color: transparent;
    color: #FFF;
}

/* Cart affix side data */

div.cart-items div#cart-side-nav div.affix {
    top: 10px;
}

div.cart-items div#cart-side-nav div.affix-bottom {
    position: relative;
}

div.cart-items div#cart-side-nav ul {
    list-style: none;
    border: 1px solid #C4C5C7;
    border-radius: 5px;
    width: 253px;
}

div.cart-items div#cart-side-nav ul li {
    border-top: 1px solid #C4C5C7;
    margin: 0;
}

div.cart-items div#cart-side-nav ul li:last-child, div.cart-items div#cart-side-nav ul li:first-child {
    border-top: none;
}

div.cart-items div#cart-side-nav ul li p {
    margin: 0;
    padding: 5px;
}

div.cart-items div#cart-side-nav ul li#continue-button {
    background-color: #00A351;
    padding: 5px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

div.cart-items div#cart-side-nav ul li#continue-button a {
    color: #FFFFFF;
    text-decoration: none;
}

/* Cart order review and confirmation */

div.order-info div.info-headers div.title {
    background-color: #555555;
    font-weight: 500;
}

div.order-info div.info-headers div.title p {
    color: #FFFFFF;
    margin: 5px 0;
}

a#display-order-button .blue {
    color: #0088C0;
}

div.confirmation-cart-items-table {
    display: none;
}

/* Purchase History */
.container.documents-table div.popover {
    max-width: 100%;
    width: 2000px;
    opacity: 0.95;
}

/* Account Status Page */

div.documents-table div.documents-table-header div.title p {
    margin: 5px 0;
}

div.documents-table div.row.even-row, div.documents-table div.row.odd-row {
    margin: 0;
}

div.documents-table div.row.even-row>div {
    background-color: #EEEFEF;
}

div.documents-table div.row.main-document>div {
    border-top: 1px solid #909295;
}

div.documents-table div.row.main-document:first-child>div {
    border: none;
}

div.mobile-document-container span.glyphicon {
    margin-left: 15px;
}

div.mobile-document-container {
    padding: 5px;
}

div.mobile-document-container.odd-row {
    background-color: #EEEFEF;
}