/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

* { -webkit-print-color-adjust:exact; }
/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

* {
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
}

a,
a:visited {
    text-decoration: underline;
}

a[href]:after {
    content: " (" attr(href) ")";
}

abbr[title]:after {
    content: " (" attr(title) ")";
}

/*
* Don't show links for images, or javascript/internal links
*/

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
    content: "";
}

pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
}

thead {
    display: table-header-group; /* h5bp.com/t */
}

tr,
img {
    page-break-inside: avoid;
}

img {
    max-width: 100% !important;
}

@page {
    margin: 0.5cm;
}

p,
h2,
h3 {
    orphans: 3;
    widows: 3;
}

h2,
h3 {
    page-break-after: avoid;
}
/* CSS custom for pages */
.c645 { width: 100% !important; }

header.main,
.header-internal,
aside.main,
footer.main,
section.breadcrumb,
input,
select,
.sSelect, 
.btn,
.btn-add-item,
.btn-dgray-w40,
.btn-full,
.btn-bgray,
.wrap-mountYourGuide,
.btn-imprimir,
.btn-pdf,
.btn-email { display: none !important; }

#printContent {
    display: block !important;
    width: 90%;
    padding: 30px 5%;
    color: #454545;
    font-family: 'Neo Sans Pro';
    font-size: 12px;
    line-height: 20px;
}

    #printContent a { color: #454545; }

    #printContent p { margin-bottom: 20px; padding: 0; color: #454545; }
    
    #printContent .gru-logo { float: right; }
        #printContent .gru-logo figcaption { display: block; text-indent: -9999em; }

    #printContent .area-title { line-height: 46px; display: block; float: left; width: 350px; font-size: 46px; text-transform: uppercase; font-family: 'Neo Sans Pro Medium'; color: #000; }
    #printContent .page-title { line-height: 30px; font-size: 30px; text-transform: uppercase; font-family: 'Neo Sans Pro Medium'; }

    #printContent .content-figure {
        max-width: 670px;
        display: block;
        margin: 0 auto;
        overflow: hidden;
    }

    #printContent .content-figure figcaption { display: block; text-indent: -9999em; }

   #seeUrGuide { width: 90% !important; }
   .result dl dd { display: block !important; }
   .result dl .ico.ico-arrow-close, #printContent .result dl .ico.ico-arrow-open { background: 0 none !important; }