/* ///////////////////////////    Estilos comunes en todas las Plantillas /////////////////////// */


/* //////////////////// MEDIA QUERIES ////////////////// */

    /* Por debajo de 550px */
    @media screen and (max-width: 550px){
        #bloque_index_dinamico { 
            width:100% !important;
            height:auto !important; 
            margin:0 !important;
            margin-bottom: 20px !important;
            box-sizing: border-box;
        }

    }


    /* por debajo de 610 */
    @media screen and (max-width: 610px){
      #img_adblock_notice { width:100% !important;  }
    }

    /* Por debajo de 800px */
    @media screen and (max-width: 800px){

        #banner_header { 
            display:block;
            width: 100% !important;
            margin: 0 auto !important;
        }


        .caja_banner_200x90 {
            display: none;
        }

        .caja_banner_768x90 {
            width:100% !important;
            display: block;
        }

        .caja_banner_728x90 {
            width:100% !important;
            display: block;
        }

        .caja_banner_468x60 {
            clear:both;
            width:100% !important;
             
            display: block;
        }

        #etiqueta_publi { display:none; }
    }

    /* Por encima de 1060px */
    @media screen and (min-width: 1150px){
        #banner_header { 
            float:left; 
            display:block;
            width:100%;
            height:auto !important;
            background:transparent;
            
        }
    }

    /* Por debajo de 1150 */
    @media screen and (max-width: 1150px){
        #banner_header { 
                background: #transparent;
                /*float:right;*/
                display:block;
                width: 744px;
                margin: 0 auto;
                
        }
        .caja_banner_200x90 {
            display: none;

        }

        
    }
/* //////////////////// FIN MEDIA QUERIES ////////////////// */



/* index_dinamico :: estilos de subportadas */

        .not_destacada_port_cat {   
                            float:left;
                            background:#ffffff;
                            width: 100%; 
                            margin: 0px;
                            padding:10px;
                            border-radius: 2px;
                            box-sizing: border-box;
        }
        
        .not_listado_port_cat {
                            float: left;
                            background: #ffffff;
                            width: 45%;
                            margin: 0px;
                            margin-bottom: 20px !important;
                            padding: 10px;
                            border-radius: 2px;
        }
        


/* FIN :: index_dinamico :: estilos de subportadas */




.banner { 
    box-sizing: border-box;
    border: 4px solid #eee; 
}

#bannercontenido {
    margin-top: 40px;
    margin-bottom:  40px;
}

.thumbnail_autor {
    float:left; width:35px; height:35px; margin:7px; margin-left:0px; border-radius:50%; overflow:hidden;
}

.thumbnail_modulo_autores {
    float:left; width:60px; height:60px; margin:0px; margin-left:0px; border-radius:50%; overflow:hidden;
}

.etiqueta_modulo_autores {
    font-size: 13px;
}

.foto_autor {
    float:none; width:105px; height:105px; margin:7px; margin-left:0px; border-radius:50%; overflow:hidden;
}



#etiqueta { 
	font-size:18px; 
	/*font-family:Oswald;*/ 
	margin:2px; 
	padding:7px; 
	color:#ffffff; 
	background:#ff2900; 
	display:inline-block; 
	text-decoration: none;
}

#capa_fondo {
    position:fixed;
    width:100%; height:100%;
    background-attachment: fixed;
    background-size: cover;
}

#capa_fondo a {
    display: block;
    width:100%;
    height:100%;
}

#fecha_actual_cabecera {
    margin-top:20px;
}


#capa_buscador {
    float:right; margin-top:-42px; margin-right:10px;
}

.capa_not_buscar {
    float: left; 
    width: 100%; 
    margin-top: 15px;
    margin-bottom: 15px;
    overflow: hidden;
}


#title_recomendados {
    float: left;
    width: 100%;
    display: block;
    background-color: #eee;
    margin: 1px;
    padding: 11px 0px;
    border: #888888 0px solid;
    border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    font-size: 15px;
    font-weight: bold;
    color: #383838;
    text-align: center;
    text-decoration: none;
}

/* centramos iframes de youtube, instagram y twitter */
#capa_contenido iframe { width:100% !important; margin:0px auto !important; }
.twitter-tweet { margin: 1px auto; }



/* INICIO modulo de +vistos +visitados */
#capaGadgetParentesys {
    float: left; width: 100%; 
    font-family: 'Open Sans', Arial, sans-serif;
    display:block; 
    border: 0px solid rgb(221, 221, 221); 
    margin-bottom: 10px; padding-top:0px;  
    background-color: #fafafa;
    z-index:99999;
}


#title_gadget {
    float: left;
    width:100%;
    display:block;
    background-color: #dddddd;
    margin: 1px; padding: 11px 0px;
    border: #888888 0px solid;
    border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    font-size: 15px; font-weight: bold; color: #383838;
    text-align: center;
    text-decoration: none;
}

#caja_mas_item {
    display: inline-block;
    width:100%;
}

.capa_th_noticia {
    float:left; 
    width: 100px; 
    margin: 8px;
    height: 60px;
    overflow: hidden;
}

.capa_th_autor {
    float:left; 
    width: 60px; 
    margin: 8px;
    height: 60px;
    overflow: hidden;
}

.caja_mas_categoria {
    font-size: 1em;
}

.caja_mas_title_thumb {
    float:left; 
    width: 58%; 
    margin:4px 1px 4px 1px;
    line-height: 18px;
}
.caja_mas_title_thumb a {
    color:#333 !important; 
    font-size:13px; 
    font-weight: bold;
}

.caja_mas_foto_thumb {
    width: 100%; 
    padding: 0px;
}
/* FIN modulo de +vistos +visitados */


/* INICIO modulo Newsletter */
    #mBox{
        display: none;
        z-index: 1;
        width:100%; height:100%;
        background-color: rgba(0,0,0,.8);
        position: absolute;
        top: 0;
    }

    #mpopupBox {
        width: 320px;
        height: 225px;
        position: fixed; 
        top:0; left:0; right:0; bottom:0;
        overflow: auto;
        overflow-y: hidden;
        margin: auto;
        box-shadow: 0px 0px 15px #000;
    }

    /* div donde permanece anclado la caja de newsletter al hacer scroll*/
    .sticky_newsletter {
        height: calc(200vh);
    }

    .SidebarBox_subscribe {
        float: left;
        width: 100%;
        border: none;
        margin: 0 0 15px;
        padding: 15px;
        top: 15px;
        position:  sticky;
    }

    .SidebarBox_subscribe h5 {
        color: #FFF;
        font-size: 19px;
        line-height: 31px;
        margin: 0 0 0px;
        text-transform: uppercase;
        /*position: relative;*/
        font-family: sans-serif;
    }

    .SidebarBox_subscribe_rotulo {
        color: #FFF;
        font-size: 19px;
        line-height: 31px;
        margin: 0 0 0px;
        text-transform: uppercase;
        /*position: relative;*/
        font-family: sans-serif;
    }




    .SidebarBox_subscribe #subinput {
        background: url(../metro/26/ffffff/email.png) no-repeat scroll 16px 21px #FFF;
        border-color: #eee;
        border-width: 3px;
        border-style: none none solid;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #888;
        font-family: Verdana,Arial,Tahoma,sans-serif;
        font-size: 14px;
        padding: 13px 0px 13px 0px;
        text-transform: lowercase;
        outline: none;
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }

    .SidebarBox_subscribe input[type="button"], .SidebarBox_subscribe input[type="submit"], .SidebarBox_subscribe .button {
        background: #333;
        border-color: rgba(0, 0, 0, 0.3);
        border-width: 3px;
        border-style: none none solid;
        box-shadow: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #fff;
        cursor: pointer;
        font-family: Verdana,Arial,Tahoma,sans-serif;
        font-size: 18px;
        font-weight: bold;
        padding: 12px 15px;
        text-decoration: none;
        text-transform: uppercase;
        display: inline-block;
        width: 100%;
        outline: none;
    }

    .SidebarBox_subscribe p {
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.7;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        margin-bottom:10px;
    }

    .warning_newsletter {
      display:none;
      padding:5px;
      color: red;
      font-size:14px;
      text-align: center; 
      line-height: 1.7;
      border-radius: 2px;
      background-color: rgb(255, 229, 155);
    }

    #close_SidebarBox_subscribe {
      font-size: 13px;
      text-decoration: none;
      text-align: center;
      opacity: 1;
    }
/* FIN modulo Newsletter */




/* INICIO Loader */
    .loader-container {
        position: fixed;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: white;
        transition: opacity 0.2s ease-out;
        opacity: 1;
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        z-index: 100;
    }

    .loader-container .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 120px;
        height: 120px;
        border: solid 5px transparent;
        border-top-color: #0fcadb;
        border-left-color: #0fcadb;
        border-radius: 50%;
        animation: loader 1.2s linear infinite;
    }

    .loader-container .loader-small {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100px;
        height: 100px;
        border: solid 5px transparent;
        border-top-color: #0fcadb;
        border-left-color: #0fcadb;
        border-radius: 50%;
        animation: loader-small 1.2s linear infinite;
    }

    @keyframes loader {
        0% {
            transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }

    @keyframes loader-small {
        0% {
            transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
            transform: translate(-50%, -50%) rotate(-360deg);
        }
    }
/* FIN Loader */






/* INICIO marquesina */
    #marquesina { width:55%; margin-top:3px; }

    .capa_marquee {
        float: left;
        width: 90%; 
        height: 30px; 
        margin: 0px; 
        margin-left: 35px;
    }

    .text_marquee { font-size:18px !important; font-weight:bold !important; }
    
    .text_new { }
    
    .blink_me {
        position:absolute;
        width: 17px;
        height: 17px;
        background: #ff0000;
        float: left;
        border-radius: 50%;
        margin-left: 12px;

        animation: blinker 1s linear infinite;
    }
    
    @keyframes blinker {
      50% {
        opacity: 0;
      }
    }
/* FIN marquesina */




/* INICIO inc_publi_cabecera */

    .caja_banner_768x90 {
        float: left; 
        margin-top: 5px; 
        margin-bottom:5px;
        padding-top: 5px;
        width: 785px; 
        height: 100px; 
        border: 1px solid rgb(255, 255, 255);  
        background: #fafafa;
    }


    .caja_banner_728x90 {
        float: left; 
        margin-top: 5px; 
        margin-bottom:5px;
        padding-top: 5px;
        width: 745px; 
        height: 100px; 
        border: 1px solid rgb(255, 255, 255);  
        background: #fafafa;
    }

    .caja_banner_200x90 {
        float:right; 
        margin-top: 5px; margin-right:0px; margin-bottom:5px;
        padding-top: 5px; 
        padding-left: 5px;
        padding-right: 5px;
        width: 235px;
        height: 100px; 
        border:1px solid #fff;  
        background:#fafafa;
    }


    #boton_pdg_index { margin-top:15px; }
    
    .boton_crear_pdg, a.boton_crear_pdg {
        /*width: 90%;*/ 
        margin-top: 15px; max-width:400px !important;
        border-radius: 25px;
        -x-system-font: none;
        background: #FDA100; border: 1px solid #FDA100;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: 'Nunito', arial, serif;
        font-size: 14px;
        font-size-adjust: none;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: bold;
        line-height: 18px;
        margin: 0px;
        padding: 10px 15px;
        position: relative;
        text-decoration: none;
    }
    
    .boton_crear_pdg:hover {
        background: #ff8711;
    }
    .boton_crear_pdg:focus {
        outline: 0px;
    }           

/* FIN inc_publi_cabecera */



/* sidebar de la columna derecha */
    #sidebar_columna_derecha a  { text-decoration: none; text-align: center; }
    #sidebar_columna_derecha_item {
        width: 100%; text-align: center; 
        margin-top: 1px; padding-top: 5px; padding-bottom: 5px;
    }
    #sidebar_columna_derecha_item:hover {
        opacity: 0.8;
    }
/* fin sidebar de la columna derecha */


    .no_hay_contenidos {
        float:left; width:100%; 
        margin:15px 0 30px 0;
        font-weight: bold;
        background:#fafafa;
        border:1px solid #ddd;
        padding: 20px;
        box-sizing: border-box;
    }


    #modulo-boton-paypal {
        border:  1px solid #ddd;
        padding: 10px;
        box-sizing: border-box;
        margin-bottom:  15px;
    }

    #paypal-reference-container {
        font-size: 20px;
        font-weight: bold;
    }

    #paypal-price-container {
        font-size: 30px;
        font-weight: bold;
    }



/* estilos del footer */
    #footer_item a { color:#fff; font-size:15px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.39); }
    #powrIframeLoader { height: 0px; }
/* fin estilos del footer */