.selectnav { display: none; }

#log-panel .button1 {
    display: none;
}

@media screen and (max-width: 768px) {
    .span9 #nav, .span12 #nav { display: none; }
    .span9 .selectnav, .span12 .selectnav { display: block; width:100%; }
    .menu-nav {
        display: none;
    }
    #log-panel .button1 {
        display: inline;
        float: none !important;
        margin: 3px;
    }
    a#v_toggle {
        display: none;
    }
}

/* Large desktop */
@media (min-width: 980px) { 
    .camera_caption h1 {
        font-size: 230%;
        letter-spacing: -1px;
        margin: 4px 0px;
    }
    
    .camera_caption h2 {
        font-size: 140%;
        letter-spacing: 0px;
        margin: 4px 0px;
    }
    
    .camera_caption {
        font-size: 110%;
    }
    
    #search-position .search .inputbox, #search-position .finder .inputbox {
        max-width: 110px;
    }
    
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

body {
    font-size: 11px !important;
}

h3 {
    font-size: 130%;
}

    .camera_caption h1 {
        font-size: 150%;
        letter-spacing: 0px;
        margin: 4px 0px;
    }
    
    .camera_caption h2 {
        font-size: 120%;
        letter-spacing: 0px;
        margin: 4px 0px;
    }
    
    .camera_caption {
        font-size: 100%;
    }

#slideshow-handler {
    padding-top: 140px;
}

#search-position .search .inputbox, #search-position .finder .inputbox {
    width: 95px;
}

#search-position .search .button {
    text-indent: -9999px;
}

#menu-handler {
    margin: 0px 2%;
    width: 96%;
}

#menu .menu-nav > li a {
    font-size: 13px;
    padding: 7px 10px;
}

#menu #nav ul { width: 12em !important;}
#menu #nav ul ul { left: 12em !important; }

#menu #nav ul li a { font-size: 11px; }

}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 

body {
    font-size: 11px !important;
}

.custom_style1 a.image, .custom_style1 a.image:hover {
    background: none !important;
}

.custom_style1 a.image:hover img {
    opacity: 1.0;
}

.camera_caption h1 {
    font-size: 160%;
    letter-spacing: 0px;
    margin: 4px 0px;
}

.camera_caption h2 {
    font-size: 140%;
    letter-spacing: 0px;
    margin: 4px 0px;
}

.camera_caption {
    font-size: 100%;
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 140%;
}

h3, .moduletable_style1 h3, .moduletable_style2 h3, .moduletable_menu h3, .moduletable h3, .moduletable_empty h3, blockquote {
    font-size: 130%;
}

#top-background {
    max-width: 767px;
}

#foo-left-right .span6 {
    text-align: center;
    font-size: 90% !important;
}

#foo-left-right .span6 p {
    text-align: center !important;
}

div.tipz {
    display: none !important;
}

#slideshow-handler {
    padding-top: 170px;
}

#site-name-handler {
    height: auto !important;
}

#top, #top-handler, #sn-position {
    height: 160px;
}

#search-position .search .inputbox, #search-position .finder .inputbox {
    width: 95px;
}

#search-position .search .button {
    text-indent: -9999px;
}

#social {
    position: static;
}

#social-links {
    text-align: center;
    padding: 5px;
}

#social-links li a {
    float: none;
    display: inline-block;
    margin-bottom: 4px;
}

#sn-position {
    position: static;
    text-align: center;
}

#menu {
    display: block;
    position: absolute;
    top: 193px;
    left: 0;
    height: auto;
    width: 88%;
    margin: 0 6%;
}

#menu-handler {
    width: 100%;
    margin: 0;
}

#top-nav-handler {
    text-align: center;
    padding-top: 5px;
    position: relative;
    z-index: 1041;
}

#social {
    float: none;
    margin: -20px 0px 0px 0px;
    overflow: hidden;
    height: 38px;
}

a.button1 {
    float: none;
    margin: 3px;
}

#log-panel {
    margin: -165px 0px 0px 0px;
    padding: 0px;
}

#search-position .search, #search-position .finder {
    text-align: center;
    padding: 5px;
}

.img-intro-none, .img-fulltext-none {
    text-align: center;
    padding: 10px;
}

.img-intro-left, .img-fulltext-left {
    float: none;
    text-align: center;
    padding: 10px;
}

.img-intro-right, .img-fulltext-right {
    float: none;
    text-align: center;
    padding: 10px;
}

textarea, .textarea {
    width: 90%;
}

dt.tabs span, dt.tabs.open span {
    border: 0px;
    height: 17px;
}

dt.tabs {
    float: none;
    height: 100% !important;
}

#contact-slider {
    height: auto !important
}

/* ===== MENÚ PRINCIPAL EN MOBILE — TEXTO BLANCO Y MÁS GRANDE ===== */

#nav ul li a,
#nav ul li a:link,
#nav ul li a:visited,
#nav ul li span.separator {
    font-size: 16px !important;       /* letra más grande */
    color: #ffffff !important;        /* texto blanco */
    padding: 10px 12px !important;    /* área táctil más cómoda */
    background-image: none !important;/* quita divisores/puntitos */
}

#nav ul li a:hover,
#nav ul li span.separator:hover {
    background-color: #d10000 !important;
    color: #ffffff !important;
}

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 

#nav-line {
    display: none;
}

#top-background {
    max-width: 480px;
}

.slideshow .slideshow-captions {
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    border: 0px !important;
    max-width: 100% !important;
    padding: 5px;
}

.slideshow .slideshow-thumbnails {
    top: 10px;
    right: 10px;
}

.slideshow .slideshow-controller {
    display: none;
}

.slideshow-images img {
    max-width: 480px !important;
    width: auto;
    height: auto;
    /*display: none !important; optionally */
}

#slideshow-handler {
    max-width: 480px !important;
    width: auto;
    height: auto;

}

#search-position .search .inputbox, #search-position .finder .inputbox {
    max-width: 100px;
}

#foo-left-right .span6 p {
    text-align: center !important;
}

#sl-bg-cover {
    height: 9% !important;
}

.camera_pag {
    bottom: 6% !important;
}

}

/* ===========================================
   FORZAR ESTILO DEL MENÚ EN MOBILE
   (cualquier enlace dentro de #menu)
   =========================================== */
@media (max-width: 767px) {

    #menu a,
    #menu a:link,
    #menu a:visited {
        font-size: 16px !important;   /* letra más grande */
        color: #ffffff !important;    /* texto blanco */
    }

    #menu a:hover {
        color: #ffffff !important;
        background-color: #d10000 !important; /* opcional: hover rojo */
    }
}