/* =Reset CSS (v2.0) http://meyerweb.com/eric/tools/css/reset/

-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  border: 0;

  font-size: 100%;

  font: inherit;

  margin: 0;

  padding: 0;

  vertical-align: baseline;

}



body {

  -moz-font-smoothing: antialiased;

  -webkit-font-smoothing: antialiased;

  background: #efefef;

  color: #555555;

  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;;

  font-size: 14px;

  font-smoothing: antialiased;

  line-height: 1.5em;

  text-rendering: optimizeLegibility;

}



html {

  height: 100%;

}



 

header {      

    display: block;

    padding: 0;

    background: #fff;

}

#contenedor{

    margin: 0 auto;

    width: 100%;

    max-width: 1280px;

    background: #fff;

}

#logo img{

    float: left;

    max-width: 100%;

    height: auto;

    padding: 10px;

}

#telefono{

    float: right;

    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;

    font-size: 4.5em;

    color: #569AD9;

    font-weight: lighter;

    max-width: 100%;

    height: auto;

    padding: 50px;

}

#head{

    height: 120px;

}

#telefono ul {

list-style-type:none;

margin: 0;

}

#telefono li {

padding-left: 50px;

padding-top: 20px;

/*background: url("../img/llamanos.png") left no-repeat;*/

}

.contenidoA{

    text-align: center;

}

/* =Headings

-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {

  font-weight: 700;

  line-height: 1.0em;

  word-wrap: break-word;

}



h1 {

  font-size: 2.625em; /* = 42px */

  margin-bottom: .5em;

  margin-top: .5em;

}



h2 {

  font-size: 2.250em; /* = 36px */

  margin-bottom: .75em;

  margin-top: .75em;

}



h3 {

    font-family: "Eras ITC", "Eras Medium ITC",  sans-serif ;

    font-size: 1.875em; /* = 30px */

    font-weight: 600;

    margin-bottom: .857em;

    margin-top: .857em;

}



h4 {

  font-size: 1.500em; /* = 24px */

  margin-bottom: 1em;

  margin-top: 1em;

}



h5 {

  font-size: 1.125em; /* = 18px */

  margin-bottom: 1.125em;

  margin-top: 1.125em;

}



h6 {

  font-size: 1.000em; /* = 16px */

  margin-bottom: 1.285em;

  margin-top: 1.285em;

}



.contenidoC{

    width: 100%;

    max-width: 1280px;

    padding-left: 2.5%;

    text-align: justify;

}

.contenidoC h2{

    font-size: 1.8em;

    color: #5A9BD5;

    font-weight: bold;

}

.contenidoC img{

    margin-left: 2%;

    border-radius: 15px 15px 15px 15px;

    -moz-border-radius: 15px 15px 15px 15px;

    -webkit-border-radius: 15px 15px 15px 15px;

}

.contenidoC ul{

    margin: 0;

    padding: 0;

    list-style: none;

}

.contenidoC li{

    display: block;

    float: left;

    width: 23%;

    padding-left: 1.6%;

}



#titulos {

    padding-bottom: 23px;

    border-bottom: 1px dotted #cacaca;

    width: 100%;

    max-width: 1280px;

    float: left;

    clear: both;

}

#titulos h1 {

    color: #666666;

    font-size: 23px;

    padding-left: 10px;

}

#titulos span {

    color: #559CD2;

}



.izquierda{

    padding-top: 25px;

    width: 100%;

    max-width: 270px;

    float: left;

}

.izquierda h3{

    width: 100%;

    max-width: 231px;

    font-size: 1.3em;

    text-align: center;

    float: left;

    background: #579BD8;

    color: #fff;

    padding: 5px 0 5px 0;

    margin: 0 10px 0 10px;

}



#slider-impresoras{

    width: 100%;

    max-width: 230px;

    margin: 0 20px 40px 10px;

    height: 260px;

    border: 1px solid #579BD8;

}

#slider-impresoras img{

    display: none;

}

#slider-impresoras img:nth-child(1){

    display: block;

}

#slider-impresoras-r{

    width: 100%;

    max-width: 230px;

    margin: 0 0px 40px 26px;

    height: 260px;

    border: 1px solid #579BD8;

}

#slider-impresoras-r img{

    display: none;

}

#slider-impresoras-r img:nth-child(1){

    display: block;

}

.grid-marcas{

    height: 234px;

    margin-left: 12px;

    margin-bottom: 40px;

}

.grid-marcas li{

    float: left;

    margin: 2px 2px 4px 2px;

    height: 70px;



}

.grid-marcas img{

    border: 1px solid #e5e5e5;

}





.derecha{

    padding-top: 25px;

    width: 100%;

    max-width: 270px;

    float: left;

}

.derecha h3{

    width: 100%;

    max-width: 231px;

    font-size: 1.3em;

    text-align: center;

    float: left;

    background: #579BD8;

    color: #fff;

    padding: 5px 0 5px 0;

    margin: 0 10px 0 26px;

}

#imagenes-l{

    width: 100%;

    max-width: 230px;

    margin: 0 0 40px 12px;

    height: auto;

    text-align: center;

    color: #5A9AD8;

    font-weight: bold;

    /*border: 1px solid #579BD8;*/

}

#imagenes-l img{

    width: 100%;

    max-width: 230px;

    /*margin: 0 0px 40px 26px;

    height: 230px;*/

    /*border: 1px solid #579BD8;*/

}

#imagenes-r{

    width: 100%;

    max-width: 230px;

    margin: 0 0px 40px 26px;

    height: auto;

    text-align: center;

    color: #5A9AD8;

    font-weight: bold;

    /*border: 1px solid #579BD8;*/

}

#imagenes-r img{

    width: 100%;

    max-width: 230px;

    /*margin: 0 0px 40px 26px;

    height: 230px;*/

    /*border: 1px solid #579BD8;*/

}



.centro{

    padding-top: 25px;

    width: 100%;

    max-width: 740px;

    float: left;

}

.centro ul{

    margin: 0;

    padding: 0;

    list-style: none;

}

.centro li{

    display: block;

    float: left;

    width: 100%;

    max-width: 350px;

    padding-left: 10px;

    padding-right: 10px;

    padding-bottom: 50px;

}

.title-product h3{

    font-family: Arial, Helvetica, sans-serif;

    font-size: 19px;

    font-weight: bold;

    color: #579BD8;

    padding: 0;

    margin: 0;

}

.title-product-li {

    text-align: justify;

}

.title-product a{

    text-decoration: none;

    color: #666666;

    padding: 0;

    margin: 0;

}

.title-caracteristicas {

    font-size: 12px;

    padding-top: 0;

    padding-bottom: 0;

}

.detalle-producto {

    margin-top: 18px;

    width: 150px;

    height: 135px;

    float: left;

    color: #666666;

}

.detalle-producto p{

    font-weight: bold;

}

ul {

    list-style: none;

}

.li-product {

    line-height: 15px;

    overflow: hidden;

    height: 85px;

    width: 145px;

}

.li-product li {

    background: url('images/bullet-cuadrado.png') 0px 5px no-repeat;

    padding-left: 8px;

    font-size: 11px;

    width: 100%;

    max-width: 140px;

}

.mas-info-btn {

    float: left;

    padding-right: 6px;

    height: 20px;

    width: 67px;

    text-indent: -9999px;

    display: block;

    background: url('../img/boton-ver-mas.png') no-repeat;

}

.imagen-producto{

    float: right;

    width: 100%;

    max-width: 192px;

    height: 127px;

    border: 2px solid #dbdbdb;  

    margin-top: 18px;

    position: relative;

    text-align: center;

}



.contenidoD{

    width: 100%;

    max-width: 1280px;

    padding-left: 2.5%;

    text-align: justify;

}

.contenidoD h2{

    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;

    font-size: 1.8em;

    color: #5A9BD5;

    font-weight: bold;

}

.contenidoD img{

    margin-left: 2%;

    border-radius: 15px 15px 15px 15px;

    -moz-border-radius: 15px 15px 15px 15px;

    -webkit-border-radius: 15px 15px 15px 15px;

}

.contenidoD ul{

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.contenidoD li{

    display: block;

    float: left;

    width: 48%;

    padding-left: 1.6%;

}



.contenidoB{

    width: 100%;

    max-width: 1280px;

    height:auto;

}

.contenidoB ul{

    margin: 0;

    padding: 0;

    list-style: none;

}

.contenidoB li{

    display: block;

    float: left;

    width: 100%;

    max-width: 300px;

    padding: 10px;

    background: #fff;

}

.nosotros{

    display: block;

    float: left;

    width: 100%;

}

.mision{

    display: block;

    float: left;

    width: 45.8%;

    border-radius: 15px 15px 15px 15px;

    -moz-border-radius: 15px 15px 15px 15px;

    -webkit-border-radius: 15px 15px 15px 15px;

    border: 1px solid #3895B9;

    margin-right: 4%;

    margin-bottom: 3%;

    padding: 1%;

}

.vision{

    display: block;

    float: left;

    width: 45.8%;

    border-radius: 15px 15px 15px 15px;

    -moz-border-radius: 15px 15px 15px 15px;

    -webkit-border-radius: 15px 15px 15px 15px;

    border: 1px solid #3895B9;

    margin-bottom: 3%;

    padding: 1%;

}

.widget-wrapper {

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    background-color: #f9f9f9;

    border: 1px solid #e5e5e5;

    border-radius: 4px;

    margin: 0 0 20px;

    padding: 20px;

}

.widget-title-home h3{

    display: block;

    font-size: 24px;

    font-weight: 700;

    color: #579BD8;

    line-height: 23px;

    margin: 0;

    padding: 0 0 20px 0;

    text-align: center;

}

.textwidget{

    display: block;

    line-height: 1.5em;

    margin: 0;

    word-wrap: break-word;

}

.textwidget a {

    display: inline-block;

    margin: 0;

    padding: 0;

    text-decoration: none;

    color: #0066cc;

    font-weight: 400;

}

.textwidget a:hover, a:focus, a:active {

    color: #444444;

    outline: 0;

    text-decoration: none;

}

.widget-wrapper p {

    margin: 1.6em 0;

    word-wrap: break-word;

}

#box-marcas{

    width: 98%;

    float: left;

    height: 50px;

    text-align: center;

    border-top: 2px solid #BCBCBC;

    border-bottom: 2px solid #BCBCBC;

    margin-left: 12px;

    margin-bottom: 10px;

}

#box-marcas img{

    float: left;

    max-width: 100%;

    height: auto;

    margin: 0 80px 0 80px;

}

footer {

    position: relative;

    margin-top: -20px;

    padding:5px 0px;

    clear: both;

    background: #2f3036;

    /*background: -webkit-linear-gradient(white, black); /* For Safari 5.1 to 6.0 */

    /*background: -o-linear-gradient(white, black); /* For Opera 11.1 to 12.0 */

    /*background: -moz-linear-gradient(white, black); /* For Firefox 3.6 to 15 */

    /*background: linear-gradient(white, black); /* Standard syntax */

    text-align: center;

    color: #fff;

}

#bg-footer{

    margin: 0 5px 0 5px;

    /*background: url("../img/bg-footer.jpg") repeat-x;*/

    background: #2f3036;

    color: #fff;

    font-size: 1em;

    font-weight: 700;

}

footer a{

    text-decoration: none;

    color: #fff;

}

.clear{clear: both;}

.clearfix {

    height: 10px;

    float: none;

    clear: both;

}   



/*-----------------------------------------------------------------------------------*/

/*  PRODUCTOS

/*-----------------------------------------------------------------------------------*/



.img-detalle-producto{

    text-align: center;

}

.img-detalle-producto img{

    max-width: 100%;

    height: auto;

}

.titulo-detalle-producto{

    width: 100%;

    max-width: 720px;

    background: #E3E4E4;

    padding: 0 10px 0 10px;

    clear: both;

    font-weight: 700;

}

.descripcion-detalle-producto{

    width: 100%;

    max-width: 700px;

    padding: 0 20px 0 20px;

}

.descripcion-left{

    float: left;

    width: 100%;

    max-width: 350px;

}

.descripcion-right{

    float: left;

    width: 100%;

    max-width: 350px;

}



/*-----------------------------------------------------------------------------------*/

/*  PRODUCTOS

/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/*  REPUESTOS

/*-----------------------------------------------------------------------------------*/



.img-detalle-producto{

    text-align: center;

}

.img-detalle-producto img{

    max-width: 100%;

    height: auto;

}

.titulo-detalle-producto{

    width: 100%;

    max-width: 720px;

    background: #E3E4E4;

    padding: 0 10px 0 10px;

    clear: both;

    font-weight: 700;

}

.contenedor-repuestos{

    width: 100%;

    max-width: 700px;

    height: 548px;

    border: 1px solid #d1d1d1;

    text-align: center;

    padding: 3px;

    margin: 0 0 20px 15px;

}

/*.repuestosp{

    width: 100%;

    border: 1px solid #d1d1d1;

    text-align: center;

    padding: 3px;

}*/

/*.repuestosp p{

    width: 100%;

    max-width: 170px;

    height: 40px;

    border: 1px solid #d1d1d1;

    text-align: center;

}*/

.repuestos{

    float: left;

    width: 100%;

    max-width: 175px;

}

.repuestos p{

    width: 100%;

    max-width: 170px;

    height: 40px;

    border: 1px solid #d1d1d1;

    text-align: center;

    margin: 0 0 3px 1px;

}

.lista-repuestos{

    width: 100%;

    max-width: 700px;

    height: 544px;

    border: 1px solid #d1d1d1;

    text-align: center;

    padding: 3px;

    margin: 0 0 20px 15px;

}

.lrepuestos{

    float: left;

    width: 100%;

    max-width: 227px;

    height: auto;

    border: 1px solid #d1d1d1;

    margin: 2px;

}

.repuestos img{

    border: 1px solid #d1d1d1;

}

/*-----------------------------------------------------------------------------------*/

/*  REPUESTOS

/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/*  FORMS

/*-----------------------------------------------------------------------------------*/



.contacto{

    width: 100%;

    max-width: 740px;

    background-image: url("../img/contacto.jpg");

    background-repeat: no-repeat;

    background-position: bottom right;

}

.form-container {

    position: relative;

    width: 100%;

    max-width: 600px;

}

.form-container .loading {

    position: absolute;

    top: 0;

    left: 0;

    width: 400px;

    height: 400px;

}

.form-container .loading span {

}

.form-container .response {

    display: none;

    margin: 15px 0 0 80px;

    background:#d1f7b6;

    border:1px solid #8bca61;

    color:#5e9537;

    clear:both;

    text-shadow: none;

    padding: 15px 15px 13px 15px;

    line-height: 17px;

    width: 100%;

    max-width: 370px;

}

.forms {

}

.forms fieldset {

    /*font-family: 'PTSansRegular';*/

    font-size: 14px;

}

.forms ol {

    list-style: none;

}

/* form rows */



.forms li {

    float: left;

    width: 100%;

    padding-bottom: 10px;

}

.forms li.form-row {

    margin-bottom: 10px;

}

.forms li.text-input-row {

}

.forms li.text-area-row {

}

.forms li.checkbox-row {

}

.forms li.radio-row {

}

.forms li.select-row {

}

.forms li.button-row {

}

.forms li.hidden-row {

    display: none;

}

/* form input fields */



.forms fieldset .text-input {

    background-color: #fff;

    border:1px solid #dedede;

    width: 100%;

    max-width: 380px;

    height: 30px;

    padding: 0 10px;

    color: #4d4d4d;

    /*font-family: 'PTSansRegular';*/

    font-size: 13px;

    display: inline;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.forms fieldset .password {

}

.forms fieldset .text-area {

    background-color: #fff;

    border:1px solid #dedede;

    width: 100%;

    max-width: 380px;

    height: 140px;

    resize: none;

    color: #4d4d4d;

    /*font-family: 'PTSansRegular';*/

    font-size: 13px;

    padding: 5px 10px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.forms fieldset .radio {

}

.forms fieldset .checkbox {

}

.forms fieldset .select {

}

.forms fieldset .btn-submit {

    background: #5499c3 url(../img/button.png) repeat-x;

    border: none;

    height: 27px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    color: #e2e2e2;

    /*font-family: 'CharisSILItalic';*/

    font-size: 14px;

    padding: 0 20px 1px 20px;

    cursor: pointer;

    margin-left: 80px;

}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

    .forms fieldset .btn-submit {padding: 0 20px 2px 20px;}



}

.forms fieldset .text-input {

    background-color: #fff;

    border:1px solid #dedede;

    width: 100%;

    padding: 0;

    margin: 0;

    color: #4d4d4d;

    display: block;

    /*font-family: 'PTSansRegular';*/

    font-size: 13px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.forms fieldset .text-area {

    background-color: #fff;

    border:1px solid #dedede;

    width: 80%;

    height: 140px;

    resize: none;

    color: #4d4d4d;

    /*font-family: 'PTSansRegular';*/

    font-size: 13px;

    padding: 0;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

.forms li.error input, .forms li.error textarea {

    border: 1px #c43131 solid;

}

.forms span.error {

    display: none;

}

.forms .button-row span.error {

    padding: 0;

    display: none;

}

.forms li.focus {

}

.forms label {

    display: block;

    float: left;

    width: 100%;

    max-width: 80px;

    padding-top: 5px;

    /*font-family: 'PTSansRegular';*/

    font-size: 13px;

}

/*-----------------------------------------------------------------------------------*/

/*  FINAL FORMS

/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/

/*  CONTACTO

/*-----------------------------------------------------------------------------------*/

.datos{

    width: 98.3%;

    border: 1px solid #dedede;

    padding: 5px;

    background: #579BD8;

    color: #fff;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}

/*-----------------------------------------------------------------------------------*/

/*  CONTACTO

/*-----------------------------------------------------------------------------------*/





@media only screen and (max-width: 768px) {

#logo img{

    float: left;

    max-width: 100%;

    height: auto;

    padding: 0;

    margin:0;

}

.contenidoB li{

    float: left;

    width: 100%;

    /*clear:both;*/

    padding: 0;

    margin: 0;

}

.contenidoC{

    width: 100%;

    text-align: justify;

}

#telefono{

    float: left;

    font-size: 2em;

    color: #569AD9;

    font-weight: bold;

    padding: 0;

    margin: 0;

}

.mision{

    display: block;

    float: left;

    width: 100%;

    border-radius: 15px 15px 15px 15px;

    -moz-border-radius: 15px 15px 15px 15px;

    -webkit-border-radius: 15px 15px 15px 15px;

    border: 1px solid #3895B9;

    padding: 1%;

}

.vision{

    display: block;

    float: left;

    width: 100%;

    border-radius: 15px 15px 15px 15px;

    -moz-border-radius: 15px 15px 15px 15px;

    -webkit-border-radius: 15px 15px 15px 15px;

    border: 1px solid #3895B9;

    padding: 1%;

}

.imagen-producto{

    float: left;

    width: 100%;

    max-width: 192px;

    height: 127px;

    border: 2px solid #dbdbdb;  

    margin-top: 18px;

    position: relative;

    text-align: center;

}

#box-marcas{

    width: 98%;

    float: left;

    height: auto;

    text-align: center;

    border-top: 2px solid #BCBCBC;

    border-bottom: 2px solid #BCBCBC;

    margin:0;

}

/*-----------------------------------------------------------------------------------*/

/*  PRODUCTOS

/*-----------------------------------------------------------------------------------*/



.img-detalle-producto{

    text-align: center;

}

.titulo-detalle-producto{

    width: 100%;

    background: #E3E4E4;

    padding: 0;

    clear: both;

    font-weight: 700;

}

.descripcion-detalle-producto{

    width: 100%;

    padding: 0;

}



/*-----------------------------------------------------------------------------------*/

/*  PRODUCTOS

/*-----------------------------------------------------------------------------------*/

#bg-footer{

    background: #2f3036;

    color: #fff;

    font-size: 0.9em;

    font-weight: 700;

}

/*-----------------------------------------------------------------------------------*/

/*  REPUESTOS

/*-----------------------------------------------------------------------------------*/

.contenedor-repuestos{

    width: 100%;

    height: 548px;

    border: 0;

    text-align: center;

    padding: 3px;

    margin: 0;

}

.lista-repuestos{

    width: 100%;

    height: 270px;

    border: 0;

    text-align: center;

    padding: 3px;

    margin: 0;

}

/*-----------------------------------------------------------------------------------*/

/*  REPUESTOS

/*-----------------------------------------------------------------------------------*/

.datos{

    width: 98.3%;

    border: 1px solid #dedede;

    padding: 0;

    background: #579BD8;

    color: #fff;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

}

.contacto{

    width: 100%;

    background: none;

}

.forms fieldset .text-input {

    background-color: #fff;

    border:1px solid #dedede;

    width: 80%;

    padding: 0;

    margin: 0;

    color: #4d4d4d;

    display: block;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}

#slider-impresoras-r{

    width: 100%;

    margin: 0;

    height: 260px;

    border: 1px solid #579BD8;

}

.derecha h3{

    width: 100%;

    max-width: 231px;

    font-size: 1.5em;

    text-align: center;

    float: left;

    background: #579BD8;

    color: #fff;

    padding: 0;

    margin: 0;

}

}

.whatsapp-float {
    position: fixed;
    width: 90px;
    height: 90px;
    bottom: 20px;
    right: 20px;
    z-index: 100;
}
.whatsapp-float img {
    width: 100%;
    height: auto;
}