/********************** Backgrounds **********************/ #Header_wrapper { background-color: #ac9e91; } #Subheader { background-color: #F7F7F7; } .header-classic #Action_bar, .header-stack #Action_bar { background-color: #2C2C2C; } #Sliding-top { background-color: #545454; } #Sliding-top a.sliding-top-control { border-right-color: #545454; } #Footer { background-color: #666666; } /************************ Colors ************************/ /* Content font */ body, ul.timeline_items, .icon_box a .desc, .icon_box a:hover .desc, .feature_list ul li a, .list_item a, .list_item a:hover, .widget_recent_entries ul li a, .flat_box a, .flat_box a:hover { color: #626262; } /* Theme color */ .themecolor, .opening_hours .opening_hours_wrapper li span, .fancy_heading_icon .icon_top, .fancy_heading_arrows .icon-right-dir, .fancy_heading_arrows .icon-left-dir, .fancy_heading_line .title, .button-love a.mfn-love, .format-link .post-title .icon-link, .pager-single > span, .pager-single a:hover, .widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_mfn_recent_comments ul li:after, .widget_archive ul, .widget_recent_comments ul li:after, .widget_nav_menu ul, .woocommerce ul.products li.product .price, .shop_slider .shop_slider_ul li .item_wrapper .price, .woocommerce-page ul.products li.product .price, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to, .woocommerce ul.product_list_widget li .quantity .amount, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span, #Error_404 .error_pic i { color: #000000; } /* Theme background */ .themebg, .pager .pages a:hover, .pager .pages a.active, .pager .pages span.page-numbers.current, .pager-single span:after, #comments .commentlist > li .reply a.comment-reply-link, .fixed-nav .arrow, #Filters .filters_wrapper ul li a:hover, .widget_categories ul, .Recent_posts ul li .desc:after, .Recent_posts ul li .photo .c, .widget_recent_entries ul li:after, .widget_mfn_menu ul li a:hover, .widget_mfn_menu ul li.current_page_item a, .widget_product_categories ul, div.jp-interface, #Top_bar a#header_cart span, .testimonials_slider .slider_images, .testimonials_slider .slider_images a:after, .testimonials_slider .slider_images:before, .slider_pagination a.selected, .slider_pagination a.selected:after, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet.selected:after, .tp-leftarrow.default, .tp-rightarrow.default, .tp-bullets.tp-thumbs .bullet.selected:after, .offer_thumb .slider_pagination a:before, .offer_thumb .slider_pagination a.selected:after { background-color: #000000; } @import url(https://fonts.googleapis.com/css?family=Ubuntu:400,400italic,500,300,300italic); @font-face { font-family: 'Damion-Regular'; src: url('fonts/Damion-Regular.ttf'); } @font-face { font-family: 'SourceCodePro-ExtraLight'; src: url('fonts/SourceCodePro-ExtraLight.ttf'); } @font-face { font-family: 'SourceCodePro-Regular'; src: url('fonts/SourceCodePro-Regular.ttf'); } @font-face { font-family: 'SourceCodePro-Medium'; src: url('fonts/SourceCodePro-Medium.ttf'); } @font-face { font-family: 'SourceCodePro-Semibold'; src: url('fonts/SourceCodePro-Semibold.ttf'); } /* Links color */ a { color: #313131; } a:hover { color: #1f1f1f; } /* Selections */ *::-moz-selection { background-color: #313131; } *::selection { background-color: #313131; } /* Grey */ .blockquote p.author span, .counter .desc_wrapper .title, .article_box .desc_wrapper p, .team .desc_wrapper p.subtitle, .pricing-box .plan-header p.subtitle, .pricing-box .plan-header .price sup.period, .chart_box p, .fancy_heading .inside, .fancy_heading_line .slogan, .post-meta, .post-meta a, .post-footer, .post-footer a span.label, .pager .pages a, .button-love a .label, .pager-single a, #comments .commentlist > li .comment-author .says, .fixed-nav .desc .date, .filters_buttons li.label, .Recent_posts ul li a .desc .date, .widget_recent_entries ul li .post-date, .tp_recent_tweets .twitter_time, .widget_price_filter .price_label, .shop-filters .woocommerce-result-count, .woocommerce ul.product_list_widget li .quantity, .widget_shopping_cart ul.product_list_widget li dl, .product_meta .posted_in, .woocommerce .shop_table .product-name .variation > dd, .shipping-calculator-button:after, .shop_slider .shop_slider_ul li .item_wrapper .price del, .testimonials_slider .testimonials_slider_ul li .author span, .testimonials_slider .testimonials_slider_ul li .author span a { color: #a8a8a8; } /* Headings font */ h1, h1 a, h1 a:hover, .text-logo #logo { color: #444444; } h2, h2 a, h2 a:hover { color: #444444; } h3, h3 a, h3 a:hover { color: #444444; } h4, h4 a, h4 a:hover { color: #444444; } h5, h5 a, h5 a:hover { color: #444444; } h6, h6 a, h6 a:hover, a.content_link .title { color: #444444; } /* Highlight */ .dropcap, .highlight:not(.highlight_image) { background-color: #000000; } /* Buttons */ a.button, a.tp-button { background-color: #f7f7f7; color: #747474; } a.button_theme, a.tp-button.button_theme, button, input[type="submit"], input[type="reset"], input[type="button"] { background-color: #000000; color: #fff; } /* Fancy Link */ a.mfn-link { color: #656B6F; } a.mfn-link-2 span, a:hover.mfn-link-2 span:before, a.hover.mfn-link-2 span:before, a.mfn-link-5 span, a.mfn-link-8:after, a.mfn-link-8:before { background: #313131; } a:hover.mfn-link { color: #313131; } a.mfn-link-2 span:before, a:hover.mfn-link-4:before, a:hover.mfn-link-4:after, a.hover.mfn-link-4:before, a.hover.mfn-link-4:after, a.mfn-link-5:before, a.mfn-link-7:after, a.mfn-link-7:before { background: #1f1f1f; } a.mfn-link-6:before { border-bottom-color: #1f1f1f; } /* Shop buttons */ .woocommerce a.button, .woocommerce .quantity input.plus, .woocommerce .quantity input.minus { background-color: #f7f7f7 !important; color: #747474 !important; } .woocommerce a.button_theme, .woocommerce button.button, .woocommerce input[type="submit"], .woocommerce input[type="reset"], .woocommerce input[type="button"] { background-color: #000000 !important; color: #fff !important; } /* Lists */ .column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol { color: #737E86; } /* Dividers */ .hr_color, .hr_color hr, .hr_dots span { color: #000000; background: #000000; } .hr_zigzag i { color: #000000; } /* Highlight section */ .highlight-left:after, .highlight-right:after { background: #000000; } @media only screen and (max-width:767px) { .main_image_tablet { display: none; } #section61 .tablet_content { display: none; } .page-colaboradores .desc_colaboradores { } .page-voz .image_frame { } .height-350px { min-height: 276px !important; } .page-colaboradores .seccion-movil img.scale-with-grid { position: absolute; margin-top: -290px; z-index: 9999; left: 0; } .page-colaboradores .head_instrument { margin: 0 !important; } .page-colaboradores .image_frame .image_wrapper { min-height: 218px !important; overflow: visible; } .highlight-left .column:first-child, .highlight-right .column:last-child { background: #000000; } .footer-box1 { border-left: 0 none !important; border-right: 0 none !important; margin-top: 10px !important; border-top: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: 10px !important; margin-left: 0 !important; margin-right: 0 !important; } .footerSlideButton-close { top: 0 !important; } #footerSlideContent.open { height: 100% !important; overflow-y: auto; } #footerSlideContent.open * { } #Footer .widgets_wrapper .widget { font-size: 1em; } #Footer .widgets_wrapper { padding: 0 !important; } #Top_bar #menu { overflow: hidden; } #logo { font-size: 48px !important; line-height: 48px; } div.logo #logo { text-align: left; } div.logo h1 { margin: 0 !important; text-align: left; } .logo h2 { margin: 0 !important; font-size: 14px !important; } .bg_e8e08d { padding: 0px !important; background: #e8e08d !important; } .home-page .desc { margin: 0 !important; } .home-page .list_item .list_right { padding: 30px 0px !important } #section41 .description_section { position: relative; padding: 20px; z-index: 1; } #section51 .description_section { position: relative; padding: 20px 0; z-index: 1; } #section61 .description_section { position: relative; padding: 20px; z-index: 1; } #section41 .description_olas { position: absolute !important; z-index: 0 !important; } #section41 .description_hojas { position: absolute !important; z-index: 0 !important; top: auto; bottom: -25%; right: auto; left: 10%; } #section41 .description_pie_de_foto { position: relative; z-index: 1 } body.home-page #Header_wrapper { background-color: #18A991 !important; } body.home-page #Header_wrapper { background-color: #18A991 !important; } body.page-mandolina #Header_wrapper, body.page-mandolina { background-color: #f5d128 !important; } body.page-guitarra #Header_wrapper, body.page-guitarra { background-color: #19A992 !important; } body.page-maracas #Header_wrapper, body.page-maracas { background-color: #f6d128 !important; } body.page-acordeon #Header_wrapper, body.page-acordeon { background-color: #F0EBCB !important; } body.home-page .container { padding-right: 30px !important; padding-left: 30px !important; } .bg_pez_azul { background-position: left 0% top 0% !important; } #Top_bar #menu ul li a { text-align: center; } .page-acordeon #boton_play_mobile { left: 65% !important; top: 60%; } .page-guitarra #boton_play_mobile { left: 55% !important; top: 40%; } .page-maracas #boton_play_mobile { left: 55% !important; top: 55%; } .page-mandolina #boton_play_mobile { left: 70% !important; top: 73%; } .page-violin #boton_play_mobile { left: 50% !important; top: 83%; } .page-voz #boton_play_mobile { left: 50% !important; top: 83%; } .page-tinafono #boton_play_mobile { left: 50% !important; top: 63%; } .page-maracas .boton_entrevista { position: absolute; z-index: 99; width: 100%; text-align: center; } .page-tinafono .boton_entrevista { text-align: center; } .page-quijada .boton_entrevista { position: absolute; z-index: 99; width: 100%; text-align: center; margin-top: -50px; } .page-voz .boton_entrevista { position: absolute; z-index: 99; width: 100%; text-align: center; margin-top: -50px; } .page-guitarra .container { padding-right: 30px !important; padding-left: 30px !important; } .page-mandolina .container { padding-right: 30px !important; padding-left: 30px !important; } .page-napa .container { padding-right: 30px !important; padding-left: 30px !important; } .page-maracas .container { padding-right: 30px !important; padding-left: 30px !important; } .page-violin .container { padding-right: 30px !important; padding-left: 30px !important; } .page-quijada .container { padding-right: 30px !important; padding-left: 30px !important; } .page-voz .container { padding-right: 30px !important; padding-left: 30px !important; } .page-tinafono .container { padding-right: 30px !important; padding-left: 30px !important; } .page-guitarra .lity-content #inline-interview { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .page-voz .lity-content #inline-interview { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .page-maracas .lity-content #inline-interview { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .page-quijada .lity-content #inline-interview { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .page-tinafono .lity-content #inline-interview { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .lity { overflow-y: scroll; -webkit-overflow-scrolling: touch; } .page-acordeon .container { padding-right: 30px !important; padding-left: 30px !important; } .page-colaboradores .container { padding-right: 30px !important; padding-left: 30px !important; } .image_desc_right { margin: 0 !important; } .head_instrument { font-size: 32px !important; } .desc_colaboradores { margin: 0 !important; padding: 0 !important; position: static !important; } .staff_desc_right { margin: 0 !important; } .page-guitarra #staticImg { margin-top: 0 !important; margin-left: 0px !important; position: relative !important; right: 0 !important; } .page-guitarra .boton_entrevista { margin-top: -90px !important; z-index: 0 !important; } .page-quijada .boton_entrevista { margin-top: -90px !important; z-index: 0 !important; } .page-maracas #staticImg { margin-top: 0 !important; margin-left: 0px !important; position: relative !important; right: 0 !important; } .page-maracas .boton_entrevista { margin-top: -160px !important; z-index: 0 !important; } .boton_entrevista { background-size: 70% !important; } .boton_entrevista a { font-size: 15px !important; line-height: 15px !important; padding: 14px 10px !important; } .bg_caracola_3 { background: url('images/caracola_3.png') right 0% top 10% no-repeat !important; } .page-guitarra .bg_caracola_3 { background: url('images/caracol_movil.png') left 50% top 0% no-repeat !important; position: static; height: 59px; } .page-guitarra .mango_guitarra_movil { background: url('images/mango_guitarra_movil.png') left 0% top 55% no-repeat !important; width: 100%; height: 100%; } .bg_palmeras { background: url('images/maracas_palmeras.png') no-repeat left 15% top 0% !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 113px; } .bg_voz_1 { background: url('images/voz_01.png') no-repeat left 15% top 0% !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 82px; } .bg_voz_2 { background: url('images/voz_02.png') no-repeat left 15% top 0% !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; height: 82px; } #inline-interview .desc_wrapper { position: static !important; } #inline-interview h4, #inline-interview p { text-align: left !important; text-indent: 10% !important; } div.audio-player { width: 100% !important; position: relative; min-height: 35px !important; margin-bottom: 15px !important; } #inline-interview audio { width: 100%; } #inline-interview .desc { padding: 15px !important; font-size: 12px !important; } .bg_caracolas { background-position: left 50% top 100% !important; } .page-acordeon .bg_18a991 { padding: 0 !important; } } /************************ Header ************************/ #Header .top_bar_left, .header-classic #Top_bar, .header-stack #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu { background-color: #FB483A; } #Top_bar .top_bar_right:before { background-color: #e3e3e3; } #Header .top_bar_right { background-color: #f5f5f5; } #Top_bar .top_bar_right a { color: #444444; } #Top_bar .menu > li > a { color: #ffffff; } #Top_bar .menu > li.current-menu-item > a, #Top_bar .menu > li.current_page_item > a, #Top_bar .menu > li.current-menu-ancestor > a, #Top_bar .menu > li.current_page_ancestor > a, #Top_bar .menu > li.hover > a { color: #e5e5e5; } #Top_bar .menu > li a:after { background: #e5e5e5; } .menu-highlight #Top_bar #menu > ul > li.current-menu-item > a, .menu-highlight #Top_bar #menu > ul > li.current_page_item > a, .menu-highlight #Top_bar #menu > ul > li.current-menu-ancestor > a, .menu-highlight #Top_bar #menu > ul > li.current_page_ancestor > a, .menu-highlight #Top_bar #menu > ul > li.hover > a { background: #000000; } #Top_bar .menu > li ul { background-color: #F2F2F2; } #Top_bar .menu > li ul li a { color: #5f5f5f; } #Top_bar .menu > li ul li a:hover, #Top_bar .menu > li ul li.hover > a { color: #2e2e2e; } #Top_bar .search_wrapper { background: #000000; } #Subheader .title { color: #888888; } #Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a { color: rgba(136, 136, 136, 0.6); } /************************ Footer ************************/ #Footer, #Footer .widget_recent_entries ul li a { color: #cccccc; } #Footer a { color: #313131; } #Footer a:hover { color: #1f1f1f; } #Footer h1, #Footer h1 a, #Footer h1 a:hover, #Footer h2, #Footer h2 a, #Footer h2 a:hover, #Footer h3, #Footer h3 a, #Footer h3 a:hover, #Footer h4, #Footer h4 a, #Footer h4 a:hover, #Footer h5, #Footer h5 a, #Footer h5 a:hover, #Footer h6, #Footer h6 a, #Footer h6 a:hover { color: #ffffff; } /* Theme color */ #Footer .themecolor, #Footer .widget_meta ul, #Footer .widget_pages ul, #Footer .widget_rss ul, #Footer .widget_mfn_recent_comments ul li:after, #Footer .widget_archive ul, #Footer .widget_recent_comments ul li:after, #Footer .widget_nav_menu ul, #Footer .widget_price_filter .price_label .from, #Footer .widget_price_filter .price_label .to, #Footer .star-rating span { color: #000000; } /* Theme background */ #Footer .themebg, #Footer .widget_categories ul, #Footer .Recent_posts ul li .desc:after, #Footer .Recent_posts ul li .photo .c, #Footer .widget_recent_entries ul li:after, #Footer .widget_mfn_menu ul li a:hover, #Footer .widget_product_categories ul { background-color: #000000; } /* Grey */ #Footer .Recent_posts ul li a .desc .date, #Footer .widget_recent_entries ul li .post-date, #Footer .tp_recent_tweets .twitter_time, #Footer .widget_price_filter .price_label, #Footer .shop-filters .woocommerce-result-count, #Footer ul.product_list_widget li .quantity, #Footer .widget_shopping_cart ul.product_list_widget li dl { color: #a8a8a8; } /************************ Sliding Top ************************/ #Sliding-top, #Sliding-top .widget_recent_entries ul li a { color: #cccccc; } #Sliding-top a { color: #313131; } #Sliding-top a:hover { color: #1f1f1f; } #Sliding-top h1, #Sliding-top h1 a, #Sliding-top h1 a:hover, #Sliding-top h2, #Sliding-top h2 a, #Sliding-top h2 a:hover, #Sliding-top h3, #Sliding-top h3 a, #Sliding-top h3 a:hover, #Sliding-top h4, #Sliding-top h4 a, #Sliding-top h4 a:hover, #Sliding-top h5, #Sliding-top h5 a, #Sliding-top h5 a:hover, #Sliding-top h6, #Sliding-top h6 a, #Sliding-top h6 a:hover { color: #ffffff; } /* Theme color */ #Sliding-top .themecolor, #Sliding-top .widget_meta ul, #Sliding-top .widget_pages ul, #Sliding-top .widget_rss ul, #Sliding-top .widget_mfn_recent_comments ul li:after, #Sliding-top .widget_archive ul, #Sliding-top .widget_recent_comments ul li:after, #Sliding-top .widget_nav_menu ul, #Sliding-top .widget_price_filter .price_label .from, #Sliding-top .widget_price_filter .price_label .to, #Sliding-top .star-rating span { color: #000000; } /* Theme background */ #Sliding-top .themebg, #Sliding-top .widget_categories ul, #Sliding-top .Recent_posts ul li .desc:after, #Sliding-top .Recent_posts ul li .photo .c, #Sliding-top .widget_recent_entries ul li:after, #Sliding-top .widget_mfn_menu ul li a:hover, #Sliding-top .widget_product_categories ul { background-color: #000000; } /* Grey */ #Sliding-top .Recent_posts ul li a .desc .date, #Sliding-top .widget_recent_entries ul li .post-date, #Sliding-top .tp_recent_tweets .twitter_time, #Sliding-top .widget_price_filter .price_label, #Sliding-top .shop-filters .woocommerce-result-count, #Sliding-top ul.product_list_widget li .quantity, #Sliding-top .widget_shopping_cart ul.product_list_widget li dl { color: #a8a8a8; } /************************ Shortcodes ************************/ /* Blockquote */ blockquote, blockquote a, blockquote a:hover { color: #444444; } /* Image frames & Google maps & Icon bar */ .image_frame .image_wrapper .image_links { background: rgba(0, 0, 0, 0.8); } .image_frame .image_wrapper .image_links a { color: #ffffff; } .image_frame .image_wrapper .image_links a:hover { background: #ffffff; color: #000000; } /* Sliding box */ .sliding_box .desc_wrapper { background: #000000; } .sliding_box .desc_wrapper:after { border-bottom-color: #000000; } /* Counter & Chart */ .counter .icon_wrapper i { color: #000000; } /* Quick facts */ .quick_fact .number { color: #000000; } /* Progress bar */ .progress_bars .bars_list li .bar .progress { background-color: #000000; } /* Icon bar */ a:hover.icon_bar { color: #000000 !important; } /* Content links */ a.content_link, a:hover.content_link { color: #000000; } a.content_link:before { border-bottom-color: #000000; } a.content_link:after { border-color: #000000; } /* Get in touch & Infobox */ .get_in_touch, .infobox { background-color: #000000; } .column_map .google-map-contact-wrapper .get_in_touch:after { border-top-color: #000000; } /* Timeline & Post timeline */ .timeline_items li h3:before, .timeline_items:after, .timeline .post-item:before { border-color: #000000; } /* How it works */ .how_it_works .image .number { background: #000000; } /* Trailer box */ .trailer_box .desc .subtitle { background-color: #000000; } /* Icon box */ .icon_box .icon_wrapper, .icon_box a .icon_wrapper { color: #000000; } .icon_box:hover .icon_wrapper:before, .icon_box a:hover .icon_wrapper:before { background-color: #000000; } /* Clients */ ul.clients.clients_tiles li .client_wrapper:hover:before { background: #000000; } ul.clients.clients_tiles li .client_wrapper:after { border-bottom-color: #000000; } /* List */ .list_item.lists_1 .list_left { background-color: #000000; } .list_item .list_left { color: #000000; } /* Features list */ .feature_list ul li .icon i { color: #000000; } .feature_list ul li:hover, .feature_list ul li:hover a { background: #000000; } /* Tabs, Accordion, Toggle, Table, Faq */ .ui-tabs .ui-tabs-nav li.ui-state-active a, .accordion .question.active .title > .acc-icon-plus, .accordion .question.active .title > .acc-icon-minus, .faq .question.active .title > .acc-icon-plus, .faq .question.active .title, .accordion .question.active .title { color: #000000; } .ui-tabs .ui-tabs-nav li.ui-state-active a:after { background: #000000; } table tr:hover td { background: #000000; } /* Pricing */ .pricing-box .plan-header .price sup.currency, .pricing-box .plan-header .price > span { color: #000000; } .pricing-box .plan-inside ul li .yes { background: #000000; } .pricing-box-box.pricing-box-featured { background: #000000; } /************************ Shop ************************/ .woocommerce span.onsale, .shop_slider .shop_slider_ul li .item_wrapper span.onsale { border-top-color: #000000 !important; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { border-color: #000000 !important; } /************************ Responsive ************************/ @media only screen and (max-width:767px) { #Top_bar, #Action_bar { background: #fb483a !important; top: 0 !important; } #Top_bar { } #Top_bar #menu > ul { overflow-y: scroll; overflow-x: hidden; } .menu-main-menu-container { } #Content { top: 60px; position: relative; } #boxscroll4 { height: 300px; margin-top: 30px; overflow: auto; } body.page-colaboradores, body.page-colaboradores #Header_wrapper { background-color: #f5d128 !important; } } /* |-------------------------------------------------------------------------- | Additional Styles | |-------------------------------------------------------------------------- | | | */ /******************* Background ********************/ html { background-color: #FCFCFC; } #Wrapper, #Content { } /********************** Fonts **********************/ body, #Subheader .title, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3 { font-family: Quicksand, Arial, Tahoma, sans-serif; font-weight: 400; } #menu > ul > li > a, #header_action_button, #header_cart { font-family: Quicksand, Arial, Tahoma, sans-serif; font-weight: 400; } h1, .text-logo #logo { font-family: Quicksand, Arial, Tahoma, sans-serif; font-weight: 300; } #logo { font-family: 'Damion-Regular', Arial, Tahoma, sans-serif; font-size: 88px; -webkit-text-stroke: 1px #063454; color: #063454; text-shadow: 3px 3px 0 #f5d128, 2px 2px 0 #f5d128, 1px 0px 0 #f5d128, -1px 1px 0 #f5d128, 1px 1px 0 #f5d128; font-weight: normal } #logo.instrumentos { text-shadow: 3px 3px 0 #FFF, 2px 2px 0 #FFF, 1px 0px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; } div.logo { background: transparent; } .logo h2 { font-family: 'SourceCodePro-Semibold', Arial, Tahoma, sans-serif; font-size: 17px; color: #063454; font-style: italic; letter-spacing: -1px; text-indent: 1px; padding-top: 2px; } .home-page .logo h2 { text-align: left; } .home-page:not(.fp-viewing-seccion-uno) #Header { /*display: none;*/ } body.home-page { background-color: #18A991; } body.home-page #Wrapper, body.home-page #Content { background-color: #18A991; } #banrep-logo { position: absolute; height: 64px; z-index: 1; text-align: right; left: 80%; top: 30px; } .logo.instrumentos h2 { line-height: 20px; margin-left: 72px; position: relative; } .logo.instrumentos h2:before { position: absolute; top: -70%; font-size: 88px; content: "—"; -webkit-text-stroke: 1px #063454; color: #063454; text-shadow: 3px 3px 0 #FFF, 2px 2px 0 #FFF, 1px 0px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; font-weight: normal; line-height: 88px; left: -72px; } h2 { font-family: 'Damion-Regular', Arial, Tahoma, sans-serif; font-weight: normal !important; } h3 { font-family: Quicksand, Arial, Tahoma, sans-serif; font-weight: 300; } h4 { font-family: Quicksand, Arial, Tahoma, sans-serif; font-weight: 300; } h5 { font-family: Quicksand, Arial, Tahoma, sans-serif; font-weight: 700; } blockquote { font-family: Quicksand, Arial, Tahoma, sans-serif; } /********************** Font sizes **********************/ /* Body */ body { font-size: 13px; line-height: 21px; } #menu > ul > li > a { font-size: 16px; } /* Headings */ h1, .text-logo #logo { font-size: 25px; line-height: 25px; } h2 { font-size: 42px; line-height: 42px; } h3 { font-size: 32px; line-height: 34px; } h4 { font-size: 21px; line-height: 25px; } h5 { font-size: 15px; line-height: 20px; } h6 { font-size: 13px; line-height: 20px; } body:not(.template-slider) #Content { padding-top: 0 } #Top_bar { top: 30px } #Top_bar .top_bar_right .top_bar_right_wrapper { display: none } #Top_bar .top_bar_right .top_bar_right_logo { display: block; height: 60px; line-height: 60px; margin-top: 15px; } #Top_bar .menu > li > a span:not(.description) { border: 0 } @media only screen and (min-width:768px) { #Subheader { padding: 140px 0 50px } #Subheader .title { width: 100%; font-size: 42px; line-height: 42px } #Subheader ul.breadcrumbs { display: none } } .main_image_ipad { display: none; } .img_tablet_interview { display: none; } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) { .home-page #Content img { width: 90% !important; margin: 0 auto !important; } #Content img { width: 70%; margin: 30px 0; } #Top_bar #menu ul li a { text-align: center !important; } .head_instrument { font-size: 4.5em !important; line-height: 1em !important; } #section61 .mobile_content { display: none; } #section61 .one-second { width: 48% !important; } #section61 .tablet_content { display: block !important; } body.home-page .container { padding-right: 30px !important; padding-left: 30px !important; } .section_wrapper .column, .container .column, .sections_group, .four.columns { width: 100% !important; margin: 0; } .page-colaboradores .section_wrapper .column, .container .column, .page-colaboradores .sections_group, .four.columns { padding: 0; position: static; } #section41 .description_section { position: relative !important; padding: 35px 98px !important; z-index: 2 !important; } .description_olas { z-index: 0 !important; left: -70px !important; bottom: -208px !important; } .description_hojas { z-index: 0 !important; } .container { width: 100% !important; } .home-page .list_item .list_right { padding: 15px 0px !important; } .home-page .container .column_image { width: 100% !important; margin-right: 0; margin-left: 0; } #Top_bar, #Action_bar { top: 0; width: 100%; } #Bottom_bar .main-menu-footer { display: none !important; } #Top_bar.hidden-xs { display: none !important; } #Top_bar, #Action_bar { position: fixed; -webkit-overflow-scrolling: touch; } #Top_bar .top_bar_left { float: none; width: 100% !important; margin-top: 0px; background: #fb483a !important; } #Top_bar .logo { position: static; float: none; width: 100%; text-align: center; margin: 0; height: 60px; } #Top_bar .logo a { display: inline-block; width: 60px; height: 60px; margin: 0 auto; } #Top_bar #menu { display: none; height: auto; width: 100%; bottom: auto; top: 59px; right: 0px; position: absolute; margin: 0px; } #footerSlideContent { background: #666666 !important; } .footerSlideButton-close { top: 0 !important; } .play_all { right: 50px !important; bottom: 50px; } #Bottom_bar { background: #666666 !important; min-height: 33px !important; overflow-y: scroll; -webkit-overflow-scrolling: touch; } h1 { font-size: 36px; text-align: left; } .container.logo { padding-top: 40px; } .main_image { display: none; } .main_image_tablet { display: block; } .col-sm-4 { width: 100% !important; } .footer-box1 { border-left: 0 none !important; border-right: 0 none !important; margin-top: 10px !important; border-top: 1px solid #3a3a3a; border-bottom: 1px solid #3a3a3a; padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: 10px !important; margin-left: 0 !important; margin-right: 0 !important; } #inline-interview .hidden-xs { display: none !important; } #inline-interview .desc_wrapper { position: static !important; } #inline-interview h4, #inline-interview p { text-align: left !important; text-indent: 10% !important; } div.audio-player { width: 100% !important; position: relative; min-height: 35px !important; margin-bottom: 15px !important; } #inline-interview audio { width: 100%; } #inline-interview .desc { padding: 15px !important; font-size: 12px !important; } /* QUIJADA */ .page-quijada .image_desc_right { margin-left: 0%; } .page-acordeon .image_desc_right { margin-left: 0%; } .page-quijada .bg_mango_quijada { background-size: 30%; } .page-quijada .one-third.column { width: 100%; } .page-quijada .head_instrument.hidden-sm.hidden-lg { display: none !important; } body #ferrisWheelButton_menu { right: 12px !important; bottom: 45px !important; } /**/ body.page-colaboradores, body.page-colaboradores #Header_wrapper { background-color: #f5d128 !important; } .page-colaboradores .seccion-movil img.scale-with-grid { margin: -420px auto 50px; z-index: 9999; left: 0; width: 70% !important; } .page-colaboradores .head_instrument { margin: 0 !important; } .page-colaboradores .staff_desc_right { margin-left: 0; } .page-colaboradores .image_frame .image_wrapper { min-height: 218px !important; overflow: visible; } .page-acordeon #fullpage_movil { display: block; !important; } .page-acordeon #fullpage { display: none !important; } .page-colaboradores #fullpage_movil { display: none !important; } .page-colaboradores #fullpage { display: none !important; } .page-colaboradores #fullpage_tablet { display: block !important; } /*GUITARRA*/ .page-guitarra #fullpage_movil { display: block !important; } .page-guitarra #fullpage { display: none !important; } .page-guitarra .image_desc_right { margin-left: 0%; } .page-guitarra #Content img { width: 35% !important; margin: 30px 0; } #inline-interview .img_tablet_interview { display: block !important; } #inline-interview .hidden_img_tablet_interview { display: none !important; } .page-guitarra #boton_play, .page-guitarra .play_button, .page-guitarra #boton_play_mobile { top: 90%; left: 52%; } /*MANDOLINA*/ .page-mandolina #fullpage_movil { display: block !important; } .page-mandolina #fullpage { display: none !important; } .page-mandolina .image_desc_right { margin-left: 0%; } .page-mandolina #Content img { width: 85% !important; margin: 30px 0; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-mandolina #boton_play, .page-mandolina .play_button, .page-mandolina #boton_play_mobile { top: 80%; left: 35%; } /*MARACAS*/ .page-maracas .hidden-lg.hidden-md, .page-maracas .hidden-lg.hidden-md { display: block !important; } .page-maracas #inline-interview .image_wrapper img, .page-maracas #inline-interview .image_frame img { width: 100%; } .page-maracas #fullpage_movil { display: block !important; } .page-maracas #fullpage { display: none !important; } .page-maracas .image_desc_right { margin-left: 0%; } .page-maracas #Content img { width: 85% !important; margin: 30px 0; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-maracas #boton_play, .page-maracas .play_button, .page-maracas #boton_play_mobile { top: 70%; left: 55%; } /*ÑAPA*/ .page-napa .hidden-lg.hidden-md, .page-napa .hidden-lg.hidden-md { display: block !important; } .page-napa #inline-interview .image_wrapper img, .page-napa #inline-interview .image_frame img { width: 100%; } .page-napa #fullpage_movil { display: block !important; } .page-napa #fullpage { display: none !important; } .page-napa .image_desc_right { margin-left: 0%; } .page-napa #Content img { width: 85% !important; margin: 30px 0; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-napa #boton_play, .page-napa .play_button, .page-napa #boton_play_mobile { top: 70%; left: 55%; } /*TINAFONO*/ .page-tinafono .hidden-lg.hidden-md, .page-tinafono .hidden-lg.hidden-md { display: block !important; } .page-tinafono #inline-interview .image_wrapper img, .page-tinafono #inline-interview .image_frame img { width: 100%; } .page-tinafono #fullpage_movil { display: block !important; } .page-tinafono #fullpage { display: none !important; } .page-tinafono .image_desc_right { margin-left: 0%; } .page-tinafono #Content img { width: 85% !important; margin: 30px 0; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-tinafono #boton_play, .page-tinafono .play_button, .page-tinafono #boton_play_mobile { top: 70%; left: 55%; } /*VIOLIN*/ .page-violin .hidden-lg.hidden-md, .page-violin .hidden-lg.hidden-md { display: block !important; } .page-violin #inline-interview .image_wrapper img, .page-violin #inline-interview .image_frame img { width: 100%; } .page-violin #fullpage_movil { display: block !important; } .page-violin #fullpage { display: none !important; } .page-violin .image_desc_right { margin-left: 0%; } .page-violin #Content img { width: 85% !important; margin: 30px 0; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-violin #boton_play, .page-violin .play_button, .page-violin #boton_play_mobile { top: 70%; left: 45%; } /*VOZ*/ .page-voz .hidden-lg.hidden-md, .page-voz .hidden-lg.hidden-md { display: block !important; } .page-voz #inline-interview .image_wrapper img, .page-voz #inline-interview .image_frame img { width: 100%; } .page-voz #fullpage_movil { display: block !important; } .page-voz #fullpage { display: none !important; } .page-voz .image_desc_right { margin-left: 0%; } .page-voz #Content img { width: 85% !important; margin: 30px 0; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-voz #boton_play, .page-voz .play_button, .page-voz #boton_play_mobile { top: 70%; left: 45%; } } @media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) { .first_line { height: 256px; margin-top: 60px; } .second_line { height: 276px; margin-top: -60px; } .third_line { height: 256px; margin-top: -60px; } .home-page #section1 img { width: 80% !important; } .page-quijada .image_desc_right { margin-left: 0%; } .page-quijada #fullpage { display: none !important; } .page-quijada #fullpage_movil { display: block !important; } .page-acordeon #fullpage { display: none !important; } .page-acordeon #fullpage_movil { display: block !important; } .page-colaboradores #fullpage_movil { display: none !important; } .page-colaboradores #fullpage { display: none !important; } .page-colaboradores #fullpage_tablet { display: block !important; } .page-colaboradores .desc_colaboradores { position: static; margin: 0; padding: 0; } .page-colaboradores .one.column { width: 100%; } .page-colaboradores img.scale-with-grid, .page-colaboradores #Content img { width: auto; max-width: 100%; } body.page-colaboradores, body.page-colaboradores #Header_wrapper { background-color: #f5d128 !important; } .page-colaboradores .seccion-movil img.scale-with-grid { margin: -420px auto 50px; z-index: 9999; left: 0; width: 70% !important; } .page-colaboradores .head_instrument { margin: 0 !important; } .page-colaboradores .staff_desc_right { margin-left: 0; } .page-colaboradores .image_frame .image_wrapper { min-height: 218px !important; overflow: visible; } #Top_bar #menu ul li a { text-align: center !important; } #Top_bar .menu_wrapper { width: 100%; } #Header #menu { position: static; float: left; width: 100%; right: 0; } #Top_bar #menu > ul { width: 100%; float: left; } .mcb-wrap { width: 98% !important; margin-top: 60px !important; margin-bottom: 33px !important; height: calc(100% - 93px) !important; } .mcb-wrap .mcb-column { margin-bottom: 0 !important; } .home-page .desc { padding: 29px 49px !important; } .home-page .list_item .list_right { padding: 12px 20px !important; } .home-page .desc { margin-top: 0 !important; } .home-page #section3 .desc { padding: 29px 39px !important; } #section4 .one-sixth.column { display: none !important; } #section4 .two-third.column { width: 80%; float: none; margin: 0 auto; } .home-page #section5 .desc { padding: 15px 25px !important; margin-bottom: 0; } .home-page #section5 .pie-de-foto { padding: 5px 0 !important; margin: 0; } .image_frame.no_border { margin: 60px 0px 30px !important } .section.has-navi .section-nav { display: none !important; } #Top_bar.mobile-menu { display: block !important; } #Top_bar, #Action_bar { background: #fb483a !important; top: 0 !important; position: fixed; -webkit-overflow-scrolling: touch; } #Top_bar .top_bar_left { float: none; width: 100% !important; margin-top: 0px; background: #fb483a !important; } #Top_bar .logo { position: static; float: none; width: 100%; text-align: center; margin: 0; height: 60px; z-index: 9999; } #Top_bar .logo a { display: inline-block; width: 60px; height: 60px; margin: 0 auto; } #Top_bar.hidden-xs { display: none !important; } #Bottom_bar { min-height: 33px !important; overflow-y: scroll; -webkit-overflow-scrolling: touch; } #Bottom_bar .hidden-xs, #Bottom_bar tr.hidden-xs, #Bottom_bar th.hidden-xs, #Bottom_bar td.hidden-xs { display: none !important; } #Bottom_bar, #footerSlideContent { background: #666666 !important; } .footerSlideButton-close { top: 0 !important; } #section1 .list_item.grid_instrumento.guitarra { left: 0 !important; } #section1 .list_item.grid_instrumento.voz { left: 50px !important; } #section1 .list_item.grid_instrumento.quijada { top: -30px !important; } #inline-interview .hidden-xs { display: none !important; } #inline-interview .desc_wrapper { position: static !important; } #inline-interview h4, #inline-interview p { text-align: left !important; text-indent: 10% !important; } div.audio-player { width: 100% !important; position: relative; min-height: 35px !important; margin-bottom: 15px !important; } #inline-interview audio { width: 100%; } #inline-interview .desc { padding: 15px !important; font-size: 12px !important; } /* QUIJADA */ .page-quijada .image_desc_right { margin-left: 0%; } .page-acordeon .image_desc_right { margin-left: 0%; } .page-quijada .bg_mango_quijada { background-size: 25%; } .page-quijada .one-third.column { width: 100%; } .page-quijada .container { width: 100% !important; } .page-quijada #Content img { max-width: 40% !important; } .page-acordeon #Content img { max-width: 40% !important; } .page-quijada .head_instrument.hidden-sm.hidden-lg { display: none !important; } .page-acordeon .head_instrument.hidden-sm.hidden-lg { display: none !important; } /**/ .page-quijada .hidden-lg.hidden-md, .page-maracas .hidden-lg.hidden-md { display: block !important; } .page-quijada .image_frame .image_wrapper img:not(.ls-l) { width: 100%; } audio::-webkit-media-controls-panel { width: 100%; } /**/ .page-acordeon #boton_play, .page-acordeon .play_button, .page-acordeon #boton_play_mobile { top: 60% !important; left: 55% !important; } .height-350px { min-height: 276px !important; } body.page-colaboradores, body.page-colaboradores #Header_wrapper { background-color: #f5d128 !important; } .page-colaboradores .seccion-movil img.scale-with-grid { position: absolute; margin-top: -290px; z-index: 9999; left: 0; } .page-colaboradores .head_instrument { margin: 0 !important; } .page-colaboradores .image_frame .image_wrapper { min-height: 218px !important; overflow: visible; } .page-colaboradores .container { padding-right: 30px !important; padding-left: 30px !important; } /*GUITARRA*/ .page-guitarra #fullpage_movil { display: block !important; } .page-guitarra #fullpage { display: none !important; } .page-guitarra .image_desc_right { margin-left: 0%; } .page-guitarra #Content img { margin: 15px 0; } .page-guitarra .one-third.column { width: 100%; } #inline-interview .img_tablet_interview { display: block !important; } #inline-interview .hidden_img_tablet_interview { display: none !important; } .page-guitarra #boton_play, .page-guitarra .play_button, .page-guitarra #boton_play_mobile { top: 90%; left: 52%; } .page-guitarra .container, .page-guitarra .one.column { width: 100% !important; } .page-guitarra .bg_caracolas { background-position: left 50% bottom 0px !important; } .page-guitarra .bg_caracola_3 { background-position: right 30% bottom -50px !important; } .page-guitarra .head_instrument { } .page-guitarra .head_instrument.hidden-sm.hidden-lg { display: none !important; } .page-guitarra .image_frame.no_border { margin: 0px 0px 30px !important; } /*MANDOLINA*/ .page-mandolina #fullpage_movil { display: block !important; } .page-mandolina #fullpage { display: none !important; } .page-mandolina .image_desc_right { margin-left: 0%; } .page-mandolina #Content img { margin: 15px 0; width: 50%; } .page-mandolina .one-third.column { width: 100%; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-mandolina #boton_play, .page-mandolina .play_button, .page-mandolina #boton_play_mobile { top: 80%; left: 35%; } .page-mandolina .container, .page-mandolina .one.column { width: 100% !important; } .page-mandolina .bg_caracolas { background-position: left 50% bottom 0px !important; } .page-mandolina .bg_caracola_3 { background-position: right 30% bottom -50px !important; } .page-mandolina .head_instrument { } .page-mandolina .head_instrument.hidden-sm.hidden-lg { display: none !important; } .page-mandolina .image_frame.no_border { margin: 0px 0px 30px !important; } /*MARACAS*/ .page-maracas #inline-interview .image_wrapper img, .page-maracas #inline-interview .image_frame img { width: 100%; } .page-maracas #fullpage_movil { display: block !important; } .page-maracas #fullpage { display: none !important; } .page-maracas .image_desc_right { margin-left: 0%; } .page-maracas #Content img { margin: 15px 0; width: 50%; } .page-maracas .one-third.column { width: 100%; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-maracas #boton_play, .page-maracas .play_button, .page-maracas #boton_play_mobile { top: 80%; left: 55%; } .page-maracas .container, .page-maracas .one.column { width: 100% !important; } .page-maracas .bg_caracolas { background-position: left 50% bottom 0px !important; } .page-maracas .bg_caracola_3 { background-position: right 30% bottom -50px !important; } .page-maracas .head_instrument { } .page-maracas .head_instrument.hidden-sm.hidden-lg { display: none !important; } .page-maracas .image_frame.no_border { margin: 0px 0px 30px !important; } /*ÑAPA*/ .page-napa #inline-interview .image_wrapper img, .page-napa #inline-interview .image_frame img { width: 100%; } .page-napa #fullpage_movil { display: block !important; } .page-napa #fullpage { display: none !important; } .page-napa .image_desc_right { margin-left: 0%; } .page-napa #Content img { margin: 15px 0; width: 40%; } .page-napa .one-third.column { width: 100%; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-napa #boton_play, .page-napa .play_button, .page-napa #boton_play_mobile { top: 80%; left: 55%; } .page-napa .container, .page-napa .one.column { width: 100% !important; } .page-napa .bg_caracolas { background-position: left 50% bottom 0px !important; } .page-napa .bg_caracola_3 { background-position: right 30% bottom -50px !important; } .page-napa .head_instrument { } .page-napa .head_instrument.hidden-sm.hidden-lg { display: none !important; } .page-napa .image_frame.no_border { margin: 0px 0px 30px !important; } /*TINAFONO*/ .page-tinafono #inline-interview .image_wrapper img, .page-tinafono #inline-interview .image_frame img { width: 100%; } .page-tinafono #fullpage_movil { display: block !important; } .page-tinafono #fullpage { display: none !important; } .page-tinafono .image_desc_right { margin-left: 0%; } .page-tinafono #Content img { margin: 15px 0; width: 40%; } .page-tinafono .one-third.column { width: 100%; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-tinafono #boton_play, .page-tinafono .play_button, .page-tinafono #boton_play_mobile { top: 60%; left: 51%; } .page-tinafono .container, .page-tinafono .one.column { width: 100% !important; } .page-tinafono .bg_caracolas { background-position: left 50% bottom 0px !important; } .page-tinafono .bg_caracola_3 { background-position: right 30% bottom -50px !important; } .page-tinafono .head_instrument { } .page-tinafono .head_instrument.hidden-sm.hidden-lg { display: none !important; } .page-tinafono .image_frame.no_border { margin: 0px 0px 30px !important; } .page-tinafono .hidden-lg.hidden-md, .page-tinafono .hidden-lg.hidden-md { display: block !important; } /*VIOLIN*/ .page-violin #inline-interview .image_wrapper img, .page-violin #inline-interview .image_frame img { width: 100%; } .page-violin #fullpage_movil { display: block !important; } .page-violin #fullpage { display: none !important; } .page-violin .image_desc_right { margin-left: 0%; } .page-violin #Content img { margin: 15px 0; width: 40%; } .page-violin .one-third.column { width: 100%; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-violin #boton_play, .page-violin .play_button, .page-violin #boton_play_mobile { top: 60%; left: 51%; } .page-violin .container, .page-violin .one.column { width: 100% !important; } .page-violin .bg_caracolas { background-position: left 50% bottom 0px !important; } .page-violin .bg_caracola_3 { background-position: right 30% bottom -50px !important; } .page-tinafono .head_instrument { } .page-violin .head_instrument.hidden-sm.hidden-lg { display: none !important; } .page-violin .image_frame.no_border { margin: 0px 0px 30px !important; } .page-violin .hidden-lg.hidden-md, .page-violin .hidden-lg.hidden-md { display: block !important; } /*VOZ*/ .page-voz #inline-interview .image_wrapper img, .page-voz #inline-interview .image_frame img { width: 100%; } .page-voz #fullpage_movil { display: block !important; } .page-voz #fullpage { display: none !important; } .page-voz .image_desc_right { margin-left: 0%; } .page-voz #Content img { margin: 15px 0; width: 40%; } .page-voz .one-third.column { width: 100%; } .img_tablet_interview { display: block !important; } .hidden_img_tablet_interview { display: none !important; } .page-voz #boton_play, .page-voz .play_button, .page-voz #boton_play_mobile { top: 60%; left: 51%; } .page-voz .container, .page-voz .one.column { width: 100% !important; } .page-voz .bg_caracolas { background-position: left 50% bottom 0px !important; } .page-voz .bg_caracola_3 { background-position: right 30% bottom -50px !important; } .page-tinafono .head_instrument { } .page-voz .head_instrument.hidden-sm.hidden-lg { display: none !important; } .page-voz .image_frame.no_border { margin: 0px 0px 30px !important; } .page-voz .hidden-lg.hidden-md, .page-voz .hidden-lg.hidden-md { display: block !important; } } /* ENDS TABLET */ #Subheader .title { text-align: center; color: #fff; font-weight: 700 } #Footer { /*display: none*/ } h1, h2, h3, h4 { font-weight: 700 } @media only screen and (max-width:767px) { #Top_bar .top_bar_right { display: none } #fp-nav { display: none !important; } .logo.instrumentos { font-size: .5em; } .logo.instrumentos h1 a { font-size: 32px !important; text-shadow: 1px 1px 0 #FFF, 2px 2px 0 #FFF, 1px 0px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF !important; } } @media only screen and (min-width:1240px) { .image_desc { margin-top: 0px } } .bg_tortugas { background: url('images/tortuga_blanco.png') left 0px top 0 no-repeat, url('images/tortuga_amarillo.png')right 0px top 0 no-repeat; overflow: visible; height: 63px !important; width: 100%; margin: 0 !important; } .bg_bote { background: url('images/bote.png') right 0px top 0 no-repeat; overflow: visible; height: 42px !important; width: 100%; margin: 0 !important; } .fosforos_dos { background: url('images/fosforos_dos.png') left 50% top 0 no-repeat; overflow: visible; height: 60px !important; width: 100%; margin: 0 !important; } .bg_caracoles_bg_palmera { background: url('images/dos_caracoles.png') left 50% top 0% no-repeat; overflow: visible; height: 63px !important; width: 100%; margin: 0 !important; } .bg_bote_azul { background: url('images/bote_azul.png') right 0px top 0 no-repeat; overflow: visible; height: 50px !important; width: 100%; margin: 15px !important; } .bg_caballo { background: url('images/caballo.png') left 50% top 0 no-repeat; overflow: visible; height: 128px !important; width: 100%; margin: 0 !important; } .bg_caballo_2 { background: url('images/caballo_voz.png') left 30% top 0 no-repeat, url('images/cangrejo_voz.png') right 30% top 0 no-repeat; overflow: visible; height: 71px !important; width: 100%; margin: 0 !important; } .bg_olas { background: url('images/olas.png') right 0px top 50% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_olas_movil { background: url('images/olas.png') center top no-repeat; min-height: 280px; background-size: 80%; } .bg_mango_mandolina { background: url('images/mango_mandolina.png') right 0px top 50% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_mango_mandolina_2 { background: url('images/mango_mandolina_2.png') left -50% top 100% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_fosforos_1 { background: url('images/fosforos.png') right 10% top 70% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_fosforos_2 { background: url('images/fosforos2.png') right 10% top 40% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_mango_maracas { background: url('images/maracas.png') right 10% top 0% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_palmera { background: url('images/palmera.png') right 0% bottom 0% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #section2 .bg_palmera { background: url('images/palmera_azul.png') right 35% bottom 30% no-repeat; } #section3 .description_section_left { position: absolute; } #section4 .description_section { font-size: 16px !important; margin-bottom: 0; } #section5 .description_section_right { position: absolute; right: 0; } .margin_bottom_0px { margin-bottom: 0 !important; } .margin_top_45px { margin-top: 45px !important; } .margin_top_50px { margin-top: 50px !important; } .margin_top_60px { margin-top: 60px !important; } .margin_top_15px { margin-top: 15px !important; } .margin_top_30px { margin-top: 30px !important; } .margin_bottom_30px { margin-bottom: 30px !important; } .margin_top_100px { margin-top: 100px !important; } .margin_top_minus_45px { margin-top: -45px !important; } #section4 .pie-de-foto { margin-top: 10px; } #section5 .section_wrapper { margin-top: 0px; } #section1 .column_list > .column { position: relative; } #section1 .list_item.grid_instrumento { position: absolute; } #section1 .list_item.grid_instrumento audio { display: none; } #section1 .list_item.grid_instrumento.guitarra { left: 120px; } #section1 .list_item.grid_instrumento.cajetilla_de_fosforos { left: 0px; bottom: 50%; margin-bottom: -83px; } #section1 .list_item.grid_instrumento.voz { left: 143px; bottom: -50px; } #section1 .list_item.grid_instrumento.quijada { right: 160px; top: -90px; z-index: 1; } #section1 .list_item.grid_instrumento.maracas { right: 260px; } #section1 .list_item.grid_instrumento.acordeon { left: 50%; margin-left: -196px; } #section1 .list_item.grid_instrumento.mandolina { right: 0; bottom: 0; } #section1 .list_item.grid_instrumento.violin { left: 100px; bottom: 50px; } #section1 .list_item.grid_instrumento.tinafono { right: 100px; bottom: 50px; } #section61 .tablet_content { display: none; } .padding_10px { padding: 10px !important; } .first_line { height: 256px; } .second_line { height: 276px; } .third_line { height: 256px; } .padding_left_70px { padding-left: 70px !important; } .padding_40px_0 { padding: 40px 0; } .bg_mango_quijada { background: url('images/mango_quijada.png') right 0px bottom 0% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_mango_guitarra { background: url('images/mango_guitarra.png') right 0px bottom 0% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_mango_violin { background: url('images/violin.png') right 0px bottom 0% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_pulpos { background: url('images/pulpos.png') right 50% bottom 40% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_acordeon { background: url('images/acordeon.png') right 0px top 50% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .mcb-wrap { width: 80%; margin: 0 auto; } .bg_soga { background: url('images/soga.png') right 0px bottom 0px no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_soga_movil { background: url('images/soga.png') left top no-repeat; width: 100%; /* height: 100%; */ /* position: absolute; */ /* top: 0; */ /* left: 0; */ min-height: 250px; } .bg_caracola { background: url('images/caracola.png') right 30% bottom 10% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_peces_1 { background: url('images/San_andres_home_pez_07.png') left 5% top 5% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_pez_top { background: url('images/pez-top.png') left 15px top 0% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_pez_azul { background: url('images/San_andres_home_pez_06.png') left 0% bottom 30% no-repeat; height: 100%; } .bg_peces_2 { background: url('images/San_andres_home_05.png') right 10% bottom 10% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_caracola_2 { background: url('images/caracola_2.png') right 5% bottom 30% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_caracola_3 { background: url('images/caracola_3.png') right 30% bottom 10% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg_caracoles { background: url('images/caracoles.png') right 0px bottom 0px no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .bg_caracoles_movil { background: url('images/caracoles.png') left 50% bottom 120% no-repeat; width: 100%; height: 377px; } .page-acordeon #section11 .bg_caracoles { background: url('images/caracoles.png') left 10% bottom 100% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 0; opacity: .3; } .page-acordeon #section11 .bg_palmera { background: url('images/palmera.png') left 10% bottom -20% no-repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .3; } .bg_caracolas { background: url('images/caracolas.png') left 0px bottom 0px no-repeat; width: 100%; height: 63px; } .imgsContainer { position: relative; } #boton_play, .play_button, #boton_play_mobile { content: " "; display: inline-block; background: url('images/boton_audio_instrumento.png') right 0px top 0px no-repeat; width: 64px; height: 64px; position: absolute; top: 20%; left: 50%; margin-top: -50px; margin-left: -50px; opacity: .8; outline: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 1; background-size: 100%; } #boton_play:hover, .play_button:hover, #boton_play_mobile:hover { opacity: 1; } .page-guitarra #boton_play { top: 85%; } .page-voz #boton_play { top: 80%; } .page-violin #boton_play { left: 36%; top: 80%; } .page-mandolina #boton_play { left: 80%; top: 55%; } .page-acordeon #boton_play { left: 62%; } .page-voz .imgsContainer { margin-top: -100px; } .grid_instrumento.guitarra .play_button { left: 65%; } .img_play { position: relative; } .img_play:after { content: ""; display: inline-block; background: url('images/boton_audio_instrumento.png') right 0px top 0px no-repeat; width: 100px; height: 100px; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px; opacity: .8; outline: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 1; } .play_all { opacity: .8; outline: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 1; position: absolute; bottom: 0; right: -50px; } .play_all img { width: 180px !important; height: 92px !important; } .play_all:hover { opacity: 1; } .opacity_7 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .heartbeat { -webkit-animation: heartbeat 1s linear infinite; -moz-animation: heartbeat 1s linear infinite; -ms-animation: heartbeat 1s linear infinite; animation: heartbeat 1s linear infinite; } @keyframes heartbeat { 0% { transform: scale(.75); } 20% { transform: scale(1); } 40% { transform: scale(.75); } 60% { transform: scale(1); } 80% { transform: scale(.75); } 100% { transform: scale(.75); } } .image_desc h2, .image_desc p { font-family: 'Damion-Regular', Arial, Tahoma, sans-serif; margin-bottom: 30px } .image_desc p { font-family: 'Damion-Regular', Arial, Tahoma, sans-serif; margin-bottom: 15px; font-weight: normal !important; font-size: 32px; line-height: 32px; } .image_desc a.mfn-link { margin: 15px 0 } .image_desc_left { text-align: right; margin-right: 10% } .image_desc_right { text-align: left; margin-left: 10% } .staff_desc_right { text-align: left; margin-left: 40%; } #gallery-1 { margin: auto } #gallery-1 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 25% } #gallery-1 img { border: 2px solid #cfcfcf } #gallery-1 .gallery-caption { margin-left: 0 } /* |-------------------------------------------------------------------------- | Demo Styles | |-------------------------------------------------------------------------- | | | */ body.contact #Content, body.content_no_padding #Content { padding-top: 0 !important; } /* If you want to add your own CSS code, please do it in this file */ /* ------------------------------------------- * * font awesome * ------------------------------------------- */ .the-icons.span3 { float: left; width: 25%; line-height: 25px; padding-bottom: 10px; position: relative; } .the-icons.span3 [class^="icon-"] { color: #3E3E3E; font-size: 20px; position: absolute; top: 0; left: 0; cursor: default; } .the-icons.span3 [class^="icon-"]:hover { font-size: 50px; background: #fff; padding: 10px; display: block; text-align: center; width: 70px; height: 50px; border: 1px solid #eee; top: -25px; left: -32px; z-index: 2; } .the-icons.span3 .i-name { padding-left: 40px; } @media only screen and min-width:768px and max-width:959px { .the-icons.span3 { width: 33.333%; } } @media only screen and min-width:480px and max-width:767px { .the-icons.span3 { width: 50%; } } @media only screen and max-width:479px { .the-icons.span3 { width: 100%; } } /* ------------------------------------------- * * demo * ------------------------------------------- */ /* sections */ .parallax-video .content_video iframe { border: 35px solid #efefef; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; -moz-box-sizing: border-box; box-sizing: border-box; } .section-border-top { border-top: 1px solid rgba0, 0, 0, .08; } .notable_works .items_group { background: #eaeae8; } .notable_works .items_group .fancy_heading h2 { margin-bottom: 0; padding-top: 40px; } /* custom inline add */ .hrmargin_0, p.hrmargin_0, hr.hrmargin_0, div.hrmargin_0, h2.hrmargin_0, h3.hrmargin_0, h4.hrmargin_0, h5.hrmargin_0, h6.hrmargin_0 { margin: 0; } .hrmargin_b_60, p.hrmargin_b_60, hr.hrmargin_b_60, div.hrmargin_b_60, h2.hrmargin_b_60, h3.hrmargin_b_60, h4.hrmargin_b_60, h5.hrmargin_b_60, h6.hrmargin_b_60 { margin: 0 auto 60px; } .hrmargin_b_30, p.hrmargin_b_30, hr.hrmargin_b_30, div.hrmargin_b_30, h2.hrmargin_b_30, h3.hrmargin_b_30, h4.hrmargin_b_30, h5.hrmargin_b_30, h6.hrmargin_b_30 { margin-bottom: 30px; } .hrmargin_b_1, p.hrmargin_b_1, hr.hrmargin_b_1, div.hrmargin_b_1, h2.hrmargin_b_1, h3.hrmargin_b_1, h4.hrmargin_b_1, h5.hrmargin_b_1, h6.hrmargin_b_1 { margin: 0 auto 1px; } .hrmargin_b_10, p.hrmargin_b_10, hr.hrmargin_b_10, div.hrmargin_b_10, h2.hrmargin_b_10, h3.hrmargin_b_10, h4.hrmargin_b_10, h5.hrmargin_b_10, h6.hrmargin_b_10 { margin: 0 auto 10px; } .hrmargin_b_7, p.hrmargin_b_7, hr.hrmargin_b_7, div.hrmargin_b_7, h2.hrmargin_b_7, h3.hrmargin_b_7, h4.hrmargin_b_7, h5.hrmargin_b_7, h6.hrmargin_b_7 { margin-bottom: 7px; } .hrmargin_b_40, p.hrmargin_b_40, hr.hrmargin_b_40, div.hrmargin_b_40, h2.hrmargin_b_40, h3.hrmargin_b_40, h4.hrmargin_b_40, h5.hrmargin_b_40, h6.hrmargin_b_40 { margin: 0 auto 40px; } .hrmargin_b_40, p.hrmargin_b_20, hr.hrmargin_b_20, div.hrmargin_b_20, h2.hrmargin_b_20, h3.hrmargin_b_20, h4.hrmargin_b_20, h5.hrmargin_b_20, h6.hrmargin_b_20 { margin: 0 auto 20px; } .hrmargin_b_25, p.hrmargin_b_25, hr.hrmargin_b_25, div.hrmargin_b_25, h2.hrmargin_b_25, h3.hrmargin_b_25, h4.hrmargin_b_25, h5.hrmargin_b_25, h6.hrmargin_b_25 { margin: 0 auto 25px; } .hrmargin_b_5, p.hrmargin_b_5, hr.hrmargin_b_5, div.hrmargin_b_5, h2.hrmargin_b_5, h3.hrmargin_b_5, h4.hrmargin_b_5, h5.hrmargin_b_5, h6.hrmargin_b_5 { margin-bottom: 5px; } .hrmargin_b_4, p.hrmargin_b_4, hr.hrmargin_b_4, div.hrmargin_b_4, h2.hrmargin_b_4, h3.hrmargin_b_4, h4.hrmargin_b_4, h5.hrmargin_b_4, h6.hrmargin_b_4 { margin-bottom: 4px; } .hrmargin_l_26, p.hrmargin_l_26, hr.hrmargin_l_26, div.hrmargin_l_26, h2.hrmargin_l_26, h3.hrmargin_l_26, h4.hrmargin_l_26, h5.hrmargin_l_26, h6.hrmargin_l_26 { margin-left: 26px; } .hrmargin_b_30, p.hrmargin_b_30, hr.hrmargin_b_30, div.hrmargin_b_30, h2.hrmargin_b_30, h3.hrmargin_b_30, h4.hrmargin_b_30, h5.hrmargin_b_30, h6.hrmargin_b_30 { margin: 0 auto 30px; } .hrmargin_b_15, p.hrmargin_b_15, hr.hrmargin_b_15, div.hrmargin_b_15, h2.hrmargin_b_15, h3.hrmargin_b_15, h4.hrmargin_b_15, h5.hrmargin_b_15, h6.hrmargin_b_15 { margin: 0 auto 15px; } .flv_disp_none, div.flv_disp_none, p.flv_disp_none { display: none; } .flv_viz_hid, div.flv_viz_hid, p.flv_viz_hid { visibility: hidden !important; } .flv_clear_both, div.flv_clear_both, p.flv_clear_both { clear: both } .sections_style_0, div.sections_style_0 { padding-top: 0px; padding-bottom: 0px; background-color: } .sections_style_1, div.sections_style_1 { margin: 0px auto; padding: 0px; margin-top: 0px; margin-bottom: 0px; } .sections_style_2, div.sections_style_2 { padding-top: 60px; padding-bottom: 0px; background-color: } .sections_style_3, div.sections_style_3 { padding-top: 60px; padding-bottom: 20px; background-color: } .sections_style_4, div.sections_style_4 { padding-top: 40px; padding-bottom: 0px; background-color: } .sections_style_5, div.sections_style_5 { padding-top: 70px; padding-bottom: 0px; background-color: } .flv_span_12, span.flv_span_12, div.flv_span_12 { padding-top: 12px; display: block } .flv_list, ul.flv_list { float: left; width: 46%; margin-left: 4%; list-style: square; line-height: 30px; } .flv_list_1, li.flv_list_1 { display: inline-block; margin: 0 10px; } .flv_list_ul_46, ul.flv_list_ul_46 { float: left; width: 46%; margin-left: 4%; list-style: square; line-height: 27px; } .flv_list_ul_10, ul.flv_list_ul_10 { display: block; margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, .1); } i.flv_icon_color { color: #afbcda; } ul.flv_line_height_32 { line-height: 32px; } p.flv_align_right, div.flv_align_right { text-align: right; } .flv_float_right, div.flv_float_right { float: right; } /**/ .head_instrument { font-family: 'Damion-Regular', Arial, Tahoma, sans-serif !important; font-size: 4.5em; line-height: 1em; } .color_text_f5d128 { color: #f5d128 !important; } .color_text_fb483a { color: #fb483a !important; } .color_text_f1eccb { color: #f1eccb !important; } .color_text_063454 { color: #063454 !important; } .color_text_ffffff { color: #ffffff !important; } .color_text_626262 { color: #626262 !important; } .color_text_18a991 { color: #18a991 !important; } .color_ffd100 { color: #ffd100 !important; } .color_text_171314 { color: #171314 !important; } .color_text_372E2F { color: #372E2F !important; } .color_text_db4139 { color: #db4139 !important; } .border_left_dotted_b7b6a2 { border-left: 1px dotted #b7b6a2; } .border_right_dotted_b7b6a2 { border-right: 1px dotted #b7b6a2; } .border_bottom_dotted_b7b6a2 { border-bottom: 1px dotted #b7b6a2; } .margin-bottom-10px { margin-bottom: 10px !important; } .color_text_f5d128 { color: #f5d128 !important; } .bg_yellow { padding: 10px; background: rgba(255, 225, 83, .9); } .br_b1dcce { background: #b1dcce !important; } .bg_B2DCCE { background: #B2DCCE !important; } .bg_e8e08d { padding: 10px; background: #e8e08d !important; } .bg_e6e8e7 { background: #e6e8e7; !important; } .bg_18a991 { padding: 10px; background: #18a991 !important; } .bg_e6e8e7_transparent { background: rgba(230, 232, 231, .9); } .description_subtitle { padding: 35px 98px; } .bg_063454 { padding: 10px; background: #063454; } .bg_ffffff { background: #FFFFFF; } .bg_13897a { padding: 10px; background: #13897a; } .bg_f1eccb { padding: 10px; background: #f1eccb; } .bg_blue { padding: 10px; background: rgba(6, 52, 84, .9); } .description_2 { font-family: 'SourceCodePro-Regular', Arial, Tahoma, sans-serif !important; font-size: 14px !important; line-height: 21px !important; margin-top: 15px; } .font-size-10 { font-size: 12px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-22 { font-size: 22px !important; line-height: 22px; } .font-size-24 { font-size: 24px !important; } .font-size-27 { font-size: 27px !important; } .font-size-26 { font-size: 26px !important; } .font-size-31 { font-size: 31px !important; } .font-size-32 { font-size: 32px !important; } .font-size-42 { font-size: 42px !important; } .font-size-45 { font-size: 45px !important; } .font-size-46 { font-size: 46px !important; } .font-size-52 { font-size: 52px !important; } .image-down { background: transparent url('images/adelante.png') no-repeat 50% 50%; width: 144px; height: 46px; display: inline-block; } .image-up { background: transparent url('images/atras.png') no-repeat 50% 50%; width: 144px; height: 46px; display: inline-block; } .boton_entrevista { background: transparent url('images/boton_entrevista.png') no-repeat 50% 50%; width: 280px; height: 64px; margin: 20px auto; } .page-quijada .boton_entrevista { position: relative; margin-top: -160px; } .page-voz .boton_entrevista { position: relative; margin-top: -80px; } .page-guitarra .boton_entrevista { position: absolute; z-index: 99; width: 100%; text-align: center; margin-top: -50px; } .page-maracas .boton_entrevista { position: relative; /* z-index: 50; */ margin-top: -320px; } .boton_entrevista:hover { opacity: .9; } .font-family-SourceCodePro-Regular { font-family: 'SourceCodePro-Regular', Arial, Tahoma, sans-serif !important; } .font-family-SourceCodePro-Medium { font-family: 'SourceCodePro-Medium', Arial, Tahoma, sans-serif !important; } .font-family-SourceCodePro-Semibold { font-family: 'SourceCodePro-Semibold', Arial, Tahoma, sans-serif !important; } .font-family-Damion-Regular { font-family: 'Damion-Regular', Arial, Tahoma, sans-serif !important; } h3.subtitle::first-letter { text-decoration: underline; } .desc_colaboradores { margin-top: -50px; padding-left: 100px; padding-top: 100px; position: absolute; margin-left: -60px; z-index: 0; left: 33%; } h4.sub_genero { font-size: 14px; color: #18a991; font-family: 'SourceCodePro-Semibold', Arial, Tahoma, sans-serif !important; text-transform: uppercase; border-bottom: 25px solid #b1dcce; } .boton_entrevista a { padding: 5px 10px; color: #FFF; font-size: 1.6em; display: inline-block; font-family: 'Damion-Regular', Arial, Tahoma, sans-serif !important; text-align: center; line-height: 1.2em; } .boton_entrevista a .text_entrevista { font-size: 1.2em; text-align: right; display: inline-block; padding-left: -30px; } .boton_entrevista a .nombre_boton_entrevista { font-size: 1.4em; text-align: right; display: inline-block; padding-left: 30px; } .boton_entrevista a:hover { text-decoration: none; color: rgba(255, 255, 255, .8); } .boton_entrevista a:focus { text-decoration: none; color: rgba(255, 255, 255, 1); } .section-nav.next { width: 144px !important; } .section.has-navi .section-nav { margin-left: -72px !important; } .section.has-navi:nth-last-child(2) .section-nav.next { display: inline-block; } .description_with_elements { position: relative; z-index: 9999; } .description_with_elements .description_olas, .description_olas { background: url(images/San_andres_home_02_b.png) no-repeat 0 0; position: absolute; z-index: -1; width: 316px; height: 278px; bottom: -10px; left: -60px; } .description_with_elements .description_hojas, .description_hojas { background: url(images/San_andres_home_03.png) no-repeat 0 0; position: absolute; z-index: -1; width: 316px; height: 278px; top: -10px; right: -160px; } #menu_footer li a .home_icon { width: 25px; height: 17px; background: url(images/home.png) no-repeat; display: inline; display: inline-table; display: inline-block; /* vertical-align: middle; */ padding: 0 !important; } #menu_footer li a:hover .home_icon, #menu_footer li.current_page_item a .home_icon { background: url(images/home_h.png) no-repeat; } #menu_footer li a .icono_glosario { display: inline-block; width: 25px; height: 17px; background: url(images/glosario.png) no-repeat; display: inline; display: inline-table; display: inline-block; /* vertical-align: middle; */ padding: 0 !important; } #menu_footer li a:hover .icono_directorio { background: url(images/glosario_h.png) no-repeat; } #menu_footer li a .icono_directorio { display: inline-block; width: 17px; height: 17px; background: url(images/directorio.png) no-repeat; display: inline; display: inline-table; display: inline-block; /* vertical-align: middle; */ padding: 0 !important; } #menu_footer li a:hover .icono_directorio, #menu_footer li.current_page_item a .icono_directorio { background: url(images/directorio_h.png) no-repeat; } .footer_1 { background: #707070; } .footer_1 a { color: #fff !important; font-family: 'SourceCodePro-Regular', Arial, Tahoma, sans-serif !important; text-decoration: none; text-transform: uppercase; font-size: 12px; } @media (max-width:767px) { .footer_1 a { font-size: 14px; } } #Footer, #Footer * { text-align: left !important; font-family: 'Ubuntu', Arial, Tahoma, sans-serif !important; color: #fff; } #Footer p { font-size: 12px; } #Footer .widgets_wrapper { padding-top: 40px 0; } .affix, .affix-top { position: fixed; } .fixed { position: fixed; } .fixed-wrapper:not(:target) { /* this rule only applied if the browser understands target */ position: absolute; } .translation { } .translation:hover, .translation.selected { background-color: rgba(255, 255, 0, 0.5); opacity: 1; color: #555; display: inline; padding: 0.45rem 0; ont-weight: bold; box-decoration-break: clone; cursor: pointer; cursor: hand; } .page-mandolina #staticImg { margin-left: -350px; } .page-maracas #staticImg { margin-top: -70px; margin-left: -150px; } .page-quijada #staticImg { margin-top: -200px; margin-left: -80px; } .page-quijada #staticImg img { -webkit-transform: scale(0.9); /* Saf3.1+, Chrome */ -moz-transform: scale(0.9); /* FF3.5+ */ -ms-transform: scale(0.9); /* IE9 */ -o-transform: scale(0.9); /* Opera 10.5+ */ transform: scale(0.9); /* IE6–IE9 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713, SizingMethod='auto expand'); } .page-guitarra #staticImg { margin-top: -280px; margin-left: 0px; position: relative; right: -70px; } .page-violin #staticImg { margin-top: -280px; margin-left: -20px; position: relative; } .page-napa #staticImg { margin-top: -80px; margin-left: 13%; position: relative; } .page-acordeon #staticImg { margin-left: -200px; margin-top: -50px; position: relative; } .page-colaboradores .column_image { position: relative; z-index: 9; } .page-guitarra #staticImg img { position: relative; z-index: -1; } #contenedor-instrumentos { position: absolute; top: 229px; } #contenedor-instrumentos > div { width: 100%; } #footerSlideContent { /* ... Original CSS - Add this to end ... */ -webkit-transition: height 300ms ease-in; -moz-transition: height 300ms ease-in; -ms-transition: height 300ms ease-in; -o-transition: height 300ms ease-in; transition: height 300ms ease-in; -webkit-transition: top 300ms ease-in, bottom 300ms ease-in; -moz-transition: top 300ms ease-in, bottom 300ms ease-in; -ms-transition: top 300ms ease-in, bottom 300ms ease-in; -o-transition: top 300ms ease-in, bottom 300ms ease-in; transition: top 300ms ease-in, bottom 300ms ease-in; } #footerSlideContent.open { height: 261px; } #footerSlideContent.openmobile { height: 100%; } #Bottom_bar { min-height: 90px; } #footerSlideBar { padding: 5px 0; background: #707070; border-bottom: 1px solid rgba(255, 255, 255, .2); } #footerSlideButton { font-family: 'SourceCodePro-Regular', Arial, Tahoma, sans-serif !important; font-size: 16px !important; text-transform: uppercase; border: none; cursor: pointer; color: #FFF; text-decoration: none; letter-spacing: .5px; width: 100%; display: inline-block; text-align: center; } #footerSlideButton:hover { color: rgba(255, 255, 255, .9); } #footerSlideContent { width: 100%; height: 0px; background: #251b15; color: #CCCCCC; font-size: 0.8em; border: none; -webkit-transition: height 300ms ease-in; -moz-transition: height 300ms ease-in; -ms-transition: height 300ms ease-in; -o-transition: height 300ms ease-in; transition: height 300ms ease-in; } #Footer h4 { margin: 0; } #Footer .col-xs-3 { width: 29% !important; } .borders-left-right { border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; } .border_color_063454 { border-color: #063454 !important; } /**/ #footerSlideContent.open .footerSlideButton-close { display: block; } #footerSlideContent.openmobile .footerSlideButton-close { display: block; } .footerSlideButton-close { z-index: 9994; width: 35px; height: 35px; position: absolute; right: 0; top: 68px; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: 'SourceCodePro-ExtraLight', Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: none; outline: none; -webkit-box-shadow: none; box-shadow: none; display: none; } .footerSlideButton-close::-moz-focus-inner { border: 0; padding: 0; } .footerSlideButton-close:hover, .footerSlideButton-close:focus, .footerSlideButton-close:active, .footerSlideButton-close:visited { text-decoration: none; text-align: center; padding: 0; color: rgba(255, 255, 255, .8); font-style: normal; font-size: 35px; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); border: 0; background: none !important; outline: none; -webkit-box-shadow: none; box-shadow: none; } .footerSlideButton-close:active { /*top: 1px;*/ } .footerSlideButton-close:after { background: none; } .home-page .list_item .list_right { padding: 42px 70px; margin-left: 0; word-wrap: break-word; } .description_pie_de_foto .list_right { padding-top: 5px !important; } .home-page .desc { text-align: left; margin-top: 20px; font-size: 16px; margin-bottom: 20px; } .box-1 { margin-left: -40px !important; padding: 40px !important; } .box-2 { padding-bottom: 40px; padding-right: 50px; } .page-maracas #inline-interview h4 { text-indent: 12%; } .page-maracas #inline-interview .subtitle { text-indent: 12%; } .footer-box1 { border-left: 1px solid #3a3a3a; border-right: 1px solid #3a3a3a; margin-left: 0px; padding-left: 20px; margin-right: 0px; padding-right: 20px; } .top_76px { top: 76px !important; } .opacity_09 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } .opacity_08 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .opacity_07 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }