/** Cascading style sheet created by Markcial [ at ] gmail [ dot ] com ***/

/* css elementos generales */

html,body {
 height:100%;
 margin:0px;
 padding:0px;
 font-family:"Arial";
}

/* css pagina */

#page {
 display:table;
 width:780px;
 height:100%;
 margin:0px auto;
 min-height:600px;
 background:url(../../img/pix_rep_bg.jpg) top left repeat-y white;
}

/* css cabecera */

#header {
 display:table;
 float:left;
 width:780px;
}

/* css decoracion superior cabecera */

#header #upper_bar {
 display:block;
 width:780px;
 height:29px;
 background:url(../../img/escudo.jpg) top left no-repeat #d8001d;
}

/* css decoracion media cabecera */

#header #logo {
 display:block;
 width:780px;
 height:99px;
 background:url(../../img/cabecera.jpg) top right no-repeat white;
}

/* css barra navegacion cabecera */

#header #nav_bar{
 display:block;
 width:780px;
 height:29px;
 background:#0C4A84;
}

#header #date {
 display:block;
 float:left;
 color:white;
 font-size:10px;
 padding:7px 5px;
}

#header #nav_bar ul {
 float:right;
 margin:0px;
 margin-right:5px;
}

#header #nav_bar ul li {
 margin:5px 4px;
 padding:0px;
 float:left;
 display:block;
}

#header #nav_bar li.inici a {
 background:url(../../img/inicio.jpg) top left no-repeat transparent;
}

#header #nav_bar li.contactar a {
 background:url(../../img/contacto.jpg) top left no-repeat transparent;
}

#header #nav_bar li a {
 margin:0px;
 padding:3px 0px;
 padding-top:3px;
 padding-left:20px;
 display:block;
 font-size:10px;
 text-decoration:none;
 color:white;
 font-weight:bold;
}

/* css cuerpo pagina */

#body {
 margin:0px;
 padding:0px;
 display:block;
 width:780px;
 height:auto;
 float:left;
 clear:both;
}

/* css menu izquierdo */

#left_bar {
 display:block;
 height:auto;
 float:left;
 width:165px;
 margin:0px;
 padding:0px;
 background:#d7E6F5;
}

#left_bar #menu {
 height:440px;
 display:table;
 float:left;
}

#left_bar ul {
 width:165px;
 margin:0px;
 padding:0px;
 display:block;
 list-style:none;
 height:auto;
}

#left_bar ul li {
 width:165px;
 min-height:20px;
 margin:0px;
 margin-top:2px;
 padding:0px;
 background:url(../../img/menu_bg_tile.jpg) top left repeat-x transparent;
}

#left_bar ul li h4 {
 color:white;
 margin:0px;
 display:block;
 width:auto;
 height:12px;
 padding:3px 4px;
 font-size:12px;
}

#left_bar ul li ul {
 margin-top:6px;
}

#left_bar ul li ul li {
 min-height:auto;
 height:auto;
 min-height:auto;
 background:none;
 margin:0px;
 width:inherit;
 padding:0px 8px;
 width:149px;
}

#left_bar ul li ul li a {
 display:block;
 text-decoration:none;
 color:#0c4a84;
 font-size:11px;
}

/* buscador */
/* // Deprecated
#buscador {
 background:white;
 display:block;
 float:left;
 width:165px;
 height:80px;
}*/

/* css contenido central */

#content {
 display:block;
 width:464px;
 _width:420px;
 height:auto;
 padding:5px 2px;
 float:left;
}

#content .texto {
 text-align:justify;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#content ul.arees {
 margin:0px;
 padding:0px;
 list-style:none;
 font-size: 14px; 
 font-weight: bold; 
}

#content ul.arees li {
 margin:8px 0px;
}

#content ul.arees li a {
 color:#333;
 text-decoration:none;
}

#content ul.arees li a:hover {
 text-decoration:underline;
}

#content div.arees {
 margin:10px;
}

#content div.h4bg {
 width:100%;
 padding:10px 0px;
 background:#CC3300;
 text-align:center;
 vertical-align:middle;
}

#content h5 {
 margin:20px;
 background:#AAA;
 text-align:center;
 font-size:14px;
 color:white;
}

#content .webs {
 font-family:Arial;
 font-size:6pt;
}

#content .webs .image{
 width:130px;
 text-align:center;
 margin:5px;
 padding:4px;
 float:left;
 display:block;
}

#content .webs .image p {
 width:160px;
 display:block;
}

/* ie star hack */
* html #content {
 width:455px;
}

/* css menu derecho */

#right_bar {
 display:block;
 width:141px;
 height:auto;
 float:right;
 background:#d7E6F5;
}

#right_bar ul {
 display:block;
 list-style:none;
 margin:0px;
 padding:0px;
}

#right_bar ul li {
 display:block;
 list-style:none;
 margin:6px 5px;
}

#right_bar ul li a {
 border:none;
 text-decoration:none;
}

#right_bar ul li a img {
 border:none;
 border:1px solid #6f6f6f;
}

/* widgets noticias y agenda */

/* noticias */

#noticias {
  width:47.4%;
  margin:5px;
  display:block;
  float:right;
  color:#0c4a84;
  background:#cbd8e4;
  padding-bottom:9px;
}

#noticias h3 {
  font-size:14px;
  margin:0px;
  padding:3px;
  color:white;
  background:#0c4a84;
}
#noticias h3 a {
  color:white;
  text-decoration:none;
}

#noticias h3 a:hover {
  color:#DDD;
  border-bottom:2px dotted #DDD;
}

#noticias h4 {
  font-size:12px;
  margin:0px;
  padding:4px;
}

#noticias h4 a {
  color:red;
  text-decoration:none;
}

#noticias h4 a:hover {
  border-bottom:2px solid red;
}

#noticias p {
 font-size:11px;
 margin:0px;
 padding:6px;
}

/* agenda */

#agenda {
  width:47.4%;
  margin:5px;
  display:block;
  float:left;
  color:#0c4a84;
  background:#fbe1db;
  padding-bottom:9px;
}

#agenda h3 {
  font-size:14px;
  margin:0px;
  padding:3px;
  color:white;
  background:#ef7657;
}

#agenda h3 a {
  color:white;
  text-decoration:none;
}

#agenda h3 a:hover {
  color:#DDD;
  border-bottom:2px dotted #DDD;
}

#agenda h4 {
  font-size:12px;
  margin:0px;
  padding:4px;
}

#agenda h4 a {
  color:red;
  text-decoration:none;
}

#agenda h4 a:hover {
  border-bottom:2px solid red;
}

#agenda p {
 font-size:11px;
 margin:0px;
 padding:6px;
}

/* galeria */

#galerias {
 display:block;
 width:100%;
 float:left;
 padding-left:10px;
}

#galerias a {
 text-decoration:none;
 float:left;
}

#galerias .image {
 border:2px solid black;
 display:inline;
 margin:2px;
 padding:0px;
}

.left {
 float:left;
}

.right {
 float:right;
}

.last {
 clear:both;
}

#galerias a img {
 border:none;
}

#galerias .links {
 float:left;
 display:block;
}

#galerias .links a {
 color:#999;
}

#galerias .links a:hover {
 text-decoration:underline;
}

#galerias img {
 float:left;
 display:block;
 max-width:440px;
}

#galerias h4,
#galerias h3{
 font-size:12px;
 color:#999;
}

#galerias .galeria {
 display:block;
 float:left;
}

#galerias .galeria .image {
 margin-left: auto; margin-right: auto;
}

#galerias .foto {
 display:block;
 float:left;
 height:110px;
 width:112px;
}

#galerias .links {
 display:block;
 float:left;
 clear:both;
}

/* css pie de pagina */

#footer {
 height:20px;
 display:block;
 float:left;
 width:780px;
 background:#0C4A84;
 text-align:center;
 font-size:12px;
 color:white;
}

#footer p {
 padding:0px;
 padding-top:3px;
 margin:0px;
}

#footer a {
 text-decoration: none;
 color:white;
}

/* estilo del formulario */

#contactar form fieldset ul,
#contactar form fieldset ul li{
 display:block;
 list-style:none;
 margin:0px;
 padding:0px;
}

#contactar form fieldset ul li {
 margin:5px;
}

#contactar form fieldset label {
 display:block;
 font-size:12px;
 font-weight:bold;
 color:gray;
 width:100px;
 float:left;
}

#contactar form fieldset .formError {
  border:2px solid red;
  color:red;
}

#contactar form fieldset input, #contactar form fieldset textarea {
 padding:1px 2px;
 width:200px;
 border: 1px #888 solid;
 color:black;
 font-size:11px;
 background:#DDD;
}

#contactar form fieldset textarea {
 width:300px;
}

#contactar form fieldset .controls {
  text-align:center;
  margin:0px;
}

#contactar form fieldset .controls input {
  background:#DDD;
  width:60px;
  margin:0px;
  padding:0px;
}

#contactar fieldset {
 border:none;
}

#contactar legend {
 display:none;
}

#contactar {
 padding:5px;
}

#contactar span {
  font-weight:bold;
  display:block;
  margin-left:15px;
  font-size:12px;
}

/*******
Agenda
Noticies
*******/

#agendaCard .contenido,
#newsCard .contenido,
#newsList .contenido,
#agendaList .contenido {
  background:#EEE;
  color:#666;
  font-weight:200;
  padding:0px 10px;
  padding-bottom:8px;
  margin:0px;
  display:block;
}

#agendaCard h2,
#newsCard h2,
#newsList h2,
#agendaList h2 {
  font-size:18px;
  color:#444;
  font-weight:200;
  padding:5px 10px;
  border-bottom:3px solid white;
  background:#DDD;
  margin:0px;
}

#agendaCard h3,
#newsCard h3,
#newsList h3,
#agendaList h3 {
 margin:0px;
 padding:5px;
}

.pagination a,
#agendaCard a,
#newsCard a,
#newsList a,
#agendaList a {
 color:red;
 text-decoration:none;
 text-transform:uppercase;
 font-size:10px;
 outline:none;
}

.pagination a:hover,
#agendaCard a:hover,
#newsCard a:hover,
#newsList a:hover,
#agendaList a:hover {
 border-bottom:1px dotted red;
}


#newsList h4 a,
#agendaList h4 a {
 color:#444;
 font-size:18px;
 font-weight:300;
 padding:2px 8px; 
}


#newsList h4 a:hover,
#agendaList h4 a:hover {
  border-bottom:1px dotted #444;
  background:#DDD;
}


#newsList .noticia,
#agendaList .evento {
  padding-bottom:10px;
  border-bottom:4px solid white;	
}