/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/

/*reset.css*/
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}
/*fonts.css*/
body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;} 
body * {line-height:1.22em;}

.spacer {clear: both;font-size: 0.1%;height: 0;	width: 0;}


/*
azul: #2F5BA5
coop: #DB3D4C
acción: #E36C2D
edu: #D79625
social: #D2C940
volunt: #9FA807
contactos: #809DCE
buscar: #CDCDCF
*/

body { background-color: white; text-align: center; background-color: #efefef;}
a {text-decoration: none; color: inherit;}
#page { width: 70em;margin: 2em auto;text-align: left;background-color: white;
  overflow: hidden;}


#line { width: 80em; height: 1em;  clear: both; background-color: #CDCDCF;}

#areas { clear: both; background-color: #CDCDCF; width: 70em;}
#areas .area {  width: 10em;  height: 10em;  float: left; vertical-align: middle;}
#areas .area a { display: block; color: #2F5BA5; height: 4em; margin: 4em 0 0 0; text-align: center; }
#areas .area a.selected {color: white;}
#areas .search_area {float: left; width: 10em; height: 10em; background-color: #CDCDCF; text-align: center;}
#areas .search_area label {display: block; text-align: center; margin: 4em 0 0 0;color: #2F5BA5; }
#areas .search_area input {border: 0; width: 9em; margin: 0; padding: 0.2em;}

/*** MENU ***/
#menu { float: left; width: 9em; padding: 4em 0 30em 1em; margin: 0 0 -30em 0; }
#menu ul {margin: 0; border: 0; padding: 0.5em 0 2em 0; 
    list-style: none; width: 100%;}
#menu ul.depth-3 {padding: 0 1em 1em 0; margin-left: 1em; width: 8em;}
/* filter: alpha(opacity=80); -moz-opacity:.80;  opacity:.80; */
#menu ul li { margin: 0; border: 0; color: white;}

#menu ul li a, .locked { display: block; padding: 0.1em; color: white; text-align: right; padding-right: 0.3em;}
#menu ul li a.selected {background-color: white; color: black; }
#menu ul li a.depth-2 {border-bottom: 1px solid white;}
#menu ul li div.locked {border-bottom: 1px solid white;}
#menu ul li a.depth-3 {margin-top: 5px;}
#menu ul li a.depth-4 {font-size: 80%; margin: 9px 0 0 0;}
#menu ul li a:hover { background-color: white; color: black;}

#content-wrapper {margin: 0em 1em -30em 10em; padding: 2em 3em 32em 3em;
  background-color: white; }
#content { text-align: justify; width: 42em; margin: 2em auto;}
#content h1, h2, h3 {color: #24419B; margin: 0 0 1em 0; text-align: left; }
#content h1 {font-family: serif; font-size: 250%; }
#content h2 {font-family: sans-serif; font-size: 150%; font-weight: bold;}
#content h3 {font-family: sans-serif; font-size: 120%; font-weight: bold;}
#content p { margin: 0 0 1.5em 0; text-align: justify; }
#content em {font-style: italic;}
#content strong {font-weight: bold;}
#content p.footnote {font-size: 85%;}
#content a {color: #24419B;}
#content a:hover {text-decoration: underline;}

.search_result div {padding: 0.3em 1em;}
.search_result .odd { background-color: #efefef;}