/*
    Document   : general.css
    Created on : 26-mar-2013, 8:09:02
    Author     : Raul Vivar
    Description:
        Proporciona las clases CSS para la parte pública de MTM.
        Vamos a tomar algunas (por no decir todas) definiciones
        de las hojas de estilo de la antigua MTM pública y de
        la Web de apoderamientos.dgt de Alejandro
*/

.textrigthlogo{margin-top: 40px;}

/*FUENTES*/
.fnt12important{font-size: 12px !important;}
.fuenteblanca{font-family:arial; color: #fff;}
.fuentenegra{font-family:arial; color: #000000;}
.fuenteroja{font-family:arial; color: #B70629;}
.h5fuenteroja h5{font-family:arial;color: #B70629;}
.h3fuenteroja h3{font-family:arial;color: #B70629;}
.fuente8{font-family:arial;font-size: 8px;line-height: 8px}
.fuente10{font-family:arial;font-size: 10px;line-height: 10px}
.fuente11{font-family:arial;font-size: 11px;line-height: 11px}
.fuente12{font-family:arial;font-size: 12px;line-height: 13px}
.fuente14{font-family:arial;font-size: 14px;line-height: 15px}
.fuente18{font-family:arial;font-size: 18px;line-height:18px;}
.fuente22{font-family:arial;font-size: 22px;}
.fuente22Importantant{font-family:arial;font-size: 22px !important;}
.fuente28{font-family:arial;font-size: 28px;}
.fuenteGris{font-family:arial;color: #7C7B7E}
.fuenteAmarilla{font-family:arial;color:#F8960B}
.fuenteGrisClaro{font-family:arial;color: #A5A5A5}
.fuenteGrisMuyClaro{font-family:arial;color: #B8B8B9}
.negrita{font-family:arial;font-weight:bold;}
.italica{font-family:arial;font-style:italic;}
.parrafo{font-family:arial;text-align: justify;}
.centrado{font-family:arial;text-align: center;}
.fntarial{font-family:arial;}/*con esta clase css evitamos la disparidad de fuentes que se dan en algunos sitios de la aplicación*/

.fnt10{font-size: 10px;line-height:10px;font-family:'Open Sans',arial,verdana;}
.lblColor{color:#565656;}


/*ENLACE*/
.enlace{color: #7C7B7E;cursor:pointer;font-family:arial;}
.enlace:hover,focus{color: #B70629;text-decoration: none;}

.enlace2{color: #B8B8B9;cursor:pointer;font-family:arial}
.enlace2:hover,focus{color: #fff;text-decoration: none;}

.enlace3{color: #B70629;cursor:pointer;}
.enlace3:hover,focus{color: #7C7B7E;text-decoration: none;}

.enlace4{color: #B70629;cursor:pointer;font-family:arial;}
.enlace4:hover,focus{color: #B70629;}

.enlace5{color: #fff;cursor:pointer;font-family:arial;}
.enlace5:hover,focus{color: #fff;}

.enlace6{color: #fff;cursor:pointer;font-family:arial;}
.enlace6:hover,focus{color: #B8B8B9;text-decoration: none;font-family:arial;}

.enlace7{color: #5D5D5D;cursor:pointer;font-family:arial;}
.enlace7:hover,focus{color: #000;text-decoration: none;}

.enlace8{color:#000;cursor:pointer;font-family:arial;}
.enlace8:hover,focus{color: #B70629;text-decoration: none;}

.enlaceMenuMini{color:#fff;cursor:pointer;text-decoration: none;font-size: 18px;line-height:50px;font-family:arial}
.enlaceMenuMini:hover{color:#fff;cursor:pointer;text-decoration: none;font-size: 18px;line-height:50px;font-family:arial}

.enlaceSubMenuMini{color:#676767;cursor:pointer;text-decoration: none;font-size: 14px;line-height:50px;font-family:arial}
.enlaceSubMenuMini:hover{color:#676767;cursor:pointer;text-decoration: none;font-size: 14px;line-height:50px;font-family:arial}

.noselect{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.cursorPointer{
    cursor:pointer;
}

.colorGris{
    color:gray;
}

/*FONDOS*/
.fondonegro{background: #000;}
.fondorojo{background: #B70629;}
.fondorojoimagen{background: #B70629 url('../images/fndHeader.jpg') repeat-x;}
.fondoblanco{background: #fff;}
.fondoGrisClaro{background:#F5F4F4}
.fondoGrisOscuro{background:#5D5D5D}
.fondoGrisOscuroimagen{background: #5D5D5D url('../images/fndFooter.jpg') repeat-x;}
.fondoGris{background:#DFDEDE}
.fondoCrema{background:#F6F6DC}

/* fondos personalizados*/
.fondoMtm{background-color:#BC0512;}
.fondoarval{background-color:#88b9ba;}
.fondocaixa{background-color:#1B77BA;}

.registroReporte{
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #89795D;
    background-color:#F6F6DC;
}

.registroReporte:hover{
    cursor:pointer;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #407D99;
    background-color:#94DAFA;
}

/*CAPAS*/
.mt4{margin-top: 4px;}
.mr6{margin-right: 6px;}
.flotai{float: left;}
.flotar{float: right;}
.margi10d10{margin: 0 10px 0 10px;}
.margi20d20{margin: 0 20px 0 20px;}
.margin_b6{margin: 0 0 6px 0;}
.margin_b20{margin: 0 0 20px 0;}
.margin_b40{margin: 0 0 40px 0;}
.margin_l10px{padding: 0 0 0 10px;}
.margin_l40px{margin: 0 0 0 40px;}
.margin_t10px{margin: 10px 0 0 0;}
.margin_t20px{margin: 20px 0 0 0;}
.a_margin_l16 a{margin: 0 0 0 16px;}
.img_margin_l16 img{margin: 0 0 0 16px;}
.padding_tb_20_lr_40{padding: 20px 40px 20px 40px;}
.padding_t_b_10{padding: 10px 0 10px 0;}
.padding_t_b_3{padding: 3px 0 3px 0;}
.padding_lr_10px{padding: 0 10px 0 10px;}
.padding_lr_10pxPT{padding: 0 10px 0 10px; max-width: 900px; margin: 0 auto;}
.padding_r_10px{padding: 0 10px 0 0;}
.padding_l_10px{padding: 0 0 0 10px;}
.padding_lr_20px{padding: 0 20px;}
.padding_lr_50px{padding: 0 50px;}
.padding10{padding:10px;}
.padding20{padding:20px;}
.padding6{padding:6px;}
.paddingt10{padding:10px 0 0 0}
.padding_b10{padding: 0 0 10px 0;}
.padding_plan{padding:0 0 13px 0;}
.margin10{margin:10px}
.margin5{margin:5px}
.margin20{margin:20px}
.margint65{margin-top:65px;}

/* clases css para alinear capas sin recurrir al atributo align (obsoleto) */
.alignCenter{text-align: center;}
.alignLeft{text-align: left;}
.alignRight{text-align: right;}

/*BORDE*/
.lineahorizontalb{border-bottom: 1px solid #DDD;}
.lineaverticald{border-left: 1px solid #DDD;}
.borderredondos{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.bordesredondostl{-webkit-border-top-left-radius: 10px;
				-moz-border-radius-topleft: 10px;
				border-top-left-radius: 10px;}
.bordesredondostr{-webkit-border-top-right-radius: 10px;
				-moz-border-radius-topright: 10px;
				border-top-right-radius: 10px;}
.bordesredondosbl{-webkit-border-bottom-left-radius: 10px;
				-moz-border-radius-bottomleft: 10px;
				border-bottom-left-radius: 10px;}
.bordesredondosbr{-webkit-border-bottom-right-radius: 10px;
				-moz-border-radius-bottomright: 10px;
				border-bottom-right-radius: 10px;}
.conborde{border: 1px solid #DDD;}
.conbordel{border-left: 1px solid #DDD;}
.conborder{border-right: 1px solid #DDD;}
.conbordet{border-top: 1px solid #DDD;}
.conbordetOscuro{border-top: 1px solid #AEADAD;}
.conbordeb{border-bottom: 1px solid #DDD;}
.conbordebBlanco{border-bottom: 1px solid #FFF;}
.punteado{border-bottom: 1px dotted #B8B8B9;}
.bisel{border-top:1px solid #363535; border-bottom:1px solid #B8B8B9;}

/* imagenes */
.badgeMTM{
    display:inline-block;
    width:100px;
    height:100px;
    background-color:#fff;
    background-image:url("../images/badge.png");
    background-repeat: no-repeat;
}

.flechaSlideLeft{
    position:absolute;
    left:-13px;
    top:50%
}
.flechaSlideRight{
    position:absolute;
    right:-25px;
    top:50%
}

.earphones{
    background-color:#B70629;
    width:100px;
    height:100px;
}

.earphones>img{
    margin-top:10px;
    width:80px;
    height:80px;
}

.sombra{width:100%;height:20px;background-image:url('../images/fxshadow.png');}

.contenedorIcono{
    width:70px;
    height:70px;
    background-color:#fff;
    border: 4px solid #5A5A5A;
}

.contenedorIcono50{
    width:50px;
    height:50px;
    background-color:#fff;
    border: 4px solid #5A5A5A;
}

.contenedorIcono25{
    width:25px;
    height:25px;
}

/*botones*/
.btnMenu{
    position:fixed;
    top:0px;
    right:0px;
    z-index:1000;

}

.btnMenuDiv{
    background-color:#D9534F;
    cursor:pointer;
}

.btnMenuDiv:hover{
    background-color:#B70629;
    cursor:pointer;
}

.menuBar{

    width:100%;
    height:0px;
    background-color:#B70629;
    overflow:hidden;
}

.listaMenuMini{
    height:50px;
    background-color:#D9534F;
    border-bottom: 1px solid #fff;
}

.listaMenuMini:hover{
    background-color:#515151;
}

.listaMenuMiniActive{
    height:50px;
    background-color:#9E9C9C;
    border-bottom: 1px solid #fff;
}

.listaSubMenuMini{
    height:50px;
    background-color:#FFF;
    border-bottom: 1px solid #F7F1F1;
}

.listaSubMenuMini:hover{
    background-color:#F7F1F1;
}

.listaSubMenuMiniActive{
    height:50px;
    background-color:#D9D2D2;
    border-bottom: 1px solid #808080;
}

.placeHolderCss{
    border: 1px dotted #CACA87;
    background-color:#F6F6DC;
    height:25px;
}

li.caracteristicas{
    list-style-type: square;
    line-height:25px;
    text-align: left;
}

li.caracteristicas2{
    list-style-type: decimal;
    line-height:25px;
    text-align: left;
}

/* BUSQUEDA */

.search-query {
    border-radius: 15px 0 0 15px;
    padding: 4px 14px;
    border-right-style: none;
}

.input-append .add-on:last-child {
    border-radius: 0 15px 15px 0;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-left-style: none;
}

.navbar-inverse .input-append .add-on:last-child
{
    -moz-transition: none 0s ease 0s;
    background-color: #515151;
    border-color: #111111;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.15);
}

/* ESPECIALES */
.anchototal{
    width:100%;
}

.barraMenuFlotante{
    display:none;
}

.contenedorBanners{
    width:100%;
    height:340px
}

.contenedorPromos{
    height:175px;
    width:100%
}

.bandaTitulo{
    width:100%;
    height:40px
}

.bandaMigaPan{
    width:100%;
    height:40px
}

.respuesta{
    display:none;
}

.badgeRojo{
    background-color:#B70629 !important;
}

.cookieBox{
    /* para cualquier engendro de la familia IE*/
    background:rgb(0,0,0);
    filter:alpha(opacity=85);
    /* ---------------------------------------------- */

    /* para los navegadores que merecen tal nombre...*/
    background-color:rgba(0,0,0,0.85);
    /* ---------------------------------------------- */

    width:100%;
    min-height:70px;
    display:none;
}

.tablaCookies{
    border: 1px solid #DDD;
}

.tablaCookies th{
    padding:10px;
    color:#fff;
    background-color:#515151;
}

.tablaCookies tr{
    padding:10px;
    background-color:#fff;
    border-top: 1px solid #DDD;
}

.tablaCookies td{
    padding:10px;
    font-size: 12px;
    line-height:12px;
    color:#000;

}

.oculto{
    display:none;
}

.textoReves{
    unicode-bidi:bidi-override; direction: rtl;
}

.texto-iso {
    color: #fff;
    font-size: 0.8em;
    font-style: italic;
    font-family: sans-serif;
}

/* ******** */

/* media querys - un mundo de posibilidades*/

    /* Large desktop */
    @media (min-width: 1200px) {
        /*titulo para las secciones*/
        .titularMTM{
            font-family:arial; color: #000;
        }
        .subtitularMTM{
            font-family:arial; color: #7C7B7E;font-size:16px;
        }

        .avisoMTM{
            font-family:arial; color: #7C7B7E;font-size:14px; font-weight:bold;
        }

        .titularBanner{
            font-family:arial; color: #B70629;font-size:32px;
        }
    }

    /* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) {
        .titularMTM{
            font-family:arial; color: #000;
        }
         .subtitularMTM{
            font-family:arial; color: #7C7B7E;font-size:16px;
        }
        .avisoMTM{
            font-family:arial; color: #7C7B7E;font-size:14px; font-weight:bold;
        }

        .titularBanner{
            font-family:arial; color: #B70629;font-size:32px;
        }
    }

    /* Landscape phone to portrait tablet */
    @media (max-width: 767px) {
        .titularMTM{
            font-family:arial; color: #000;
            text-align:center;
            font-size:24px;
        }
         .subtitularMTM{
            font-family:arial; color: #7C7B7E;font-size:14px;
        }
        .avisoMTM{
            font-family:arial; color: #7C7B7E;font-size:14px; font-weight:bold;
        }

        .titularBanner{
            font-family:arial; color: #B70629;font-size:24px;
        }
    }

    /* Landscape phones and down */
    @media (max-width: 480px) {
        .titularMTM{
            font-family:arial; color: #000;
            text-align:center;
            font-size:24px;
            line-height:24px;
        }
         .subtitularMTM{
            font-family:arial; color: #7C7B7E;font-size:14px;
        }
        .avisoMTM{
            font-family:arial; color: #7C7B7E;font-size:12px; font-weight:bold;
        }

        .titularBanner{
            font-family:arial; color: #B70629;font-size:18px;line-height:18px
        }
    }


/*MODIFICACIONES FRONT LOGIN GESTAO*/
.titularMTM{
    font-family:arial;
}
.subtitularMTM{
    font-family:arial;
}
.title-alert{
    font-family:arial;
    font-weight: bold;
}
.logo-gest-portugal {
    margin-top: 20px;
    width: 344px;
}