/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Generalidades  */
@media (min-width:801px) {


body {
    margin-top: 50px;
}

a:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

a
{
    text-decoration: none;
}


ul li {
    list-style: none;
}

.logo {
    z-index: 10000000000000;
    height: 51px;
    position: fixed;
    left: 0px;
    top: 0px;
    background-color: white;
    padding-top: 0px;
    max-width: 100%;
}
.table {
  width: 100%;

    -webkit-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
}

.contenedor_titulo_pagina {
    height: 65px;
    width: auto;
    background: #f6b53b;
    padding: 6px;
    text-align: center;
    font-size: 40px;
    color: #fff;
}

.sub_contenedor_titulo_pagina {
    height: 55px;
    width: auto;
    background: #f6b53b;
    padding: 7px;
    text-align: center;
    font-size: 30px;
    color: #fff;
}

    .sub_contenedor_titulo_pagina:hover {
        background: #E75926;
    }

.contenedor_titulo_pagina_partida {
    height: 120px;
    width: auto;
    background: #f6b53b;
    padding: 30px;
    text-align: center;
    font-size: 40px;
    color: #fff;
}

.contenedor {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
}

.contenedor_titulo_cotizacion {
    margin-top:-5px;
    height: 20px;
    width: auto;
    background: #f6b53b;
    padding: 5px;
    text-align: center;
    font-size: 18px;
    color: #fff;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Login  */
.cabecera_login {
    width: 98.2%;
    height: 5%;
    text-align: center;
    font-size: 32px;
    padding: 15px;
}

.contenedor_login {
    width: 60%;
    margin: 40px auto;
    height: 85%;
}

.contenedor_datos_login {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.contenedor_clientes_actualizar {
    text-decoration:none;
    height: 120px;
    width: 100%;
    padding:10px;
    color: #fff;
    background:#b02e00;
    text-align:center;
}

    .contenedor_clientes_actualizar:hover {
        cursor: pointer;
    }


.contenedorcentral {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 81px;
}

.contenedor_formulario_empresa {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.contenedor_productos {
    width: 100px;
    max-width: 100%;
    text-align: center;
}

.contenedor_principal {
    margin-left: 20px;
    padding-top: 3.5%;
    margin-right: 20px;
}

.contenedor_principal_cotizaciones {
    margin-top:10px;
    margin-left: 10px;
    margin-right: 10px;
}

.contenedor_cotizacion {
    width: 20%;
    max-width: 100%;
}

.contenedor_pedidos {
    padding-top: 60px;
}

.contenedor_tabla_cotizacion {
    margin-left: 5%;
    margin-right: 5%;
}

.contenedor_agregar_producto {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.contenedor_envios {
    padding-top: 10px;
}

.contenedor_cotizaciones {
margin-top:191px;
}
.contenedor_general_numeros_parte {
        -webkit-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 13px -1px rgba(0,0,0,0.75);
}

.contenedor_numero_parte {
    width: 95%;
    height: 85%;
    text-align: center;

}

.encabezado_cotizacion {
    position: fixed;
    background-color: #f4f4f4;
    z-index: 100000;
    left: 0;
    right: 0;
    top: 50px;
}

.columnas_articulo {
    border: solid 2px #9dbbbd;
    display: inline-block;
    margin: 5px;
    width: 350px;
    height: 85px;
    margin-left: 5px;
    margin: 10px;
    font-size: 15px;
    text-align: center;

    -webkit-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
    border-radius: 3px 3px 6px 6px;
}

.columnas_articulo:hover {
    -webkit-box-shadow: 0px 0px 16px 4px rgba(12,85,92,1);
    -moz-box-shadow: 0px 0px 16px 4px rgba(12,85,92,1);
    box-shadow: 0px 0px 16px 4px rgba(12,85,92,1);
}

.columnas_imagenes {
    border: solid 2px #9dbbbd;
    display: inline-block;
    margin: 5px;
    width: 350px;
    margin-left: 5px;
    margin: 10px;
    font-size: 15px;
    text-align: center;
}

.contenedor_numero_parte {
    width:100%;
    min-height:70px;
    border-bottom:solid 1px #0C555C;
}

.tabla_numeros_parte {
    width: 95%;
    margin:auto;
    height:55px;

}

.nombre_encabezado {
    background: #0C555C;
    text-align: center;
    color: #FFF;
    width: 60px;

}

.nombre_encabezado_imagenes {

    text-align: center;
    color: #000;
    text-align:right;
    width: 150px;
}

.columnas_articulo_imagenes {
    display: inline-block;
    margin: 5px;
    width: 95%;
    min-height: 450px;
    margin-left: 5px;
    margin: 10px;
    margin-bottom:10px;
    font-size: 15px;
    text-align: center;
    font-family:Proxima Nova,-apple-system,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;

    -webkit-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 16px -4px rgba(0,0,0,0.75);
    border-radius: 3px 3px 6px 6px;
}


.texto_encabezado_parte {
    font-weight: bold;
    font-size: 12px;
}

.centrar_elementos > a {
    color: #fff;
}

    .centrar_elementos > a:hover {
        color: #000;
    }

/* - -  - - - - - - - Cajas de Texto - - - - - - - - - - - */
.caja_general {
    height: 28px;
    text-align: left;
    color: #000;
    padding: 5px;
    font-size: 15px;
    width: 100%;
}

.feedback-dropdown {
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
    border-radius: 0;
    line-height: 5px;
    padding: 7px 0px 7px 5px;
    margin-bottom: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid rgba(0,0,0,0);
}

    .feedback-dropdown:disabled {
        background-color: #D7D8D8;
    }

    .feedback-dropdown:focus {
        border: 2px solid rgba(245,167,12,1);
    }

    .feedback-dropdown:enabled {
        webkit-box-shadow: 0px 0px 8px 1px rgba(245,167,12,1);
        -moz-box-shadow: 0px 0px 8px 1px rgba(245,167,12,1);
        box-shadow: 0px 0px 8px 1px rgba(245,167,12,1);
    }

.feedback-input {
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    border-radius: 0;
    padding: 10px;
    margin-bottom: 10px;
    width: 60%;
    border: 3px solid rgba(0,0,0,0);
    border-bottom:2px solid rgba(245,167,12,1);
}

    .feedback-input:disabled {
        background-color: #D7D8D8;
    }

    .feedback-input:focus {
        border: 2px solid rgba(245,167,12,1);
    }


.textbox_registro_clientes {
    color: #000;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 18px;
    border-radius: 0;
    padding: 10px;
    margin-bottom: 10px;
    width: 60%;
    border: 3px solid rgba(0,0,0,0);
    border-bottom:2px solid rgba(245,167,12,1);
}

    .textbox_registro_clientes:focus {
        border: 2px solid rgba(245,167,12,1);
    }

/* - - - - - - - - - - - - - Botones - - - - - - - - - - - - */
.boton {
    background: #0C555C;
    color: white;
    padding: 7px 5px;
    margin: 12px 0;
    border: none;
    border-radius: 4px;
    font-weight: bold;
}

    .boton:hover, .boton:active, .boton::selection {
        background: rgb(109,153,157);
        color: #000;
    }

    .boton:disabled {
    background:#bababa;
    }

/* - - - - - - - - - - - - - Texto - - - - - - - - - - - - - */
.texto_titulos {
    font-size: 24px;
}

.textos_login {
    font-size: 20px;
    font-weight: normal;
}

.texto {
    font-size: 18px;
    font-weight: bold;
}

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

.texto_q {
    font-size: 23px;
    font-weight: bold;
}

.texto_w {
    font-size: 16px;
    font-weight: normal;
}

    .texto_w:hover {
        cursor: pointer;
    }

.texto_q:hover {
    cursor: pointer;
}

.texto_c {
    font-size: 20px;
    font-weight: bold;
}

.texto_b {
    font-size: 16px;
}

.texto_productos_header {
    font-size: 24px;
    font-weight: bold;
}

.Agregar_productos_proveedor {
    font-size: 18px;
}

/* - - - - - - - - - - - - - - - */
.centrar_elementos {
    text-align: center;
}

.centrar_captcha {
    width:300px;
    left:auto;
    right:auto;

   text-align:center;
   margin-left:40%;
}

.imagen_producto_web {
    height: 250px;
    width:250px;
    margin-top:10px;
}

.flotar_imagen {
    bottom: -2px;
    position: fixed;
    right: 50%;
    z-index: 10000;
    float: right;
    margin-top: 0;
    margin-right: -550px;
    margin-bottom: 5px;
    margin-left: 0px;
}



/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Cabecera - Sitio Web  */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Default - Sitio Web  */


.titulo_marcas {
    color: #25373D;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    font-size: 37px;
    text-align: center;
    margin-top: 30px;
}

.contenedor_marcas {
    width: 90%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 55px;
    margin-left: auto;
    margin-right: auto;
}


.contenedor_marca {
    font-size: 25px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    display: inline-block;
    width: 200px;
    min-height: 40px;
    margin-left: 15px;
    text-align: center;
    border-bottom: 2px solid #0F6177;
    margin: 10px;
}

.contenedor_marca:hover {
    border-color: #0aad0a;
}


.marca {
    text-decoration: none;
    padding-bottom: 10px;
    color: #000;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Quienes Somos - Sitio Web  */
.logo_quienes_somos {
    width: 500px;
    margin-left: auto;
    margin: 20px 0px 20px 30%;
}

.texto_quienes_somos {
    width: 90%;
    font-size: 35px;
    margin-top: 20px;
    margin-bottom: 80px;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Productos  */

.contenedor_galeria_productos {
    text-align: center;
}

.galeria_productos {
    display: inline-block;
    width: 250px;
    margin: 5px;
}

    .galeria_productos .imagen_producto_galeria {
        width: 100%;
    }

    .galeria_productos .nombre_producto_galeria {
        padding: 15px;
        text-align: center;
        background: #0C555C;
        color: #fff;
    }

        .galeria_productos .nombre_producto_galeria:hover {
            background: #f6b53b;
            color: #fff;
        }

    .imagen_producto_galeria {
        width: 95%;
        height: 95%;
    }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Partida  */

.titulo_detalle_partida {
    font-family: "Montserrat",sans-serif;
    font-size:20px;
    color: #878787 ;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Sub  Productos  */


.galeria_productos_detalle {
    display: inline-block;
    width: 400px;
    margin: 5px;
}

.nombre_galeria_productos_detalle {
    height: 60px;
    padding: 10px;
    font-size: 28px;
    border-left: 3px solid #D7D8D8;
}

.imagen_producto_galeria_detalle {
    width: 250px;
    height: 250px;
}

    .imagen_producto_galeria_detalle:hover {
    }

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Pie - Sitio Web  */

.contenedor_pie_pagina {
    min-height: 350px;
    background: #0C555C;
    color: #fff;
}



.datos_localizacion {
    float: right;
    font-size: 20px;
    margin-right: 8%;
    margin-top: 30px;
}

.pie_sub_menu {
    text-decoration: none;
    float: right;
    font-size: 20px;
    margin-right: 8%;
    margin-top: 20px;
    width: 90%;
    text-align: center;
    font-size: 16px;
}

    .pie_sub_menu ul li {
        display: inline-block;
        margin-left: 15px;
    }

        .pie_sub_menu ul li a {
            text-decoration: none;
            color: #fff;
        }



.contenedor_redes_sociales {
    float: left;
    margin-top: 30px;
    margin-left: 10%;
}


    .contenedor_redes_sociales .icon-facebook {
        background: url('../imagenes/redes-sociales/facebook.png') no-repeat 0% 0%;
        width: 48px;
        height: 48px;
        display: inline-block;
    }

        .contenedor_redes_sociales .icon-facebook:hover {
            background: url('../imagenes/redes-sociales/facebook-hover.png') no-repeat 0% 0%;
            width: 48px;
            height: 48px;
            display: inline-block;
        }

    .contenedor_redes_sociales .icon-twitter {
        background: url('../imagenes/redes-sociales/twitter.png') no-repeat 0% 0%;
        width: 48px;
        height: 48px;
        display: inline-block;
    }

        .contenedor_redes_sociales .icon-twitter:hover {
            background: url('../imagenes/redes-sociales/twitter-hover.png') no-repeat 0% 0%;
            width: 48px;
            height: 48px;
            display: inline-block;
        }

    .contenedor_redes_sociales .icon-youtube {
        background: url('../imagenes/redes-sociales/youtube.png') no-repeat 0% 0%;
        width: 48px;
        height: 48px;
        display: inline-block;
    }

        .contenedor_redes_sociales .icon-youtube:hover {
            background: url('../imagenes/redes-sociales/youtube-hover.png') no-repeat 0% 0%;
            width: 48px;
            height: 48px;
            display: inline-block;
        }

    .contenedor_redes_sociales .icon-google-plus {
        background: url('../imagenes/redes-sociales/google-plus.png') no-repeat 0% 0%;
        width: 48px;
        height: 48px;
        display: inline-block;
    }

        .contenedor_redes_sociales .icon-google-plus:hover {
            background: url('../imagenes/redes-sociales/google-plus-hover.png') no-repeat 0% 0%;
            width: 48px;
            height: 48px;
            display: inline-block;
        }


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Cambios del Bootstrap  */

/* BOOTSTRAP */

.thead-inverse th {
    color: #fff;
    background-color: #0C555C;
}

fieldset {
    padding: 0.35em 0.625em 0.75em;
    margin: 0 2px;
}

legend {
    padding: 0;
    font-size: 20px;
    border-bottom: 2px solid #D2D7D3;
}



@media (min-width: 900px) {
    .container > .navbar-header,
    .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 70px;
        float:right;
    }
}

.navbar-inverse {
    background-color: #0C555C;
    border-color: #080808;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 0px;
    margin-top: 0;
    margin-bottom: 0;
}

.col-sm-10 {
    position: relative;
    min-height: 10px;
    padding-right: 20px;
    padding-left: 50px;
}

@media (min-width: 801px) {
    .contenedorcentral {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 81px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .contenedor_login {
        width: 100%;
        height: 85%;
        text-align:center;
    }

    .cabecera_login {
        width: 98.2%;
        height: 15%;
        text-align: center;
        font-size: 32px;
        padding: 15px;
    }

    .aviso_contenido {
        float:left;
        text-align: center;
        margin-left: 4%;
        margin-right: auto;
        width: 90%;
        text-align: center;
        color: rgb(204, 204, 204);
    }

}



.Contenedor_carrousel {
    max-width: 100%;
}

.carousel-imagen{
    max-width: 100%;
}

@media (max-width: 950px) {
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        display: block;
        height: 380px;
        max-width: 100%;
        text-align: center;
    }
}

.contenedor_confirmacion {
    border-top: 3px solid black;
    padding-top: 25px;
    margin-left: 10px;
}

.ayuda {
    cursor:help;
}

.ayuda:hover .mostrar_imagen {
    display: block;
}

.mostrar_imagen {
    position: fixed;
    bottom: 40%;
    left: 40%;
    display: none;
    height: 30%;
    z-index: 10000;
}

.conteneror_registro {
    margin-left: 15%;
    margin-right: 15%;
    margin-bottom: 1%;
    margin-top: 2%;
}



.mensaje {
    top:20px;
    margin-bottom:10px;
    font-size:20px;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Cambios  Pagina Web  */

.contenedor_numeros_parte {
    text-align:center;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Cambios  Panel Proveedores  */

.grafica_doble {
    width:48%;
    display:inline-block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.estilo_grafica {
width:95%;

}

.contenedor_imagen {
    float:left;
    width:13%;

}

.contenedor_datos {
    float:right;
    min-width:300px;
    width:85%;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@         Cambios  Panel Clientes  */

.titulo_ventana {
    margin-top:60px;
    text-align:center;
    font-size:25px;
}
}