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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

a {
text-decoration: none;
}

p {
margin: 8px 0;
text-align: justify;
}


body {
background: #FFF;
margin: 0;
color: #333;
font-family: Verdana, Arial;
font-size: 12px;
line-height: 18px;
}

a {
color:#f00;
}

a:hover {
color:#000;
}



#content {
width: 800px;
margin: 0 auto;
}

#izq {
float: left;
width: 165px;
margin: 0px;
padding: 0px;
}

#izq img {
display: block;
margin: -5px 0 0 0;
}

#der {
float: left;
width: 625px;
padding: 10px 0 10px 10px;
}

ul#nav {
margin: 0px 0 0 0;
}

.first-li {
background: url('imgcss/boton_i.jpg') no-repeat top left !important;
}

ul#nav li {
text-transform: uppercase;
background: #94A0B8;
text-align: center;
color: #fff;
font-weight: bold;
}

ul#nav li a:hover {
background-color: #ccc;
}

ul#nav li a {
display: block;
padding: 5px 10px;
color: #fff;
font-weight: bold;
}

ul#nav li ul li:hover {
background-color: #ccc;
}

ul#nav li ul li {
text-transform: capitalize;
background: #EAEBF0;
text-align: left;
}

ul#nav li ul li a {
color: #000;
background: url('imgcss/mapa.gif') no-repeat 5px 12px;
padding: 7px 10px 7px 20px;
font-size: 11px;
display: block;
font-weight: normal;
}

ul#nav li ul li a:hover {
color: #777;
}

#der-contenido {
float: left;
width: 475px;
padding: 0 15px 15px 15px;
}

#der-contenido h4 {
font-size: 16px;
line-height: 24px;
margin:6px 0px;
}

#der-imagenes {
float: left;
width: 120px;
text-align: right;
}

#der-imagenes img {
border: 1px solid #A6ABBF;
margin: 0 0 10px 0;
}

#der-imagenes img:hover {
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
}

#foot {
width: 800px;
float: left;
margin: 10px 0 ;
text-align: center;
border-top: 1px solid #bbb;
padding: 5px 0px;
color: #333;
font-size: 11px;
}

#foot p {
margin: 5px 0 ;
text-align:center;
}

#foot a {
color: #333;
font-size: 11px;
}

#foot a:hover {
color: #bbb;
}

.noticia {
float: left;
width: 100%;
padding: 10px 0px 10px 0px;
border-bottom: 1px solid #ddd;
}

.noticia:hover {
	/*background-color:#e9e9e9;*/
}

.noticia-content {
display: block;
float: left;
width: 375px;
position: relative;
}

.noticia strong {
font-weight: bold;
text-transform: none;
color: #333;
}

.noticia strong:hover {
color: #ddd;
}

.noticia p {
margin: 3px 0px;
display: block;
color: #666;
font-size: 10px;
}

.noticia a {
color: #f00;
}

.noticia a:hover {
color: #ddd;
}

.noticia img {
width: 85px;
border: 1px solid #ccc;
float: left;
display: block;
margin: 0 10px 0 0;
}

.noticia img:hover {
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
}

.header {
margin: 10px 0 10px -3px;
font-family: Lato;
font-size: 24px !important;
border-bottom: 1px solid #ccc;
padding: 0 0 10px 0;
color: #333;
line-height:30px !important;
}

.la-noticia h5 {
color: #333;
font-size: 18px;
margin: 10px 0;
line-height: 22px;
}

.la-noticia img {
width: 240px;
border: 1px solid #ccc;
float: right;
}

.la-noticia span {
color: #666;
font-size: 11px;
}

.la-noticia a {
color: #f00;
}

.la-noticia a:hover {
color: #ddd;
}

.la-noticia p {
width: 220px;
}

#tbl-agenda td:hover {
background: #969AB3;
}

#tbl-agenda {
	width:50%;
	border-collapse: separate;
	border-spacing:2px;
	
}

#tbl-agenda .dia-semana {
	text-align:center;
	font-weight:bold;
	padding:6px 0px;
}

.dia-trabajo {
	background-color:#E8EEF7;
	padding:6px;
	text-align:center;	
}

.dia-libre {
	padding:6px;
	background-color:#C3D9FF;
	text-align:center;
}

.dia-trabajo a, .dia-libre a {
	color:#000;
	font-size:12px;
}

table {
	width:100%;

}

.headoftab td {

	background-color: #94A0B8;
  	color: white;
  	font-size: 12px;
	padding:4px;
	border:2px solid #fff;
}

.horario td {
	background-color: #E8EEF7;
	font-size: 12px;
	padding:4px;
	border:2px solid #fff;
}

.enlace {
	cursor:pointer;
}

.p-temas {
	font-size:12px !important;
	width:415px;
	float:right
}

.div-foto {
float:left; width:100px; height:80px; text-align:center; padding:3px;border:1px solid #ddd;margin:3px
}

.div-foto a {
	line-height:6em;
}

.div-foto a img {
	vertical-align:middle
}

.div-foto a img:hover {
	opacity:0.75;
}

/* formulario */
#frm-contact input {
	border:1px solid #999;
	padding:3px;
	font-family:Verdana;
	font-size:12px;
	width:400px;
}

#frm-contact fieldset {
	margin:15px 0 0 0;
}

#frm-contact textarea {
	border:1px solid #999;
	width:400px;
	height:250px;
	font-size:12px;
	padding:3px;
	font-family:Verdana;
}

#frm-contact label {
	display:block;
	color:#555;
}

#frm-contact button {
	display:block;
	background:#ddd;
	color:#000;
	border:1px solid #000;
	padding:5px 10px;
	cursor:pointer;
}

#frm-contact button:hover {
	background:#999;
}
/* fin de formualrio */

.foto-desc {
	font-size:10px;
	text-align:right;
	margin:-7px 0 9px 0;
	width:100px;
	float:right;
	line-height:14px;
	display:block;
}

#calendario-agenda {
	width:215px;
	float:left;
}

#eventos-agenda {
	width:215px;
	float:left;
	margin:43px 0 0 30px;
}

#agenda-semana {
	position:relative;
	float:left; 
	width: 100%; 
	margin-top: 50px
}

/*museo*/
.descarga {
	width: 480px;
	float:left;
	padding:8px 0;
	border-bottom:1px solid #ddd;
}

.descarga img:hover {
	opacity:0.75;
}

.descarga p {
	width:390px;
	float:right;
	color:#333;
	font-weight:bold;
	margin:0 20px 0 0;
}

.descarga p a {
font-weight:normal;
display:block;
margin:6px 0px;
}

.agenda-proxima-span {
	font-size:10px;
	color:#F00
}

.mapa-de-web h3 {
	font-size:12px;
	font-weight:bold;
}

@media only screen and (min-width: 0px) and (max-width:480px) {	
	#cabecera {
		display:none !important
	}
}