/* CSS Style modified from Minimalistic Design		*/
/* <http://www.minimalistic-design.net/> Simple 3 color	*/
/* Changed in 2008-01-02		 	  	*/


html{margin:0; padding:0; font-family: helvetica;}

body {background-color:#FFFFFF; color:#000000; line-height: 1.5}

h1 {text-align: left}

h2 {text-align: left}

h3 {text-align: left}

/* link menu*/
a.menu{
	display:block;
	font-weight:bold;
	color:#000000;
	background-color:#FFFFFF;
	width:100%;
	text-align:right;
	text-decoration:none;
	/*text-transform:uppercase;*/
	font-style:bold;
	  
	line-height:1.2;
  padding:5px 0 0px 0;
}

a.menu:hover,a.menu:active {
	background-color:#000080;
	font-style:bold;
	color:#FFFFFF;
}

a.active{
	/* background-color:#EBEBEB; */
	font-style:bold;
	color:#000080;
}

/* link normal pagina*/
a.content:link,a.content:visited{
	color:#EFA5A5;
}

a.content:hover,a.content:active{
	color:#D97B7B;
}

/*lista menu*/
ul.menu{
	list-style-type:none;
}


/*paragrafo titulo*/
p.menu{
	text-align:right;
}

p{
	text-align:justify;
}

#title{
	background-color:#EBEBEB;
	color:#000080;
	height:auto;
	width:80%;
	float:left;
	vertical-align:top;
	padding: 0% 10%;
}

#container{
	background-color:#FFFFFF;
	width:100%;
	height:auto;
}

#menu{
	background-color:inherit;
	height:auto;
	width:25%;
	float:left;
	vertical-align:top;
	padding: 3% 3% 3% 0%;
}

#foto{
	background-color:inherit;
	height:auto;
	width:28%;
	float:left;
	vertical-align:top;
	padding: 3% 0% 3% 0%;
}

#contenthome{
	background-color:inherit;
	height:auto;
	width:38%;
	float:left;
	vertical-align:top;
	padding: 3% 3% 3% 3%;
}

#content{
	background-color:inherit;
	height:auto;
	width:65%;
	float:right;
	vertical-align:top;
	padding: 3% 3% 3% 0%;
}

/* COLLAPSIBLE */

/* Style the button that is used to open and close the collapsible content */
.collapsible {
	background-color: #EBEBEB;
	color: #000000;
	cursor: pointer;
	padding: 0% 3% 0% 3%;
	height: 50px;
	width: 100%;
	/*float: left;*/
	vertical-align:top;
	border: hidden;
	text-align: left;
	outline: hidden;
/*  font-size: 15px; */
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
	background-color: #000080;
	color: #FFFFFF;
}

/* Style the collapsible content. Note: hidden by default */
.content {
	padding: 0% 3% 0% 3%;
	display: none;
	overflow: hidden;
	background-color: #EBEBEB;
}

/* COLLAPSIBLE TEXT */

/* Style the button that is used to open and close the collapsible content */
.collapsibleTXT {
	background-color: #EBEBEB;
	color: #000000;
	cursor: pointer;
	/*float: left;*/
	border: hidden;
	padding: 0% 1% 0% 1%;
	text-align: center;
	outline: hidden;
/*  font-size: 15px; */
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsibleTXT:hover {
	background-color: #000080;
	color: #FFFFFF;
}

/* Style the collapsible content. Note: hidden by default */
.contentTXT {
	padding: 1% 1% 1% 1%;
	display: none;
	overflow: hidden;
	background-color: #EBEBEB;
}

/* Tighten sidebar-to-content spacing on 2-column pages (no photo) */
body.no-foto #content{
  width: 68%;          /* was 65% */
  padding-left: 0;     /* harmless; keep */
}

/* Apply the same spacing fix specifically on the Misc page (no JS change).
   Uses :has() to detect that MISC is the active menu item. */
body:has(#menu a.menu.active[href="misc.html"]) #content{
  width: 68%;
}