@font-face {
    font-family: OratorSTD;

    src: url('/fonts/oratorstd-webfont.eot'); /* IE9 Compat Modes */
    src: url('/fonts/oratorstd-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/OratorStd.otf') format('truetype') /* Safari, Android, iOS */
}
/*
@font-face {
    font-family: TrajanPro;

    src: url('/fonts/trajanpro-regular-webfont.eot');
    src: url('/fonts/trajanpro-regular-webfont.eot?#iefix') format('embedded-opentype'),  url('/fonts/trajanpro-regular-webfont.ttf') format('truetype')
}*/
@font-face {
    font-family: TrajanPro;
    font-weight: bold;
    src: url('/fonts/trajanpro-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('/fonts/trajanpro-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/trajanpro-bold-webfont.ttf') format('truetype') /* Safari, Android, iOS */
}

@font-face {
    font-family: roboto;
    src: url('/fonts/Roboto-Light.eot'); /* IE9 Compat Modes */
    src: url('/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/Roboto-Light.ttf') format('truetype') /* Safari, Android, iOS */
;
}

@font-face {
    font-family: Boldy;

    src: url('/fonts/bold.eot'); /* IE9 Compat Modes */
    src: url('/fonts/bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/bold.ttf') format('truetype') /* Safari, Android, iOS */
}

img {
    border: none;
}

body {
    margin: 0;
    padding: 0;
}

.header .header_top a {
    color: #b0b0b0;
    display: inline-block;
    font-family: roboto;
    line-height: 40px;
    padding: 0 10px;
}

.header .header_top {
    height: 40px;
    position: absolute;
    right: 0;
    z-index: 1;
}

.header_top a.cart_link {
    color: #de5a5a;
    background-image: url("/images/carttop.png");
    background-position: 0 6px;
    padding-left: 30px;
    background-repeat: no-repeat;
}

.header_bottom {
    margin: 0 auto;
    box-sizing: initial;
    -webkit-box-sizing: initial;
    height: 50px;
    padding-top: 10px;
    max-width:900px;
    width: 100%;
    position: relative;

}

.contenedor_articulos > p {
    font-family: roboto;
    text-align: center;
    color: #696666;
}

button:disabled {
    cursor: not-allowed;
}

.btn_contacto_cta:hover {
    background-color: rgba(0, 0, 0, 0.77);
}
a.btn_contacto_cta {
    background-color: rgba(0, 0, 0, 0.48);
    border: 3px solid #ffffff;
    bottom: 20%;
    color: #ffffff;
    display: block;
    font-family: Boldy;
    border-radius: 9px;
    font-size: 19px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 10px;
    position: absolute;
    right: 10%;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
}
.whiteline {
    position: absolute;
    width: 50%;
    bottom: 5%;
    padding: 2px;
    background-color: rgba(0, 0, 0, 0.7);
    right: 0;
}
.header span.spantelefonos {
    background-image: url("/imgnew/telefonito.png");
    background-position: 0 50%;
    background-repeat: no-repeat;
    box-sizing: unset;
    color: #FFFFFF;
    text-shadow: 0px 0px 5px #8EC2FF;
    font-family: Boldy;
    /* background-color: rgba(183, 0, 0, 0.28); */
    font-size: 24px;
    font-weight: bold;
    height: 41px;
    line-height: 41px;
    padding: 0px 10px 0px 26px;
    position: absolute;
    right: 0;
    top: 38px;
    width: auto;
}

.header img.imglogo {
    display: block;
    margin: 0 auto;
    padding: 10px 0;
}

.header .search_box input[type="text"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    font-family: Roboto;
    outline: medium none;
    padding: 0 25px 0 10px;
}

.header .search_box form {
    height: 100%;
}


.header .search_box {
    background-color: #ffffff;
    border: 1px solid #CACACA;
    border-radius: 10px;
    box-sizing: border-box;
    display: inline-block;
    height: 34px;
    margin: 6px 0 0 10px;
    vertical-align: top;
    width: 415px;
}

ul.navbar {
    list-style-type: none;
    margin: 0;
    width: auto;
    padding: 0;
    line-height: 40px;
   /* position: relative;*/
    display: inline-block;
}
.navbar_inner {
    width: 900px;
    margin: 0 auto;
    max-width: 100%;
}

ul.navbar > li {
    display: inline-block;
}

ul.navbar > li > a:first-letter {
   /* color: #5AC7FF;*/
    /* font-weight: bold;*/
}

ul.navbar > li > a {
    letter-spacing: -1px;
    text-transform: lowercase;
    display: block;
    /* font-weight: bold; */
    font-family: Roboto;
    /* text-shadow: 1px 1px 1px #695858; */
    color: #7D7D7D;
    text-decoration: none;
    font-size: 21px;
    /* font-weight: bold; */
}

ul.navbar > li:not(:first-child) {
    margin-left: 10px;
}

ul.navbar > li:first-child > a {
   /* text-shadow: 1px 1px 5px #2F9CF9;*/
}

.navbar_container {
    position: relative;
    background-image: url('/imgnew/grad.png');
    background-color: rgb(255, 255, 255);
    /* border-top: 2px solid #B4B4B4; */
    border-bottom: 1px solid #B9B9B9;
}

div.img_container_outer {
    position: relative;
    font-family: Roboto;
    width: 100%;
    background-size: contain;
    color: #838282;
    height: 41vw;
    background-image: url('/images/bg-fondo.jpg');
    background-repeat: no-repeat;
}
div.img_container_outer.image2 {
    background-image: url('/images/politica-envios.jpg');
}
div.img_container_outer.image3 {
     background-image: url('/images/todos-los-materiales.jpg');
}

div.img_container_outer .search_box input.search_btn {
    height: 100%;
    box-sizing: border-box;
    top: 0;
}
div.img_container_outer .search_box input[type="text"]{
    height: 100%;
    padding: 10px;
    font-size: 15px;
    box-sizing: border-box;
    font-family: roboto;
}
div.img_container_outer .search_box {
    position: absolute;
    height: 50px;
    bottom: 10%;
    right: 20%;
}
div.img_container {
    margin: 0 auto;
    position: relative;
    width: 80%;
}


div.img_container .leyenda_buscabas {
    color: #ffffff;
    font-size: 4vw;
}
div.img_container_outer.image3 p {
    color: #fff;
    text-shadow: 1px 1px 1px #464646;
    background-color: rgba(162, 162, 162, 0.21);
}
div.img_container_outer.image3 div.img_container .leyenda_buscabas {
    background-color: rgba(107, 107, 107, 0.37);
}
div.img_container_outer.image2 div.img_container .leyenda_suerte {
    background-color: #515D71;
    color: #FFFFFF;
}
div.img_container_outer.image2 div.img_container .leyenda_buscabas {
    color: #6B6B6B;
}
div.img_container .leyenda_suerte {
    background-color: #FFFFFF;
    color: #787F92;
    font-size: 4vw;
    font-weight: bold;
    width: 650px;
    text-align: center;
}
.img_container p {
    font-family: Boldy;
    color: #3E3131;
    font-size: 2.5vw;
    font-weight: bold;
}
.decor_title {
    border-color: #939393;
    border-style: solid;
    border-width: 2px 0;
    box-sizing: border-box;
    font-family: TrajanPro;
    margin: 50px auto;
    padding: 10px;
    width: 396px;
}

.decor_title h2 {
    padding: 0;
    margin: 0;
}

.decor_title span {
    display: block;
    width: 100%;
    text-align: center;
    height: 25px;
    font-size: 22px;
}

.decor_title .decort1 {
    font-weight: bold;
    color: #535353;
    font-size: 22px;
}

.decor_title .decort2 {

    color: #7c7b7b;

}

.contenedor_texto_centrado {
    color: #5a5a5a;
    text-align: center;
    font-family: roboto;
}

.vec {
    position: relative;
}

.vec span.span_side {
    color: #999999;
    display: block;
    font-family: TrajanPro;
    font-size: 22px;
    position: absolute;
    text-align: center;
    top: 10px;
    text-decoration: none;
    width: 155px;
    background-image: url("/imgnew/ofertas.png");
    background-repeat: no-repeat;
}

.vec span.todas_marcas {
    background-position: 148px 10px;
    left: 5%;
    padding-right: 50px;
}

.vec span.mejores_precios {
    right: 5%;
    background-position: -52px 10px;
    padding-left: 50px;
}

.contenedor_articulos {
    width: 920px;
    margin: 0 auto;
}

.contenedor_elementos {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    padding: 5px;
    width: 300px;
}

.contenedor_elementos img {
    float: left;
    margin-right: 10px;
}

.contenedor_elementos h3 {
    color: #5389a2;
    font-family: boldy;
    font-size: 24px;
    margin-top: 0;
}

.contenedor_elementos p {
    color: #e03a00;
    text-align: right;
    font-family: Boldy;
    clear: both;
}

.contenedor_elementos .descripcion_producto {
    float: right;
}

a.viewmore,
.contenedor_elementos a {
    background-image: url("/imgnew/arrow.png");
    background-position: 100% 2px;
    background-repeat: no-repeat;
    color: #2f87b0;
    display: block;
    float: right;
    font-family: TrajanPro;
    font-weight: bold;
    height: 20px;
    padding-right: 25px;
    text-decoration: none;
}

a.viewmore {
    float: none;
    display: inline;
    margin-top: 20px;
}

.contenedor_elementos a:hover {

    opacity: 0.5;
}

.contenedor_elementos .precio_producto {
    bottom: 0;
    color: #fe0101;
    font-family: Boldy;
    font-size: 20px;
    left: 25px;
    position: absolute;
}

.contenedor_busqueda {
    color: #919191;

    font-family: OratorSTD;
    margin: 0 auto;
    text-align: center;
    width: 400px;
}

#btn_menu_mobile {
    display: none;
}

/* ---- busqueda ---- */
.search_box {
    height: 25px;
    border: 1px solid;
    display: inline-block;
    padding: 0 2px 0 0;
    position: relative;
}

.search_box input[type="text"] {
    border: medium none;
    line-height: 23px;
    height: 100%;
    margin-right: 20px;
    width: 100%;
}
.search_btn {
    height: 30px;
    /*background-image: url("/imgnew/lupa.jpg");
    */
    border: medium none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    position: absolute;
    right: 6px;
    top: 1px;
    width: 20px;
}

.footer ul {
    list-style: none;
}

.footer ul li {
    display: inline-block;
}
.footer ul li a {
    color: #e3edff;
    padding: 0 10px;
    font-family: Roboto;
    font-size: 12px;

    color: #A2BAE8;
    text-decoration: none;
}

.footer {
    background-color: #1270bc;
    color: #002343;
    padding: 0 0 30px 0;
  }
.datos_barraca_footer {
    color: #dce5ff;
    font-family: Roboto;
    font-size: 12px;
  }

.disclaimer_footer {
    color: #b4d1ff;
    font-family: Helvetica;
    font-size: 11px;
}

.footer_content {
    
    margin: 0 auto;
    padding-top: 33px;
    width: 900px;
}

.social {
    background-image: url("/imgnew/cinta.png");
    box-sizing: border-box;
    height: 110px;
    padding-right: 2px;
    padding-top: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 75px;
}

/*--- contacto ---*/

.formulario_contacto label {
    display: block;
    text-align: right;
    width: 350px;
}

.formulario_contacto textarea {
    height: 50px;
    width: 400px;
}

.formulario_contacto > button {
    background-color: #5e82b5;
    border: 2px solid #324b95;
    color: #ffffff;
    display: block;
    font-family: roboto;
}

/**---- errores ------*/

.error_message {
    background-color: #f8caca;
    border: 1px solid #ffa6a6;
    color: #a33333;
    font-family: roboto;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
}

/* ------ login ------- */

.vista_login {
    width: 900px;
    margin: 0 auto;
}

.vista_login h1 {
    color: #308db1;
    font-family: Boldy;
    font-size: 38px;
    margin-bottom: 0;
}

.formulario_ingreso {
    background-color: #eef7ff;
    border: 1px solid #9fc0e3;
    box-shadow: 1px 1px 3px #91c0e7;
    display: inline-block;
    float: left;
    font-family: roboto;
    margin-left: 14px;
    padding: 10px;
}

div.vista_login h2,
.formulario_ingreso h2 {
    border: medium hidden;
    color: #3783c1;
    font-family: roboto;
    margin: 0 0 10px;
}

.vista_login > p {
    font-family: roboto;
}

.formulario_ingreso label {
    display: block;
    text-align: right;
    width: 350px;
}

.submenu > img {
    float: left;
}

.msg_envios_gratis {
    /*background-color: #ff7373;*/
    /*background-image: url("/imgnew/truck-icon.png");*/
    color: #ffffff;
    font-family: Boldy;
    left: 100px;
    padding: 5px 10px;
    position: absolute;
}

div.submenu .submenu_column ul li a.viewmore {
    color: #c27400;
    float: right;
    font-family: trajanpro;
    padding: 1px 20px 0 0;
    text-align: right;
    width: 67px;
}

/*----------- modificacion del mega menu ---- */
ul.navbar > li:hover .navbar_container_collapsed {
    display: block;
}


.navbar_container_collapsed {
    background-color: #ffffff;
    /*background-image: url("/imgnew/bgtest.png");*/
    background-position: 100% 100%;
    background-repeat: no-repeat;
    border-color: #dadada;
    border-style: solid;
    display:none;
    border-width: 0 1px;
    /*left: 0;*/
    position: absolute;
    width: 900px;
    z-index: 4;
}

.navbar_container_collapsed ul.navbar {
    width: auto;
}

.navbar_container_collapsed ul.navbar li {

    float: none;
    display: block;
    /*position: relative;*/
}

.navbar_container_collapsed ul.navbar div.submenu {
    width: 300px;
    top: 0;
    right: -100%;
    position: absolute;
    padding: 0;
}

.products_navbar {
    /*background-color: #52b7ff;*/
    /* background-color: #6DD7FF;*/
    border-right: 1px solid #dedede;
    list-style: outside none none;
    display: inline-block;
    padding: 0 0 0 10px;
    width: 200px;
}

.products_navbar li a:hover {
    color: #7b7b7b;
    background-image: url("/imgnew/arrow.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;

    padding-left: 35px;

}

.products_navbar li {
    background-color: #fff;
}

.products_navbar li a {
    color: #4a4848;
    display: block;
    font-family: roboto;
    font-size: 16px;
    font-weight: normal;
    padding: 10px 10px 10px 30px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #ffffff;
}
.vista_rubro_navbar {
    display: inline-block;
    vertical-align: top;
    width: 650px;
}
.vista_rubro_navbar > .vista_top > li {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    height: 136px;
}
.vista_rubro_navbar span.nombre_rubro {
    font-family: boldy;
    padding-left: 50px;
    font-size: 20px;
    color: #909090;
}
div.vista_rubro_navbar ul.vista_top > li > a {
    text-decoration: none;
    color: #317BCC;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    display: block;
    text-align: center;
}


.vista_bottom a {
    color: #7d7f81;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
}

.vista_bottom > li {
    /*display: inline-block;*/
}
ul.vista_bottom {
    list-style: none;
    width:340px;
}


.datos_contacto_contenedor_inner p {
	font-family: Helvetica;
	color: #8F8B8B;
	font-style:italic;
}
.datos_contacto_contenedor_inner img {
	float: left;
	margin-right:10px;
}
.datos_contacto_contenedor_inner {
	float:left;
	width: 50%;
	padding:50px;
	box-sizing: border-box;
}
.datos_contacto_contenedor {
    background-color: #e3e9eb;
    
    overflow:auto;
}

.titulo_hablamos {
    color: #b1b1b1;
    font-family: roboto;
    font-size: 30px;
}

.titulo_hablamos > span.escuchamos {
    color: #8f8f8f;
}


.datos_contacto_contenedor ul {
    list-style:none;
    /*float:left;*/
}
.datos_contacto_contenedor ul li {
    color: #888888;
    font-family: boldy;
    font-size: 20px;
    font-weight: bold;
    padding-left: 29px;
}

.datos_contacto_contenedor ul li.whatsapp {
    background-image: url("/imgnew/whatsapp.png");
    background-repeat: no-repeat;

}.datos_contacto_contenedor ul li.telefonito,
 input[type=text].telefonito{
    background-image: url("/imgnew/telefonito.png");
    background-repeat: no-repeat;

}

input.email{
    background-image: url("/imgnew/email.png");
    background-repeat: no-repeat;

}
input[type=text].telefonito,
input.email
{
    border: none;
    height: 35px;
    background-position: 0 50%;
    width: 40%;
    padding-left: 30px;
    outline: none;
    font-family: roboto;
    box-sizing: border-box;
    margin-top: 2px;
}
.header_topline {
    background-color: #49535A;
    text-align: right;
    font-family: roboto;
    font-size: 12px;
    color: #FFFFFF;
    padding: 2px;
}
.header {
    /* background-image: url("/imgnew/stripetop.png?a=41422"); */
    /* background-image: url('/imgnew/fill.jpg'); */
    /* border-bottom: 1px solid #b4b4b4; */
    /* box-shadow: 0 0 8px #3c3c3c; */
    margin: 0 0 20px 0;
    /* background-color: #A9D0FF; */
    position: relative;
}


.navbar > li:first-child a{
    padding-left: 18px;
}
.navbar > li:first-child {
    background-image: url("/imgnew/arrow-bottom.png");
    background-position: 0 65%;
    background-repeat: no-repeat;
}
.header_bottom_container {
    padding-top: 8px;
    background-image: url("/imgnew/stripetop.png?a=413");
    /* background-color: #dadada; */
}

ul.vista_top {
    line-height: initial;
}