body{

	background-color:#9C6E44;
	text-align: center;
	margin:auto;
	font-family:  Georgia,Georgia, "Times New Roman", Times, serif;
}

#container
{
	background-image: url(../img/fondo.gif);
	background-repeat:repeat-y;
	background-position: center;
	margin: auto;
	text-align: center;
	width: 720px;
}

#header{
	background-image: url(../img/header.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height: 171px;
	width: 720px;
}

#menu {
	float: right;
	margin-top: 105px;
	margin-right: 35px;
	_margin-right: 0px; /*IE*/
}

#content
{
	background-image: url(../img/etiope.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	text-align:justify;
	margin: auto;
	padding: 0px 35px 0px 35px;
	/*min-height:351px;*/ /*IE no lo pilla, solo para firefox: minimo del munequito que si no se rellena ocn texto, sea respetado*/
	/*_height:351px;*/  /*firefox se lo salta, e IE lo interpreta como min-height*/
	min-height:450px;
	_height:450px;
}

#footer{
	background-color:#9C6E44;
	background-image: url(../img/footer.gif);
	background-repeat:no-repeat;
	background-position:top center;
	height: 70px;
	padding-top: 50px;
	margin:auto;
}
h1{
	text-indent:30px;
	color:#9C6E44;
	font-size:24px;
	text-align:left;
	margin:5px 0px;
	font-style:italic;
	font-weight:300px;
}
h2{
	text-indent:50px;
	color:#9C6E44;
	font-size:large;
	text-align:left;
	margin:5px 0px;
}
.noticia
{
/*background-color: #FF0033;*/
width: 650px;
}
.noticia-titulo{
  font-size:18px;
  color:#9C6E44;
 margin-bottom:1px; /*los h1 vienen con margen, con esto se lo quito*/
  font-style:italic;
}
.noticia-fecha{
text-align:right;
font-size:11px;
}
.noticia-texto{
text-align:justify;
margin-top:5px;
font-size:14px;
text-indent:30px;
}

a:link, a:visited{
text-decoration:none;
font-style:italic;
color:black;
}

a:hover { text-decoration: underline; }

/*CSS DEL MENU*/
#menu ul
{
  margin: 0px;
  _margin: 0px 20px 0px 0px;
  padding:0px;
  list-style-type: none;
  text-align: center;
  font-family: arial;
  height: 50px;
  clear: both;
  _float: right;

}



#menu ul li
{
  display: inline;
}

#menu ul li a
{
  text-decoration: none;
  padding: 0px;
  color: #000;
  height: 50px;
  float: left;
}



/* principal */

#menu ul li.tprincipal a
{
  background: url(../img/principal_off.gif) top left no-repeat;
  width: 110px;
}

#menu ul li.tprincipal a:hover
{
  background: url(../img/principal_on.gif) top left no-repeat;
}

/* noticias */

#menu ul li.tnoticias a
{
  background: url(../img/noticias_off.gif) top left no-repeat;
  width: 91px;
}

#menu ul li.tnoticias a:hover
{
  background: url(../img/noticias_on.gif) top left no-repeat;
}

/* obras */

#menu ul li.tobras a
{
  background: url(../img/obras_off.gif) top left no-repeat;
  width: 75px;
}



#menu ul li.tobras a:hover
{
  background: url(../img/obras_on.gif) top left no-repeat;
}

/* contacto */

#menu ul li.tcontacto a
{
  background: url(../img/contacto_off.gif) top left no-repeat;
  width: 90px;
}

#menu ul li.tcontacto a:hover
{
  background: url(../img/contacto_on.gif) top left no-repeat;
}

/*ALbum*/

#menu ul li.talbum a
{
  background: url(../img/album_off.gif) top left no-repeat;
  width: 110px;
}

#menu ul li.talbum a:hover
{
  background: url(../img/album_on.gif) top left no-repeat;
}


.hide
{
  display: none;
}

td .conjunto  /*conjunto completo: foto y nombre*/
{
margin:0px 5px;
}
td{
text-align: center;
vertical-align:top;
padding-bottom:5px;
vertical-align:middle;

}
td img{
text-align: center;
display: block;
margin: auto;
padding: 1px;  /*para enmarcar la imagen*/
background-color: #000;

}
td .obra-fecha
{
color:#9C6E44;
font-size:large;
text-align:right;
margin:5px 0px;
}
td .obra-nombre  /*contenido de la tabla de las obras*/
{
margin:3px 7px;
font-size:small;
text-align:center;
}
.ob_texto{
margin-left:30px;
width:610px;
text-align:justify;
}

.al_descrip
{
text-indent:30px;
font-size:small;
width:610px;
text-align:justify;
margin-bottom: 5px;
}

h2 a:link, h2 a:visited{
text-decoration:none;
font-style:italic;
color:#9C6E44;
}
h2 a:hover { text-decoration: underline; }

.foto-grande
{
text-align:center;
margin-bottom:20px;
margin-top:10px;
}
.texto{
margin:30px;
text-indent:30px;
}
/*
.album-nombre{
  font-size:18px;
  color:#9C6E44;
 margin-bottom:1px; *//*los h1 vienen con margen, con esto se lo quito*/
 /* font-style:italic;
}
*/
.noticia-fecha{
text-align:right;
font-size:11px;
}
/*
.album-descripcion{
text-align:justify;
margin-top:5px;
font-size:14px;
text-indent:30px;
}*/
.album-descripcion{
text-align:justify;
margin-top:5px;
font-size:14px;
margin-right:50px;
margin-bottom:20px;
}