
/* Pequeno truco para que aparezca siempre el scroll
   y que no se mueva el container definido si la pagina
   no llega hasta el borde inferior... */

html {
    overflow-y: scroll;
}

BODY {
  font-family: courier new, courier, serif;
}

a {
  color: #D3005F;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/* Estilos para el menu */

div.borderleft {
  border-left: 0px solid black;
  padding-left: 10px;
  margin-left: -10px;
  margin-right: -1px;
}

ul.menu {
  width: 175px;
  list-style: none;
  margin: 0;
  padding: 0;
  /* border: 1px solid #7C7C7C; */
}

ul.menu li {
  height: 43px;
}

ul.menu li.inicio {
  height: 52px;
}

ul.menu li a:link, ul.menu li a:visited {
  display:block;
  text-decoration: none;
  color: #333;
  height: 43px;
}

ul.menu li a:link, ul.menu li a:visited {
  background: url(/images/flecha_inactiva.png) no-repeat .2em center;
}

ul.menu li a:hover, ul.menu li a:active {
  height: 43px;
}

/* TODO: Para el actual, se marca con la imagen ya en rojo */
ul.menu li.actual a:link, ul.menu li.actual a:visited {
  background: url(/images/flecha_inactiva.png) no-repeat .2em center;
}

ul.menu li.inicio a:link, ul.menu li.inicio a:visited {
  height: 52px;
  margin: 0 0 10px 0;
  background: url(/images/menu/inicio-off.png) no-repeat;
}

/* Truquillo para ver la imagen de texto en el logo de AEPD */
img.aepdimg {
  width: 1px;
  height: 1px;
  display: none;
}

a.aepdtxt:hover img.aepdimg {
  left: 130px;
  top: 20px;
  width: 144px;
  height: 144px;
  display: block;
  position: relative;
}

a.novedades {
  display: block;
  width: 61px;
  height: 63px;
  margin: 0;
  padding: 0;
  position: relative;
  top: 90px;
  left: -40px;
}
a.novedades:link, a.novedades:visited {
  background: url(/images/nuevo-off.png) no-repeat;
}

a.novedades:hover, a.novedades:active {
  background: url(/images/nuevo-on.png) no-repeat;
}

ul.menu li.contacto a:link, ul.menu li.contacto a:visited {
  background: url(/images/menu/contacto-off.png) no-repeat;
}

ul.menu li.contacto a:hover, ul.menu li.contacto a:active {
  background: url(/images/menu/contacto-on.png) no-repeat;
}

ul.menu li.inscripcion a:link, ul.menu li.inscripcion a:visited {
  background: url(/images/menu/inscripcion-off.png) no-repeat;
}

ul.menu li.inscripcion a:hover, ul.menu li.inscripcion a:active {
  background: url(/images/menu/inscripcion-on.png) no-repeat;
}

ul.menu li.concursos a:link, ul.menu li.concursos a:visited {
  background: url(/images/menu/concursos-off.png) no-repeat;
}

ul.menu li.concursos a:hover, ul.menu li.concursos a:active {
  background: url(/images/menu/concursos-on.png) no-repeat;
}

ul.menu li.directorio a:link, ul.menu li.directorio a:visited {
  background: url(/images/menu/directorio-off.png) no-repeat;
}

ul.menu li.directorio a:hover, ul.menu li.directorio a:active {
  background: url(/images/menu/directorio-on.png) no-repeat;
}

ul.menu li.noticias a:link, ul.menu li.noticias a:visited {
  background: url(/images/menu/noticias-off.png) no-repeat;
}

ul.menu li.noticias a:hover, ul.menu li.noticias a:active {
  background: url(/images/menu/noticias-on.png) no-repeat;
}

ul.menu li.blog a:link, ul.menu li.blog a:visited {
  background: url(/images/menu/blog-off.png) no-repeat;
}

ul.menu li.blog a:hover, ul.menu li.blog a:active {
  background: url(/images/menu/blog-on.png) no-repeat;
}

ul.menu li.premios a:link, ul.menu li.premios a:visited {
  background: url(/images/menu/premios-off.png) no-repeat;
}

ul.menu li.premios a:hover, ul.menu li.premios a:active {
  background: url(/images/menu/premios-on.png) no-repeat;
}

ul.menu li.documentos a:link, ul.menu li.documentos a:visited {
  background: url(/images/menu/documentos-off.png) no-repeat;
}

ul.menu li.documentos a:hover, ul.menu li.documentos a:active {
  background: url(/images/menu/documentos-on.png) no-repeat;
}

ul.menu li.mnad a:link, ul.menu li.mnad a:visited {
  background: url(/images/menu/mnad-off.png) no-repeat;
}

ul.menu li.mnad a:hover, ul.menu li.mnad a:active {
  background: url(/images/menu/mnad-on.png) no-repeat;
}

/* FIN - Estilos para el menu */

/* Linea vertical dashed */

.linead {
  border-left: 1px dashed #000;
  margin-left: -10px;
  padding-left: 15px;
  padding-bottom: 10px;
}

.lineadc {
  border-left: 1px dashed #000;
  margin-left: 5px;
  padding-left: 15px;
  padding-bottom: 10px;
  margin-right: 10px;
}

.resultok {
  border: 1px dashed #D3005F;
  background: #f0f0f0;
  padding: 10px;
}

.resultko {
  border: 1px dashed #D3005F;
  background: #ffe0e0;
  padding: 10px;
}

.mas {
  font-size: 22px;
  /*font-weight: bold;*/
  margin: 0;
  padding: 0;
}

a.mas:hover {
  text-decoration: none;
}

.file {
  vertical-align: text-bottom;
  padding: 1px 0
}

.pie {
  font-size: 11px;
}

.up {
  float: left;
  /*margin-left: -40px;*/
  padding: 7px 10px 5px 2px;
}

.menuok {
  float:left;
  width: 1px;
  height: 425px;
  margin: 0;
  padding: 0;
}

strong, b {
  color: #D3005F;
}

h3 {
  color: #D3005F;
  /*font-weight: bold;*/
}

.aepdnews h4 {
  padding: 0;
  margin: 0;
}

.aepdnews p {
  padding: 0;
  margin: 0 0 10px;
}

/* Estilos para start del menu administraci�n */

#adm-wrap {
  padding: 15px;
  margin: 50px auto;
  border: 1px solid #ccc;
  width: 950px;
  font-family: sans-serif;
  font-size: 0.8em;
}

#adm-wrap a {
  text-decoration: none;
  color: #D3005F;
}

#adm-wrap h3 {
    padding-left: 20px;
}

#adm-footer, #adm-head {
  width: 470px;
  float: left;
  height: 30px;
}

#adm-footer {
  text-align: right;
}

#adm-wrap a:hover {
  text-decoration: underline;
}

#adm-start a {
  text-decoration: none;
  color: #D3005F;
  padding: 5px;
}

#adm-start a:hover {
  text-decoration: none;
  color: #fff;
  background: #D3005F;
}

#adm-start form {
  width: 260px;
  clear: both;
  margin: 0 auto;
}

#adm-start div.adm-half {
  width: 48%;
  float: left;
  margin-right: 2%;
}

#sf_admin_container .form-row .content {
  padding-left: 100px !IMPORTANT;
}

#sf_admin_container label {
  width: 13em !IMPORTANT;
}

#sf_admin_container .sf_admin_edit_help {
  margin: 0px !IMPORTANT;
}

/* FIN - Estilos para el menu administrador */

/* Estilos para el pie de p�gina */

span.footer {
  padding: 5px;
  border: 1px solid black;
  font-family: sans-serif;
  /*font-size: 0.8em;*/
}
/* FIN - Estilos para el pie de p�gina */

strong, b {
  font-weight: normal;
}