/*vim:expandtab:ts=2:sw=2:textwidth=78:filetype=css*/

/*---RESET---*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
ol,ul{list-style:none;padding-left:40px;}
fieldset{padding:6px;margin:2px;border:1px solid gray;}
img{-ms-interpolation-mode:bicubic;}
em{font-style:italic;}
strong{font-weight:bold;}

/**************** body and tag styles ****************/

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 9pt;
  background: url("img/fondoppal.png");
  color: black;
}

p {
  padding: 10px;
  font-size: 10pt;
}

a, a:hover {
  text-decoration: none;
  font-weight:bold;
  color: #0f638c;
}

a:hover {
  color:#4F859F;
}

div.iecentrado{
  text-align:center;
  width:100%; /* IE Hack */
}

div.centrado {
  width:750px;
  text-align:center;
  margin:auto;
}

ul {
  list-style-type:square;
}

html[lang=ar] body {font-size: 11pt;}
html[lang=ar] p {font-size: 12pt;}


.titgeneral {
  font-size: 20pt;
  color: white;
  background-color: #6790DF;
  text-align: center;
  font-weight: bold;
  margin:5px 0;
}

.titdireccion {
  font-size: 11pt;
  color: #0f638c;
  text-align: center;
  font-weight: bold;
  margin:2px 0;
}

.peqnegrita {
  font-size: 8pt;
  font-weight: bold
}

.peqver {
  font-size:7pt;
}

.medianegrita {
  font-size: 10pt;
  font-weight: bold;
}

.pequeña {
  font-size: 8pt;
}

.images {
  font-size: 8pt;
  text-align:center;
  width:100%;
}
/* ===== Noticias ====== */
td .cabecera {
  font-size:10pt;
  color:#FFFFFF;
  background-color:#4F81BC;
  text-align: center;
  font-weight: bold
}

/* ===== Felicitación ===== */
.felicitacion {font-size: 14pt; text-align: center;}

/* ===== Scroller ===== */
div#fscroller {
  margin:10px 10px;
  border:1px solid grey;
  background:white;
  text-align:center;
  padding:2px
}

/* ===== Contenedor de logotipo superior ================================== */
div.logo {
  border:1px solid black;
  padding:5px;
  margin-bottom:10px;
  border-radius:3ex;
  -moz-border-radius:3ex;
  -webkit-border-radius:3ex;
  background-color: #4F81BC;
}
div.logo h1 {
  padding:2px;
  color: white;
  font-size:28pt;
  font-weight:bold;
  margin: 5px 0px 0px;
}
div.logo h2 {
  padding:2px;
  color: #1E3147;
  font-size: 14pt;
  font-weight:bold;
}
img.logo {
  width:250px;
  text-align:center;
  vertical-align:middle;
}

html[lang=ar] div.logo h1 {font-size:38pt;}
html[lang=ar] div.logo h2 {font-size:20pt;}

/* ===== Contenedor de contenedor izquierdo + derecho ===== */

div.contentsblock {
  background: #EEEEFF;
  padding:5px;
  border-width:0;
  float:left;
  width:100%;
}

/* enclose floated elements hack */

/* ===== Contenedor izquierdo: contenidos+anuncios+barra_idiomas+copyright ===== */
div.contenidosizq {
  padding:10px 1%;
  height:100%;
  display:inline;
  text-align: left;
}

.contenidosizq form {
  text-align:left;
}

.contenidosizq tr {vertical-align:top;}
#tb-izquierda {text-align:center; width:250px;}
#tb-centro {text-align:center; padding:0 20px;}
#tb-derecha {text-align:left; width:200px;}

#nombre {font-weight:bold; font-size:14pt; text-align:center;padding:20px 10px;}
#tb-izquierda .navbar li {padding:0.85em 0.5em;}
#tb-centro p {font-style:italic;}
#tb-centro p.credits {font-size:9pt;padding:8px 0 0 0;}
html[lang=ar] #tb-centro p.credits {font-size:11pt;}
#tb-centro img.novedades {width:250px;margin:0.9em 0;}
#tb-centro iframe {margin:0.9em 0;}

/* ===== Tabla de contenidos ===== */

.contenidosizq h1 {
  font-weight: bold;
  font-size: 11pt;
  border-bottom: 1px solid black;
  color: black;
  padding:3px;
}
.contenidosizq h2 {
  /*padding:5px;*/
  color:#0f638c;
  margin:1px;
}
.contenidosizq h2 a,.contenidosizq h1 a:hover {
  text-decoration:none;
  color: black;
  font-weight: bold;
  font-size: 10pt;
}
.contenidosizq h2 a:hover {
  color: #1481b7;
}
.contenidosizq h3 {
  font-weight:normal;
  font-size: 8pt;
  color:#4F859F;
  margin:1px;
}

/* ===== Menu de idiomas o página principal ===== */
div.menuline {
  clear:both;
  height:20px;
  border-bottom-style:solid;
  border-bottom-width:1px;
  padding:5px 5px 0px;
}
div.menuline div.nav {
  text-align:center;
  display:inline;
}
div.menuline a, div.menuline a:hover {
  display:block;
  float:left;
  background:#4F81BC;
  padding:2px;
  margin-right:1px;
  font-weight:bold;
  font-size: 7pt;
  color:white;
  text-decoration:none;
}
div.menuline a:hover {
  color:silver;
}

/* ===== Línea de copyright ===== */
div.copyright {
  height:35px;
  padding:5px;
}
div.copyright a, div.copyright p {
  margin:2px;
  font-size: 8pt;
  font-weight:bold;
}
div.copyright p {
  padding: 5px 5px 0px 5px;
}
div.copyright a, div.copyright a:hover {
  color:#4F859F;
  text-decoration:none;
}

/* ===== Contador ===== */
.contador {
  clear: both;
  font-size: 7pt;
  font-weight: bold;
  text-align: center;
  color:#4F859F;
}

/* Botonera navegación (vertical) ---------------------- */
ul.navbar {
  margin:0;
  padding-left:0px;
  list-style-type:none;
}

.navbar li {
  margin-bottom: 2px;
  vertical-align: middle;
  text-align:left;
  padding:0.5em;
  border-radius:1ex;
  -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
  background-color: #6790DF;
  font-size:10pt;
}

html[lang=ar] .navbar li {text-align:right;}

html[lang=ar] .navbar li {font-size:11pt;}

.navbar li:hover {color:white; background: #4F81BC;}
.navbar a, .navbar a:link, .navbar a:visited {display:block; color:white;}

#secnav li {background-color:#C0CFFF; text-align:center;}
#secnav li:hover {background-color: #6790DF;}
#secnav a, #secnav a:link, #secnav a:visited {color:#4F81BC;}
#secnav strong {color:#1E3147;font-size:11pt;}
#secnav em {color:#1E3147;}

/* Pistas en men� secundario --------------------------- */
.navbar a, .navbar a:link, .navbar a:visited {
  position:relative; /* para posicionar tips */
}

a span.tip {
  display:none;
  font-weight:normal;
  padding:0.5em;
  width:17em;
  background-color:#E0E8FF;
  border: 1px #6790DF solid;
}

a:hover span.tip {
  display:block;
  position:absolute;
  top:-0.5em;
  left:-19em;
  /*top: -4.5em;
  left:-2em;*/
  z-index:999;
}

/* Cajas de información -------------------------------- */
div.boton, div#slogan {
  text-align:center;
  padding: 6px;
  margin-bottom:2px;
  border-radius:1ex;
  -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
  color:white;
  background: #6790DF;
}

div#slogan, div#slogan a {color:#1E3147;background-color:#C0CFFF;}
#novedades {-moz-border-radius:0 0 1ex 1ex;-webkit-border-radius:0 0 1ex 1ex;border-radius:0 0 1ex 1ex;min-height:55px;}
#novedades a, #novedades:visited, #novedades:link {color:white;}
#direccion {font-weight:bold;font-size:11pt;}
#direccion #tlf {font-size:14pt;}

/* Redes sociales -------------------------------------- */
#share {text-align:center;font-weight:bold;color:#4F81BC ;margin:10px 0;}
#share img {width:40px;border-width:0;}

/* Botonera antigua ------------------------------------ */
table.botonera {
  width:100%;
  table-layout:fixed;
  margin:0px;
  font-size: 9pt;
  font-weight:bold;
}
table.botonera td {
  vertical-align: middle;
  text-align:center;
  padding: 6px 0px;
}
table.botonera td {
  color:white;
  background: #6790DF;
}
table.botonera td:hover {
  color:white;
  background: #4F81BC;
}
table.botonera a, table.botonera a:link, table.botoner a:visited {
  display:block;
  text-decoration:none;
  color:white;
}