/* Background del body  */
 body {
	 background-image:url(../img.jpg);
	 background-position:center top 30%;
	 
	 background-repeat:no-repeat;
 }
/* Dimensiones del area de todo el contenido   */
 .contenido { max-width: 100%; margin: 0 auto 0px; background-color: #fff; }

/* Responsive para los grid de la version antigua y redimension de logos en el footer  */
      @media screen and (max-width: 850px){
            .grids {width:90%!important; margin-bottom:10px;}            
            .grids2 {width:90%!important; margin-bottom:10px;}            
            .grids div {height:74px;width:90%!important;position:relative;top:80px!important;background-color: rgb(167, 54, 54);}
            .grids2 div {height:74px;width:90%!important;position:relative;top:80px!important;background-color: rgb(167, 54, 54);}
            .row { max-width: 630px;margin-left: 10px!important; }
            .texto_titulo {font-family: 'Roboto', sans-serif;color:#fff;font-size:13px!important;}
            .img_logos{width:40px!important;height:42px!important;margin-left:5px!important;padding:5px!important;margin-top:10px;}
            .img_logos2{width:194px!important;height:20px!important;margin-right:5px!important;padding:5px!important;margin-top:10px;margin-top:10px;}
            .navbar-inner {margin-left:0px!important;left: 10px!important;}
            .brand { color:#fff;}
        }
/* División de los paneles de la versión anterior del home*/
      .grida {width: 48%; background-image: url('img/grida.html');overflow: hidden;}
      .grids {margin-bottom:10px;}
      .gridb {width: 41%; background-image: url('img/gridb.html');overflow: hidden;}
      .grida div, .gridb div {height:74px;width:340px;position:relative;top:105px;background-color: rgb(167, 54, 54);}
      .color {background-color:#ccc; border:1px solid rgb(167, 54, 54);height:143px;}
      .grids2 {width: 28%; margin-bottom:10px;}
      .grids2 div {height:74px;width:340px;position:relative;top:105px;background-color: rgb(167, 54, 54);}
      .cont-grids{max-width: 900px; margin: 0 auto 0px;}
      .row{max-width: 900px;margin-left: 0px;}

/* Estilo de textos en los paneles del home anterior */
      .texto_titulo {font-family: 'Roboto', sans-serif;color:#fff;font-size:11px;}

/* División de los paneles de la versión anterior del home*/
      .gridc {background-image: url('img/gridc.html');overflow: hidden;}
      .gridd {background-image: url('img/gridd.html');overflow: hidden;}
      .gride {background-image: url('img/gride.html');overflow: hidden;}
      .gridf {background-image: url('img/gridf.html');overflow: hidden;}
      .gridg {background-image: url('img/gridg.html');overflow: hidden;}
      .gridh {background-image: url('img/gridh.html');overflow: hidden;}
      .gridi {background-image: url('img/gridi.html');overflow: hidden;}
      .gridj {background-image: url('img/gridj.html');overflow: hidden;}
      .gridk {background-image: url('img/gridk.html');overflow: hidden;}

/* Estilo de la cabecera */
      /*.header { min-height:170px;width:100%;background-color:rgb(167, 54, 54); margin-bottom:20px;}*/
      .header { width:100%;background-color:rgb(167, 54, 54); /*margin-bottom:20px;*/}
      .logo{margin-top:10px;margin-bottom:10px;}
/* Estilo del footer */

      .foot {background-image: url('img/fnd_foot.html');min-height:164px;width:100%;position:relative;bottom:100%;}

/* Posicionamiento de los logos en el footer */
      .img_logos{padding:20px;margin-left:180px;margin-top:10;}
      .img_logos2{padding:20px;float:right;margin-right: 80px;margin-top:10;}


/* Estilo del menu de navegación */
      .navbar .nav li a {color:#fff;background-color:rgb(167, 54, 54);text-align:left;}
      .navbar a{border-bottom: 4px solid rgb(167, 54, 54);}
      .navbar .nav>li>a:hover{background-color:#50BCE2;color:#fff;border-bottom: 4px solid #50BCE2;}
      .navbar .nav>.active>a ,.navbar .nav>.active>a:hover{background-color:#50BCE2;color:#fff;border-bottom: 4px solid #50BCE2;}
      .navbar-inner {padding-left:0;border:0;}
      .active a{border-bottom: 4px solid #50BCE2;background-color:rgb(167, 54, 54);}
      .navbar {margin-bottom: 0px;}
      .navbar-inner { background-color:rgb(167, 54, 54); background-image: none;-webkit-border-radius: 0!important;-moz-border-radius: 0!important; border-radius: 0!important;}
      .span12{ width:100%;}
      .sub_titulo { background-color:#50BCE2;color:#fff;padding:5px;font-family: 'Roboto', sans-serif;padding-left:10%; }
      .ul_nivel_dos {margin-left:20px;} 
      .number { font-size:18px;color:#fff;background-color:#000;margin-top:30px; padding:30px;}

/* Estilo indicadores en sección Urbanizaciones */      
	  .cuadro_marco { background-image:url('../img/circulo.jpg');width:40px;height:40px;background-color:#000;color:#fff;font-size:20px; }
	  .cuadro_marco span {position:relative; top:10px;}
	  .tit { font-weight:bold; text-align:center; }
	  .sub_t li { font-size: 11px; font-weight: normal;text-align: justify; width: 120px;} 
	  .sub_t_ li { font-size: 15px; font-weight: normal;text-align: justify;}
	  .fieldset {  border: 1px solid #ccc; padding: 10px; margin-bottom:10px; }
	  

/* División de los paneles de la versión anterior del home*/
      .grida {width: 48%; background-image: url('img/grida-2.html');overflow: hidden;}
      .grids {margin-bottom:10px;}
      .gridb {width: 41%; background-image: url('img/gridb-2.html');overflow: hidden;}
      .grida div, .gridb div {height:74px;width:340px;position:relative;top:105px;background-color: rgb(167, 54, 54);}
      .color {background-color:#ccc; border:1px solid rgb(167, 54, 54);height:143px;}
      .grids2 {width: 28%; margin-bottom:10px;}
      .grids2 div {height:74px;width:340px;position:relative;top:105px;background-color: rgb(167, 54, 54);}


      .cont-grids{max-width: 900px; margin: 0 auto 0px;}
      .row{max-width: 900px;margin-left: 0px;}

/* Estilos de títulos y parrafos  */        
      .texto_titulo {font-family: 'Roboto', sans-serif;color:#fff;font-size:11px;}
      p {
	color: #FFF;
	margin-left: auto;
	padding-top: 10px;
	margin-right: auto;
}

      
      .logo{margin-top:10px;margin-bottom:10px;}
      .foot {background-image: url('img/fnd_foot.html');width:100%; font-size: 0.9em; }

      .img_logos{padding:20px;margin-left:180px;margin-top:10;}
      .img_logos2{padding:20px;float:right;margin-right: 80px;margin-top:10;}
      
      .navbar .container {text-align: center!important;}
      .navbar .nav{display:inline-block!important;float:none!important;}
      .navbar .nav li a {color:#fff;background-color:rgb(167, 54, 54);}
      .navbar a{border-bottom: 4px solid rgb(167, 54, 54);}
      .navbar .nav>li>a:hover{background-color:#50BCE2;color:#fff;border-bottom: 4px solid #50BCE2;}
      .navbar .nav>.active>a ,.navbar .nav>.active>a:hover{background-color:#50BCE2;color:#fff;border-bottom: 4px solid #50BCE2;}
      .navbar-inner {padding-left:0;border:0;}
      .active a{border-bottom: 4px solid #50BCE2;background-color:rgb(167, 54, 54);}
      /*.navbar {margin: 0 auto; width: 48%;}*/
      .navbar-inner { background-color:rgb(167, 54, 54); background-image: none;}
      .span12{ width:100%;}
      .sub_titulo { background-color:#50BCE2;color:#fff;padding:5px;font-family: 'Roboto', sans-serif;padding-left:10%; } 

     .label_ { display: none; }
      .asetr { color: #590F0F; font-size: 20px; } 

/* Estilos de colores a íconos  */    	  
    .icon-plus-sign  {  color:#167EC2; } 
    .icon-ok {  color:green; }

/* Estilos de links personalizados en sección: trámites en linea  */    
    .a_hover { color:#000; width:40px; }  
    .a_hover:hover { color:#000;text-decoration:none; }


/* Anchos de cajas de texto personalozados */
    .input-mysize { max-width: 30px }
    .input-mysize_ { max-width: 80px }
     
    .input-mysize_large  { max-width: 100px }
    .table thead th {text-align: center;font-size:13px;}
    .size_small { font-size:10px; } 

/* Alineacion y estilo de tablas en sección: Resgistro de construcción paso 2 */    
    .table td { text-align: center; font-size:13px;} 

/* Alineacion y estilo de parrafos */    
    .parr { text-align:justify;color:#000; }
    .a_hover { color:#000; width:40px; }  
    .a_hover:hover { color:#000;text-decoration:none; }
  


/* Alineacion y estilo de tablas en sección: Trámites en Línea */
    tbody .alig_izq { text-align: left;padding-left:10px;}
    .btn_ { margin-top:5px;}
    .tit_table_solicitante { color:#fff; }
/* Alineacion y estilo de tablas en sección: Resgistro de construcción paso 2 */    
    .normal { font-weight:normal; } 
    .borde_table { border:1px solid #848483;}


/* Background de cabecera ens ección Uso de suelo */
    .color_head { background-color:#ccc;color:#000; }
/* Aplica colores al texto */
    .negro { color:#000;}
    .red { color:red;}  
    .yellow { color:#CCBA19;}
    .green { color:green;}

/* Estilo de hora y fecha para el header, añadido por Héctor Cedeño*/
    .fecha{
      font-size: 12px;
      line-height: 14px;
      margin:0 0 0 20px;
      padding-top: 20px;
      text-align: left;
    }
    .fecha p{
      margin: 0;
      padding:0;
    }

/* Estilo de form, añadido por Héctor Cedeño */
    form{
      margin:0!important;
    }

/* Estilo de boton inicio, añadido por Héctor Cedeño */
    .right{
      float:right!important;
    }
    .btn-info:hover{
      background-color: none!important;
    };

/* Estilo último usuario, añadido por Héctor Cedeño */
    .navbar .nav li .usuario { background-color: #138DCA; color: #fff; }

/* Estilo de tabla en Seguimiento de Trámites, agregado por Héctor Cedeño */
    .gridview {
      border: 1px solid #ccc;
    }

    .gridview tr:nth-child(odd){
      background-color: #DFE7FF;
    }

    .gridview tr:nth-child(even){
      background-color: #FFF;
    }

    .gridview tr td{
      padding: 0 5px 0 10px;
    }

/* Estilo de Preg Freq agregador por Héctor Cedeño */
    .texto{
      padding: 5px 40px;
      text-align: justify;
    }

    .texto h1{
      text-align: center!important;
    }

    .texto p{
      color:#000;
    }

/* Estilo para el botón de cerrar sesión */
    .btn-cerrar {
      display: table!important;
      float: left;
      margin-bottom: 10px;
      padding: 13px 15px!important;
    }
/* Estilo para bordes de Certificados de Avalúo*/
    .bordes-blancos 
    {
        border-top: 1px solid #FFF!important;
    }
    
/* Estilo para combo box de Certificado de no tener Predio */
    .FormatoCombo1
    {
        margin-left: 40px;
    }
    
/* Estilo para checkbox en Certificado de Ser Posesionario de Terreno */
    input[type="radio"], input[type="checkbox"] {
    margin: -1px 8px 0 0;
    line-height: normal;
}

/* Estilo para combo box similar al input-large width=201px */
    .Combo-large
    {        
        width:224px;
    }
/*Estilo de imagenes en el home para resoluciones menores a 480px */
@media screen and (max-width: 480px){
    .hero-unit2 img
    {
        float:none!important;
        margin-right:10px;
    }
}
   
/*Estilo de h2 para Preguntas Frecuentes en resoluciones menores a 384px */
@media screen and (max-width: 384px){
    .menor-tamano
    {
        font-size: 16px;
        line-height: 22px;
        margin: 2px 0;
    }
} 

/*Estilo de botón Cerrar Sesión para resoluciones menores a 980px */
@media screen and (max-width: 980px){
    .cerrar
    {
        display:block!important;
    }
} 

#nav.affix {
    top: 0;
    right:0;
    left:0;
    width: 100%;
}
#nav-wrapper { margin-bottom:20px; }

@media (max-width: 979px) {
	#nav.affix, #nav.affix-top { position: relative; }

}