/*   Estilo para Impresion desarrollado por Carlos Marrero Expósito        */
 /*   Alias CHR5, para contactar conmigo solo tienes que escribir un correo*/
 /*   a la siguiente direccion: carlos@chr5.com                            */



    body { background-color:white; padding:0px; margin:0px; font:9.5pt/15pt Helvetica, arial,sans-serif; }



 /* ***********  Estructura Grafica - LAYOUT ********************* */

   .body_sup { display:none;}

   .frame_sup_a { padding:2px; 
                  margin:0px;
                  top:0px; 
                  left:0px; 
                  border-bottom:1px dotted white; 
                  vertical-align:middle;
                  height:22px;}

                 .body_sup img { vertical-align:middle; padding-left:5px;}

   .frame_sup_b { padding:2px; 
                  padding-left:44px;
                  margin:0px; 
                  border:0px solid orange; 
                  height:20px; }

.frame_cover { /* border-top:7px solid red; */
                  background-color:white;
                  color:black; 
                  border:1px solid pink; }

                 .frame_cover h1 { letter-spacing:5pt; }

.frame_cover img { display:none; }

.frame_contento { border:0px solid black;
                  padding:0px; 
                  margin:0px; }

.frame_creditos { border:2px solid red; 
                  padding:5px; 
                  margin:0px;
                  background-color:red;
                  color:white;
                  font:normal 10px/12px verdana, sans-serif;
                  text-align:center;}


 /* ***************** PARRAFO Y ESTILO ********************/

 .frame_cover h1 { font:bold 3.5em/1.2em Helvetica, arial, verdana, sans-serif; }

 .frame_sup_a h1 { margin:0px;
                          padding:5px;
                          background-color:transparent; 
                          border-bottom:1px solid black; 
                          word-spacing:5%;
                          font:bold 3em meta,verdana,sans-serif; }

     .frame_contento h1 { font:bold 1.4em verdana, sans-serif; 
                          padding-left:0%; }

     .frame_contento h2 { padding-top:3%;
                          padding-bottom:5px;
                          border-bottom:1px solid black;     /* ····· LINEA DE SUBRAYADO INF ·*/
                          font:bold 1.4em verdana,sans-serif;
                          padding-left:0%; }

    .frame_contento h3 {  padding-left:0%;               /* ··· FORMATO DE LOS ARTICULOS ··*/
                          font:bold 1.2em/1.5em verdana,sans-serif;
                          padding-left:0%; }

      .frame_contento p { padding-left:5%;    width:100%; } 
 
      .frame_contento   { padding-left:0%;padding-right:10%; }  


 /* ********************   ESTILO DE LOS ENLACES ************ */

          a:link     {  text-decoration:none; color:grey;}

        a:visited    {  text-decoration:none;color:grey;
                       padding:5px;  }

        a:active     {text-decoration:none; text-decoration:none; 
                       padding:5px; }

         a:hover     { text-decoration:none;color:#000000;
                       padding:5px;}

.body_sup a:link { text-decoration:none; font:normal 0.7em/0.8em verdana, sans-serif;color:white; }
.body_sup a:visited { text-decoration:none; font:normal 0.7em/0.8em verdana, sans-serif;color:white; }
.body_sup a:active {text-decoration:none; font:normal 0.7em/0.8em verdana, sans-serif;color:white; }
.body_sup a:hover { text-decoration:none; font:normal 0.7em/0.8em verdana, sans-serif;color:yellow; }


.frame_curso a { color:white; background-color:black; font:normal 5em times; }

/* ********************   ENLACES PARA PELOGRÁFIC PROYECT ************ */

.pelographics img { color:white; border:0px; }
img.flotante { padding:0%; margin:0px; float:right; clear:left;}

/* Background especiales para el currículum, por ejemplo       */

.background_gris { background-color: #DCDCDC; margin-left:0%; padding:10px 10px 20px 0px; }


/* ELEMENTOS QUE NO SE VERÁN EN LA VERSIÓN IMPRESA DE MI WEB SITE   */

.frame_creditos { display:none; }

.enlaces_relacionados { display:none; }