/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

/* Rules for sizing the icon. */
.material-icons.tiny { font-size: 1rem; }
.material-icons.small { font-size: 2rem; }
.material-icons.medium { font-size: 4rem; }
.material-icons.large { font-size: 6rem; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
.material-icons.md-amarillo { color: #ffcc00; }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

.material-icons.orange600 { color: #FB8C00; }
.material-icons.negro1 { color: #191919; }
.material-icons.negro2 { color: #141414; }
.material-icons.negro3 { color: #0F0F0F; }
.material-icons.negro4 { color: #080808; }

.page-contenido {margin-top: 0px;padding-top: 0em; padding-bottom: 1em}
.page-contenido-sp {margin-top: 0px;padding-top: 0px;}

h2 span {
	border-width: 0px 44px;
    height: 42px;
    display: inline-block;
    line-height: 45px;
    -moz-border-image: url(../img/h2.png) 0 34 repeat;
    -webkit-border-image: url(../img/h2.png) 0 34 repeat;
    -webkit-border-image: url(../img/h2.png) 0 34 repeat;
    -o-border-image: url(../img/h2.png) 0 34 repeat;
    border-image: url(../img/h2.png) 0 34 repeat;
    background-color: #141414;
    padding: 0;}

.map-area{margin: 0; max-height: 420px;}

.logomenu{height: 80px; padding-top: 5px;}

.paddtop{margin-top: -420px; }

.bgproductos{margin: auto;  max-height: 520px;  background-image: url("../img/bg_in.png"); padding-top: 20px; background-repeat:no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-position:center;}
.tcentered{text-align: center; margin: auto; padding: 0;}
.esub{font-size: 2rem;line-height: 110%;font-weight: 500;text-transform: uppercase; padding: 0em 0 .5em 0; color: #00C853; text-align: center;}
.benviar{width: auto;  float: left;}
.logomovil{padding-top: 0;}
.linkmapa{color: #619DE5; text-decoration: underline;}
.columna-centrada{background: #fff; padding: 1em;margin-top: -5rem; margin-bottom: 1.25rem; }
.imggaleria{display: inline-block; margin: 5px; border: 3px solid #fff; width: 100%; text-align: center; cursor: pointer;}
.imgmapa{margin: auto; padding: auto; width: 100%; max-height: 420px; padding-bottom: 10px;}

#sucursalModal{
    width: 50%;
    max-height: 65%;
}
#errorModal{
    width: 30%;
}
#bolsaForm label{
    color: #222;
}
#contactForm .input-field{
    color: #ffd600;
}
.aligncenter{
    text-align: center;
}
#sucursalModal .modal-content{
    height: 70%;
}
#sucursalModal .modal-content{
    height: 100%;
}
#sucursalModal .modal-footer{
    bottom: 0px;
    position: absolute;
}
#sucursalModal .map{
    height: 65%;
}
#sucursalModal .map iframe{
    height: 100%;
}
.factura{background: #fff;
    font-size: 20px;
    font-weight: 700;
    color: #d32f2f !important;
    padding: 0px 23px;
    margin-right: 15px;}
.factura:hover {background: #f5f5f5;
    color: #d32f2f !important;
}
.side-nav a.factura{background: #d32f2f !important ;
    font-size: 20px;
    font-weight: 700;
    color: #fff !important;
    padding: 0px 15px;
    margin-right: 0px;}
.side-nav a.factura:hover {background: #b52b2b !important;}
/* ----------- iPhone 5 and 5S ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    #sucursalModal{
        width: 80%;
        max-height: 100%;
    }
    #sucursalModal .modal-body{
        height: 20%;
        overflow-y: scroll;
    }
    #sucursalModal .modal-footer{
        bottom: 0px;
        position: fixed;
    }
    #errorModal{
        width: 80%;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    #sucursalModal{
        width: 90%;
        max-height: 80%;
    }
    #errorModal{
        width: 45%;
    }
}

/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    #sucursalModal{
        width: 90%;
        max-height: 80%;
    }
    #errorModal{
        width: 80%;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    #sucursalModal{
        width: 80%;
        max-height: 80%;
    }
    #errorModal{
        width: 45%;
    }
}

/* ----------- iPhone 6+ ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    #sucursalModal{
        width: 90%;
        max-height: 80%;
    }
    #errorModal{
        width: 80%;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    #sucursalModal{
        width: 80%;
        max-height: 80%;
    }
    #errorModal{
        width: 45%;
    }
}