/*

  :::::
::::
::  ***     style.css
::  *****
::  ***     Define los estilos para la pagina principal y todos sus elementos.
::::        Clases e identificadores
  :::::

*/


/* El cuerpo principal y los elementos basicos */
html,body { margin:0; padding:0; background: #dddddd }
body      { font: 9pt Verdana, "Bitstream Vera Sans", sans-serif }
form      { margin: 10px 10px }
p         { margin:10px 10px 10px; text-align: justify }


/* Elementos especiales */
pre {
   margin: 40px;
   padding: 10px 10px 10px 10px;
   border: 1px solid #000000;
   border-left: 20px solid #000000;
   background: #f0f0f0;
   /* font-size: 90%; */
   /* color: #646464; */
}

/* Ejemplar como se exhibe en las listas */
.ejemplar {
   margin: 10px 0px 10px 0px;
   border: 1px solid #dcdcdc;
}

.ejemplar a {
   display: block;
   padding: 10px 10px 10px 55px;
   background: #f0f0f0 url(img/diario.gif) 7px 10px no-repeat;
   color: black;
   text-decoration: none;
   text-align:justify;
}

.ejemplar a:link  {
   text-decoration: none;
   background: #f0f0f0 url(img/diario.gif) 7px 10px no-repeat
}
.ejemplar a:hover {
   text-decoration: none;
   background: #ffffff url(img/diario.gif) 7px 10px no-repeat
}


/* Ficha del usuario */
.usuario {
   margin: 10px 0px 10px 0px;
   border: 1px solid gray;
   display: block;
   padding: 10px 10px 10px 65px;
   background: #f0f0f0 url(img/users.gif) 10px 10px no-repeat;
   color: black;
   text-align:justify;
}
.topcab {
   float: left;
   margin: 5px;
   padding: 5px;
   color: white;
   font-weight: bold;
   background: #909090;
}


/* Enlaces del panel de navegacion y del menu al fondo */
.nav         { margin: 3px 10px; padding: 3px; text-decoration: none }
.nav:link    { display: block; background: none }
.nav:active  { display: block; background: none }
.nav:visited { display: block; background: none }
.nav:hover   { display: block; background: #f0f0f0 }

.mnu         { padding: 2px; text-decoration: none }
.mnu:link    { display: inline; background: none }
.mnu:active  { display: inline; background: none }
.mnu:visited { display: inline; background: none }
.mnu:hover   { display: inline; background: white }


/* Contenedor global */
div#container { width:700px; text-align: justify; background: white; }
div#container { margin: auto; margin-top: 20px; margin-bottom: 20px; border: 1px solid gray }


/* Contenedor del cuerpo y cuerpo */
div#wrapper { float:left; width:100% }
div#content p { line-height:1.4 }
div#content { margin: 0 150px }


/* Encabezado, barra, columnas laterales y pie */
div#header { height: 95px; margin:0; border-bottom: solid 1px gray }
div#header { background: white url(img/show.gif) top right no-repeat }
div#barra { background: #f0f0f0; padding: 5px; border-bottom: solid 1px gray }
div#navigation { float:left; width:150px; margin-left:-700px }
div#extra { float:left; width:150px; margin-left:-150px }
div#footer { background: url(img/capurro.png) bottom left no-repeat }
div#footer p {margin:0; padding:5px 10px; border-top: solid 1px gray }
div#footer { clear:left; width:100%; height: 95px; text-align: center }
div#menu { background: #f0f0f0; text-align: center; padding: 5px; border-top: solid 1px gray }


/* Elementos individuales */
.marco { margin:10px; padding: 5px; background: url(img/dgris.png); border: solid 1px gray; text-align: center }
.ficha { margin:10px 10px 10px 10px; background: #eeeeee; border: solid 1px gray }
.ctrls { margin:10px 0px 10px 0px; padding: 5px; background: url(img/dvert.png); border: solid 1px gray }
.form  { margin:5px; padding: 5px; background: none; border: none; text-align: center }
.util { margin:10px; padding: 5px; background: url(img/dgris.png); border: solid 1px gray; text-align: center }
.cabezal { background: #a0a0a0; color: white; text-align: center  }
.filas { border: solid 1px gray }
.filaimpar { margin:50px; background: #e0e0e0; border: solid 1px gray }
.filapar { background: #fefefe }
.miniatura { background: #ffffff; float:left; clear: left; margin-right: 10px; padding: 5px; border: solid 1px black }
.copy { font-size: 6pt; color: black }
.titulo { font: bold 18pt Verdana, "Bitstream Vera Sans", sans-serif; color: black; text-align: center }
.subtitulo { font: bold 14pt Verdana, "Bitstream Vera Sans", sans-serif; color: black }
.logoep { font: bold 120% Times, "Times New Roman", serif }
.logoar { font: bold 120% Times, "Times New Roman", serif; color: red }
.logomf { font: bold 120% Times, "Times New Roman", serif; color: blue }


/* Formularios */
.contenedor { margin:0; padding:0; }
.campo { font-size: 8pt }
.label { width: 150px; text-align: right; }
.ingreso  { width: 200px; }


/* Atributos para la portada */
.pregunta { font: bold; color: #383838 }