@import "menu.css";
@import "internasforms.css";
@import "menu_lateral.css";
@import "menu_top.css";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none;
}

a{text-decoration: none; color: #767676;}
a:link{text-decoration: none; color: #767676;}
a:hover{ text-decoration:none;  color: #1e93d1;}
a:active{text-decoration: none; color: #444;}
a:visited{text-decoration: none; color: #444;}

body{
    /*background: #414043 url(../img/bg_body.jpg) repeat top left;*/
    font-family: Arial, Helvetica, sans-serif ;
    font-size: 11px;
    background-color: #545257;
    line-height: 16px;
}
/*div{
    height: 100%;
    overflow: hidden;
}*/
p{
    margin: 0px 0px 15 0px;
    padding: 0px;
}
.clear{
    clear: both; height: 1px
}


/********** contenedor ************/
.contenedor{
    background: url(../img/bg_cont.jpg) repeat-x top left;
    overflow: hidden;
}
.cont_general{
    width: 788px;
    overflow: hidden;
    margin: 0px auto 0px auto;
}

/********* top ***********/
.top{
    height: 128px;
    background: #000;
}

/********** buscador ********/
.cont_buscador{
    /*float: right;*/
    overflow: hidden;
    padding: 0px 10px 0px 0px;
    position: absolute;
    left: 573px;
    background: url(../img/bg_buscador.jpg) no-repeat bottom left;
    height: 50px;
    width: 205px;
    z-index: 1;
}
.ico_lupa{
    float:right;
    padding: 5px 10px 0px 0px;
    position: absolute;
    left: 755px;
    z-index: 2;
}
.input_buscar{
    width: 150px;
    padding: 2px 3px 0px 3px;
    margin: 7px 0px 0px 20px;
    height: 20px;
    background: transparent url(../img/bg_inputbuscar.jpg) no-repeat top left;
    border: none;
    font: normal 11px Arial;
}
.text_busqueda{
    margin: 0px 0px 0px 25px;
}

/********** Menu ************/
.bg_menu{
    position: relative;
}
.titulotop{
    background-color: #545257;
    padding: 7px 10px;
    color: #ccc;
    margin-top: -1px;
}
.titulotop .tex{
    font: bolder 12px/12px Arial;
    color: #b5b5b5;
    text-transform: uppercase;
}


/*********** CUERPO *************/

/**** pagina de inicio ****/
.cont_inicio{
    padding: 0px 20px 20px 20px;
    overflow: hidden;
}
.cont_inicio a.text{
    font: bolder 12px/14px Tahoma;
    padding: 15px 10px 0px 55px;
    display: block;
    color: #444;
}
.cont_inicio p{
    font: normal 12px/16px Arial;
    padding: 10px 5px 0px 5px;
    display: block;
    color: #717171;
}
.bienvenidos{
    font: normal 28px Tahoma;
}
.cont_botones{
    float: left;
    min-height:140px;
    overflow: hidden;
    height: 130px;
    width: 239px;
    margin:0px 7px 0px 0px;
    padding-bottom: 30px;
    background: url(../img/bg-contbotinicio.jpg) no-repeat bottom;
}
.cont_botones .text{
    color: #417087;
    padding: 5px 12px;
}
.bot_inicio{
    background-image: url(../img/bg-botinicio.jpg.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
    padding: 12px 15px;
    overflow: hidden;
}
.bot_inicio a.text {
    font: bolder 12px Tahoma;
    padding: 0;
    display: block;
    color: #444;
}
.bot_inicio1{
    background: url(../img/bg-bot1inicio.jpg) no-repeat top left;
    height: 50px;
    width: 236px;
    overflow: hidden;
}
.bot_inicio2{
    background: url(../img/bg-bot2inicio.jpg) no-repeat top left;
    height: 50px;
    width: 236px;
    overflow: hidden;
}
.bot_inicio3{
    background: url(../img/bg-bot3inicio.jpg) no-repeat top left;
    height: 50px;
    width: 236px;
    overflow: hidden;
}
.bot_inicio4{
    background: url(../img/bg-bot4inicio.jpg) no-repeat top left;
    height: 50px;
    width: 236px;
    overflow: hidden;
}
.bot_inicio5{
    background: url(../img/bg-bot5inicio.jpg) no-repeat top left;
    height: 50px;
    width: 236px;
    overflow: hidden;
}
.bot_inicio6{
    background: url(../img/bg-bot6inicio.jpg) no-repeat top left;
    height: 50px;
    width: 236px;
    overflow: hidden;
}


/**** ingreso-registro ****/
#cont_cuerpo{
    overflow: hidden;
    background: transparent;
    /*position: relative;*/
    background: #414043 url(../img/bg_body.jpg) repeat top left;
    height: 100%;
    text-align: center;
}
#div-bloque-cuerpo{
    text-align: left;
    width: auto;
}
.x-form-element{
    overflow: visible;
}
.col1{
    width: 439px;
    float: left;
    margin: 10px 0px 10px 0px;
    overflow: hidden;
}
.col2 {
    width: 341px;
    float: right;
    margin: 10px 0px 10px 0px;
    overflow: hidden;
}
.col1 .cuerpo{
    background: #fff;
    border-left: 2px solid #d8d8d8;
    border-right: 2px solid #d8d8d8;
    padding: 10px 10px 10px 15px;
    min-height:250px;
    overflow: hidden;
    /*height: expression(this.scrollHeight < 251? "250px" : "auto" );*/
    height: 250px;
}
.col2 .cuerpo{
    background: #fff;
    border-left: 2px solid #d8d8d8;
    border-right: 2px solid #d8d8d8;
    padding: 10px 10px 10px 15px;
    width: 312px;
    min-height:250px;
    overflow: hidden;
    /*height: expression(this.scrollHeight < 251? "250px" : "auto" );*/
    height: 250px;
}
#cont_cuerpo h1{
    background: #fff;
    font: bold 20px/22px Arial;
    color: #444444;
}
/**** nuevo-usuario ****/
.bg_nuevousuario{
    background: url(../img/bot_crearusuario.jpg) no-repeat top left;
    height: 74px;
    width: 366px;
    margin: 20px 0px 0px 15px;
}
.bg_nuevousuario .tex a{
    color: #fff;
    font: bold 18px Arial;
    padding: 28px 0px 0px 73px;
    display: block;
}
.bg_nuevousuario .tex a:hover{
    text-decoration: underline;
    padding: 28px 0px 0px 73px;
}
.cont_texnusuario{
    width: 380px;
    overflow: hidden;
    margin: 20px 0px 0px 20px;
}

/**** login ****/
.col2 .bg_login{
    background: url(../img/bg_login.jpg) no-repeat top left;
    width: 277px;
    height: 132px;
    overflow: hidden;
    margin: 20px 0px 0px 15px;
    color: #fff;
    font: bold 11px/18px Arial;
}
.col2 .cont_login{
    margin: 20px;
}
.col2 .bg_login input{
    background: url(../img/bg_imputlogin.jpg) no-repeat top left;
    height: 23px;
    width: 230px;
    color: #050705;
    font: normal 11px Arial;
    border: none;
    padding: 3px;
}
.col2 .bot_ingresar{
    text-align: right;
    padding: 10px;
    overflow: hidden;
    width: 280px;
}

/********** contenedores-internas ************/
.cont_internas{
    width: 782px;
    overflow: hidden;
    margin: 5px auto 10px auto;
}
.bg_internas{
    background: #fff;
    border-left: 2px solid #d8d8d8;
    border-right: 2px solid #d8d8d8;
}
.top_interna{
    background: url(../img/cuerpotopinternas.jpg) no-repeat top left;
    height: 20px;
}
.top_interna2{
    background: url(../img/cuerpotopinternas2.jpg) no-repeat top left;
    height: 35px;
    border-bottom: 1px solid #d8d8d8;
}
.titulotop .text{
    font: normal 11px Arial;
    color: #c3c3c3;
    float: left;
}
.titulotop .text a{
    font: normal 11px Arial;
    color: #c3c3c3;
    float: left;
}
.titulotop .text a:hover{
    font: normal 11px Arial;
    color: #c3c3c3;
    float: left;
    text-decoration: underline;
}
.top_interna2 .text{
    font: normal 11px Arial;
    color: #c3c3c3;
    padding: 10px 10px 0px 15px;
    float: left;
}
.top_interna2 .text a{
    font: normal 11px Arial;
    color: #c3c3c3;
    float: left;
}
.top_interna2 .text a:hover{
    font: normal 11px Arial;
    color: #c3c3c3;
    float: left;
    text-decoration: underline;
}
.bottom_interna{
    background: url(../img/cuerpobottominternas.jpg) no-repeat top left;
    height: 16px;
    width: 782px;
}

/********* estaticas ***************/
.cont_estaticas{
    /*background: url(../img/bg_cont_estaticas.jpg) no-repeat top left;
    padding: 30px 10px 15px 20px;*/
    margin:20px 0px 0px 0px;
    overflow: hidden;
    font: normal 12px/20px Arial;
    overflow: hidden;
    color: #676c72;
}
.cont_estaticas strong{
    color: #222;
}
.cont_estaticas ul{
    margin:5px 0px 0px 10px;
    clear:both;
}

.cont_estaticas li{
    background: url(../img/ico_flechalista.jpg) no-repeat 0px 5px;
    padding-left:15px;
    padding-bottom: 10px;
}
.cont_estaticas .texalt{ color:#1b92cc; font:normal 11px/14px Arial;}
.cont_estaticas b{ color:#222222; font:bold 12px/18px Arial;}

.cont_estaticas .num{
    font: bold 16px Arial;
    color:#1b92cc;
    background:url(../img/ico_num.jpg) no-repeat top left;
    padding-top:5px;
    float:left;
    width:30px;
    height:30px;;
    margin-right:10px;
    text-align:center
}
.cont_estaticas .preg{
    color:#444444;
    font:bold 12px/18px Arial;
    padding:5px 10px 5px 0px;
    cursor: pointer;
}

/*********** FOOTER *************/
.bg_footer{
    background: #030302;
    height: 55px;
}
.cont_footer{
    width: 788px;
    overflow: hidden;
    margin: 0px auto 0px auto;
    text-align: right;
}
.bg_footergris{
    background: #414043;
    height: 45px;
}
.bg_footergris .cont_footer{
    width: 788px;
    overflow: hidden;
    margin: 0px auto 0px auto;
    text-align: right;
    color: #929292;
    font: normal 11px Arial;
    padding: 5px 40px 0px 0px
}

body .x-panel {
    margin-bottom:20px;
}
.icon-grid {
    background-image:url(../img/grid.png) !important;
}
.icon-provider {
    background-image:url(../img/provider.png) !important;
}
.icon-padre {
    background-image:url(../img/padre.png) !important;
}
#button-grid .x-panel-body {
    border:1px solid #99bbe8;
    border-top:0 none;
}
.add {
    background-image:url(../img/add.gif) !important;
}
.option {
    background-image:url(../img/plugin.gif) !important;
}
.remove {
    background-image:url(../img/delete.gif) !important;
}
.save {
    background-image:url(../img/save.gif) !important;
}
.refreshGrid {
    background-image:url(../img/table_refresh.png) !important;
}
.imprimir {
    background-image:url(../img/impresora.gif) !important;
}
.verificar {
    background-image:url(../img/accept.png) !important;
}
.pencil {
    background-image:url(../img/pencil.png) !important;
}
.detalles{
    background-image:url(../img/zoom_in.png) !important;
}
.adjuntos{
    background-image:url(../img/attachment.png) !important;
}
.x-window-dlg .ext-mb-download {
    background: transparent url(../img/download.gif) no-repeat top left !important;
    height: 46px;
}
.buscar {
    background-image:url(../img/magnifier.png) !important;
}
.excelIcon {
    background-image:url(../img/excel.png) !important;
}

/* nuevos, de gobierno digital */
.body-stars-1024{
    /*background-image: url(//www.santafe.gob.ar/repositorio/tramites/images/bg-body-stars_1024.gif);*/
    background-position: center top;
    background-repeat: no-repeat;
}
.content_1024{
    margin: 0px auto 20px;
    overflow: hidden;
    width: 1000px;
}
.header_1024 {
    /*background-image: url(http://www.santafe.gov.ar/repositorio/tramites/images/bg-header_1024.gif);*/
    background-position: top;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    padding: 0 15px 0 15px;
    height: 100%;
}
.header-mid {
    clear: both;
}
.header-top {
    color: #616161;
    /*margin-top: 18px;*/
    clear: both;
    /*width: 682px;*/
    height: 18px;
}
.header-top a {
    margin-top: 4px;
}
.header-top a:active,.header-top a:visited,.header-top a:link {
    font-size: 11px;
    margin: 5px 0 0 0;
}
.header-top li {
    float: left;
    margin: 0 20px 0 0;
}
.header-top ul {
    float: right;
}
.top-tramites-1024 {
    /*background-image:url(../images/bg-top-tramites2.gif);*/
    background-color: #969696;
    width: 82%;
    background-repeat: no-repeat;
    margin: 4px 0 0 1px;
    /*soporta solo mozilla*/
    -moz-border-radius-topright: 10px;
    height:93px;
}
.top-tramites-1024 h2 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
}
.footer-1024 {
    background-image: url(//www.santafe.gob.ar/repositorio/tramites/images/bg-footer_1024.gif);
    background-position: top;
    background-repeat: no-repeat;
    padding: 17px;
    color: #CFD0D0;
    font-size: 9px;
    height: 100%;
}
.content-center  {
    background-color:#FFFFFF;
    padding:3px 15px 20px;
}
.content-center-right {
    float:right;
    width:167px;
}
.content-tab {
    background-image:url("../images/multimedia-combo-bg.gif");
    background-position:center top;
    background-repeat:repeat-y;
    padding:10px;
    width:480px;
}
.content-tab input {
    background-color:#FFFFFF;
    border:1px solid #D4D5D6;
    height:13px;
}
.content-tab textarea {
    background-color:#FFFFFF;
    border:1px solid #D4D5D6;
}
.content-tramites-gray {
    background-color: #ECEEED;
    float:left;
    width:100%;
    margin-bottom:10px;
}
.campo_texto_titulo {
    color:#686868;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight: bold;
}
.menu_1024 {
    background-image: url(//www.santafe.gob.ar/repositorio/tramites/images/bg-menu_1024.jpg);
    background-position: top;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    margin-top: 6px;
    clear: both;
    height: 33px;
}
.menu_1024 div {
    float: right;
    height: 15px;
    margin-top: 9px;
    margin-right: 15px;
    /*width: 120px;*/
}
.menu_1024 div a {
    color: #CDE3F8;
    font-size: 11px;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}

/**** menu_rbpcme ****/
#div_bloque_bot_descargarRbpcme{
    text-align: left;
    margin: 0 auto;
    width: 750px;
}
.col1_bot_descargarRbpcme{
    float: left;
    overflow: hidden;
}
.col2_bot_descargarRbpcme {
    float: right;
    overflow: hidden;
}
.bot_descargarRbpcme {
    background: url(../img/bot_crearusuario.jpg) no-repeat top left;
    height: 74px;
    width: 366px;
    margin: 20px 0px 0px 5px;
}
.bot_descargarRbpcme .tex a{
    color: #fff;
    font: bold 18px Arial;
    padding: 28px 0px 0px 73px;
    display: block;
}
.bot_descargarRbpcme .tex a:hover{
    text-decoration: underline;
    padding: 28px 0px 0px 73px;
}

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    -moz-opacity: 0;
    /*	filter: alpha(opacity: 0);*/
    opacity: 0;
    z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.ux-row-action-item span {
    padding: 0 0 0 5px;
}
.ux-row-action-item {
    float:left;
    min-width:16px;
    height:16px;
    background-repeat:no-repeat;
    margin: 0 2px 0 0;
    cursor:pointer;
    overflow:hidden;
}


.cont_documentacion h2 {
    font-size: 20px;
    /*font-weight: bold;*/
    margin-bottom: 30px;
}

.cont_documentacion ol,
.cont_documentacion ol li {
    list-style: alpha inside;
}
.cont_documentacion ul,
.cont_documentacion ul li {
    list-style: disc inside;
}

.cont_documentacion ol,
.cont_documentacion ul {
    margin-bottom: 50px;
}

.cont_documentacion .cont_confirmar {
    padding: 0 20px;
    width: auto;
}

.cont_documentacion ol li .descripcion,
.cont_documentacion ul li .descripcion {
    font-size: 110%;
    font-weight: bold;
}

.cont_documentacion ol li .observaciones,
.cont_documentacion ul li .observaciones {
    margin-left: 20px;
    margin-bottom: 10px;
}

.documentacion.habilitaciones-especiales a {
    color: #1b92cc;
}

.x-form-file-wrap table tr td,
.x-panel-btns table tr td {
    vertical-align: top;
}

.observationsIcon {
    background-image:url(../img/leaf.gif) !important;
}
.ajax-loader {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
}