h1 {
	height: 70px;
	text-indent: -3000px;
	margin-right: 90px;
	background: url(http://www.aspanob.com/img/tituloAspanob.png ) no-repeat !important;
  background: none;
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.aspanob.com/img/tituloAspanob.png");
}
h2{
	text-transform: uppercase;
	font-size: 15px;
	color: #585858;
	font-weight: bold;
	background: url(http://www.aspanob.com/img/fondoTitulo.png) no-repeat !important;
  background: none;
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.aspanob.com/img/fondoTitulo.png");
	padding: 0px 0px 0px 15px;
	height: 25px;
	line-height: 25px;
	margin: 25px 0px 5px 0px;
	clear: left;
}
#portadaNoticias h4{
	background: url(http://www.aspanob.com/img/fondoTituloNoticias.png) no-repeat !important;
  background: none;
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.aspanob.com/img/fondoTituloNoticias.png");	
}
#portadaActividades h4{	
	background: url(http://www.aspanob.com/img/fondoTituloActividades.png) no-repeat !important;
  background: none;	
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.aspanob.com/img/fondoTituloActividades.png");
}
/*-------------------------------------------------------------------------*/
/*              DEFINICIONES GLOBALES                                      */
/*-------------------------------------------------------------------------*/
body{
  text-align: center;
}
#body{
	width: 820px;
	margin: 0 auto;
	font-family: arial;	
	text-align: left;
}
#cabecera{
	background: url(img/cabeceraWeb.jpg) no-repeat left top;
	padding: 30px 30px 0px 30px;
}
h3{
	font-weight: bold;
	color: black;
	text-transform: uppercase;
	margin: 3px 0px;
}
h6{
	font-weight: bold;
}
p{
	text-indent: 30px;
}
strong {
	font-weight: bold;
}
ol li{
	list-style-type: decimal;
	margin-left: 20px;
}
cite{
	font-weight: bold;
}
.limpiar{
	clear:both;
}
#animacion {
	margin-top: 5px;
}

table{
	margin-top: 10px;
}
td,th {
	padding: 5px 6px;
	border: 3px solid #fff;
}
th {
	text-align: left;
}
thead{
	background: #ffccbb;
}
tbody{
	background: #E3E3E3;
}
/*-------------------------------------------------------------------------*/
/*              MENÚS                                 
/*-------------------------------------------------------------------------*/
/*        Menú idiomas
/*-------------------------------------------------------------------------*/
ul#idiomas{
	width: 160px;
	float: right;
}
ul#idiomas li{
	display: inline;
}
ul#idiomas li a{
	float: left;
	padding: 12px 0px 0px 0px;
	margin-right: 10px;
  margin-bottom: 10px;
	height: 0px !important;
	height /**/:12px; /*IE5*/
	width: 18px;
	overflow: hidden;
}
#ingles{
	background: url( img/gb.gif ) no-repeat top left;
}
#espanol{
	background: url( img/es.gif ) no-repeat top left;
}
#aleman{
	background: url( img/de.gif ) no-repeat top left;
}
#catalan{
	background: url( img/catalonia.gif) no-repeat top left;
}
/*        Menú principal
/*-------------------------------------------------------------------------*/

ul#menu{
	position: relative;
	height:20px;
}
ul#menu li{
	adisplay: inline;		
	position: relative;
	float: left;
	height: 20px;	
	width: 124px;
	background: #99cdff;
	margin: 0px 3px 0px 0px;
	text-align: center;
	line-height:20px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}
ul#menu li a{	
	color: #585858;	
	text-decoration: none;		
	padding-top: 3px;
}
ul#menu li a#conocenos{
	width: 123px;
}
ul#menu li#agradecimientos{
	width: 124px;
	margin-right: 0px;
}
ul#menu li a:hover{
	color: #fd6533;
}
ul#menu li ul{
  /*hide the subnavs*/
  display: none;
	position: absolute;
	top: 20px;
	left: -2px;
	width: 123px;
}
ul#menu li:hover ul,
ul#menu li.over ul{
  display: block;
}
ul#menu li ul li{
	float: left;
	height: 100%;
	line-height: 150%;
	margin-top: 0px;
	text-transform: lowercase;
	border-right: 2px solid white;
	border-left: 2px solid white;
	background:  #99cdff url(img/separadorMenu.png) no-repeat center top;
	padding: 9px 4px 6px 4px;
	width: 116px !important;
	width /**/:128px; /*IE5*/
}
ul#menu li ul li#colaboradores,
ul#menu li ul li#memorias,
ul#menu li ul li#libroVisitas,
ul#menu li ul li#donacion,
ul#menu li ul li#pisos,
ul#menu li ul li#objetivos{
	border-bottom: 2px solid white;
}
ul#menu li ul li#quienesSomos,
ul#menu li ul li#programasApoyo,
ul#menu li ul li#socio,
ul#menu li ul li#noticias,
ul#menu li ul li#fotos,
ul#menu li ul li#amigos{
	background:  #99cdff;
	border-top: 2px solid white;
}
/*        Submenú
/*-------------------------------------------------------------------------*/
ul#submenu {
	clear: left;
}
ul#submenu li{
	float:left;
	width: 124px;
	height: 20px;	
	background: #d6eaff;
	margin: 3px 3px 0px 0px;	
	text-transform: lowercase;
	text-align: center;	
}
ul#submenu li a{
	color: #585858;	
	text-decoration: none;	
	font-size: 12px;
	font-weight: bold;
}
ul#submenu li#subProgramas,
ul#submenu li#subActividades{
	width: 251px;
}
body#bodyQuienesSomos li#subQuienesSomos a,
body#bodyObjetivos li#subObjetivos a,
body#bodyProgramas li#subProgramas a,
body#bodyPisos li#subPisos a,
body#bodySocio li#subSocio a, 
body#bodyDonativo li#subDonativo a,
body#bodyVoluntario li#subVoluntario a,
body#bodyDonacion li#subDonacion a,
body#bodyNoticias li#subNoticias a,
body#bodyActividades li#subActividades a, 
body#bodyVisitas li#subVisitas a,
body#bodyFotos li#subFotos a,
body#bodyMemorias li#subMemorias a,
body#bodyCuentos li#subCuentos a,
body#bodyAmigos li#subAmigos a,
body#bodyColaboradores li#subColaboradores a{
	color: #fd6533;
}
/*-------------------------------------------------------------------------*/
/*         DEFINICIONES GENERALES FORMATO                            
/*-------------------------------------------------------------------------*/
/*        Cuerpo
/*-------------------------------------------------------------------------*/
#cuerpo{
	background: url( img/fondo2.jpg);
	padding: 10px 27px;
}

/*        Contenido puro y noticias
/*-------------------------------------------------------------------------*/
#cabeceraContenido{
	background: url(img/cabeceraContenido.jpg) no-repeat left top;
	height: 18px;
}
.containerContenido{
}
.contenido{
	background: #99ccff;
	width: 766px;
	font-size: 13px;
	color: #333;
	line-height: 150%;
	text-align: justify;
	background: url(img/fondoContenido.jpg);
}
.contenido img{
	border: 4px solid #fff;
}
.pieContenido{
	clear:both;
	height: 18px;
	background: url(img/pieContenido.jpg) no-repeat left top;	
}
.fotos{
	width: 390px;
	padding-right: 20px;
	float: right;
}
.texto{
	padding: 0px 20px;
}
.album{
	padding-left: 10px;
}
.album img{
	border: 1px solid #fff;
	margin-right: 10px;
}
.fotos h4{
	color: #ff6633;
	font-weight: bold;
}
/*        Noticias
/*-------------------------------------------------------------------------*/
.noticia{
	margin-bottom: 10px;
}
.cabeceraNoticia{
	background: url(img/cabeceraContenido.jpg) no-repeat left top;
	height: 18px;
}
.pieNoticia{
	background: url(img/pieContenido.jpg) no-repeat left top;	
	clear:both;
	height: 18px;
	amargin-bottom: 10px;
}
.noticia h3{
	margin: 0px 0px 10px 20px;
	font-size: 15px;
}
.noticia h3 a{
	color: #585858;		
}
.noticia p.video{
}
.noticia .fotos{
	margin: 0px 0px 10px 15px;
}
.noticia .album{
	width: 378px;
}
/*      Libro de visitas
/*-------------------------------------------------------------------------*/
.visitante{
	color: #ff6633;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #ff6633;
}
.mensaje{
	margin-bottom: 20px;
}
#paginador li{
	float: left;
	margin-left: 20px;
}
#paginador a{
	text-decoration: none;
	font-size: 15px;
	color: #ff6633;
	font-weight: bold;
}
/*        Pie
/*-------------------------------------------------------------------------*/
#pie{
	background: url(img/pieWeb.jpg) no-repeat left top;	
	font-size: 11px;
	color: #02405f;
	text-align: center;
	height: 135px;
	padding: 0px 60px;
}
#pie dt{
	font-weight: bold;
	border-left: 2px solid #02405f; 
	padding: 0px 2px;
	margin-left: 10px;
	float: left;
}
#pie dd{
	float: left;
	margin-left: 5px;	
}
/*-------------------------------------------------------------------------*/
/*         FORMULARIOS                           
/*-------------------------------------------------------------------------*/
form{
	padding: 0px 20px;
}
form .fila{
	clear: left;
}
form fieldset{
	margin-bottom: 25px;
}
form .fila p{
	float: left;
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 3px;
}
form label{
	display: block;
	margin-right: 3px;
}
form h4{
	font-weight: bold;
}
form label.radio{
	display: inline;
}
form p{
	text-indent: 0px;
}
form input{
	margin-right: 8px;
	font-weight: normal;
}
form #submit{
	background: #afafaf;
	height: 30px;
	width: 90px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
  margin-left: 600px;
}
#infoLegal{
	margin-top: 10px;
	font-size: 11px;
}
/*      Live Validation
/*-------------------------------------------------------------------------*/
.LV_invalid {
    color:#CC0000;
}
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
/*-------------------------------------------------------------------------*/
/*         DEFINICIONES PARTICULARES FORMATO                          
/*-------------------------------------------------------------------------*/
/*       Formularios
/*-------------------------------------------------------------------------*/
/*//////////////////Formulario Socio*/
#formSocio{
	margin-top: 20px;
	padding: 0px 20px;
}
#formSocio .fila{
	clear: left;
}
#formSocio fieldset{
	margin-bottom: 25px;
}
#formSocio .fila p{
	float: left;
	font-weight: bold;
	margin-left: 5px;
	margin-bottom: 3px;
}
#formSocio label{
	display: block;
	margin-right: 3px;
}
#formSocio h4{
	font-weight: bold;
}
#formSocio label.radio{
	display: inline;
}
#formSocio p{
	text-indent: 0px;
}
#formSocio label{
	
}
#formSocio input{
	margin-right: 8px;
	font-weight: normal;
}
#formSocio #submit{
	background: #afafaf;
	height: 30px;
	width: 90px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
  margin-left: 600px;
}
#formLibro{
	margin-top: 5px;
}
/*       Contenido y noticias
/*-------------------------------------------------------------------------*/
body#bodyQuienesSomos .contenido img{
	margin: 10px;
}
body#bodyObjetivos .contenido img{
	margin: 10px 0px 0px 0px;
}
#pralColaboradores ul li{
	margin-left: 10px;
	float: left;
}
#pralColaboradores p{
  margin-bottom: 10px;
	clear: left;
}
#pralColaboradores.texto{
	padding: 0px 20px;
}
#pralObjetivos.texto{
	padding: 0px 25px;
}
#pralProgramas h3{
	margin: 0px;
}
#pralProgramas.texto{
	padding: 0px 25px;
}
#pralProgramas dl{
	margin-left: 20px;
}
#pralProgramas dt{
	font-weight: bold;
}
#pralPisos .texto{
	padding: 0px 25px;
}
#pralPisos .album{
	width: 378px;
	float: right;
}
#pralPisos .fotos{
	margin: 0px  0px 10px 20px;
	padding: 0px;
}
#pralPisos h3{
	clear: both;
}
#pralIndex .fotosIndex{
	float: left;
	margin: 0px 10px 10px 10px;
}
#pralIndex .texto{
	padding: 0px 15px;
}
#pralIndex img{
	width: 260px;
}
#pralVoluntario ul{
	margin-left: 50px;
}
#pralVoluntario li{
	list-style: disc;
}
#pralVoluntario #intro{
	padding-left: 20px;
}
#pralVoluntario .fotos{
 margin-left: 10px;
}

#portada{
	margin-top: 20px;
	color: #333;
}
#portada h4{
	text-transform: uppercase;
	font-size: 12px;
	color: #585858;
	font-weight: bold;
	margin-bottom: 10px;
	height: 17px;
	line-height: 17px;
	padding-left: 10px;
}
#portada h5{
	text-transform: lowercase;
	font-size: 13px;
	font-weight: bold;
	text-align: left;	
	padding-left: 10px;
}
/* En estilo.php
#portadaNoticias h4{
	background: url(img/fondoTituloNoticias.png) no-repeat !important;
  background: none;
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fondoTituloNoticias.png');
}
*/
#portadaNoticias{
	width: 760px;
	font-size: 12px;
	text-align: justify;
}
#portadaNoticias h5{
	color: #ff6633;
}
#portadaNoticias img{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #41a0d0;
}
.noticiaPortada{
	width: 350px;
	margin: 0px 20px 20px 0px;
	float: left;
}
/* En estilo.php
#portadaActividades h4{	
	background: url(img/fondoTituloActividades.png) no-repeat !important;
  background: none;	
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fondoTituloNoticias.png');
}
*/
#portadaActividades{
  float:right;
	width: 350px;
	font-size: 12px;
	text-align: justify;
}
#portadaActividades img{
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #ff6633;
}
#portadaActividades h5{
	color: #41a0d0;
}
#pralBeneficios h3{
	margin-top: 0px;
}
#pralQuienesSomos h3{
	margin: 10px 0px 10px 20px;	
}
#pralCuentos li{
	float: left;
	width: 330px;
	margin: 0px 0px 10px 10px;
}
#pralCuentos img{
	height: 180px;
}
#pralMemorias li{
	float: left;
	width: 330px;
	margin: 0px 0px 10px 10px;
}
#pralMemorias img{
	height: 180px;
}
#pralColaboradores li, 
#pralAmigos li{
	float: left;
	margin: 0px 0px 10px 10px;
	height: 100px;
}
#hazteSocioAnimacion{
	margin: 10px 0px 0px 250px;
}