.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
*
html .ui-autocomplete {
    height: 100px;
}
li
{
    list-style-type: disc;
    list-style: disc outside none;
    display: list-item;
    margin-left: 1em;
}

body {
    font-family: aller!important;
    /*padding:20px;*/
    margin:0;
    background-color: #D8DBDD;
    height: 600px;
    width: 600px;
}

.body_tramite_nuevo
{
     background-color: #e4e5e6!important;
}

.recuadro {
                border-radius: 3px 3px 3px 3px;
                padding: 10px;
                border: solid;
                border-width: 1px;
                border-color: #A9A9A9;
}

.formulario {
    display: inline-block;
    width: 540px;
    height: 85px;
}

p
{
    height: 55px;
    display: block;
    float:left;
    margin-left: auto;
    margin-right: auto;
}

p > input
{
    height: 29px;
    letter-spacing: 1px;
}

p.selector
{
     margin-bottom: 5px;
     padding-top: 6px;
     margin-top: 0px!important;
     margin-left: 30px;
     margin-right: 10px;

}

p.selector.compacto
{
         width: 70px;
         margin-left: 80px!important;
}   

#pa
{
    width: 20px;
    height: 20px;
    border: none;
}

#pa:focus
{
    width: 20px;
    height: 20px;
    border: none;
}

#pa label
{
    float: left;
}

p.check
{
    margin-top:13px;
    border: none;
    margin-bottom: 0px;
    width: 30px;
    text-align: center;
}

p.subd
{
    margin-bottom: 5px;
    margin-top: 6px;
    width: 60px;
    text-align: left;
    
}
#subdistrito
{
    width: 50px;
}

p.manz
{
    margin-bottom: 5px;
    margin-top: 6px;
    width: 65px;
    text-align: left;
}
#manzana
{
    width: 60px;
}

p.pars
{
    margin-bottom: 5px;
    margin-top: 6px;
    width: 70px;
    text-align: left;
}
#parcela
{
    width: 70px;
}

p.boton
{
    float:right;
    margin-top: 15px;
    margin-right: 20px;
    height: 55px;

}

.info
{
    margin-top: 1px;
    margin-bottom: 1px;
    float:left;
    border-color: #112b35;
    min-height: 31px;
    width: 100%;
}

#errorParcial
{
    font-family: Aller;
    float: left;
/*    margin-top:20px;*/
    height: auto;
    width: 397px;
    color: red;
    font-size: 13px;
    margin-bottom: 2px;
    /*font-weight: bold;*/
    z-index: 1000;
    /*text-shadow: 1px 1px 3px rgba(253,255,157, 1);*/
}

#infoBusquedaParcial
{
    text-align: right;
    float:right;
    width: 500px;
    font-size: 13px;
    margin-right: 10px;
    z-index: 1000; 
    padding-right: 10px;
}

#infoGeneral
{

    text-align: right;
    float:right;
    width: 500px;
    font-size: 13px;
    margin-bottom: 2px;
    margin-right: 10px;
    /*font-weight: bold;*/
    padding-right: 10px;
    z-index: 1000;
    /*text-shadow: 1px 1px 3px rgba(253,255,157, 1);*/
}

#errorConeccion
{
    color: red;
    display: none;
    text-shadow: 1px 1px 3px rgba(253,255,157, 1);
    position: fixed;
    font-size: 15px;
    top:150px;
    left:200px;
    z-index: 1100;
}

#infoGeneral.error
{
    color: red;
}

#infoBusquedaParcial.error
{
    color: red;
}

#infoGeneral.exito
{
    color: green;
}

#linkVisualizador {
  float:left;
  width: 100%;
  text-align: center;
  display: none;
  z-index: 2000;
  
}

a#link_mapa
{
  cursor:pointer;
  z-index: 3000;
  color:#108A97!important;
  
}

#cargando
{
/*    position: absolute;
    top:152px;
    height: 29px;*/
   
    float:right;
/*    margin-top: 10px;*/
    /*margin-right: 18px;*/
    padding: 0px;
    width: 20px;
    height: 20px;
    z-index: 3000;
    margin-top: 42px;
    background-image: url('https://www.santafe.gob.ar/repositorio/tramites/gif_animados/loading.gif');
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

#nombreDistrito
{
    float: right;
    display: inline-block;
    margin-right: 15px;
    margin-top: 6px;
       
}

.widget
{
    margin-right: 18px;
}

.oculto
{
    display: none;
}


#cargando_espera
{
    margin-left: 3px;
    margin-top: 31px;
    height: 25px;
    width: auto;
    -moz-user-select: none; 
    border: 0px none;
}

#resultados_tramite
{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

#mapa
{
/*        position: absolute;
        top: 201px;
        left: 0px;*/
        float:left;
        height: 410px;
        width: 540px;
        z-index: 0;
        margin-left: auto !important;
        margin-right: auto !important;
        
}

.olImageLoadError { 
    /* when OL encounters a 404, don't display the pink image */
    display: none !important;
} 

.combobox-item-selected {
     background: none repeat scroll 0 0 #797979 !important;
}

#contenedor_widget_idesf
{
        display: inline-block;
        width: 540px;
        height: auto;
        text-align: left;
        border-radius:3px; 
        font-size:13px;  
}   

#titulo{
    
        width:100%;
        background-color: #4A4A4A;  
        color:white;
        padding-top:3px;
        padding-bottom:3px;
        font-weight: bold;
        font-family: aller;
        text-align: center;
        font-size:13px; 
}
    
label
{
    display: inline-block;

    margin-bottom: 3px;
    width: auto;
}

.selectize-input
{
    width: 190px;
    height: 30px;
    padding-left: 10px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 2px;
}

input
{
    border: 1px solid #cccccc;
    padding-left: 10px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 4px;
    height: 29px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

input:focus
{
  border-color: #4A4A4A;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.75), 0 0 8px rgba(74,74,74, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.75), 0 0 8px rgba(74,74,74, 0.6);
}



#btn_buscar{
    padding: 5px; 
    margin-left: 10px;
    float: left;
    margin-top: 24px;
} 

button
{
    margin-top: 0px;
    font-family: aller!important;
    
}

#pie_widget
{
    position:relative;
    background-color: #E4E5E6;
    font-weight: bold;
    width: 100%;
    color: white;
    padding-top: 0px;
    top:1px;
    height: 29px;
    overflow: hidden;
    z-index: 1000;
    
}

#pie_widget p
{
    
    float:left;
    margin-bottom: 5px;
    margin-left:  15px;
    margin-top: 0px;
    padding: 5px 0px 0px 3px;
    height: 20px;
    overflow: hidden;
}
#pie_widget a
{
    color: #108A97!important;;
}

div.olControlZoom a { background-color:#8B8D8E !important;} /* none repeat scroll 0 0 */
div.olControlZoom a:hover  { background-color:rgba(139, 141, 142, 0.6) !important;} /* none repeat scroll 0 0 */

/*clase que se impone a los errores*/
span.validaError{
    margin-top:5px; 
    margin-left:5px; 
    margin-bottom:5px; 
    padding-left:2px; 
    text-align: left; 
    display: inline-block; 
    color: red; 
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.validaError
{
    color: red; 
    font-size: 10px; 
    width: 100%;
    font-size: 13px;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,0,0,0.75), 0 0 8px rgba(255,0,0, 0.6);
    box-shadow: inset 0 1px 1px rgba(255,0,0,0.75), 0 0 8px rgba(255,0,0, 0.6);
}

.selectize-input.validaError
{
    width: 190px;
    height: 29px;
    padding-top: 3px; 
    -webkit-box-shadow: inset 0 1px 1px rgba(255,0,0,0.75), 0 0 8px rgba(255,0,0, 0.6);
    box-shadow: inset 0 1px 1px rgba(255,0,0,0.75), 0 0 8px rgba(255,0,0, 0.6);
}

#logo
{
    background: rgba(255,255,255,0.1);
}
img.logo_idesf_compacto 
{
    width:110px;
    height:auto;  
    position:absolute;
    padding-right: 3px!important;
    padding-left: 3px!important;
    top:2px;
    right:10px;
    z-index: 1000;
    
}

img.logo_idesf_mapa
{
    position:relative!important;
    width:110px;
    height:auto;  
    margin-top: 7px!important;
    margin-left: 8px!important;
    bottom: 55px;
    left:5px;
    z-index: 1400;
}

#contenedor_mapa
{
    
    float: left;
    height: 420px;
    width: 540px;
}



.obligatorio
{
    color:red;
}

/*blur y bloqueo de form*/

#blur
{
    background-color: #797979;
    opacity: 0.8;
    height: 165px;
    width: 540px;
    z-index: 1100;
    position: absolute;
    margin-top: -21px;
}

/*contenedor principal de la ayuda*/
#descripcion
{
    position: absolute;
    top:10px;
    margin-left: auto;
    margin-right: auto;
    z-index: 1200;
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 3px solid #4A4A4A;
    height: 145px;
    width: 520px;
    padding-left: 10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(205,87,40, 0.9);
    box-shadow: inset 0 1px 1px rgba(0,0,0,1), 0 0 8px rgba(0,0,0, 1);
}

#descripcion span
{
    margin-top: 20px;
    display: block;
}

#descripcion .titulo
{
    float: left;
    background-color: #4A4A4A;
    margin-left: -10px;
    font-weight: bold;
    width: 530px;
    color:white;
    height: 20px;

}

pre {
    margin-top: 1px;
    margin-bottom: 1px;
    font-family: aller;
    white-space: pre;
}

#descripcion .titulo p
{
    margin-left: 20px;
    height: 20px;
    margin-top: 0px;
}


/* Close Button */

[class*='close-'] {
  color: #FFFFFF;
  font: 14px/100% arial, sans-serif;
  position: absolute;
  right: 5px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 5px;
}

.close-classic:after {
  content: 'X'; /* ANSI X letter */
}

.close-thin:after {
  content: '×'; /* UTF-8 symbol */
}

.close-thik:after {
  content: '✖'; /* UTF-8 symbol */
}


#map img{ margin:0px }


.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}




.bordes-rectos
{
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
}


.ol-attribution.ol-uncollapsible {
    bottom: 126px;
    right: 16px;
    border-radius: 4px 0 0;
    height: 1.1em;
    line-height: 1em;
    position: absolute;
    z-index: 99999;
    font-family: aller;
    font-size:12px;
}

.ol-attribution.ol-uncollapsible img {
    margin-top: 1px;
    max-height: 19.9px;
}

.ol-attribution img {
    height: 19.9px;
    width: auto;
    vertical-align: middle;
    margin-right: 5px;
    display: inline-block;
    float: left;
}

.ol-attribution ul,li
{
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.ol-attribution a
{
    color: #337ab7;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    display: inline-block;
    float:right;
    line-height: 26px;
}