/* aclaracion: este archivo no admite nombres de imagenes con espacios separados.Solo acepta con guiones si. */

body {
        /* es toda la caja de la pantalla del navegador  */
	margin: 0;
	padding: 0;
        /* imagen vertical blanca con cuadrado negro repetida en una sola fila  50x641 */
	/* background: #fff url(imagenes-credit-click-nube/programas para administracion de creditos.jpg) repeat-x left top; */

        font-family: Arial, Helvetica, sans-serif;

        /* afecta al texto comun descriptivo del contenido que no se redefinio */
	font-size: 16px;
        /* negro  color del texto principal */
	color: #000;  
}


/* alineacion y tipo de letra de los titulos y subtitulos */
h1, h2, h3 {
	margin: 0;
        /* text-transform: uppercase;   */
	font-family: Arial, Helvetica, sans-serif;
        /* grosor de las letras  */
	font-weight: normal;
	/*  negro */
        color: #000000;
}


/* tamaņo de las letras de los titulos y subtitulos  */
h1 { font-size: 44px; }

h2 { font-size: 18px; }

h3 { }


/* alineacion de parrafos, listas y viņetas */
p, ul, ol {
	margin-top: 0;
        /* interlineado del texto  */
	line-height: 100%;
	text-align: justify;
}

/* VIŅETAS con un cuadrado. valores square circle disc */
/* ul { list-style-type: square;} */

/* pone viņetas con una imagen mia  de tilde ok en verde */
ul {
  /* antes list-style-image: url()  la nueva pone por defecto square si no hay imagen */ 
  list-style: square url(imagenes-credit-click-nube/software-para-administrar-creditos.jpg);
}

/* CITAS A OTROS CONTENIDOS  NO LO USO */
blockquote { }


/*  2017 LA AGREGUE PARA REDIMENSIONAR TODAS LAS IMAGENES EN TODOS LOS BLOQUES */
img {
     max-width: 100%;
     height: auto;
}

/* ESTAS 3 PARECE QUE NO LAS USO  */
a img {
	border: none;
}  

img.left {
	float: left;
	margin: 7px 30px 0 0;
}

img.right {
	float: right;
	margin: 7px 0 0 30px;
}


/* COLOR DE LOS ENLACES EN NARANJA old */
/* a { color: #f4b782; }    */

/* enlaces en azul 2021 */
a { color: #0000FF; }



/* NO MOSTRAR EL SUBRAYADO DE LOS ENLACES DEL BODY, solo cuando pasa el mouse  */
a:hover { text-decoration: none; }



/* separador de parrafos con una linea invisible */
hr { display: none; }  



/* BLOQUE CONTENEDOR */
#wrapper {
         box-sizing: border-box;
         width: 90%;
         /* max-width: 1000px; */
         /* centra la caja del contenedor dentro del body  */
         margin:0 auto;
}

/* BLOQUE LOGO */
#logo {
        box-sizing: border-box;	
        width: 100%;
	/* height: 134px; */
        /* height: 176px;  */
           height: 248px;  
	margin: 0 auto;
        /* PAISAJE TRONADOR ILON   le puse color green por defecto si la iamgen no esta */
	background: green url(imagenes-credit-click-nube/software-para-creditos-y-prestamos-2024.jpg) no-repeat center;  
        /* background: #FFFFFF;  */
	/* border-top: 6px solid #000;  */
}

/* propiedades en comun del titulo y parrafos que van dentro de la caja LOGO */
#logo h1, #logo p {
	margin: 0px;
	line-height: normal;
        /* titulo principal y subtitulo */ 
	/* text-transform: uppercase; */
	font-weight: normal;
        /* blanco */
        color: #FFFFFF;  
}


#logo p {
	/* solo parrafo del subtitulo */
        /* text-transform: uppercase; */
        font-size: 16px;
        padding-left: 100px;
}

#logo h1 {
	font-size: 40px;
	padding-top: 40px;
        padding-left: 100px;
}

/* no se usa  */
#logo a {
	text-decoration: none;
	color: #FFFFFF; 
}



/* BLOQUE HEADER que contiene al menu */
#header {
        box-sizing: border-box;
        width: 100%;
	height: 45px;
	margin: 0 auto;
        /* color gris oscuro */   
        background: #464646;   
}

/* BLOQUE MENU que va dentro del header */
#menu {
        float: left;  
        box-sizing: border-box;	
        width: 100%;
	height: 45px;
        /* margin-top: 3px;   */
}

/* redefine la lista del menu*/
#menu ul {
	margin: 0;
	padding: 2px 0px 0px 5px;
        /* los items del menu no tienen marcador square etc */
	list-style: none;
	line-height: normal;
}

/* redefine los items del menu  */
#menu li {
	display: block;  
	float: left;
}

/* redefine los enlaces del menu  */
#menu a {
	display: block;
	float: left;
        /* separa las opciones del menu  */
	margin-right: 5px;
	padding: 13px 25px 2px 25px;
        text-decoration: none;  
	
        /* primer letra de cada palabra en mayuscula  */
        /* text-transform: capitalize;  */
	
        font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

        /* blanco color de letras de los enlaces del menu */
        color: #FFFFFF;
}

/* enlaces del menu se subrayan al pasar el mouse  */
#menu a:hover {
              text-decoration: underline;
}


/* define como se resalta cada opcion del menu  */
#menu .current_page_item a {
        /*  es el alto del fondo blanco del enlace   */
	height: 26px;

        /* barrita chica gris fondo de la opcion seleccionada 9x40 */
	/* background: #000 url(imagenes-credit-click-nube/software-prestamos-creditos.jpg) repeat-x left top; */

        /* cuadrado blanco de fondo de la opcion actual */
         background: #FFFFFF;        
        /* color negro  de las letras de la opcion seleccionada */
	color: #343738; 
}

/* saca el fondo blanco de las opciones no seleccionadas  */
#menu .first {
	background: none; 
}


/* BLOQUE PAGE contiene a los dos bloques principales side y content */
#page {
        box-sizing: border-box;  
        width: 100%;

        /* centrado con respecto a su contenedor que es wrapper  */
	margin: 0 auto; 

        /* distancia del contenido (2 cajas internas) a la parte superior de la caja page  */
        padding-top: 30px; 
}



/* BLOQUE DE CONTENIDO PRINCIPAL */
#content {
	float: right;
        box-sizing: border-box;
	width: 75%;
        /* espacios a los laterales del texto  */
	padding-right: 30px;
        padding-left: 30px;  
        font-family: Arial, Helvetica, sans-serif;
}

/* cajas de division personalizadas y con subcajas como .entry */
.post {
	/* LINEA PUNTEADA divisoria al final de cada post de 21x1 */
        background: url(imagenes-credit-click-nube/software-para-prestamos-personales.jpg) repeat-x left bottom;  
	margin-bottom: 25px;

        /* SE PUEDE HACER CON LINEAS SIN LA IMAGEN ANTERIOR solid dashed dotted */
        /* border-top: 1px dotted #fff;  */
        /* padding-top: 10px; */
}

/* subcaja entry  */
.post .entry {
       /* arriba y abajo 10 y laterales cero  */  	
       padding: 10px 0;
        /* margin-bottom: 25 px;  */
}

.post .title {
	height: 30px;
	color: #000;
}

/* no se si se usa  */
.post .title a {
	text-decoration: none;
        /* gris */ 
	color: #343738;
}


/* no se usa   */
.post .meta {
	margin-top: -10px;
	padding: 10px 0px 2px 16px;
        /* es una imagen cuadradito verde  de 10x12 */
	background: url(imagenes-credit-click-nube/software-para-financieras.gif) no-repeat left 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
       /* gris */ 
	color: #343738;
}

/*  no se usa  */
.post .meta span {
	display: block;
	margin-top: -10px;
}

/* no se usa  */
.post .meta a { }


/*  no se usan  */
.post .links {
	margin: 0 250px 0 0;
	padding: 0 0 0 0px;
}

.post .links .comments {
}

.post .links .permalink {
	padding-left: 17px;
}



/* esta la cree para imagen ubique derecha ver si se puede usar img.right de arriba */
.post .img {
            float: right;  
            margin: 7px 0 0 30px;  
            }



/* BLOQUE SIDEBAR */
#sidebar {
	float: left;
        box-sizing: border-box;
	width: 25%;
        /* distancia del texto (u objetos) de la caja desde e borde izquierdo  */
	padding-left: 3px;
        padding-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
        /*  letras de novedades */ 

        /*azul igual a la caja de la fecha*/
/*        background: #809400;*/
background:#c2c351;

        
        
        /* lo puse par que haya espacio debajo del ultimo link */ 
        padding-bottom: 20px;
}

/* no lo uso  */
#sidebar ul {
	margin: 0;
	padding: 0px;
	list-style: none;
	line-height: normal;
}

/* no lo uso  */
#sidebar li {
	margin-bottom: 30px;
	padding: 0 10px 10px 0px;
}

/* no lo uso  */
#sidebar li ul {
}

/* no lo uso  */
#sidebar li li {
	margin: 0;
	padding: 7px 10px 10px 7px;
        /* linea punteada que separa las opciones del sidebar */
	background: url(imagenes-credit-click-nube/software para prestamos personales.jpg) repeat-x left bottom;
}

#sidebar p {
	margin: 0;
        /* distancia de cada parrafo desde el borde  0 arriba y abajo, 10 en laterales */
	padding: 0px 10px;
        /* interlineado de parrafo */
	line-height: 200%;

}

#sidebar h2 {
	height: 26px;
        /*  arriba y derecha cero, inferior 10 px  izq cero*/
	margin: 0 0 10px 0px;
        /* arriba,derecha,abajo, izquierda  */
	padding: 12px 0 2px 7px;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: normal;
        /* blanco  */
	color: #fff;
}


#sidebar a {
	text-align: left;
	text-decoration: none;  
	font-weight: normal;
        /* enlaces en azul */
        color: #0000FF;
}

#sidebar a:hover{
              text-decoration: underline;
}

/* nuevas que agregue yo  para evitar listas */
#sidebar .mientrada2 {
         padding: 20px 10px;
         border-bottom: 1px dotted #fff;
}

#sidebar .mientrada2 .mientrada3 {
         padding: 10px 0;
}


/* Caja de segundo menu cuando se achica la pantalla */
#descargas {
        box-sizing: border-box;   
        width: 100%;
	height: 200px;

        /* centra la caja en CONTENEDOR */ 
	margin: 0 auto;  

        /* distancia desde arriba de la caja hacia la linea del parrafo */  
	padding: 10px; 
        font-family: Arial, Helvetica, sans-serif;

        /* verde manzana  igual al sidebar  */
        background:#aac051;
        /* border-top: 3px solid #000;  */
        /* No lo muestro hasta que la pantalla sea chica y muestro con el codigo al final  */
        display: none;
}

#descargas a {
        /* pongo los enlaces del nuevo menu vertical inferior en color blanco sobre fondo verde  */
        color:#fff;  
}

/* una caja para cada enlace de menu2  establece separacion entre enlaces */
#descargas .mientrada {
                padding: 10px;
               /* background: #464646;  */
}


/* caja footer */
#footer {
        clear: both;  
        box-sizing: border-box;   
        width: 100%;
	height: 50px;

        /* centra la caja del footer en el CONTENEDOR */ 
	margin: 0 auto;  

        /* distancia desde arriba de la caja hacia la linea del parrafo */  
	padding-top: 15px; 
        font-family: Arial, Helvetica, sans-serif;

 	background: #464646;
        border-top: 3px solid #000;
}


#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
        /* text-transform: uppercase; */
	font-size: 14px;
	/* blanco */
        color: #fff;
}

/* no lo uso */
#footer a {
	color: #fff;
}

/* clase caja mia para la fecha  */
.mifecha {
    /*  verde claro el fondo de la fecha  */ 
    /* background-color: #497265;  el nuevo es azul */

    background-color: #2C94CA;  

    /* background-color: #3D863B; */

    padding: 3px;
    width: 100%;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    /* color de las letras blancas  */
    color: #fff;  
    font-size: 16px;
    letter-spacing: 3px;
    font-weight: bold;
 }


/* CLASE MIA CENTRA IMAGENES (Y MAS) EN CUALQUIER CONTENEDOR */
.centrardiv {
    text-align:center;
} 

/* este separador y limpiador de float de div estaba en los html antes de finalizar el page   */
#separadordiv {
   clear: both;
}


@media screen and (max-width: 640px) {

/* el contenido ocupa todo */
#content {
         width: 100%;
}

/* oculto el sidebar  */
#sidebar {
         display: none;
}

/* oculto el contenedor del menu  */
#header {
         display: none;
}

/* cambio la imagen del logo trebol solo cuando achico la pantalla*/
#logo {
      background: url(imagenes-credit-click-nube/software-para-prestamos-y-creditos.jpg) no-repeat center;  
     
}
#logo h1 {
         display: none;
}

/* oculto el parrafo del logo  */
#logo p {
        display: none;
}

/* muestro el menu2  */
#descargas {
           display: inherit;
}

.post h2 {
      margin-bottom: 25px;
}


}