@import url('https://fonts.googleapis.com/css?family=Questrial');
body{
    background: #fff url('img/fondo.jpg') center top no-repeat;
    font-size: 100%;
}

#hamburgericonmenuwrapper {
    display: none;
}

#dos div.c span.texto2 {
    padding-top: 100px;
    display: block;
    font-size: 34px;
    text-align: left;
}

#dos div.c span.titulo1 {
    text-decoration: none;
    text-align: left;
}

#container, a{
    font-family: 'Roboto', sans-serif;
    /*font-weight: 100;*/
    text-decoration: none;
    color:black;
}

#container{
    margin: 15px auto;
    background: white;
    -webkit-box-shadow: 0px 0px 6px 1px #999; 
    box-shadow: 0px 0px 6px 1px #999;
    width: 960px;
}

#hamburgericonmenuwrapper li a {
    background-color: #2e3192;
}

#hamburgericonmenuwrapper li a:hover {
    background-color: #57598a;
}

#fullscreenmenu {
    background-color: #2e3192;
}

.medidas { font-size:12px; margin-top:4px; }
.detalle { font-size:11px; }
.mini1 { font-size:10px; }

.show_sm {
    display: none;
}

.show_md {
    display: none;
}

.show_lg {
    display: none;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.f-al-center {
    align-items: center;
}

.w-40 {
    width: 40%;
}

.w-50 {
    width: 50%;
}

.j-sp-between {
    justify-content: space-between;
}

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

.home_banner { position: relative; color: rgb(0, 123,191); overflow: auto; width: 960px;}
.home_banner li { list-style: none;}
ul { padding: 0; margin: 0; list-style: none;}
.home_banner ul li { float: left; height: 375px;}
.home_banner .dot {
}

.home_banner .dots {
    position: absolute;
    /* right: 43%; */
    padding: 0;
    top: 5px;
    right: 5px;
}
.home_banner .dots li {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 4px;
    text-indent: -999em;
    border: 2px solid #6A6A6B;
    border-radius: 8px;
    cursor: pointer;
    opacity: .5;                        
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
    background: #838383;
}
.home_banner .dots li.active {
    background: #BEBEBE;
    opacity: 1;
}


/* ---------------------------------------------- */
.tooltip {
    display:none;
    position:absolute;
    border:1px solid #333;
    background-color:#161616;
    border-radius:5px;
    padding:10px;
    color:#fff;
}
/* ---------------------------------------------- */



#options_mobile {  visibility:none; display:none; }
#home { display: block; width:943px; height:423px; margin: 0 auto; left:0 auto; margin-top:10px; text-align: center;  }
#home .box1 { display: block; font-family: Questrial, arial; font-size:2.0em; line-height:0.9em;  text-align: left; margin-top:100px; padding:0 0 0 10px;   }
#home .box2 {  z-index:2;  }
#home .titulo1 { font-size: 34px;   }
#home .texto2 { font-size: 20px;  }
 
/*
#mondrian {
    overflow: hidden;
    color: white;
    text-align: center;
}
#mondrian div#uno {
    width: 270px;
    float: left;
}
#mondrian div#dos {
    width: 690px;
    float: left;
}
#mondrian div#uno div.a {
    height: 410px;
    background: rgb(150, 188, 51);
}
#mondrian div#uno div.b {
    height: 280px;
    background: rgb(241, 89, 42);
}
#mondrian div#dos div.a {
    width: 526px;
    height: 320px;
    background: rgb(46, 49, 146);
}
#mondrian div#dos div.b {
    height: 320px;
    width: 164px;
    background: rgb(159, 31, 99);
}
#mondrian div#dos div {
    float: left;
}
#mondrian div#dos div.c {
    height: 260px;
    width: 100%;
    background: rgb(255, 255, 255);
}
#mondrian span.titulo1 {
    font-size: 120%;
    padding: 20px;
    display: block;
    text-decoration: underline;
}

#mondrian #dos .a .imagen {
    background: url('img/sprite_css_home.png');
    background-position: 0px -368px;
    width: 210px;
    height: 300px;
    margin: 10px 10px 0 0;
    float: right;
}

#mondrian a {
    color: white;
    display: block;
}

#mondrian span.texto2 {
    font-size: 170%;
}

#mondrian #uno .a .imagen {
    background: url('img/sprite_css_home.png'); 
    background-position: 0px 0px; 
    width: 270px; 
    height: 254px; 
    margin: 15px 0 11px 0; 
}

#mondrian #uno .a .imagen#mondrian #uno .a .imagen {}
#mondrian #dos .b .imagen {
    background: url('img/sprite_css_home.png'); 
    background-position: -232px -314px; 
    width: 200px; 
    height: 214px; 
    margin: 0 0 11px 0;
}

#mondrian #uno .b .imagen {
    background: url('img/sprite_css_home.png'); 
    background-position: 0px -255px; 
    width: 210px; 
    height: 115px; 
    margin: 15px auto;
}

#mondrian #dos .c {
    color: black;
}
#mondrian #dos .c .imagen {
    background: url('img/sprite_css_home.png'); 
    background-position: -274px -3px; 
    width: 320px; 
    float: left;
    height: 310px; 
    margin: 40px 17px 10px 40px;
}
*/

/* ##################  HEADER   ############################## */

header #usuario {
    background: rgb(202, 203, 227);
    height: 40px;
}
header #usuario > a, #usuario > div > a{
    display: block;
    padding: 9px 9px;
    float: right;
    color: rgb(46,49,146);
    text-decoration: none;
}
header #usuario a:hover, .tbl_carrito a:hover {
    /* font-weight: 500; */
    text-decoration: underline;
}
/*
header #usuario a.chango {
    border: 1px solid white;
    border-bottom: none;
    width: 95px;
    border-top: none;
    width: 95px;
}
header #usuario .chango div {
    background: url('img/sprite_css.png'); 
    background-position: -11px -245px; 
    width: 18px; 
    height: 15px;  
    float: right;
    margin-left: 5px;
}*/
header #usuario .flecha div {
    background: url('img/sprite_css.png');
    background-position: 0px -245px; 
    width: 6px; 
    height: 10px;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 3px;
}
header #usuario .flecha, header #usuario #cerrar_sesion{
    background: rgb(202, 203, 227);
}
.despl_log{
    position: absolute;
    z-index: 10000;
    top: 40px;
}


/* ##################  NAV  ############################## */

nav a#logo {
    float: left;
}
nav {
    height: 170px;
}

/* -----------  BOTONERA PRODUCTOS   ----------------- */


ul#productos  {
    list-style-type: none;
    /* margin: 0; */
    margin-left: 447px;
    /*width: 518px; */ width: 550px;
    float: right;
    margin-top: 75px;
    position: absolute;
    z-index: 1;
}
ul#productos  br { display:none; }
ul#productos  li {
    display: block;
    float: left; 
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
ul#productos li a {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    display: block;
    font-size: 95%;  
    padding: 8px;
    /*margin: 0 15px;*/ 
	margin: 0 4px;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
}
ul#productos li:first-child a { }
ul#productos li:last-child a{ border-right: none; }
ul#productos li:hover > a { 
    /*color: rgb(200,200,200);*/ 
}
ul#productos ul {
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    margin: 0 15px;
    top: 40px; 
    -moz-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
    -webkit-box-shadow: 0px 0px 6px 1px #FFF; 
    box-shadow: 0px 0px 6px 1px rgb(255, 255, 255);
}
ul#productos li:hover > ul { opacity: 1; }
ul#productos ul li {
    height: 0;  
    overflow: hidden;
    width: 175px;
    padding: 0 10px;
    -moz-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
}
ul#productos li:hover > ul li {
    overflow: visible;
    height: 30px; 
}
ul#productos ul li:hover > a { 
    padding-left: 15px;
    -moz-transition: padding-left .25s ease .1s;
    -webkit-transition: padding-left .25s ease .1s;
    -o-transition: padding-left .25s ease .1s;
    -ms-transition: padding-left .25s ease .1s;
    transition: padding-left .25s ease .1s;
}
ul#productos ul li a {
    border: none;
    font-size: 76%;
    text-transform: capitalize;
    border-bottom: 1px solid #FFF;
    margin: 0;
}
ul#productos ul li:last-child a { border: none; }
.azul{
    background: rgb(46, 49, 146);
}
.verde{
    background: rgb(150,188,51);
}
.naranja{
    background: rgb(241,89,42);
}
.bordo{
    background: rgb(159,31,99);
}
.gris{
    background: rgb(142,142,142);
}

/* -----------  BOTONERA INSTITUCIONAL   ----------- */

ul#institucional {
    float: right;
    list-style: none;
    margin: 10px;
}


ul#institucional li {
    float: left;
    padding: 10px;
    text-transform: uppercase;
}

ul#institucional li a {
    text-decoration: none;
    color: rgb(46, 49, 146);
    display: block;
    padding: 5px;
}
ul#institucional li a:hover {
    text-decoration: underline;
}


/* ##################  FOOTER  ############################## */
footer{

}


footer div#primero {
    text-align: center;
}

footer div#segundo {
    padding: 30px;
    overflow: hidden;
}

footer div#tercero {
    background: rgb(46,49,146);
    font-size: 85%;
    color: white;
    padding: 20px 0;
    height: 160px;
    overflow: hidden;
}
footer div#tercero > div:nth-child(1) {
    border-right: solid 2px white;
    width: 340px;
    height: 160px;
    float: left;
}
footer div#tercero div:nth-child(2) {
    border-right: solid 2px white; 
    width: 345px; 
    height: 160px;
    float: left;
}
footer div#tercero div:nth-child(3) {
    float: left;
}
footer div#tercero > div {
    padding: 0 20px;
}
footer #fblogo p{

    padding: 30px 80px;
}
footer ul {
    float: left;
    width: 170px;
}
footer a {
    color: white;
}

footer a:hover {
    font-weight: bold;
}

footer div#primero a {
    color: black;
    text-transform: uppercase;
}

footer li {
    height: 18px;
}

footer #segundo .a div {
    background: url('img/sprite_css.png');
    width: 57px;
    height: 57px;
    background-position: -72px -170px;
    float: left;
    margin-right: 15px;
    margin: 20px 20px 20px 0;
}
footer #segundo {
}
footer #segundo .a {
    width: 330px;
    float: left;
}
footer #segundo .b {
    float: left;
    padding: 20px 0 20px 65px;
}
footer input[type=email] {
    box-shadow: none;
    float: left;
    padding: 14px;
    width: 360px;
    border: solid 1px #dcdcdc;
    transition: box-shadow 0.3s, border 0.3s;
}

input[type="text"]:focus, input[type="button"]:focus, :focus {
    border: solid 1px #707070 !important;
    box-shadow: 0 0 5px 1px #969696 !important;
    outline: none !important;
}

footer input[type=submit] {
    float: right;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fc8b00), color-stop(1, #fe4000) );
    background:-moz-linear-gradient( center top, #fc8b00 5%, #fe4000 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc8b00', endColorstr='#fe4000');
    background-color:#fc8b00;
    color:#ffffff;
    height: 43px;
    line-height: 40px;
    width: 100px;
    border: none;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #cd8915;
    cursor: pointer;
}
footer svg text {
    font-size: 250%;
}

footer svg text.t3 {
    font-size: 150%;
}
footer svg text.t3:hover {
    text-decoration: underline;
    cursor: pointer;
}
footer div#fblogo {
    margin-top: 10px;
    cursor: pointer;
}


/* ##################  SPRITE  ############################## */
.sprite_css {
    background: url('img/sprite_css.png');
    display: block;
}
.sprite_css.sprite_logo {
    background-position: 0px 0px;
    width: 185px;
    height: 170px;
}
.sprite_css.sprite_logo_footer {
    background-position: -190px 0px;
    width: 150px;
    height: 150px;
}
.sprite_css.sprite_logofb {
    background-position: 0px -170px;
    width: 72px;
    height: 72px;
    float: left;
}

.sprite_css_home {
    background: url('img/sprite_css_home.png');
    display: block;
}

.svg_banner .fondo.organizadores, .servicios_prefoot .fondo{
    fill: rgb(46, 49, 146);
}
.svg_banner .flecha.organizadores{
    fill: rgb(37, 39, 117);
}

.svg_banner .fondo.cocina{
    fill: rgb(150,188,51);
}
.svg_banner .flecha.cocina{
    fill: rgb(121, 151, 42);
}

.svg_banner .fondo.seguridad{
    fill: rgb(241,89,42);
}
.svg_banner .flecha.seguridad{
    fill: rgb(201, 73, 34);
}

.svg_banner .fondo.placard{
    fill: rgb(159,31,99);
}
.svg_banner .flecha.placard{
    fill: rgb(131, 25, 81);
}
.svg_banner .flecha.baño{
    fill: rgb(142, 142, 142);
}
.svg_banner .fondo.baño{
    fill: rgb(142, 142, 142);
}

.svg_banner .texto{
    fill: #fff;
    font-size: 250%;
}
.servicios_prefoot .texto{
    fill: #fff;
    font-size: 180%;
    font-weight: 400;
}
.servicios_prefoot .texto2{
    fill: #fff;
    cursor: pointer;
    font-size: 180%;
}




.texto_inst{
    padding: 20px;
    text-align: justify;
}

span.titulo2 {
    font-size: 200%;
    display: block;
    color: rgb(46, 49, 146);
}

.destacado {
    background: rgb(46, 49, 146);
    color: white;
    padding: 15px;
}

.item {
    float: left;
    width: 290px;
    height: 350px;
    margin: 5px;
    padding: 5px;
    opacity: 1;
    text-align: center;
    /* -webkit-transition: all .2s ease-in-out; */ -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;
}
.item img {
    /*width: 270px;*/
}
.item .titulo {
    font-weight: 300;
}

.item:hover .titu {
    text-decoration: underline;
    font-weight: bold;   
}

.item:hover {
    -webkit-box-shadow: -1px 1px 2px 0px #999; 
    box-shadow: -1px 1px 4px 0px #999;
    cursor: pointer;
    opacity: 1.2;
    padding: 4px 4px 6px 6px;
    /* -webkit-transition: all .2s ease-in-out; */ 
    -moz-transition: all .2s ease-in-out; 
    -o-transition: all .2s ease-in-out; 
    -ms-transition: all .2s ease-in-out;
}



.detalleprod_detalle .nombre {
    font-size: 30px;
}

.relacionados .item {
    width: 151px;
    height: 260px;
}
.relacionados .item img {
    width: 150px;
}

a.prod_action {
    background: #2E3192; color: white; text-decoration: none; 
    margin: 35px 25px;
    cursor: pointer;  
    padding: 10px 40px;
    -webkit-box-shadow: 0px 0px 6px 1px #999; box-shadow: 0px 0px 6px 1px #999;
}

div#carrito div.a {
    left: 445px;
    width: 480px;
    height: auto;
    position: absolute;
    background: rgb(255, 255, 255);
    top: 30px;
    z-index: 5;
    padding: 5px;
    -webkit-box-shadow: 0px 0px 6px 1px #999; box-shadow: 0px 0px 6px 1px #999;    
    font-size: 14px;
}


div#carrito {
    position: relative;
}

div#carrito div.a div {
    display: block;
    float: left;
    width: 270px;
}
div#carrito div.a a.remove {
    float: right;
    display: block;
}

.tbl_carrito, .ajx_carrito {
    border: 0;
    border-color: #fff;
    width: 100%;
    margin: auto;
}

.tbl_carrito tr:nth-child(odd), .ajx_carrito tr:nth-child(odd) {
    background-color: #FAFAFA;}

.tbl_carrito tr:nth-child(even), .ajx_carrito tr:nth-child(even) {
    background-color: #CECECE;
    /* color:#FFF; */
}
.ajx_carrito td{
    vertical-align: bottom;
    padding: 0 3px;
}

fieldset {
    margin: 20px;
    background-color: #fcfcfc;
    padding-left: 20px;
    border: 1px solid #C5C5C5;
}
legend, .div_carrito span, .div_persona span, .div_comentarios span {
    font-size: 20px;
    padding: 0 14px;
}

input.cantidad {
    box-shadow: none; 
    text-align: center;
    padding: 3px!important; 
    margin-left: 15px;
    width: 70px!important; 
    border: solid 1px #dcdcdc!important; transition: box-shadow 0.3s, border 0.3s;
}

select#sel_color {
}

.news {
    float: left; width: 49%; color: inherit; margin-bottom: 20px; cursor: pointer; text-decoration: none;
}
.news img {
    width: 150px; float: left;
}
.news div.texto {
    margin: 60px 0 0 170px;
}

.titulo1 {
    font-size: 28px; text-transform: uppercase;
}
input[type='text'], input[type='email'], input[type='date'], input[type='password'], textarea, select[id='tipo_facturacion'] {  
    width: 95%;
    background: #A1B8CA;
    border: none;
    padding-left: 6px;
    display: block;
    height: 28px;
}

div#login1, div#registrarse1 { 
    width: 50%; 
    float: left; 
    font-size: 18px;
}
div#login2, div#registrarse2 {
    width: 49%; 
    float: left; 
    font-size: 18px;
}



.sep_reg {
    width: 2px;
    height: 240px;
    background: rgb(0,91,171);
    float: left;
    margin: 25px 0;
    display: inline-block;
}

div#login1 > div, div#login2 > div{
    padding: 20px 80px;
}
div#login1 a, .ofed_o7 a.simple {
    font-size: 14px;
    padding-left: 17px;
    color: black; 
    cursor: pointer;
    text-decoration: none;
}
div#login1 a:hover, .ofed_o7 a.simple:hover {
    background: url('img/bullet1.gif') no-repeat 3px center; text-decoration: underline;
}

#login2 a {
    background: #2E3192; color: white; text-decoration: none; float: left; 
    margin: 35px 15px; cursor: pointer; padding: 10px 40px;
}


.openbox {
    background: white;
    font-size: 13px;
    border: 1px solid rgb(12,62,111);
    padding: 5px;
    margin-bottom: 10px;
    display: none;
    clear: both;
    overflow: hidden;
}

.openbox input[type='email'], .openbox input[type='text'], .openbox input[type='date']{
    width: 170px !important;
    margin-bottom: 4px;
}

div#mensaje_login {
    text-align: center;
    font-size: 15px;
    border: 1px solid red;
    padding: 10px;
    margin-bottom: 20px;
    margin: 0 29px;
    background: rgba(255, 0, 0, 0.04);
}



/*div#usuario a.flecha {
    background: rgb(12,62,111);
    color: white;
    text-decoration: none;
    float: left;
    cursor: pointer;
    margin: 0 0 0 10px;
    padding: 8px;
}

div#usuario a.flecha:hover {
    text-decoration: underline;
}*/
a#cerrar_sesion {
    cursor: pointer;
    width: 150px;
    border: solid 1px rgb(175, 176, 196);
    text-align: center;
    padding: 5px;
}

.triangle-isosceles.top {
}
.triangle-isosceles {
    /* position: relative; */
    /* padding: 15px; */
    margin: 1em 0 3em;
    color: #000;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.triangle-isosceles.top:after {
    top: -15px;
    right: 190px;
    bottom: auto;
    left: auto;
    border-width: 0 15px 15px;
    border-color: #fff transparent; 
}
.triangle-isosceles:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50px;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #f3961c transparent;
    display: block;
    width: 0;
}
#carrito > .a > a {
    padding: 9px 5px;
    cursor: pointer;
    display: block;
    text-align: right;
    font-size: 14px;
    font-family: verdana;
}

a.prod_action:hover {
    -webkit-box-shadow: 0px 0px 16px 1px #888; 
    box-shadow: 0px 0px 16px 1px #888;
}
.degrade_gris{
    background: rgb(181,189,200); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
    background: linear-gradient(top bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */

    color: white;
}
.mens_log {
    border: 1px solid #C5C5C5; 
    padding: 3px 10px; 
}
.mens_log a {
    font-weight: 400;
}

.opt_color {
    width: 30px;
    height: 30px;
    border: solid 1px #c5c5c5;
    margin-right: 3px;
    margin-bottom: 3px;
    float: left;
}
.opt_color.aluminio {
    background: slategrey;
}

.opt_color.blanco {
    background: white;
}

.opt_color.cromo {
    background: silver;
}
.opt_color.inoxidable {
    background: aliceblue;
}
.opt_color.verde {
    background: green;
}
.opt_color.naranja {
    background: orangered;
}
.opt_color.turquesa {
    background: turquoise;
}

.id, .seccion {
    display: none;
}

.relacionados fieldset {
    background: none;
}

header #usuario .flecha.nombre {
    width: 160px;
    text-align: center;
    cursor: pointer;
}

.opt_color:hover {
    border: solid 1px rgb(46, 49, 146);
}

.div_persona #comentarios {
    height: 115px;
}

.div_carrito span, .div_persona span, .div_comentarios span {
    /* float: left; */ 
    font-weight: 300;
    padding: 10px;
}

.div_persona hr, .div_comentarios hr {
    /* float: right; */ 
    /* width: 100%; */
    /* margin-top: 23px; */
    border-top: 1px solid #C5C5C5;
    border-right: none;
    border-left: none;
}

.div_comentarios #comentarios {
    margin-left: 7px;
    width: 96%;
    font-size: 14px;
    height: 100px;
}

.div_comentarios, .div_persona, .div_carrito {
    margin: 20px 0;
}

input.btn {
    background: #2E3192; color: white; 
    font-size: 16px;
    text-decoration: none; 
    float: right; 
    border: none;
    margin-top: 5px; cursor: pointer; 
    padding: 10px 35px;
}

.div_comentarios input.btn {
    margin-right: 14px;
}

form#frm_newsletter {
    width: 500px;

}

.detalleprod_imagen div:nth-child(2) img{
    width: 60px;
    padding: 10px;
}
.detalleprod_imagen div:nth-child(2) {
    text-align: center;
}

div#grandes {
    margin-top: 33px;
    text-align: center;
    height: 440px;
}










@media only screen and (max-width: 640px) {
	#options {  visibility:none; display:none; }
	#options_mobile { display:block;   }
	#options_mobile .pic_mobile { width:100%; height:auto;   }
	#options_mobile .box_mobile { display:block; text-align:center; color:#FFFFFF; width:100%; padding:25px 0 25px 0;  }
	#options_mobile .text1 { font-family: Questrial, arial; font-size:1.4em; line-height:1.0em; }
	#options_mobile .text2 { font-family: Questrial, arial; font-size:1.2em; line-height:0.9em; }
	#home .titulo1 { font-size: 30px;  }
	#home .texto2 { font-size: 16px;  }
}


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    #hamburgerui {
        width: 100%;
        background-color: #2e3192;
    }

    .btn_hamburger {
        float: right;
    }
    
    #hamburgerui ul {
        width: 100%;
        display: inline-block;
    }

    #hamburgerui ul li {
        float: right;
    }
    
    #hamburgerui ul li.nav_logo {
        height: 35px;
        float: left;
        display: inline-block !important;
    }

    .nav_logo a {
        height: 17px;
    }

    .nav_logo a img {
        height: 45px;
        margin-top: -12px;

    }
    
    #hamburgerui ul li a {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    body {
        padding: 0;
        margin: 0;
        min-width: auto;
    }

    #usuario {
        display: none;
    }

    .home_banner {
        width: 100%;
        height: auto !important;
        margin-top: 59px;
    }

    .home_banner > ul {
        width: 100%;
        height: auto !important;
    }

    .home_banner > ul > li {
        background-size: cover;
        height: auto;
    }

    nav.nav_header {
        display: none;
    }

    #dos > div {
        display: block;
        width: 100%;
        clear: both;
    }

    #dos > div > img {
        width: 100%;
    }
/*
    #mondrian {
        margin-top: -5px;
    }

    #mondrian div#dos {
        width: 100%;
    }
    
    #mondrian div#dos div.c,
    #mondrian div#uno,
    #mondrian div#dos div.b,
    #mondrian div#dos div.a {
        height: auto;
        width: 100%;
        float: none;
    }

    #mondrian div#dos div.a div.imagen,
    #mondrian div#uno div.a div.imagen,
    #mondrian div#dos div.b div.imagen,
    #mondrian div#dos div.c div.imagen {
        margin: auto;
        float: none;
    }

    #mondrian span.texto2 {
        font-size: 12px;
    }
 */   
    #container {
        width: 100%;
        margin: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
/*
    #mondrian div#uno,
    #mondrian span.texto2,
    #mondrian span.titulo1 {
        clear: both;
    }
*/
    #dos div.c span.titulo1 br,
    #dos div.c span.texto2 br {
        display: none;
    }
    
    #dos div.c span.texto2 {
        text-align: center;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    #dos div.c span.titulo1 {
        width: 80%;
        text-align: center;
        margin: auto;
    }

    form#frm_newsletter {
        width: 100%;
    }

    footer div#segundo {
        padding: 10px;
    }

    footer div#segundo .b {
        padding: 0;
        float: none;
    }

    footer input[type="email"] {
        width: 100%;
    }

    footer input[type="email"] {
        float: none;
        display: inline-block;
        width: 70%;
    }

    footer input[type="submit"] {
        float: none;
        display: inline-block;
        width: 25%;
        height: 58px;
    }

    input[type="text"],
    input[type="email"],
    input[type="date"],
    input[type="password"],
    textarea,
    select[id="tipo_facturacion"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    footer input[type="submit"] {
        margin-top: 10px;
        margin-right: -1px;
    }

    footer div#tercero div:nth-child(1) {
        border: 0;
    }

    footer div#tercero div:nth-child(2),
    footer div#tercero div:nth-child(3) {
        display: none;
    }

    #hamburgericonmenuwrapper {
        display: block;
    }

    #fullscreenmenu ul li {
        width: 100%;
    }
    
    #fullscreenmenu ul li a {
        margin: 0;
        padding: 10px;
        font-size: 14px;
    }

    #fullscreenmenu ul li a:hover {
        background-color: #57598a !important;
    }

    section.main_content {
        margin-top: 20px;
    }

    section.main_content img.img_responsive {
        padding: 0;
    }

    div#contenido > a.news {
        width: 100%;
        float: none;
        display: block;
        clear: both;
    }

    .container_12 .grid_6 {
        width: 100%;
        margin: 0;
    }

    .map_responsive {
        overflow:hidden;
        padding-bottom:56.25%;
        position:relative;
        height:0;
    }

    div.map_responsive iframe {
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }

    #contacto2 form table {
        width: 100%;
    }

    .contact_info {
        padding: 10px;
    }

    table.personal_info {
        width: 100%;
        margin-top: 10px;
    }

    .div_carrito span, .div_persona span, .div_comentarios span {
        padding-left: 0;
    }
    
    table.personal_info td {
        display: inline-block;
        width: 100% !important;
    }

    #cerrar_sesion {
        display: inline-block;
        top: 0;
        margin: 0 auto !important;
    }

    .container_12 .grid_12 {
        width: 100%;
        margin: 0;
    }

    #login1 input {
        width: 100%;
    }

    #login1 > div {
        display: inline-block;
        padding: 0 !important;
        width: 100%;
    }

    div#login1,
     div#registrarse1 {
        width: 100%;
    }
    
    #login2 {
        display: none;
    }

    .sep_reg {
        display: none;
    }

    .btn_login,
    .btn_signup {
        display: block !important;
        width: 100%;
    }

    .productos .item, 
    .relacionados .item {
        width: 100%;
        padding: 0;
        margin: 0 auto;
        float: none;
    }

    .unit_options label {
        clear: both;
        display: block;
    }

    .productos .item:hover {
        border: 0;
        box-shadow: 0;
        -webkit-box-shadow: 0;
    }

    .detalleprod_imagen {
        width: 100%;
    }

    .hide_sm {
        display: none;
    }

    .show_sm {
        display: inline-block;
    }

    .frm_carrito fieldset {
        margin: 0;
        padding: 5px;
        overflow-x: scroll;
        font-size: 12px;
    }

    .frm_carrito table {
        border-collapse: collapse;
    }

    #hamburgerui.shrink li:nth-last-of-type(n+2) a {
        opacity: 1;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 992px) {
    .home_banner {
        width: 100%;
        height: auto !important;
        margin-top: 10px;
    }

    .home_banner > ul {
        width: 100%;
        height: auto !important;
    }

    .home_banner > ul > li {
        background-size: cover;
        height: auto;
    }

/*
    #mondrian div#uno {
        width: 100%;
    }
    
    #mondrian div#dos > div.a,
    #mondrian div#dos > div.b {
        width: 50%;
    }
*/
    footer div#tercero div:nth-child(2),
    footer div#tercero div:nth-child(3) {
        display: none;
    }

    nav.nav_header {
        display: none;
    }

    #container {
        width: 100%;
        margin: 0;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    body {
        padding: 0;
        margin: 0;
        min-width: auto;
    }
/*
    #mondrian div#dos {
        width: 100%;
    }
    
    #mondrian div#dos div.b,
    #mondrian div#dos div.a {
        min-height: 500px;
    }

    #mondrian div#dos div.a div.imagen,
    #mondrian div#uno div.a div.imagen,
    #mondrian div#dos div.b div.imagen,
    #mondrian div#dos div.c div.imagen {
        margin: auto;
    }

    #mondrian #dos .a .imagen,
    #mondrian #dos .b .imagen {
        display: inline-block;
        float: none;
    }
*/
    .show_md {
        display: block;
    }
/*
    #mondrian div#dos div.b,
    #mondrian div#dos div.a {
        display: flex;
        flex-direction: column;
    }

    #mondrian div#dos div.a .imagen {
        order: 2;
    }

    #mondrian div#dos div.a .titulo1 {
        order: 1;
    }

    #mondrian div#dos div.a a {
        order: 3;
    }

    #mondrian div#dos div.b a,
    #mondrian div#dos div.a a {
        margin-bottom: 20px;
    }

    #dos div.c span.texto2 {
        padding-top: 50px;
    }

    #mondrian div#dos div.c {
        min-height: 300px;
    }
*/

    footer div#tercero {
        display: flex;
    }
    
    footer div#tercero > div:nth-child(1) {
        width: 45%;
    }
    
    footer div#tercero > div:nth-child(2) {
        display: block;
        border-right: 0;
        padding-right: 0;
    }

    #hamburgericonmenuwrapper {
        display: block;
    }
    
    #hamburgerui {
        width: 100%;
        background-color: #2e3192;
    }

    .btn_hamburger {
        float: right;
    }
    
    #hamburgerui ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    #hamburgerui ul li {
    }
    
    #hamburgerui ul li.nav_logo {
        height: 35px;
        display: inline-block !important;
    }

    .nav_logo a {
        height: 17px;
    }

    .nav_logo a img {
        height: 45px;
        margin-top: -12px;

    }
    
    #hamburgerui ul li a {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px;
    }

    nav.nav_header {
        display: none;
    }

    #hamburgerui.shrink li:nth-last-of-type(n+2) a {
        opacity: 1;
    }
    
    #fullscreenmenu ul li a {
        margin: 0;
        padding: 10px;
        font-size: 18px;
    }

    #fullscreenmenu ul li a:hover {
        background-color: #57598a !important;
    }

    .productos {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 !important;
    }

    .container_12 .grid_12 {
        width: 100%;
    }

    .container_12 .grid_6 {
        width: 50%;
        margin: 0;
        padding: 0;
    }

    .detalleprod_imagen,
    .detalleprod_detalle {
        margin: 0;
    }

    .unit_options label {
        clear: both;
        display: block;
    }

    a.prod_action {
        margin-left: 10px;
    }

    div#login1 > div,
    div#login2 > div {
        padding: 0;
    }

    .map_responsive {
        overflow:hidden;
        padding-bottom:56.25%;
        position:relative;
        height: 200px;
        padding-left: 10px;
        width: 40% !important;
    }

    .contact_info {
        margin: 0;
        padding-left: 10px;
    }

    div.map_responsive iframe {
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
    }

    #contacto2 form table {
        width: 100%;
    }

    .container_12 .grid_12 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
    }

    .news div.texto {
        margin-left: 150px;
    }

    div#carrito {
        z-index: 99999;
        display: none;
    }
    
    div#carrito div.a {
        display: none;
    }

    #cerrar_sesion {
        display: inline-block;
        top: 0;
        margin: 0 auto !important;
        height: 20px;
    }

    .texto_inst {
        padding: 0 !important;
    }
}

@media only screen  and (min-width: 992px) {
    .show_lg {
        display: block;
    }
}

.img_responsive {
    max-width: 100%;
}

.pl-20 {
    padding-left: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.d-iblock {
    display: inline-block;
}

.w-100 {
    width: 100%;
}

.pb-40 {
    padding-bottom: 40px;
}