/* Resets by Eric Meyer */
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }

/*Pelin modificado el body :) */
body { line-height: 1; color: black; background: white; margin: 0 auto; padding: 0; background:white url(../img/fondo-body.gif) repeat-x; font-size: 62.5%; font-family:Helvetica, Arial, sans-serif; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Final Eric Meyer Resets */

#content-fondo { width:100%; background:transparent url(../img/fondo-content.gif) no-repeat 50% 0; }

#content { position:relative;  width: 971px; padding:0; margin:0 auto; overflow:hidden; }
#cabecera { position:relative; }
#logo { position:absolute; top:-1px; left:25px; }
p.idioma { position:absolute;  top:27px; left:500px;  }
p.welcome { position:absolute; top:25px; right:15px;  font:1.5em Helvetica, Arial, sans-serif; color:#777; }
img.pdf { position:absolute; top:77px; right:7px; }
p.tel { position:absolute; top:93px; left:355px; font:1.3em Helvetica, Arial, sans-serif; color:black; }


p a, li a {  color: black; text-decoration:none; }
p a:hover, li a:hover { text-decoration:underline; }

#content-principal { float:left; width: 558px; padding-top:130px;  }
#content-principal h1 { font:1.5em Helvetica, Arial, sans-serif; color:#00549E; margin:0 0 7px 23px; }
#content-principal div.ilus { border:1px solid #fff; margin:0 0 27px 29px; width:515px; height:290px; }
#content-principal dl { margin:-5px 0 15px 29px; }
#content-principal dl dt { color:#8F0F35; font:bold 1.4em/1.8em Helvetica, Arial, sans-serif; text-indent:1.2em; background: url(../img/adelante.gif) no-repeat -4px 4px; }
#content-principal dl dt.open { color:#8F0F35; font:bold 1.8em/2em Helvetica, Arial, sans-serif; text-indent:1em; background: url(../img/atras.gif) no-repeat -3px 8px; }
#content-principal dl dt:hover { cursor:pointer; color:#000; }
#content-principal dl dd { color:#000; font:normal 1.4em/1.7em Helvetica, Arial, sans-serif;  margin-bottom:5px; overflow:hidden; background:#fff }




#content-secundary { float:right; width: 409px; padding-top:115px;  }
#content-secundary div#area { background: url(../img/fondo-area.gif) no-repeat; }
#content-secundary div#area dl {  margin:0 45px 15px; }
#content-secundary div#area dl dt { color:#00549E; font:bold 1.3em/2.5em Helvetica, Arial, sans-serif; text-indent:1.5em; background: url(../img/doc.gif) no-repeat -2px 5px; }
#content-secundary div#area dl dd { color:#333; font:normal 1.2em/1.4em Helvetica, Arial, sans-serif; margin-bottom:15px; }



#footer-fondo { width:100%; height:235px; background: url(../img/fondo-footer.jpg) no-repeat 50% -5px; }

#footer { position:relative; width:971px; padding:50px 0 0 0; margin:-25px auto 0; } 
#footer img.logo-footer { position:absolute; right:-4px; top:80px; }
#footer ul { margin:65px 0 0 28px; }
#footer ul li.sociedad { color:#00549E; font:bold 1.3em/2em Helvetica, sans-serif, Arial; }
#footer ul li { color:#666; font:normal 1.2em/1.4em Helvetica, sans-serif, Arial; }
#footer p.copy { position:absolute; right:0; top:175px; font:normal 1.1em/1.4em Helvetica, sans-serif, Arial; width:185px; color:#333; }
#footer p.copy strong { font-weight:bold; color:#8F0F35; }