@charset "utf-8";
/*Autor: Servicio de Administración Tributaria de Lima 2015 */

/* DIAGRAMACION */
.main{
    position: relative;
    min-height: 100%;
}
footer{
    position: absolute;
    bottom: 0;
}
.bg_plomo{
    background: #ededed;
    margin-top: 40px;
}
#seccionInterna,
#ubicacion{
    max-width: 1550px;
    margin: 10px auto;
    padding: 25px;
    text-align: left;
    width: 93%;
}
#seccionInterna{
    padding: 10px;
}

/* CONTENIDO */
#ubicacion{
    display: block;
    font-size: 1.3em;
    color:#777;
    margin: 0 auto;
    padding-bottom: 15px;
    text-align: left;
}
#seccionInterna{
    font-size: 1.2em;
    line-height: 1.6em;
    padding-bottom: 20em;
}
#seccionInterna .contenido{
    margin-bottom: 1em;
}
#seccionInterna .contenido h2{
    width: 100%;
    font-family: 'seravek', 'open_sansregular';
    color: #0289cc;
    font-size: 1.4em;
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 1em;
}

#seccionInterna .contenido h5{
    display: block;
    line-height: 1.6em;
    font-weight: bold;
    color: #888;
}
#seccionInterna .contenido p{
    margin-bottom: 10px;
}
#seccionInterna .contenido .activo h5,
#seccionInterna .anexo a.activo{
    color: #0289cc;
}
#seccionInterna .anexo{
    padding: 1em 0 2em 1em;
    border-left: 1px solid #e4e4e4;
}
#seccionInterna .anexo h3{
    width: 100%;
    font-size: 1.2em;
    font-family: 'seravek', 'open_sansregular';
    line-height: 1.2em;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
}
#seccionInterna .anexo h3:first-child {
    color: #16236e;
    font-weight: normal;
}
#seccionInterna .anexo li a{
    list-style: none;
    margin-left: 0;
    color: #666;
    line-height: 1.3em;
    font-size: 1em;
}
#seccionInterna .anexo a img{
    width: 20px;
    opacity: .7;
}

/* SOCIAL */
#social{
    position: fixed;
    right:0;
    top: 250px;
    z-index: 99;
}

/* TABLAS */
.Normal .table{
    font-size: 1em;
}
.AccordionTabs .table{
    font-size: 1em;
}
.table thead{
    background: #005f9a;
    color: white;
}
.table-striped>tbody>tr>td, .table-striped>thead>tr>th{
    vertical-align: middle;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{
    background: #f7f7f7;
}

#seccionInterna .funcionarios{
    width:  90%;
    display: block;
    margin: 0 auto;
    border: 1px solid #dedede;
    font-size: 1em;
}
#seccionInterna .funcionarios tr{
    width: 100%;
    height: 2em;
    border-bottom: 1px solid #dedede;
}
#seccionInterna .funcionarios tr:nth-child(4n-1),
#seccionInterna .funcionarios tr:nth-child(4n){
    background: #efefef;
}

#seccionInterna .funcionarios tr td{
    margin: 0;
    display: inline-block;
    line-height: 2em;
    padding: 0 1em;
}
#seccionInterna .funcionarios tr td:first-child{
    color: #222;
    min-width: 85px;
    border-right: 1px solid #dfdfdf;
}

/* UTILIDADES */
#seccionInterna .utilidades{
    width: 100%;
    height: 4em;
    font-size: 70%;
}
#seccionInterna .utilidades div{
    float: right;
    margin-left: 5px;
}
#seccionInterna .utilidades a{  
    color: #0080ba;
}
#seccionInterna .utilidades a:hover,
#seccionInterna .utilidades a:active{
    color: #6E6C64;
}

/* SHARE */
#seccionInterna .share{
    width: 100%;
    height: 5em;
}
#seccionInterna .share div{
    width: 185px;
    float: right;
    padding: 6px;
    margin: 0 auto;
}
#seccionInterna .share div a i,
#seccionInterna .share div a em{
    width: 35px;
    height: 35px;
    display: inline-block;
    background: #cecece;
    color: white;
    font-size: 1.7em;
    line-height: 1.85em;
    text-align: center;
    border-radius: 50%;
    margin: 3px;
}

#seccionInterna .share div a .fa-facebook{
    background: #3b5997;
}
#seccionInterna .share div a .fa-twitter{
    background: #29c5f6 ;
}
#seccionInterna .share div a .fa-linkedin{
    background: #006dc0;
}
#seccionInterna .share div a .fa-whatsapp{
    background: #02d200;
    display: none;
}
#seccionInterna .share div a:hover{
    opacity: .8;
}

/* SLIDER */
#seccionInterna ul#slider{
    margin: 0;
}
#seccionInterna #slider li{
    height: auto;
    margin: 0;
}

#seccionInterna #slider li img{
    width: 100%;
    text-align: center;
}

/* CONTRIBUYENTE PUNTUAL */
#dnn_ctr635_Events_pnlEventsModule table tr td{
    background: #b3bdd0;
    color: #17236e;
}
#dnn_ctr635_Events_EventList_gvEvents .ListDescription table{
    font-size: .9em;
    width: 100%;
}
#dnn_ctr635_Events_EventList_gvEvents .DetailContentRight table{
    font-size: 1em;
}
#dnn_ctr635_Events_EventList_gvEvents .ListDescription table tr td:first-child{
    width: 60px;
    font-weight: bold;
    vertical-align: top;
}
#dnn_ctr635_Events_EventList_gvEvents .ListDescription table tr:nth-child(4){
    display:none;
}
#seccionInterna .SubHead  img {display: block;}

.DetailCommands.dnnActions li a, #dnn_ctr637_Feedback_cmdSend{ background: #16236e; }
#dnn_ctr635_Events_EventList_gvEvents .ListTitle.VerDetRight {width:70px !important; display:}

/* CONTRIBUYENTE PUNTUAL RESPONSIVE */

.DetailCommands.dnnActions li{display:inline-block}



@media screen and (max-width: 767px){
    #dnn_ctr635_Events_pnlEventsModule .table-responsive{
       border: none !important;
    }
    #dnn_ctr635_Events_EventList_gvEvents{
       width:600px !important;
    }
    #dnn_ctr635_Events_EventList_gvEvents tr td{
       white-space:normal;
    }
    
    #dnn_ctr635_Events_EventList_gvEvents .ListDate{
        width:50px !important;
        position: relative;
    }
    #dnn_ctr635_Events_EventList_gvEvents .ListDate span{
        position: absolute;
        display:block;
        transform: rotate(-90deg);
        padding: 0;
        margin: 0;
        margin-top: 15px;
        margin-left: -15px;
    }
    #dnn_ctr635_Events_EventList_gvEvents .ListTitle{
        width:20px !important;
        height: auto;
        position: relative;
    }
    #dnn_ctr635_Events_EventList_gvEvents .ListTitle span{
        width:100px !important;
        display:block;
    }
    .DetailCommands.dnnActions li{
        height:5px;
        width:0;
    }
    .DetailCommands.dnnActions li:first-child,
    .DetailCommands.dnnActions li:last-child{
        width:100% !important;
    }
    .DetailCommands.dnnActions li:last-child{
        height: auto;
    }
}




#divEventDetailsTemplate3 .DetailClear,
#divEventDetailsTemplate3 span{
    display: none;
}
#divEventDetailsTemplate3 .DetailContentRight table{
    font-size: 1em;
    width: 100%;
}
#divEventDetailsTemplate3 .DetailContentRight table tr{
    border: 10px solid #fafafa;
}
#divEventDetailsTemplate3 .DetailContentRight table tr td{
    background: transparent;
    color: #666;
}
#divEventDetailsTemplate3 .DetailContentRight table tr td:first-child{
    width: 120px;
    font-weight: bold;
    vertical-align: top;
    display: none;
}
#divEventDetailsTemplate3 .DetailContentRight table tr:nth-child(1),
#divEventDetailsTemplate3 .DetailContentRight table tr:nth-child(2),
#divEventDetailsTemplate3 .DetailContentRight table tr:nth-child(3){
    display: none;
}

/* BG CUPONERA */
#seccionInterna .Normal .resaltadoPlomo.bg-cuponera,
#seccionInterna .Normal .resaltadoPlomo.bg-cuponera div{
    padding: 0;
}
#seccionInterna .Normal .resaltadoPlomo.bg-cuponera p{
    text-align: center;
    margin: 0;
}
#seccionInterna .Normal .resaltadoPlomo.bg-cuponera p a{
    width: 80%;
}
#seccionInterna .Normal .resaltadoPlomo.bg-cuponera img{
    margin: 0;
    float: right;
}
@media (min-width: 1250px){
    #seccionInterna .Normal .resaltadoPlomo.bg-cuponera p{
        text-align: center;
        margin: 1.5em 0;
    }
}


/* RESPONSIVE */
@media (max-width: 1550px){
    #seccionServicios{
        width: 90%;
    }
    #seccionContactos{
        width: 98%;
    }
}
@media (max-width: 1250px){
    #social{
        top: 180px;
    }
}
@media (max-width: 950px){
    .bg_plomo{
        margin-top: -5px;
    }
    #seccionInterna,
    #ubicacion{
        margin: 10px auto;
        padding: 15px;
    }
    #seccionInterna{
        padding-bottom: 10em;
    }
    #seccionInterna .funcionarios{
        width:  100%;
    }
    #seccionInterna .funcionarios tr td{
        padding: 0 .5em;
        line-height: 1.5em;
    }
    #seccionInterna .funcionarios tr td:first-child{
        width: auto;
    }
    #seccionInterna .contenido{
        
    }
    #seccionInterna .share div a .fa-whatsapp{
        display: inline-block;
    }
}
@media (max-width: 990px){
    #seccionInterna .anexo{
        border: 0;
        
    }
    #seccionInterna .anexo h3{
        margin-bottom: 10px;
    }
    #seccionInterna .anexo ul{
        padding: 0;
        background: #f4f4f4;
        border-radius: 7px;
    }
    #seccionInterna .anexo li a{
        padding: 10px;
        display: block;
        color: #666;
        border-top: 1px solid #e4e4e4;
        background: linear-gradient(180deg, #f0f0f0 0%,#ffffff  100%) url('../img/icon_arrow_r.png') no-repeat center left;
        background: url('../img/icon_arrow_r.png') no-repeat center right;
        padding-left: 15px;
    }
    #seccionInterna .anexo a:first-child {
        border-radius: 7px 7px 0 0;
    }
    #seccionInterna .anexo a:last-child {
        border-radius: 0 0 7px 7px;
    }
    #seccionInterna .anexo a img{
        display: none;
    }
    #seccionInterna .Normal .anexo{
        padding-left: 0;
    }
    #seccionInterna .Normal .anexo ul{
        margin-left: 0;
    }
}
@media (max-width: 470px){
    #seccionInterna .utilidades{
        margin-top: -1em;
        height: 4.5em;
    }
}

/* ESTILOS INTERNOS CMS */

#dnn_ThreeColRight img{
    max-width: 260px;
    margin: 0 auto;
}
#seccionInterna img{
    margin: 5px;
    max-width: 100%;
}
#seccionInterna .imgLeft{
    float: left;
    margin: 0 20px 20px 0;
    max-width: 100%;
}
#seccionInterna .imgRight{
    float: right;
    margin: 0 0 20px 20px;
    max-width: 100%;
}
#seccionInterna .imgCenter{
    display: block;
    margin: 20px auto;
    max-width: 100%;
}
#seccionInterna .table .imgCenter{
    margin: 10px auto;
    vertical-align: middle;
}
#seccionInterna .TitleH2{
    width: 100%;
    font-family: 'seravek', 'open_sansregular';
    color: #16236e;
    font-size: .8em;
    line-height: 1.8em;
    text-transform: uppercase;
    text-align: left;
}
#seccionInterna .dnnSectionExpanded{
}
#seccionInterna .dnnClear{
    margin-left: 2.5em;
    font-size: 1.15em;
}
#seccionInterna .Normal{
    font-size: 1.15em;
    line-height: 1.4em;
}
#seccionInterna h2.dnnFormSectionHead{
    border-bottom: 1px solid #bdbdbd
}
#seccionInterna h2.dnnFormSectionHead a{
    font-size: 16px; /*1em*/
    line-height: 1.5em;
    padding-right: 1em;
    color: #121212;  
    margin-top: 1.5em;
    margin-bottom: .1em;
}
#seccionInterna .dnnClear li{
    margin-left: 2em;
    line-height: 1.5em;
}
#seccionInterna .dnnClear .sanciones li{
    margin: 2px;
    padding: 0;
    list-style: none;
    width: 40px;
    height: 25px;
    line-height: 25px;
    display: block;
    float: left;
    border: solid 1px #dedede;
    background: #f9f9f9;
    text-align: center;
}

#seccionInterna .Normal h2,
#seccionInterna .dnnClear h2{
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.8em;
    font-weight: normal;
    color: #0289cc;
}
#seccionInterna .Normal h1,
#seccionInterna .dnnClear h1{
    font-family: 'seravek', 'open_sansregular';
    color: #0289cc;
    font-size: 1.3em;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
    margin-top: 25px;
}
#seccionInterna .dnnClear h3,
#seccionInterna .Normal h3{
    font-weight: bold;
    line-height: 1.35em;
    margin-bottom: 5px;
    font-size: 1em;
    color: #333;
    margin-top: 1.5em;
}
#seccionInterna .anexo h3{
    font-weight: normal;
    font-size: 1.2em;
    margin-top: 0;
}
#seccionInterna .dnnClear p,
#seccionInterna .Normal p{
    margin:.6em .1em;
    line-height: 1.5em;
    font-size: 1em;
}
#seccionInterna .dnnClear p a{
    margin: 1em .1em;
    background: url('../img/icon_arrow_r.png') no-repeat;
    padding-left: 15px;
}
#seccionInterna .Normal li{
    margin: .8em .1em;
    line-height: 1.5em;
    font-size: 1em;
}
#seccionInterna .Normal ul,
#seccionInterna .Normal ol{
    margin-left: 1.7em;
    
}
#seccionInterna .Normal ul{
    list-style: disc;
}
#seccionInterna .Normal .anexo ul,
#seccionInterna .anexo ul{
     margin-left: 1em;
}
#seccionInterna .Normal .anexo li{
    margin:.2em .1em;
    list-style: none;
}
#seccionInterna .Normal .anexo li ul li{
    list-style:disc;
}

#seccionInterna .Normal .resaltadoPlomo{
    background: #f1f1f1;
    border: 1px solid #cccccc;
    border-radius: 7px;
    height: auto;
    padding: 10px;
    margin: 10px auto;
}
#seccionInterna .Normal .plomo50{
    width: 50%;
}
#seccionInterna .Normal .plomo100{
    width: 100%;
}
#seccionInterna .Normal ul.nav-tabs,
#seccionInterna .Normal ul.nav-tabs li{
    margin: 0;
}
#seccionInterna .Normal ul.nav-tabs{
    margin-top: 1em;
}
#seccionInterna .Normal .table-responsive img{
    margin-left: 1em;
}
#seccionInterna .Normal .table-responsive .table-img img{
    width: 250px;
    border-radius: 7%;
    max-width: 100px;
}
#seccionInterna .dnnForm .dnnClear {
    margin: 0;
    padding: 1em 0;
}
.ui-tabs .ui-tabs-panel{
    background: white;
}

.dnnSearchResultContainer .dnnSearchResultItem-Others{
    display: none;
}
.dnnSearchBoxPanel,
.dnnSearchResultPanel{
    max-width: none;
}
.dnnSearchResultPanel{
    margin: 0;
}

/* CABECERA NOTICIA DETALLE */
.head{
    font-size: 1.5em;
    line-height: 1.3em;
    font-weight: bold;
    margin-top: 1em;
}
/* ESTILOS ISSUE */

#catalogoCP div span{
    display: none;
} 

@media (min-width: 1550px){
    body{
        font-size: 110%;
    }
}
@media (max-width: 1550px){
    body{
        font-size: 90%;
    }
    #seccionInterna .TitleH2{
        font-size: .65em;
    }
}
@media (max-width: 950px){
    .bg_plomo{
        margin-top: 0;
    }
    #seccionInterna .Normal .tab-content img{
        width: 80px;
    }
}
@media (max-width: 470px){
    #seccionInterna img.imgLeft,
    #seccionInterna img.imgRight,
    #seccionInterna img.imgCenter{
        float: none;
        display: block;
        margin: 20px auto;
    }
    #seccionInterna .Normal .resaltadoPlomo{
        width: 100%;
    }

}


/*---------- copia de portals.css -----------
.imgLeft{
    text-align: left;
    margin: 0 20px 20px 0;
    max-width: 100%;
}
.imgRight{
    float: right;
    margin: 0 0 20px 20px;
    max-width: 100%;
}
.imgCenter{
    display: block;
    margin: 20px auto;
    max-width: 100%;
}
--------- /copia de portals.css -----------*/
.boton, .boton:visited,
a.boton, a.boton:visited{
    background: #0080ba;
    color: white;
    border-top: 1px solid #02b0ff;
    border-left: 1px solid #02b0ff;
    border-bottom: 1px solid #055478;
    border-right: 1px solid #055478;
    padding: 7px 25px;
    border-radius: 5px;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 1em;
    margin-right: .5em;
    webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
.boton:hover, .boton:active, .boton:focus,
a.boton:hover, a.boton:active, a.boton:focus{
    background: #028dcc;
    color: white;
}
.boton.btn-atencion,
a.boton.btn-atencion:visited{
    background:#F7B737;
    color: #16236e;
    border:0;
    padding: 20px 40px;
    border-radius: 25px;
    display: inline-block;
    font-size: 2.5em;
    margin-bottom: 1em;
    margin-right: .5em;
    webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
@media (max-width: 640px){
    .boton, .boton:visited,
    a.boton, a.boton:visited{
        width: 100%;
        text-align: center;
    }
	
}
.VerDetRight{
    float: right;
    margin: 0 25px 0 0;
}



/* Estilos Feedback */

#dnn_ctr637_Feedback_valSummary{
    display: none !important;
}
.dnnForm.FeedbackForm .dnnFormItem INPUT, 
.dnnForm.FeedbackForm .dnnFormItem TEXTAREA, 
.dnnForm.FeedbackForm .dnnFormItem SELECT{
    width:75%;
	/*max-width: 600px;*/
}

.dnnForm.FeedbackForm .dnnFormItem .dnnLabel {
	width: 25% !important;
}

.dnnFormItem span.dnnFormMessage.dnnFormError{
	width: 230px;
}

@media (max-width: 770px){
	.dnnForm.FeedbackForm .dnnFormItem .dnnLabel{
		width: 100% !important;
	}

}

/* Thumbnail Ordenanzas */

#ordenanzas .thumbnail{
    background: #4599ce;
    border: #004987 1px solid;
    height: auto;
    min-height: 100px;
    color: white;
    font-size: 16px;
}
#ordenanzas .thumbnail:hover{
    background: #004987;
    border: #004987 1px solid;
    height: auto;
    min-height: 100px;
    color: white;
    font-size: 17px;
    text-shadow: 0 2px 5px rgba(0,0,0,.8);
}
#ordenanzas .thumbnail img{
    margin: 0;
    float: right;
    position: absolute;
    right: 20px;
    max-height: 100px;
    z-index: 99;
    height: 90px;
    
}
#ordenanzas .thumbnail p{
    position: absolute;
    top: 5px;
    left: 25px;
    max-width: 210px;
    z-index: 999;
}

/* Nuevos accesos por rediseñoss*/

#seccionBeneficios{
	margin: auto 200px;
	text-align:center;
}

#seccionBeneficios a{
	width:100%;
	display:block;
	text-align:center;
}

@media (max-width: 900px){
	#seccionBeneficios {
		margin: auto 0;
	}
	#seccionBeneficios img{
		width:auto;
		max-width:100px;
	}
}

/* /ESTILOS INTERNOS CMS */