/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 25, 2021, 7:35:34 PM
    Author     : sinople
*/
.sdx-box
        {
            color:#00c;
            display:inline-block;
            font-size:1.5em;
            margin:0 auto;
            padding:6px;
        }

        .sdx-contenedor
        {
            clear:both;
            margin:0 auto;
            /*width:90%;*/
            /*max-width:1024px;
            min-width:480px;*/
        }    
        
        .sdx-contenido
        {
            background:#fff;
            clear:both;
            margin:0 auto;
            padding:40px 12px 8em;
            max-width:1280px;
        }
        
        .sdx-generico
        {
            clear:both;
            margin:0 auto;
            padding:40px 12px 40px;    
            width:100%;
        }
        
        .sdx-generico h3
        {
            padding-top:2rem;
        }
        
        .sdx-header-generico
        {
            margin:0 auto;
        }
        
        .sdx-parrafo-generico
        {
            margin:0 auto;
        }
        
        .sdx-header-no-parte
        {
            color:#808080;text-transform:uppercase;
        }

        .sdx-no-parte-sub
        {
            color:#808080;display:block;font-size:1.5rem;text-transform:uppercase;
        }
        
        .sdx-wrapper-generico
        {
            clear:both;
            margin:0 auto;
            padding:0;
            max-width:1280px;
        }
        
        .sdx-double-line
        {
            padding-top:2rem;
        }

        .sdx-principal
        {
            margin:0 auto;
            width:100%;
        }
        
        .sdx-principal-derecha
        {
            float:right;
            width:34%;
        }
        
        .sdx-principal-derecha p
        {
            text-align:right;
            padding-top:0;
            padding-right:0;
        }
        
        #myCarousel
        {
            float:left;
            width:66%;
        }
        
        .sdx-catalogo
        {
            clear:both;    
        }
        
        .sdx-catalogo figure
        {
            text-align:center;
        }
        
        .sdx-catalogo figure a,.sdx-catalogo figure img
        {
            display:inline-block;
        }
        
        .sdx-catalogo figure,.sdx-catalogo p
        {
            width:auto;
        }
        
        .sdx-producto
        {
            float:left;
            padding:10px !important;
            width:50%;
        }
        
        .sdx-footer
        {
            background:#323e48;
            color:#fff;
            font-family:Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,"Helvetica Neue",Helvetica,Arial,sans-serif;
            text-align:center;
            padding:10px 12px;
        }
        
        .sdx-footer p
        {
            font-size:16px;
            text-align:center;
            margin-bottom:0;
        }
        
        .sdx-divi{
            border-top:5px solid #7bcf50;
            margin:2em 0 0.5em !important;
            width:36px;
        }
        
        .sdx-logo-line
        {
            padding:20px 0;
        }
        
        .sdx-logo-line a,.sdx-logo-line img,.sdx-descarga a,.sdx-descarga img,.sdx-footer a
        {
            display:block;
        }

        .sdx-logo-line a
        {
            display:inline-block;
        }
        
        .sdx-par
        {
            background:#e8e8e8;
        }
        
        .sdx-1st
        {
            color:#808080;
            text-align:right;    
        }
        
        .sdx-cantidad
        {
            color:#060;
            display:inline-block;
            font-size:1.5em;
            margin:0 auto;
            padding:4px 6px;
        }
        
        .sdx-operador
        {
            color:#000;
            display:inline-block;
            font-size:1.5em;
            margin:0 auto;
            padding:4px 6px;
        }

        .sdx-precio
        {
            color:#c00;
            /*background:#fff;*/
            display:inline-block;
            font-size:1.5em;
            margin:0 auto;
            padding:4px 6px;
            border-radius:4px;
        }
        
        .sdx-leyenda
        {
            color:#606060;
            font-weight:bold;
            text-align:center !important;
            margin:0 auto;
            padding:0;
            padding-top:2rem !important;
            padding-bottom:2rem !important;
            padding-left:2rem;
            overflow:hidden;
        }
            
        .sdx-precio-mayoreo
        {
            border:1px solid #000;
            color:#000;
            background:#fff;
        }

        .sdx-float-left
        {
            float:left;    
        }
        
        .sdx-dudas
        {
            color:#ff9900;
            font-size:2rem;
            font-weight:bold;
            text-align:center !important;
        }

        span.glyphicon-info-sign
        {
            color:#0099ff;
            font-size:2rem;
            margin:0 1rem 0 0;
        }

        .sdx-tels
        {
            text-align:center !important;    
        }

        .sdx-tels a
        {
            border:1px solid #006;
            background-color:#0066cc;
            color:#fff;
            display:inline-block;
            font-family:Roboto,sans-serif;
            font-size:2.5rem;
            font-weight:bold;
            margin-bottom:1rem;
            padding:1rem;
            border-radius:6px;
        }
        
        .sdx-tels a:hover
        {
            text-decoration:none;
        }

        .sdx-tels .sdx-small
        {
            color:#003080;
            font-size:16px !important;
            margin:0 !important;
            padding:0 !important;
            line-height:.5px !important 
        }
        
        .sdx-opciones:hover
        {
            cursor:pointer;
            background:#f8f8f8;
        }
        
        .sdx-opciones
        {
            border:1px solid #c0c0c0;
            display:block;
            font-size:2rem;
            text-align:right;
            margin-top:2rem;
            margin-left:2rem;
            padding:2rem;
            border-radius:4px;
        }
        
        .sdx-opciones form
        {
            display:inline-block !important;
            margin:0 auto;
            width:100%;
        }
        
        .sdx-opciones li
        {
            border-bottom:1px solid #c0c0c0;
            text-align:left;
            margin:0 auto;
            width:100%;
        }
        
        .sdx-opciones ul
        {
            border-right:1px solid #003090;
            border-bottom:1px solid #003090;
            border-left:1px solid #003090;
            display:block;
            margin:0 auto;
            width:100%;
        }
        
        .sdx-opciones ul li strong
        {
            color:#003090;
            font-weight:bold;
        }
        
        .sdx-opciones .sdx-titulo-opcion
        {
            background:#dfefff;
            border:1px solid #003090;
            display:block;
            font-size:2rem;
            font-weight:bold;
            text-align:center;
            text-transform:uppercase;
            margin:0 auto;
            padding:1rem;
        }
        
        .sdx-opciones li,.sdx-opciones ul
        {
            list-style:square outside none;
        }
        
        
        /*** CINTILLO DE DISPONIBILIDAD ***/
        
        .sdx-cintillo
        {
            text-align:left !important;
            margin:0 auto;
            width:100%;
        }
        
        .fpCant{color:#ffffff;display:inline-block;font-size:13px;font-size:2rem;font-weight:400;text-align:left;line-height:24px;margin:0;margin:6px 0 0 -10px;padding:3px 15px 3px 6px;position:relative;}
        /* *** *** */
        /* ALA INFERIOR */
        .fpCant::before{border-left:15px solid transparent;border-right:none;border-bottom-color:inherit;border-bottom-style:solid;border-width:13px 14px 13px medium;content:"";position:absolute;top:0;right:inherit;bottom:0;left:-14px;width:0;height:0;}

        /* ALA SUPERIOR */
        .fpCant::before{border-right:15px solid transparent;border-left:none;border-top-color:inherit;border-top-style:solid;border-width:15px 14px 15px medium;content:"";position:absolute;top:0;right:-14px;bottom:0;left:inherit;width:0;height:0;}


        .fpCantSubasta{background-color:#006080;border-color:#006080;}
        .fpCantDisponible{background-color:#008000;border-color:#008000;}
        .fpCantCatalogo{background-color:#004000;border-color:#004000;}
        .fpCantPreventa{background-color:#c08000;border-color:#c08000;}
        .fpCantLimitada{background-color:#f06000;border-color:#f06000;}
        .fpCantUltima{background-color:#c00000;border-color:#c00000;}
        .fpCantVacio{background-color:#808080;border-color:#808080;}
        .fpPrecio{display:block;font-size:175%;font-weight:bold;text-align:right;line-height:1;margin:0;margin-top:0.15em;padding-left:0 !important;white-space:nowrap;width:100%;}

        .fpPrecioSubasta{color:#006080;}
        .fpPrecioDisponible{color:#008000;}
        .fpPrecioCatalogo{color:#004000;}
        .fpPrecioPreventa{color:#c08000;}
        .fpPrecioLimitada{color:#f06000;}
        .fpPrecioUltima{color:#c00000;}
        .fpPrecioVacio{color:#606060;}
        
        /*** TERMINA CINTILLO ***/
        
        
        header
        {
            margin:0 auto;
            padding:10px 12px 10px;
            width:100%;
        }
        
        body
            {
                background:#fff;
                color:#323e48;
                font-family:Voltaire,sans-serif;
            }
               
        em
            {
                font-style:normal;
                font-weight:bold;
            }
    
        figure
            {
                padding-bottom:1em;
            }
            
        header
            {
                margin:0 auto;
                max-width:1280px;    
            }
                    
        h1,h2
        {
            margin:0 auto;
            padding:0 0 1em;
        }
            
        img
            {
                max-width:100%;
            }

        p
        {
            font-size:1.5em;
            text-align:justify;
            padding:1.25em 0 0.5em;
        }
            
        table 
            {
                margin:0 auto 1em;
            }
               
        td
            {
                border:1px solid;
                font-size:2.5rem;
                padding:4px 6px;
            }
        /* BS OVERRIDES */
        #myCarousel
        {
            height:100%;min-height:100%;
        }
        
        #myCarousel .carousel-control,#myCarousel .carousel-control:hover
        {
            background-image:none !important;
        }
        
        #myCarousel .carousel-indicators li{
            border:1px solid;
        }
        
        #myCarousel .carousel-indicators .active{
            background-color:rgba(0,0,0,0.5);
        }
        
        #myCarousel .item
        {
            text-align:center;height:100%;min-height:100%;width:auto;
        }
        
        #myCarousel .item img
        {
            display:inline-block;height:auto !important;height:100%;min-height:100%;width:auto;max-width:100%;
        }

        h1,h2,p,table{margin:0 auto;max-width:1280px;}

        .fb-share-button{display:block !important;margin-bottom:2em;}
        /*** @MEDIA QUERIES ***/
        @media only screen and (max-width:768px)
        {
            .sdx-producto
            {
                float:none;
                width:100%;
            }
            
            .sdx-principal-derecha
            {
                float:none;
                width:100%;
            }
        
            #myCarousel
            {
                float:none;
                width:100%;
            }

        }
        
        @media only screen and (max-width:768px)
        {
            .sdx-leyenda
            {
                padding-left:0;
            }
        }
        
        @media only screen and (max-width:768px)
        {
            .sdx-opciones
            {
                margin-left:0;
            }
        }