/* =============================================================================
   Otras cosillas
   ========================================================================== */


/* cuadros informativos */
.informacion, .exito, .atencion, .error {
    border: 1px solid;
    margin: 20px auto;
    padding:15px 20px 15px 55px;
    width: 75%;
    font-size: larger;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    text-shadow: 2px 2px 2px #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.informacion {
    /* color: #00529B; */
    background: #DCECF4 url('http://www.ciges.net/images/cms/informacion.png') no-repeat 10px center;
}
.exito {
    /* color: #4F8A10; */
    background: #DFF2BF url('http://www.ciges.net/images/cms/exito.png') no-repeat 10px center;
}
.atencion {
    /* color: #9F6000; */
    background: #fff1bf url('http://www.ciges.net/images/cms/atencion.png') no-repeat 10px center;
}
.error {
    /* color: #D8000C; */
    background: #FFBABA url('http://www.ciges.net/images/cms/error.png') no-repeat 10px center;
}

.destacado  {
    border: 1px solid;
    margin: 20px auto;
    padding: 5px 20px;
    width: 88%;
    font-size: larger;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #f5f9fb;
}

/* Emoticonos del proyecto Emoto http://www.developer-box.com/projects/emoto */

img.an7_filter {
    margin: 0 2px -3px 2px;
}

/* Fotillo carnet del pié de página  */

footer {
    position: relative;
}

div#miniretrato {
    position: absolute;
    top: 1em;
    left: 0em;
}
div#miniretrato img {
    border: solid white 3px;
}
div#miniretrato a {
    border: 0;
}

/* Clases que añadimos para el texto de los artículos */
.big {
    font-size: 122%;
}
.align-left {
    float: left;
    margin: 1em 1em 1em 0;
}
.align-right {
    float: right;
    margin: 1em 0 1em 1em;
}
.align-center {
    display: block;
    margin: 1em auto;
}

/* Centramos los vídeos de Youtube */
object {
    margin: 1em auto;
}

/* Nombre de los archivos cuando mostramos código */
p.nombre_fichero {
    color: #000088;
    padding-left: 15%;
    /* font-weight: bold; */
    font-family: monospace;
}

/* =============================================================================
   A PARTIR DE AQUÍ PARA RESOLUCIONES DE MÁS DE 1024px (PC's)
   ========================================================================== */

@media only screen and (min-width: 1024px) {
.destacado  {
    padding: 5px 30px;
    }
}