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

/* css elementos generales */

html,body {
 height:100%;
 margin:0px;
 padding:0px;
 font-family:"Arial";
}
.construction{
font-weight: bold;
display: block;
margin-left: 15px;
font-size: 12px;
margin-top: 30px;
}

/* css pagina */

#page {
 display:table;
 width:970px;
 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:970px;
}

/* css decoracion superior cabecera */

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

/* css decoracion media cabecera */

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

/* css barra navegacion cabecera */

#header #nav_bar{
 display:block;
 width:970px;
 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:970px;
 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:660px;
 
 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{
	margin: 0 auto;
	width: 95%;
}
.galeria{
	background-color: #EEEEEE;
	height: 170px;
	width: 140px;
	margin: 5px 5px 5px 5px;
	padding: 5px;
	text-align: center;
	float:left;
	
}

.galeria .title{
	color:#666666;
	font-size: 14px;
	margin-bottom: 3px;
}
.galeria a{
	width: 100%;
}
.galeria img,.galeria photo{
	margin: 0 auto;
}
.galeria .numPhotos{
	color:#666666;
	font-style: italic;
	display: block;
	clear: both;
	float: none;
	margin-top: 5px;
	font-size: 14px;
}

.left {
 float:left;
}

.right {
 float:right;
}

.last {
 clear:both;
}

#galerias a img {
 border:none;
 
}


/* css pie de pagina */

#footer {
 height:20px;
 display:block;
 float:left;
 width:970px;
 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,#agendaList,#newsList,#newsCard{
  width:95%;
  margin: 0 auto;

}
#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;	
}

.botons {
 border:0px solid red;
 display:block;
 height:auto;
 float:left;
 width:145px;
 padding-top:8px;
 margin-left:11px;
 background:#d7E6F5;
  
}