/*   reseteo universal   */
* {
	border: 0;
	margin: 0;
	padding: 0;
}

/*   16px = 12pt = 100% = 1em   */
body {
}

section#contenedor_desarrollado {
/*
    max-width: 61.54em;   
    margin: 1em auto;
    padding: 0.25em;
    border-radius: 0.5em;
    min-height: 60px;
    margin: 4px 4px 4px 4px;
    margin: -5px 4px 0px 4px;
*/
    background-color: #FFF;
    box-shadow: 4px 4px 4px rgba(53,72,110,.5);
	display:block;
	width: 100%;   
    min-height: 20px;
	margin: -5px 4px 0px 4px;
    padding: 4px;
}

footer {     
/*    background: #FFF;   */
	background-color: #eee;     /*   plomo casi blanco   */
	border-radius: 8px;
    text-align: center
}

#texto_de_letrita {             /*   texto en letras Chicas como h7; para imagenes   */
/*
    color: #212121; 
*/
    font-size: 12px; 
    color: #666666; 
    line-height: 12px; 
    margin: 0px 10px 5px 0px; 
    padding: 5px;
}

#texto_de_letrita_pie {         /*   texto en letras Chicas del pie de Pagina   */
/*
    color: #212121; 
    line-height: 0.8em; 
*/
    font-size: 11px; 
    color: #666666; 
    line-height: 8px; 
    margin: 0px 10px 5px 0px; 
    padding: 5px;
}

footer#copy {     
	background: #FFF;   
	border-radius: 8px;
    text-align: center;
}


/*	manejo de Responsive Web Design (media cuery 1)   */
/*  @media screen and (min-width: 921px) and (max-width: 1080px) { */
@media screen and (max-width: 1024px) {
   #texto_de_letrita_pie {         /*   texto en letras Chicas del pie de Pagina   */
        font-size: 10px; 
        color: #666666; 
        line-height: 8px; 
        margin: 0px 10px 5px 0px; 
        padding: 5px;
    }
}

@media screen and (max-width: 768px) {
   #texto_de_letrita_pie {         /*   texto en letras Chicas del pie de Pagina   */
        font-size: 10px; 
        color: #666666; 
        line-height: 8px; 
        margin: 0px 10px 5px 0px; 
        padding: 5px;
    }
}

@media screen and (max-width: 640px) {
   #texto_de_letrita_pie {         /*   texto en letras Chicas del pie de Pagina   */
        font-size: 10px; 
        color: #666666; 
        line-height: 8px; 
        margin: 0px 10px 5px 0px; 
        padding: 5px;
    }
}

@media screen and (max-width: 480px) {
   #texto_de_letrita_pie {         /*   texto en letras Chicas del pie de Pagina   */
        font-size: 8px; 
        color: #666666; 
        line-height: 8px; 
        margin: 0px 10px 5px 0px; 
        padding: 5px;
    }
}

@media screen and (max-width: 320px) {
    /*
    */
    #texto_de_letrita_pie {         /*   texto en letras Chicas del pie de Pagina   */
        font-size: 8px; 
        color: #666666; 
        line-height: 8px; 
        margin: 0px 10px 5px 0px; 
        padding: 5px;
    }
}