@import url('css/resets.css');

@font-face {
    font-family: 'open_sanslight';
    src: url('css/opensans-light-webfont.eot');
    src: url('css/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/opensans-light-webfont.woff') format('woff'),
         url('css/opensans-light-webfont.ttf') format('truetype'),
         url('css/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('css/opensans-regular-webfont.eot');
    src: url('css/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/opensans-regular-webfont.woff') format('woff'),
         url('css/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('css/opensans-bold-webfont.eot');
    src: url('css/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: fallback;

}

/* El diseño a los PLACEHOLDER (El texto gris que sale en los campos del formulario) */

::-webkit-input-placeholder {opacity:1;color:#e1e1e1;}
::-moz-placeholder {opacity:1;color:#e1e1e1;}
::-moz-placeholder {opacity:1;color:#e1e1e1;}
:-ms-input-placeholder {opacity:1;color:#e1e1e1;}
::-webkit-input-placeholder {opacity:1;color:#e1e1e1;}

#llamada {display: none}

.formunico ::-webkit-input-placeholder {color:#8e8e8e;}
.formunico ::-moz-placeholder {color:#8e8e8e;}
.formunico ::-moz-placeholder {color:#8e8e8e;}
.formunico :-ms-input-placeholder {color:#8e8e8e;}
.formunico ::-webkit-input-placeholder {color:#8e8e8e;}
.formunico {background-color: white;}

body {font-family: 'open_sansregular',arial,helvetica,sans-serif;font-size:17px;}

/* Para explorer 8 ó menor */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* Tendrán una breve animación al interactuar */
a, input[type=button] {-webkit-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;transition:all 0.4s ease-out;}

/* estilos basicos */
ul, p {margin-bottom:10px;}
p {line-height:20px;}
a {color:#1f68a6;text-decoration:none;}
a:hover {color:#348dd8;}
b, strong{font-family: 'open_sansbold';}
u {text-decoration:underline;}
.center {text-align:center;}

.btn {background:#FFF;color:#1f68a6;padding:10px 20px;display:block;margin:20px auto;max-width:190px;font-family: 'open_sansbold';border-radius:3px;}
.btn:hover {opacity:0.8;}

h1 {font-size:55px;line-height:42px;margin:15px 0 30px;}
h2 {font-size:45px;line-height:38px;color:#1f68a6;margin:8px 0 50px;}
h3 {font-size:24px;line-height:30px;margin:20px 0 10px;}
h4 {font-size:33px;line-height:38px;color:#1f68a6;margin: 10px 0 50px;}

/* generales del sitio */


.clear {width:96%; padding:40px 2%; max-width:980px; margin:auto; clear:block; position:relative;}
.wleft, .wright {display:inline-block;text-align:left;width:40%;vertical-align:top;margin-top:0px;}


.menu_bar_f {display: none;}
.menu_bar_f img {width: 155px;}
#btn-menu {display: none}
header label {display: none}


header {background:#FFF; border-bottom:1px solid #e1e1e1; padding-top: 5px; width:100%; position:fixed; z-index:999999;}
header img {width: 150px; padding-top: 3px;}
header .logo img {max-width:160px;height:auto;}
header ul {margin:0;}
header .clear {padding-top:0;padding-bottom:0;}
header .clear *{display:inline-block;vertical-align:middle;}
header .clear img{margin-left: -10px;}
header nav {float:right; padding-top: 13px;}
header nav .menu a {padding: 10px 10px;border-right:3px; font-size: 16px;}
header nav .social li {font-size: 22px; margin: 0px 8px 8px;}

.slider {background: url(images/images_2.webp) no-repeat center center fixed ;color:#fff; position:relative; padding-top: 30px;}
.slider .mac {display:block;margin:0 auto -120px auto;max-width:589px;height:auto;width:100%;}
.slider .clear {position:relative}

.bgvideo {opacity:0.5;position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;}

.nosotros .clear {max-width:1000px; padding-top:120px; text-align: justify;}
.nosotros .clear h2{text-align: center;}
.nosotros .clear p strong {text-align: center;}

.titulo_notebook_pc{
    height: 170px;
    margin: auto;
    background-color: #337faa;
    /*background:url(images/servidores.jpg) no-repeat center center fixed;
    box-shadow: 10px 3px 40px white;*/
}

.titulo_notebook_pc h1{
    text-align: center;
    padding-top: 90px;
    color: #eee;
    font-size: 50px;
    font-weight: 700;
}

/*.services{background:url(images/fondo_service_b.jpg) no-repeat center center fixed}*/
.services .service p {font-size: 15px; margin-top: 60px; margin-left: 60px; margin-right: 15px; text-align: left; color: white;}
.services {background:url(images/fondo-sl.jpg) no-repeat center center fixed; text-align:center; padding-bottom: 0px}
.services .service {display:inline-block; vertical-align:top;width:323px ;height: auto; margin-bottom: 40px;}
.services .service h3 {font-size: 22px;line-height:20px; float: left; padding-top: 8px; padding-left: 20px; color: white;}
.services .service img {width:40px;height:auto;max-width:100px; float: left; margin-left: 0px; padding-top: 5px}
#parrafo_service {display: none}

.desc_not{
    width: 100%; 
    height: 560px;
    padding-top: 50px;
    background-color: #ddd;
}
.desc_not_c{
    width: 980px;
    margin: auto;
}
.desc_not img{
    float: left;
}
#texto_not{
    width: auto;
    height: 400px;
    float: left;
}
#texto_not p{
    font-size: 16px;
    padding-left: 0px;
    text-align: justify;
}
#texto_not a{
    font-size: 25px;
    float: left;
    padding-top: 40px;
}

/* clase de serivicio de abono*/
.serv_emp {background-color: #333; height: 370px; padding-bottom: 70px; padding-top: 25px}
.serv_emp .emp {width: 300px; height: 170px;float: left; margin-right: 26px}
.serv_emp .emp img {width: 30px; float: left}
.serv_emp .emp p {color: #fff; font-size: 13px; text-align: left; margin-left: 0px; margin-top: 3px; float: right;}
.serv_emp .emp h3 {float: left; margin-top: 7px; margin-left: 10px; color: #fff; font-size: 19px; margin-bottom: 0px}
.serv_emp h2 {padding-top: 20px; color: #fff}
/* fin de clase servicio de abono */

/* clase todas las marcas */
.todas_m {width: auto; height: 270px; background-color: white; margin-top: -28px}
.todas_m h2 {padding-top: 20px;}

.contacto {background:url(images/contact.webp) no-repeat center center fixed;color:#FFF; padding-top: 20px;}
.contacto h2 {color:#FFF;margin-top: 0px;}
.contacto li {margin-bottom:10px;}

.contacto2 {background:url(images/contact2.jpg) no-repeat center center fixed;color:#FFF; padding-top: 20px;}
.contacto2 h2 {color:#FFF;margin-top: 60px;}
.contacto2 li {margin-bottom:10px;}
.contacto2 .btn{margin-bottom: 45px; margin-top: 50px;}

.homeform {overflow:hidden;}
.homeform input, .homeform textarea {display:block;border:0;border-bottom:2px solid #FFF;color:#FFF;background:none;width:100%;font-size:18px;margin:5px 0 10px;padding:5px 0;font-family: 'open_sansregular',arial,helvetica,sans-serif;}
.homeform textarea {max-width:100%;min-width:100%;}
.homeform .btn {border:0;float:right;font-size:16px;cursor:pointer;text-transform:uppercase;background:#FFF;color:#1f68a6;padding:5px 20px; margin-right: 6px;}

.homeform input.error, .homeform textarea.error {color:#ffb9b9;border-color:#ffb9b9;}
.homeform label.error {color:red;border:1px solid red;background:#ffb9b9;padding:5px;border-radius:5px;display:block;margin:5px 0 15px;}
/*form label.error::before {font:'fontawesome free';content:"/f062";}*/

.formunico input {padding:5px;border-radius:5px;border:1px solid #8e8e8e;}
.formunico input[type=submit] {background:#1f68a6;color:#FFF;border:1px solid #1f68a6;cursor:pointer;}

/* donde estamos */
.donde{height: 460px; background-color: #eee}
.maps{float: right; position: relative;}
.donde_info{position: relative; width: 250px; float: left; color: #333;}

footer {background:#efefef;font-size:14px;text-align:center;}
footer .clear {padding-top:0px;padding-bottom:20px;}

.pagos {background:url(images/bg-pagos.webp) no-repeat center center fixed #dae7f1;}
.pagos .clear {padding-top:10px;padding-bottom:10px;}
.pagos img {max-width:90px;display:inline-block;margin:5px 15px;}

/********************* orden de trabajo *****************************/
.orden{width: 1000px; height: auto;	margin: auto; margin-bottom: 75px;}
/********************* fin orden trabajo ****************************/

.marcas_m{
    height: 500px;
    margin-top: -15px;
    background-color: white;
}
/*.marcas_m h1{
    text-align: center;
    padding-top: 60px;
    padding-bottom: 25px;
    font-size: 40px;
    font-weight: 700;
    color: #eee;
    background-color: #0080B4;
}*/
.marcas_2{
    max-width: 1000px;
    margin: auto;
}
.marcas_2 img{
    padding-top: 20px;
}

#login_cliente{
    display: none;
    background-color: white;
    z-index: 1000;
    margin-top: 0px;
    margin-left: 830px;
    width: 225px;
    height: 145px;
    position: absolute;
    -webkit-position: absolute;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #bbb;
    border-top: none;
    -webkit-display: none;
    -webkit-background-color: white;
    -webkit-z-index: 1000;
    -webkit-margin-top: 0px;
    -webkit-margin-left: 830px;
    -webkit-width: 225px;
    -webkit-height: 145px;
    -webkit-position: absolute;
    -webkit-position: absolute;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border: 1px solid #bbb;
    -webkit-border-top: none;
 }
.in_p{
    margin-left: 13px;
    margin-left: 13px;
    border: none;
    border-bottom: 2px solid #4176d5;
    -webkit-margin-left: 13px;
    -webkit-margin-left: 13px;
    -webkit-border: none;
    -webkit-border-bottom: 2px solid #4176d5;
}
#in_p2{
    margin-left: 13px;
    border: 2px solid #4176d5;
    border-radius: 5px;
    background-color: #FFFFFF;
    -webkit-margin-left: 13px;
    -webkit-border: 2px solid #4176d5;
    -webkit-border-radius: 5px;
    -webkit-background-color: #FFFFFF;
}
#login_cliente p{
    color: #000082;
    margin-left: 10px;
    margin-top: 4px;
    font-size: 14px;
    -webkit-color: #000082;
    -webkit-margin-left: 10px;
    -webkit-margin-top: 4px;
    -webkit-font-size: 14px;
}

.consejos{
    width: 1000px;
    height: auto;
    margin: auto;
    padding-top: 110px;
    padding-bottom: 60px;
}
.consejos h3{
    text-align: center;
}
.consejos p{
    text-align: justify;
    margin-top:  35px;
}
.consejos strong{
    font-weight: bold;
}


#repa_mother{
    height:  auto;
    background:url(images/fondo_services.jpg) no-repeat center center fixed;
}

#repa_mother_t{
    width:  980px;
    height: auto;
    padding-top:  85px;
    margin-left:  auto;
    margin-right:  auto;
    padding-bottom:  95px;
}
#repa_mother p{
    font-size:  17px;
    color: white;
    margin-left:  0px;
    text-align:  left;
}
#repa_mother h5{
    font-size:  32px;
    color:  white;
    text-align:  left;
    padding-bottom: 25px;
}

#repa_mother h6{
    font-size:  32px;
    color:  white;
    text-align: left;
    margin-top:  90px;
    padding-bottom: 25px;
}


#titulo_notebook_m{
    height: 170px;
    margin-top: -15px;
    background-color: #337faa;
    /*background:url(images/servidores.jpg) no-repeat center center fixed;
    border-bottom: solid 2px #ccc;
    box-shadow: 10px 3px 20px white;*/
}

#titulo_notebook_m h1{
    text-align: center;
    padding-top: 90px;
    color: #eee;
    font-size: 50px;
    font-weight: 700;
}

.fr_mp{
    margin:  auto;
    width: auto;
    height: 350px;
}

.fr_mp_c{
    display: none;
}


.dir_d{
    width: auto;
    height: 40px;
    background-color: #444;
    box-shadow: 1px -4px 12px white;
}
.dir_d p{
    font-size:  21px;
    padding-top:  10px;
}
header .clear p{display:  none}

.vent_not{
    margin: auto;
    width: 100%;
    height: 1400px;

}
.venta_not_art{
    width: 1000px;
    height: auto;
    margin: auto;
}
.venta_not_art button{
    margin-top: 25px;
    width: 130px;
    height: 30px;
    border-radius: 0;
    border-width: 0;
    background-color: #337faa;
    color: #eee;
    font-weight: 600;
}
.venta_not_art button:hover{
    background-color: #bbb;
    color: #444;
}
.vent_desc{
    position: absolute;
    width: 300px;
    height: 155px;
    float: left;
    margin-top: 5x;
    margin-left: 200px;
    margin-top: -155px;
}
.vent_desc p{
    font-size: 15px;
}

.articulo_vent{
    width: 486px;
    height: 250px;
    float: right;
    margin-top: 65px;
    margin-right: 14px;
    border-bottom: solid 1px #999;
}
.articulo_vent p1{
    font-weight: 700;
}
.articulo_vent img{
    width: 155px;
    height: 155px;
}
.venta_estado{
    width: 100%;
    height: 70px;
    border-bottom: solid 1px #999;
}
.venta_estado p{
    padding-top: 35px;
    font-size: 28px;
}

.foto_venta{
    margin-top: 15px;
    width: 155px;
    height: 155px;

}
.disco_solido{
    background:url(images/fondo_solido.jpg) no-repeat center center fixed;
    width: auto;
    height: 1520px;
}
.disco_solido_t{
    width:  980px;
    height: auto;
    padding-top:  85px;
    margin-left:  auto;
    margin-right:  auto;
    padding-bottom:  95px;
}
.disco_solido_t p{
    font-size: 16px;
    color: white;
    text-align: justify;
}
.disco_solido h3{
    font-size: 30px;
    color: white;
    margin-bottom: 20px;
    text-align: left;
}
.ws5{
    display: none;
    z-index: 5000;
    margin-top: 128px;
    margin-left: 5px;
    position: fixed;
    opacity: 0.85;
}
.ws5 img{
    width: 50px;
}



/* responsive ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1020px){

    .desc_not{display: none}

	.is-sticky .header {position:relative !important;top:auto !important;left:auto !important;}

    .menu_bar_f {display: none;}

    h1 {font-size: 40px; padding-top: 20px;}

    #parrafo_service {display: block;}

    .notebook_a{background:url(images/service.jpg) no-repeat center center fixed; margin-top: 0px; float: left; width: 100%}
    .titulo_notebook_pc{background:url(images/service.jpg) no-repeat center center fixed; margin-top: 0px; float: left; width: 100%}
    .titulo_notebook_pc h2{color: white}

    .services .clear .service {width: 46%; height: auto; float: left; margin-left: 2%; margin-right: 2%; margin-bottom: 10px;}
    .services .service img {width: 40px; float: left; margin-left: 15px; margin-top: 9px}
    .services .service h3 {font-size: 20px; float: left; margin-left: 15px; margin-top: 30px; font-weight: 700}    
    .services .service p {display: block;float: left; text-align: left; margin-left: 15px; font-size: 16px; margin-top: 0px}

    .serv_emp {width: 100%; height: 100%; display: inline-block; padding-bottom: 20px; padding-top: 10px;}
    .serv_emp .emp {width: 46%; height: 145px;float: right; margin-right: 2%; margin-left: 2%;}
    .serv_emp .emp h3 {font-size: 17px;}

    header {text-align:center;}
	header nav .menu , .services .service, header nav, .wleft, .wright {
        float:none;display:block;width:96%;padding:0%}
    header label {display: block; z-index: 99999999; position: fixed; margin-top: 10px; margin-left: 8px; cursor: pointer;}
    header label img {width: 28px; height: 28px}
    header .social{margin-top: 0px}
    header nav .menu {position: fixed;background-color: #fff; margin-top: 2px; margin-left: -120%; width: 100%; height: 212px; 
                        -webkit-box-shadow: 0px 2px 8px 0px rgba(59,59,59,1);
                        -moz-box-shadow: 0px 2px 8px 0px rgba(59,59,59,1);
                        box-shadow: 0px 2px 8px 0px rgba(59,59,59,1);}
    header nav .menu ul {flex-direction: column; margin-left: 15px; border-bottom: 1px solid #eee}
    header nav .menu li {display: block}
    header nav .menu li a {display: block; color: #0a728e; font-weight: bold; border-bottom: 1px solid #eee; margin-top: 15px}

	.contacto2 .btn{margin-bottom: 5px; margin-top: 5px; margin-right: 20px; float: left; max-width:125px;}

     .repa_mother{
        display:  none;
    }
    .repa_mother_t{
        display:  none;
    }
    .titulo_notebook_m{
        display:  none;
    }
    /*.disco_solido{display: none;}*/

    .disco_solido {height: 2400px; float: left; margin-bottom: 10px;}
    .disco_Solido img {width: 40px; float: left; margin-left: 15px; margin-top: 9px}
    .disco_solido h3 {font-size: 16px; float: left; margin-left: 15px; margin-top: 30px; font-weight: 700}    
    .disco_solido p {display: block;float: left; text-align: justify; margin-left: 0px; font-size: 12px; margin-top: 0px}
    .disco_solido_t {width: 95%;}
 
}
@media only screen and (max-width:480px){ /* --------------------------------------------------------------------- */

    .desc_not{display: none}

    #llamada {display: block;}
    #llamada img {width: 22px; margin-top: -14px; padding-right: 10px}

	.slider {background: url(images/fondo_cel.jpg) no-repeat center center fixed ;color:#fff; position:relative; padding-top: 100px;}
	.slider h1 {margin-top: 0px}



	.clear {width:92%;padding:4%;}

	h1 {font-size:28px;line-height:34px;}
	h2 {font-size:26px;line-height:30px;}
	h3 {font-size:18px;line-height:24px;}
    h4 {font-size:20px;line-height:28px; margin-bottom: 30px;}
    
    /*.nosotros {background:url(images/quien_celu.jpg) no-repeat center fixed}*/
    .nosotros h2 {padding-top: 45px; margin-bottom: 25px}
	
    #parrafo_service {display: block;}

    .titulo_notebook_pc{background:url(images/fondo_azul.jpg) no-repeat center fixed; margin-top: 0px; float: left; width: 100%; height:  140px;}
    .titulo_notebook_pc h2{color: white}

    .services .clear .service {width: 100%; margin-top: 15px; margin-left: 0px; height: auto; margin-bottom: 10px;}
    .services .clear .service h3 {font-size: 20px; margin-left: 0px; margin-top: 12px;}
    .services .clear .service img {width: 32px; float: left; margin-top: 3px; margin-left: 5px;}
    .services .clear .service p {margin-top: 5px; margin-left: 5px}
    .services{background-color:  white}

    .disco_solido .clear .service {width: 100%; margin-bottom: 5px; margin-left: 0px; height: 180px}
    .disco_solido .clear .service h3 {font-size: 20px; margin-left: 0px; margin-top: 12px;}
    .disco_solido .clear .service img {width: 32px; float: left; margin-top: 3px; margin-left: 5px;}
    .disco_solido .clear .service p {margin-top: 5px; margin-left: 5px}
    .disco_solido{background-color:  white}

	.formunico input {display:block;width:92%;padding:4%;margin:10px 0 0 0;}
	.formunico input[type=submit]  {width:100%;}
	
    

    .serv_emp {height: 100%; background:url(images/informatica.jpg) no-repeat center center fixed; padding-top: 0px; 
                padding-bottom: 15px; display: inline-block;}
    .serv_emp .emp {width: 95%; height: 100%; margin-top: 20px}
    .serv_emp .emp h3 {margin-bottom: -10px; font-size: 19px}
    .serv_emp .emp img {width: 28px}
    .serv_emp p{color:  #000;}
    
    .contacto2 {
        background:url(images/fondo_cel_2.jpg) no-repeat center center fixed;
    }
	.contacto2 .btn{margin-bottom: 5px; margin-top: 25px; margin-right: 20px; float: left; max-width:125px;}
    .contacto2 h2 {margin-bottom: 35px;}
    .contacto2 strong {font-size: 18px;}
    .contacto2 p {font-size: 16px}

    .disco_solido .clear .service {width: 100%; margin-bottom: 5px; margin-left: 0px; height: 180px}
    .disco_solido .clear .service h3 {font-size: 20px; margin-left: 0px; margin-top: 12px;}
    .disco_solido .clear .service img {width: 32px; float: left; margin-top: 3px; margin-left: 5px;}
    .disco_solido .clear .service p {margin-top: 5px; margin-left: 5px}
    .disco_solido{background-color:  white}     

	.contacto {background:url(images/contact_2.jpg) no-repeat center center fixed;
        float: left;
        color:#FFF; 
        margin-top: auto; 
        height: auto;
    }

    /*
    .contacto .clear .wleft h2{
        width: auto;
        height: auto;
        background-color: #000;
    }
     */

    .contacto h2 {margin-bottom: 40px; font-size: 25px; margin-top: 0px;} 
    .contacto li {font-size: 19px;}
    .contacto ul {margin-bottom: 80px;}
    
    
    .titulo_notebook_pc h1{padding-top: 40px ;font-size: 25px}

	#acli {display: none;}

    /* menu responsive */
    .menu_bar_f{
        display: block;
        position: fixed;
        width: 100%;
        background-color: white;
        z-index: 9999999;
        margin-top: -3px;
        padding-top: 3px;
        padding-bottom: 0px;
        -webkit-box-shadow: 0px 1px 2px 0px rgba(166,166,166,1);
        -moz-box-shadow: 0px 1px 2px 0px rgba(166,166,166,1);
        box-shadow: 0px 1px 2px 0px rgba(166,166,166,1);
    }

    .tele_f img{width: 34px; float: right; margin-top: -44px; margin-right: 8px}

    #ancla_logo {display: none}

    header {margin-top: -2px; border-bottom:  solid 1px #bbb; box-shadow:  0px 1px 10px white;}
    header .clear .social {height: 15px; padding: 2%}
    header .clear .social li {display:inline-block;border:0;width:auto;}
    header .clear .social li a {border:0; margin-top: -18px; margin-left: 7px; margin-right:7px}

    header label {display: block; z-index: 99999999; position: fixed; margin-top: 10px; margin-left: 8px; cursor: pointer;}
    header label img {width: 28px; height: 28px}
    header .social{margin-top: 55px}
    header nav .menu {position: fixed;background-color: #fff; margin-top: 45px; margin-left: -120%; width: 100%; height: 265px; 
                        -webkit-box-shadow: 0px 2px 8px 0px rgba(59,59,59,1);
                        -moz-box-shadow: 0px 2px 8px 0px rgba(59,59,59,1);
                        box-shadow: 0px 2px 8px 0px rgba(59,59,59,1);}
    header nav .menu ul {flex-direction: column; margin-left: 15px; border-bottom: 1px solid #eee}
    header nav .menu li {display: block}
    header nav .menu li a {display: block; color: #0a728e; font-weight: bold; border-bottom: 1px solid #eee; margin-top: 15px}

    .disco_solido{
        background:url(images/fondo_solido.jpg) no-repeat center center fixed;
        width: auto;
        height: auto;
    }

    .disco_solido h3{
        font-size: 18px;
        margin-left: 0px;
        color: white;
        margin-bottom: 8px;
        text-align: left;
    }

    .disco_solido_t{
        width:  auto;
        height: auto;
        padding-top:  5px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left:  auto;
        margin-right:  auto;
        margin-bottom: 20px;
    }
    .disco_Solido_t p{
        width: 300px;
    }

    #titulo_notebook_m{
    width: 100%;
    height: 110px;
    background-color: #337faa;
    }
    
    #titulo_notebook_m h1{padding-top: 60px ;font-size: 25px}


    #repa_mother {width: 100%; padding-top: 0px; padding-bottom: 0px; display: inline-block}

    #repa_mother_t{
        width:  auto;
        padding-top: 25px;
        padding-bottom: 40px;
    }

    #repa_mother_t h6{font-size: 20px; margin-top: 45px; margin-left: 10px; padding-bottom:  15px}

    #repa_mother_t p{width: 95%; height: 100%; margin-left: 10px ;margin-top: 5px; font-size: 16px}

    #repa_mother_t h5{display:  none}

    .marcas_m{
        display: none;
    }
    .marcas_2{
        display: none;
    }
    .fr_mp{
        display: none;
    }
    .fr_mp_c{
        display: none;
    }
    .dir_d{
        height: 65px;
        background-color: #222;
    }
    .dir_d p{
        font-size: 15px;
    }
    
    header .clear p{display: block;}

    .nav_dir_q{border-top: solid 1px #aaa; width: 100%; padding-bottom: 2px;}
    .nav_dir_q p{font-size: 14px; margin-top: 0px; margin-bottom: 0px;}

     .venta_estado{
        position: relative;
        width: 100%;
        margin-left: 0px;
    }
    .vent_not{
        width: auto;
        height: auto;
        margin-top: 150px;
    }
    .venta_not_art{
        width: 100%;
        height: 2390px;
    }
   .articulo_vent{
       position: relative;
       width: 100%;
       height: auto;
       margin-left: 0px;
   }
   .articulo_vent p1{
        align-items: center;
        display: flex;
        height: 100px;
        justify-content: center;
        margin-top: -25px;
   }
   .articulo_vent{
       margin-top: 25px;
   }
   .foto_venta{
        margin-left: auto;
        margin-right: auto;
        margin-top: -25px;
   }
   .vent_desc{
      display: none;
   }
   .ws5{
    display: block;
   }
    
    
}