@charset "iso-8859-1";

@font-face {
    font-family: Roboto;
    src: url('../Fuentes/Roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: HelveticaCondensed;
    src: url('../Fuentes/Helvetica/HelveticaNeueLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
  

}

body {
    /*display: none;*/
}

html,body {
    margin: 0;
    padding: 0;
    font-family: HelveticaCondensed;
}

/* INICIO MENSAJE DE ERROR */
    
    .ui-widget {
        font-family: HelveticaCondensed;
    }
    
    .ui-growl-message{
        font-size: 16px;
    }
    
    .ui-growl-item-container .ui-growl-title{
        display: none;
    }
    
/* FIN MENSAJE DE ERROR */

/* INICIO BUSCADOR */

    .inputBuscadorTramites input{
        text-align: center;
        height: 23px;
        width: 745px;
        font-size: 16px;
    }
    
    #opcionesBuscador{
        margin: 0px auto 31px;
        text-align: center;
    }
    
    .imagenBuscador{
        vertical-align: bottom;
        height: 33px;
    }
    
    .opcionBusqueda{
        width: 416px; 
        height: 33px;
        margin: 14px 7px;
        font-size: 16px;
        color: #bc955b;
    }
    
/* FIN BUSCADOR */

/* INICIO MENU PRINCIPAL CIRCULOS */

    #menuCirculos {
        overflow:hidden;
        margin: 0 auto;
        font-family: HelveticaCondensed;
    }

    #menuCirculos ul{
        padding: 0;
        font-size: 16px;
        list-style-type: none;
        text-align: center;
    }

    #menuCirculos li {
        display: inline-block;
        margin: 0;
    }

    #menuCirculos li a {
        display:inline-block;
        text-align:center;
        text-decoration: none;
        color: #9f2241;
        margin: 0;
        margin-right:0px;
        width:170px;
        height: 180px;
        vertical-align: middle;
        position: relative;
    }

    #menuCirculos li a img {
        border: 0px; 
    }

    .titulo-icono-circulo {
        margin-top: 8px;
    }

    #menuCirculos a:hover img {
/*        -webkit-animation:spin 1s linear;
        -moz-animation:spin 1s linear;
        animation:spin 1s linear;*/
    }
    
    .swapMe img { 
        -webkit-transition: all 0.2s ease-in-out; 
        -moz-transition: all 0.2s ease-in-out; 
        -ms-transition: all 0.2s ease-in-out; 
        -o-transition: all 0.2s ease-in-out; 
        transition: all 0.2s ease-in-out; 
    }
    
    .swap1{
        display: block;
        position: absolute;
        right: 0px;
        left:0px;
        margin:auto;
    }
    
    .swap1, .swapMe:hover .swap2 { 
        -webkit-opacity: 1; 
        -moz-opacity: 1; 
        opacity: 1; 
    } 
    
    .swapMe:hover .swap1, .swap2 { 
        -webkit-opacity: 0; 
        -moz-opacity: 0; 
        opacity: 0; 
    }
    
    .view-list-item{
        
    }

    @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
    @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
    @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

    .submenu-titulo {
        width: 380px;
        height: 54px;
        background: rgb(57, 58, 62);
        color: white;
        display: table;
        position: static;
    }

    .submenu-titulo-content {
        display: table-cell;
        vertical-align: middle;
        position: static;
        top: 50%;
        width: 100%;
        text-align: center;
    }

    .submenu-titulo img {
        margin-right: 10px;
        vertical-align: middle;
    }

    .submenu {
        display: none;
        max-width: 960px;
        overflow:hidden;
        margin: 0 auto;
        font-family: HelveticaCondensed;
    }

    .submenu ul {
        max-width: 860px;
        margin: 18px auto 13px auto;
        padding: 0;
        font-size: 13px;
        list-style-type: none;
    }

    .submenu li {
        display: inline-table;
        vertical-align: middle;
        text-align: center;
        width: 140px;
        height: 50px;
        margin: 2px 0;
    }

    .submenu li a {
        display: table-cell;
        vertical-align: middle;
        text-decoration: none;
        color: white;
        background: #a6abaf;
        width: 100%;
        height: 100%;
        line-height: 15px;
        padding: 0px 5px;
        border-radius: 6px;
    }

    .submenu li a:hover {
        background: #be0027;
    }

    .submenu li a.item-back {
        background: #9F2241;
    }

    .submenu li a.item-back:hover {
        background: #be0027;
    }

    .item-back img {
        height: 28px;
        border: 0px; 
    }

    .item-submenu {
        position: relative;    
    }

    .item-submenu img {
        position: absolute; 
        right: 2px; 
        top: 4px;
        border: 0px; 
    }

/* FIN MENU PRINCIPAL CIRCULOS */

/* INICIO MENU TEMAS*/

    #menuTemas {
        display: none;
        overflow:hidden;
        margin: 0 auto;
    }

    #menuTemas ul{
        padding: 0;
        font-size: 16px;
        list-style-type: none;
        text-align: center;
    }

    #menuTemas li {
        display: inline-block;
        margin: 0;
    }

    #menuTemas li a {
        display:inline-block;
        text-align:center;
        text-decoration: none;
        color: #9f2241;
        margin: 0;
        margin-right:0px;
        width: 240px;
        height: 246px;
        vertical-align: middle;
        position: relative;
    }

    #menuTemas li a img {
        border: 0px; 
    }
    
/* FIN MENU POR TEMAS */

    .contenedorLink{
        display: inline-block;
        margin: 5px 0px;
    }

    .linkABC{
        text-decoration: none;
        margin: 5px 2.5px;
        color: black;
    }
    
    .linkABC.letraSeleccionada{
        color: rgb(190, 0, 40);
        text-decoration: underline;
    }
    
    .linkABC:hover{
        text-decoration: underline;
    }

/* INICIO SUB MENU LISTADO ORGANISMOS AUXILIARES*/

    .submenuB {
        display: none;
        max-width: 960px;
        overflow:hidden;
        margin: 0 auto;
    }

    .submenuB ul {
        max-width: 805px;
        margin: 18px auto 13px auto;
        padding: 0;
        font-size: 13px;
    }

    .submenuB ul > a {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 140px;
        height: 50px;
        background: #83d837;
        margin-bottom: 2px;
    }

    .submenuB li {
        margin: 0px 0px 0px 40px;
    }

    .submenuB li a {
        color: rgb(78, 87, 96);
        text-decoration: none;
    }

    .submenuB li a:hover {
        color: green;
        text-decoration: underline;
    }

    .submenuB li a.item-backB {
        background: #83d837;
    }

    .submenuB li a.item-backB:hover {
        background: #be0027;
    }

    .item-backB img {
        height: 28px;
        border: 0px;
    }

/* FIN SUB MENU LISTADO ORGANISMOS AUXILIARES*/

/* INICIO MENU CUADROS*/

    #menuCuadros {
        overflow:hidden;
        margin: 40px auto 0px auto;
        background-color: #eeeeee;
    }

    #menuCuadros ul{
        padding: 0;
        font-size: 15px;
        list-style-type: none;
        text-align: center;
        max-width: 1000px;
        margin: 50px auto 0px auto;
    }

    #menuCuadros li {
        display: inline-block;
        margin: 0px 20px 40px 20px;
    }

    #menuCuadros li a {
        text-align:center;
        text-decoration: none;
        color: rgba(255,255,255,1);
        margin: 0;
        vertical-align: middle;
    }
    
    .img-opcion0{
        width: 265px;
        height: 147px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/MasVisitado_EntregaDom.png");
        background-repeat: no-repeat;
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
    .img-opcion1{
        width: 265px;
        height: 147px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/MasVisitado_ProgramaCita.png");
        background-repeat: no-repeat;
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
    .box-animate:hover, .box-animate:focus, .box-animate:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    
    .img-opcion2{
        width: 265px;
        height: 147px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/MasVisitado_TenenciaV.png");
        background-repeat: no-repeat;
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
    .img-opcion3{
        width: 265px;
        height: 147px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/MasVisitado_Eroga.png");
        background-repeat: no-repeat;
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
    .img-opcion4{
        width: 265px;
        height: 147px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/MasVisitado_Dev.png");
        background-repeat: no-repeat;
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
       
    .img-opcion5{
        width: 265px;
        height: 147px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/MasVisitado_Licencia.png");/**../../../DynamicImagenServlet?nombreImagen=licencias&tipo=jpg*/
        background-repeat: no-repeat;
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
    .img-opcion6{
        width: 265px;
        height: 147px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/MasVisitado_Compraventa.jpg");
        background-repeat: no-repeat;
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
      .img-opcion7{
        width: 265px;
        height: 147px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/Reemplacamiento2026.png");
        background-repeat: no-repeat;
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        position: relative;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
    }
    
    .text-link{
        position: absolute;
        top: 110px;
        background: #9f2241;
        width: 100%;
        height: 38px;
        border-radius: 0px 0px 10px 10px;
        text-align: left;
    }
    
    .text-link p{
        margin: 12px 0px 0px 11px;
    }
    
    .text-link p.special{
        margin: 4px 0px 0px 14px;
    }
    
     .text-link2{
        position: absolute;
        top: 110px;
        background: #9f2241;
        width: 100%;
        height: 38px;
        border-radius: 0px 0px 10px 10px;
        text-align: left;
    }
    
   
    #menuCuadros li a img {
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
    }

    #menuCuadros a:hover p{
        color: #ffffff;
        text-decoration: underline;
        
    }
    
/* FIN MENU CUADROS*/

/* INICIO MENU INFORMATIVO */

    #divMenuInformativo {
        background-color: rgb(238, 239, 242);
        padding: 35px 0px;
    }

    #contenedorMenuInformativo {
        max-width: 1090px;
        margin: 0px auto 0px auto;
        background-color: #edeeef;
        background-image: url('../../imagenes/Plataforma02/NuevoDB/Avisos-C.png');
        background-repeat: no-repeat;
        background-position: 300px;
        background-size: 1000px;
        background-position: 100px;
    }

    #navMenuInformativo {
        overflow: auto;
        position:relative;
        z-index:2;
    }


    #menuInformativo {
        background: #bc955b;
        width:300px;
        float:left;
        padding:0;
        margin:0;
        font-size: 13px;
        list-style-type:none;
    }

    #menuInformativo ul {
        padding:0;
        margin:0;
        list-style-type:none;
    }

    #menuInformativo .linkA {

        padding: 14px 0px 14px 65px;
        display:block;
        color:#fff;
        text-decoration:none;
        /*color: rgba(0,0,0,1);*/
        transition: all .3s;
        border-bottom: #ffffff inset 3px;
        font-weight: bold;
        font-size: 15px;
    }
    
    #menuInformativo .linkB {

        padding: 14px 0px 14px 65px;
        display:block;
        color:#fff;
        text-decoration:none;
        /*color: rgba(0,0,0,1);*/
        transition: all .3s;
        font-weight: bold;
    }

    #menuInformativo li > ul {

        display: none;
        position: absolute;
        top: 0;
        left: 300px;
        min-width: 300px;
        z-index: 2;
        height: 100%;
        background-color: #edeeef;
        background-image: url('../../imagenes/Plataforma02/NuevoDB/Avisos-B.png');
        width: 790px;
    }

    #menuInformativo li > ul p {
        text-align: justify;
        font-size: 13px;
        padding: 0px 0px 4px 53px;
        line-height: 20px;
        background-image: url('../../imagenes/Plataforma02/NuevoDB/arrow.png');
        background-repeat: no-repeat;
        background-position-x: 15px;
        margin: 12px 53px;
        border-bottom: rgb(190, 0, 40) inset 1px;
    }
    
    #menuInformativo li > p > a{
        text-decoration: none;
        color: black;
    }
    
    #menuInformativo li > p > a:hover{
        text-decoration: underline;
    }

    #pagolineaLink {
        background-image: url('../../imagenes/Plataforma02/NuevoDB/pagoenLinea-white.png'); 
        background-repeat: no-repeat; 
        background-position: 22px center; 
        background-size: 25px;
    }

    #pagolineaLink.seleccionado {
        padding-left: 6em;
        color: rgba(255, 255, 255, 0.99);
        background: #9f2241;
        background-image: url('../../imagenes/Plataforma02/NuevoDB/pagoenLinea-white.png');
        background-repeat: no-repeat;
        background-position: center;
        background-position: 34px;/*propiedad para que funcione en firefox*/
        background-position-x: 34px;
        background-size: 25px;
        z-index: 1000;
        /* box-shadow: inset 3px 0px 0px 0px rgba(209, 14, 50, 0.9); */
        /* border-bottom: rgba(209, 14, 50, 0.9) inset 3px; */
    }

    #requisitosLink {
        background-image: url('../../imagenes/Plataforma02/NuevoDB/requisitos_white.png'); 
        background-repeat: no-repeat; 
        background-position: 22px center; 
        background-size: 25px;
    }

    #requisitosLink.seleccionado {
        padding-left: 6em;
        color: rgba(255, 255, 255, 0.99);
        background: #9f2241;
        background-image: url('../../imagenes/Plataforma02/NuevoDB/requisitos_white.png');
        background-repeat: no-repeat;
        background-position: center;
        background-position: 34px;/*propiedad para que funcione en firefox*/
        background-position-x: 34px;
        background-size: 25px;
        z-index: 1000;
        /* box-shadow: inset 3px 0px 0px 0px rgba(209, 14, 50, 0.9); */
        /* border-bottom: rgba(209, 14, 50, 0.9) inset 1px; */
    }

    #centrosLink {
        background-image: url('../../imagenes/Plataforma02/NuevoDB/CentrosAutorizados_white.png'); 
        background-repeat: no-repeat; 
        background-position: 22px center; 
        background-size: 25px;
    }

    #centrosLink.seleccionado {
        padding-left: 6em;
        color: rgba(255, 255, 255, 0.99);
        background: #9f2241;
        background-image: url('../../imagenes/Plataforma02/NuevoDB/CentrosAutorizados_white.png');
        background-repeat: no-repeat;
        background-position: center;
        background-position: 34px;/*propiedad para que funcione en firefox*/
        background-position-x: 34px;
        background-size: 25px;
        z-index: 1000;
        /* box-shadow: inset 3px 0px 0px 0px rgba(209, 14, 50, 0.9); */
        /* border-bottom: rgba(209, 14, 50, 0.9) inset 1px; */
    }

    #tramitesLink {
        background-image: url('../../imagenes/Plataforma02/NuevoDB/Tramites_white.png'); 
        background-repeat: no-repeat; 
        background-position: 22px center; 
        background-size: 25px;
    }

    #tramitesLink.seleccionado {
        padding-left: 6em;
        color: rgba(255, 255, 255, 0.99);
        background: #9f2241;
        background-image: url('../../imagenes/Plataforma02/NuevoDB/Tramites_white.png');
        background-repeat: no-repeat;
        background-position: center;
        background-position: 34px; /*propiedad para que funcione en firefox*/
        background-position-x: 34px;
        background-size: 25px;
        z-index: 1000;
        /* box-shadow: inset 3px 0px 0px 0px rgba(209, 14, 50, 0.9); */
        /* border-bottom: rgba(209, 14, 50, 0.9) inset 1px; */
    }
    
    /*SE AGREGAN ETIQUETAS PARA QUE NO APAREZCA EL WARNING EN LA PAGINA XHTML*/
    .togglemenu1{
        
    }
    .togglemenu2{
        
    }
    .togglemenu3{
        
    }
    .togglemenu4{
        
    }
    
    .toggle_container1{
        
    }
    .toggle_container2{
        
    }
    .toggle_container3{
        
    }
    .toggle_container4{
        
    }
    
    .toggleHeaderFooter{
        
    }
    
        
/* FIN MENU INFORMATIVO */

/* INICIO MENU CUADROS DOS*/

    #menuCuadros-2 {
        overflow:hidden;
        margin: 0px auto 0px auto;
        background-color: rgb(238, 239, 242);
    }

    #menuCuadros-2 ul{
        padding: 0;
        font-size: 20px;
        list-style-type: none;
        text-align: center;
        max-width: 1100px;
        margin: 0px auto 0px auto;
    }

    #menuCuadros-2 li {
        display: inline-block;
        margin: 0px 12px 40px 12px;
    }

    #menuCuadros-2 li a {
        /*display:inline-block;*/
        text-align:center;
        text-decoration: none;
        color: rgba(255,255,255,1);
        margin: 0;
        vertical-align: middle;
    }
    
    .img-opcion1-2{
        width: 231px;
        height: 228px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/AtencionContribuyente_Directorios_2.png");
        background-repeat: no-repeat;
        position: relative;
        border-radius: 15px;
    }
    
    .img-opcion2-2{
        width: 231px;
        height: 228px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/AtencionContribuyente_Folletos-B-2.png");
        background-repeat: no-repeat;
        position: relative;
        border-radius: 15px;
    }
    
    .img-opcion3-2{
        width: 231px;
        height: 228px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/AtencionContribuyente_Guias-2.png");
        background-repeat: no-repeat;
        position: relative;
        border-radius: 15px;
    }
    
    .img-opcion4-2{
        width: 231px;
        height: 228px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/AtencionContribuyente_Atencion_2.png");
        background-repeat: no-repeat;
        position: relative;
        border-radius: 15px;
    }
    
    .text-link-2{
        position: absolute;
        /*top: 30px;*/
        width: 100%;
        height: 80px;
        text-align: center;
    }
    
    .text-link-2-s{
        position: absolute;
        top: 50px;
        width: 100%;
        height: 80px;
        text-align: center;
    }
    
    .text-link-2 p.opcion1{
        margin: 30px 0px 0px 10px;
        color: white;
    }
    
    .text-link-2 p.opcion2{
        margin: 0px 0px 0px 70px;
        color: white;
    }
    
    .text-link-2 p.opcion3{
        margin: 30px 0px 0px 10px;
        color: white;
    }
    
    .text-link-2 p.opcion4{
        font-size: 17px;
        margin: 0px 0px 0px 0px;
        color: white;
    }
    
    #menuCuadros-2 li a img {
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
    }

    #menuCuadros-2 a:hover p.opcion1{
        color: #1f2156;
        text-decoration: none;
        
    }
    
    #menuCuadros-2 a:hover p.opcion2{
        color: #1b1d51;
        text-decoration: none;
        
    }
    
    #menuCuadros-2 a:hover p.opcion3{
        color: #260c22;
        text-decoration: none;
        
    }
    
/* FIN MENU CUADROS DOS*/

/* INICIO MENU CUADROS TRES*/

    .stage {
        -webkit-perspective: 1000px; /* Chrome, Safari, Opera */
        perspective: 1000px;
    }

    .flashcard {
        height: 219px;  
        width: 228px; 
        -webkit-transform-style: preserve-3d; 
        transform-style: preserve-3d;
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
        position: relative;
    }

    .flipped, .back {
        -webkit-transform: rotateY(180deg); 
        transform: rotateY(180deg);
    }

    .front, .back {
        /*display: none;*/
        padding: 30px 0px 0px 0px;
        height: 219px;          
        width: 228px;
        position: absolute;    
        text-align: center;
        -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
        backface-visibility: hidden;
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
    }
    
    .front.activee{
        display: block;
        -webkit-backface-visibility: visible; /* Chrome, Safari, Opera */
        backface-visibility: visible;
        filter: alpha(opacity=100);
        opacity: 1;
    }
    
    .back.activee{
        display: block;
        -webkit-backface-visibility: visible; /* Chrome, Safari, Opera */
        backface-visibility: visible;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    #menuCuadros-3 {
        overflow:hidden;
        margin: 0px auto 0px auto;
        background-color: rgb(238, 239, 242);
    }

    #menuCuadros-3 ul{
        padding: 0;
        font-weight: bold;
        font-size: 26px;
        list-style-type: none;
        text-align: center;
        max-width: 1100px;
        margin: 50px auto 40px auto;
    }

    #menuCuadros-3 li {
        display: inline-block;
        margin: 0px 20px 40px 20px;
    }
    
    .color-verde {
        border-top: 5px solid #9f2241 !important;
    }
    
    .color-gris {
        border-top: 5px solid #58575c !important;
    }
    
    .color-verde-oscuro {
        border-top: 5px solid #9f2241 !important;
    }
    
    .color-gris-claro {
        border-top: 5px solid #c3c4c6 !important;
    }

    #menuCuadros-3 li a {
        display:inline-block;
        text-align:center;
        text-decoration: none;
        color: rgba(255,255,255,1);
        margin: 0;
        vertical-align: middle;
    }
    
    .img-opcion1-3{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/Avisos/Avisos_2017-01.png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .box-shadow-animate:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    
    .box-shadow-animate:hover:before, .box-shadow-animate:focus:before, .box-shadow-animate:active:before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    
    .box-shadow-animate:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;
    }
    
    .img-opcion2-3{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/Avisos/Avisos_2017-02.png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .img-opcion3-3{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../../DynamicImagenServlet?nombreImagen=revistaisertp&tipo=png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .img-opcion4-3{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/Avisos/Avisos_2017-04.png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .img-opcion5-3{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/Avisos/Avisos_2017-05.png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .img-opcion6-3{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/Avisos/Avisos_2017-06.png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .img-opcion7-3{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/Avisos/Avisos_2017-07.png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .img-opcion8-3{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../imagenes/Plataforma02/NuevoDB/Avisos/Avisos_2017-08.png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .img-opcion8-4{
        width: 228px;
        height: 219px;
        margin: 0 auto;
        background-image: url("../../../DynamicImagenServlet?nombreImagen=contratocompraventa&tipo=png");
        background-repeat: no-repeat;
        -webkit-transition-duration: 0.2s;
        transition-duration: 0.2s;
    }
    
    .text-link-3{
        position: absolute;
        top: 30px;
        width: 100%;
        height: 80px;
        text-align: center;
    }
    
    .text-link-3-s{
        position: absolute;
        top: 50px;
        width: 100%;
        height: 80px;
        text-align: center;
    }
    
    .text-link-3 p{
        margin: 0px 0px 0px 10px;
    }
    
    .text-link-3-s p{
        margin: 0px 0px 0px 10px;
    }
    
    #menuCuadros-3 li a img {
        border-radius: 10px;
        -webkit-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        -moz-box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
        box-shadow: 3px 3px 9px 1px rgba(0,0,0,0.75);
    }

    #menuCuadros-3 a:hover p.opcion1{
        color: #52a5a8;
        text-decoration: none;
        
    }
    
    #menuCuadros-3 a:hover p.opcion2{
        color: #88527e;
        text-decoration: none;
        
    }
    
    #menuCuadros-3 a:hover p.opcion3{
        color: #ffa800;
        text-decoration: none;
        
    }
    
/* FIN MENU CUADROS TRES*/

@media only screen and (max-width: 974px){
    
    #opcionesBuscador {
        margin-bottom: 45px; 
    }

    .opcionBusqueda{
        margin: 14px 7px 0px 7px;
    }

}

@media only screen and (max-width: 1106px){
    
    #menuInformativo {
        width: 100%;
    }
    
    #menuInformativo li > ul {
        position: relative;
        left: 0;
        width: 100%;
        background-image: none;
    }
    
    #menuInformativo li ul li {
        padding-top: 10px;
    }
    
}

@media only screen and (max-width: 959px){
    
    #navSitiosInteres {
        width: 100%;
    }
    
    #contenedor {
        background: none;
    }
    
    #menuInteres {
        display: none;
        width: 98%;
        padding: 0;
        background: none;
        height: 300px;
    }
    
    #menuInteres li {
        display: inline-table;
        width: 100%;
        border: 0;
        height: 40px;
        margin: 4px auto;
    }
    
    #menuInteres a {
        width: 100%;
        height: 100%;
        padding: 0px;
        border-radius: 10px;
        border: 1px solid rgb(78, 87, 96);
    }
    
    #menuInteres a:hover {
        background: none;
    }
    
    .ultimoLi {
        border-right: 0;
    }
    
    #toggle-menu {
        display: table;
    }
    
    .inputBuscadorTramites{
        width: 94.8%;
    }
    
    .inputBuscadorTramites input{
        width: 98%;
    }
    
    .imagenBuscador{
        position: absolute;
        right: 2.5%;
        top: 0px;
    }
    
    .opcionBusqueda{
        width: 95%;
    }
}


@media only screen and (max-width: 870px){
    
    .submenu ul {
        max-width: 717px;
    }
    
    .submenuB ul {
        max-width: 717px;
    }
}

@media only screen and (max-width: 726px){
    
    .submenu ul {
        max-width: 573px;
    }
    
    .submenuB ul {
        max-width: 573px;
    }
    
}

@media only screen and (max-width: 583px){
    
    .submenu ul {
        max-width: 430px;
    }
    
    .submenuB ul {
        max-width: 430px;
    }
}

@media only screen and (max-width: 470px){
    
    .inputBuscadorTramites input {
        width: 97%;
    }
    
    .inputBuscadorTramites input{
        text-align: left;
        font-size: 12px;
    }
}

@media only screen and (max-width: 425px){
    
    .submenu-titulo {
        width: 100%;
    }
    
    .submenu ul {
        width: 98%;
    }
    
    .submenu li {
        width: 100%;
        height: 40px;
    }
    
    .submenu a {
        border-radius: 12px;
    }
    
    .submenu li a:hover {
        background: #a6abaf;
    }

    .submenu li a.item-back:hover {
        background: #83d837;
    }
    
    .item-submenu img {
        right: 10px; 
        top: 14.5px;
    }
    
    .submenuB ul {
        width: 98%;
    }
    
    .submenuB ul > a {
        display: table;
        height: 40px;
        width: 100%;
        border-radius: 12px;
    }
    
    .item-backB img {
        margin-top: 3px;
    }
}