/* vim:ts=2
 *
 * aabbc - Fernan Aguero, 27.Aug.2009
 *
 * este archivo controla el layout de las paginas:
 * basicamente dos columnas, con header y footer
 * de ancho completo.
 *
 * padding: top right bottom left 
 */

body {
	margin: 0;
	padding: 0 4%;
	font-family: "Bitstream Vera Sans", "Lucida Grande", Verdana, sans-serif;
  font-size: small;
	text-align: center;
	line-height: 1.5em;
	background: #e8e8e8;
	color: #333;
}

.large{ color: #fbbf00; }

#box {
	position: relative;
	max-width: 900px;
	min-width: 580px;
	font-size: 95%;
	text-align: left;
	/*background: #fc9;*/
	background: #fff;
	color: #000;
	margin: 20px auto;  padding: 0;
}

#header {
	background: #fff;
	color: #fff;
}	

#logo {
	padding: 8px;
}

#logo p {
	font-weight: normal;
	letter-spacing: -1px;
}

#logo .large {
	font-size: 160%;
	line-height: 1.6em;
}

#logo .medium {
	font-size: 120%;
	line-height: 1.2em;
}

#logo .small {
	font-size: 100%;
	line-height: 1em;
}

#logo a {
	color: #fff;
	text-decoration: none;
}


#navigation {
	width: 100%;
}

#navbar {	
	/* background: #2D84AF; */
	background: #3cf;
	color: #ccc;
	line-height: 1em;
	padding: 5px 0px 15px 150px;
}

#navbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navbar li {
	margin: 0;
	padding: 0;
	float: left;
}

#navbar li a {
	/* color: #fbbf00; */ 
	color: #083356;
	font-size: 90%;
	font-weight: bold;
	text-transform: uppercase; 
	text-decoration: none;
	float: left;
	margin: 0 1px 0 0;
	padding: 4px 20px;
}

#navbar li a.active {
	font-weight: bold;
	font-size: 85%;
	text-decoration: none;
	border: 1px solid black;
	background-color: #2D84AF;
	color: #fff;
}

#navbar li a:hover {
	color: #fff;
	background: #2D84AF;
}

#toc {
	float: right;
	width: 25%;
	font-size: 80%;
	line-height: 1.3em;
	background: #ddd;
	color: #333;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
}

#subsections {
  margin-left: 10px;
}

#subsections ul { margin-left: -15px; }

#content {
	clear: both;
	float: left;
	margin: 0;
	padding: 10px;
	text-align: justify;
	background: #fff;
}
#content div.subcol { float: left; padding-right: 15px; }
#content div.main { width: 300px; padding-left: 0px; font-size: 95%; }
#content div.main h2 {line-height: 1.25;}
#content div.news { width: 300px; padding-left: 10px; font-size: 90%;
 border-left: 1px dashed #999; }
h3 span.date {display: block; font-size: 80%; font-weight:
normal; color: #333; /* margin-top: -15px;*/ }
#content div.misc { width: 205px; padding-left: 10px; 
 border-left: 1px dashed #999; }
#content div.primera { width: 400px; padding-left: 10px; font-size: 90%;
 border-right: 1px dashed #999; }
#content div.segunda { float: right; width: 400px; padding-left: 10px; font-size: 90%; }
p.asociada { font-size: 70%; }
/* p.asociada a { font-weight: normal; } */


#content h1 {
/*	font-family: Georgia, "Bitstream Vera Serif", serif;*/
	font-weight: bold;
	font-size: 130%;
	letter-spacing: -1px;
	line-height: 1.4em;
	padding-bottom: 6px;
	text-align: justify;
}

#content h1 {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 120%;
	color: #000;
	background-color: #b2b2b2;
	padding: .3em;
	margin: 0 0 0 5px;
}

#content h2 {
	font-weight: bold;
	font-size: 120%;
	line-height: 1.3em;
	color: #fff;
	background-color: #083356;
	padding: .3em;
	text-align: justify;
	width: 90%;
}

#content h3 {
	font-weight: bold;
	font-size: 100%;
	line-height: 1.3em;
	color: #802c00;
	text-align: justify;
	
}

#content h3 a {	
	text-decoration: none;
}

#deck { 
	background: #ddd;
	color: #aaa;
}

#footer { 
	clear: both;
	margin: 0;
	padding: 10px;
	font-size: 80%; 
	background: #2D84AF;
	color: #fff;
}

#footer a { 	
	color: #fbbf00;
}

/* links */

a:link, a:visited {
	padding: 0 1px 0 0;
	color: #2D84AF;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #2D84AF;
	text-decoration: underline;
}



/* misc elements */

pre, code {
	font-family: "Bitstream Vera Sans Mono", "Lucida Mono", Monaco, monospace;
	font-size: 90%;
	line-height: 1em;
	text-align: left;
}

pre {
	padding: 5px 0px 5px 5px;
	background: #eee;
	color: #222;
	border: 1px solid #999;
}

code {
	color: #222;
	font-weight: bold;
}

hr { display: none; }

a img { border: none; }

img.wrapped { border: none; float: left; margin: 8px; }

/* actividad o anuncio importante */
div.actividad {	background: #000; font-size: 85%; padding: .3em; }
div.actividad span {	display: inline; 	margin: 0 0 0 12px; }
div.actividad span.desc {	display: inline; margin: -15px 0 0 12px; }
div.actividad span.fecha { font-weight: bold;	}
div.actividad span.lugar { font-style: italic; }
div.actividad span.links a {
	font: bold 100% Verdana, sans-serif;
  text-transform: uppercase; 
	color: #fbbf00; 
	padding: 0 0.5em;
}
div.actividad span.links a:hover {color: #F9F8F3;}
div.actividad span.links { padding: 5px 13px 5px 0; }
div.actividad a {	
	padding-bottom: 0.5em; 
	margin: 0;
	color: #d82; 
	background: none;
	font-weight: bold;}
div.actividad a:hover { color: #d82; text-decoration: none; }
div.actividad abbr { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	font-size: 100%; 
	vertical-align: baseline;}

#map { 
	background: #666;
	padding: 1em;
	margin-left: 20px;
}

p.twitter { font-size: 90%; margin-left: 10px; }