div
{
	padding: 0;
	margin: 0;
}
body
{
	padding: 20px;
	margin: 0;
}
#oldbrowser
{
	text-align: center;
}
#masthead h1
{
	display: inline;
}
#leftcolumn
{
	margin-right: -200px;	/* IE 4 fix */
}
#leftColumn
{
	float: left;
	width: 200px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#rightColumn
{
	float: right;
	width: 200px;
}
#contentColumn
{
	width: auto;
	margin-left: 199px;
}
#masthead, #innerLeftColumn, #innerContentColumn, #innerFooter
{
	padding: 10px;
}
#innerRightColumn
{
	padding: 0px;
}
#footer
{
	clear: both;
}
#innerFooter
{
	text-align: center;
}
#innerContentColumn
{
	margin-right: 210px;
	height: 100%;	/* fix the Win32 IE float bug */
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera which breaks with the above IE fix */
}
#innercontentcolumn
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#album
{
	margin-left: 211px;
	margin-right: 120px;
	height: 100%;	/* fix the Win32 IE float bug */
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn>#album
{
	height: auto;	/* fix Opera which breaks with the above IE fix */
}
#album
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#retratos
{
	margin-left: 200px;
	height: 100%;	/* fix the Win32 IE float bug */
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#contentColumn>#retratos
{
	height: auto;	/* fix Opera which breaks with the above IE fix */
}
#retratos
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
#textos
{
	width: auto;
	margin-left: 210px;
}
#innertextos
{
	padding: 15px;
}

{
	text-align: center;
}
#innertextos
{
	margin-right: 100px;
	height: 100%;	/* fix the Win32 IE float bug */
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
}
#textos>#innertextos
{
	height: auto;	/* fix Opera which breaks with the above IE fix */
}
#innertextos
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}
/*---- Bordes ----*/

#pageFrame
{
	border: dotted 0px #000;
}
#footer, #masthead, #innerLeftColumn, #contentColumn, #innerContentColumn
{
	border: dotted 0px #000;
}
#footer
{
	border-top-width: 1px;
}
#masthead
{
	border-bottom-width: 1px;
}
#innerLeftColumn
{
	border-right-width: 0px;
}
#innerContentColumn
{
	border-right-width: 0px;
}
#contentColumn
{
	border-left-width: 0px;
}

/*---- Elementos visuales ----*/

body
{
	background-color: #fff;
	padding: 20px;
	margin: 0;
	font-size : 0.8em; 
  font-family : "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, sans-serif; 
  color : #000;
	line-height: 18px;
	color: #7F7C73;
}
#pageFrame
{
	background-color:#fff;
	color: #000;
	min-width: 500px;
}
#contentColumn p a {
	text-decoration: none;
  color: #637D8D; text-decoration: underline;
}
a 	{ color: #637D8D; text-decoration: underline; }
a:hover	{ color: red; }
h1, h2, h3, h4, h5 {
	font-family: "myriad pro", georgia, serif;
	font-weight: bold;
	letter-spacing: -.05em;
	margin: 10px 0;
	padding: 0;
	line-height: 1em;
}
h1 {
	font-size: 26px;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size:0.9em;
  text-transform:uppercase;
  color:#ccc;
  text-align:left;

}

h4 {
	color: #660000;
	font-size: 16px;
	margin: 20px 0 20px 0;
	display: inline;	
}

h5 {
	font-size: 20px;
}

h3 span	{ display: none; }


a.homebox-left {
	background: #ddd url(naranja.gif) bottom right no-repeat;
	font-size: 9px;
	line-height: 14px;
	color: #3D3D3B;
	display: block;
	padding: 10px;
	float: left;
	border: 0px solid #769400;
	margin: 0px 0 0px 0;
	text-decoration: none;
	width: 160px;	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 160px; 
}

html>body a.homebox-left { 
	width: 160px; /* ie5win fudge ends */ 
}

a.homebox-right {
	background: #DEE6C1 url(images/boxarrow.gif) bottom right no-repeat;
	font-size: 9px;
	line-height: 14px;
	color: #3D3D3B;
	display: block;
	padding: 10px;
	float: right;
	border: 1px solid #769400;
	margin: 10px 0 10px 0;
	text-decoration: none;
	width: 150px;	/* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px; 
}

html>body a.homebox-right { 
	width: 150px; /* ie5win fudge ends */ 
}

a.homebox-left:hover, a.homebox-right:hover { background-color: #FFF; }

#presentacion {
	clear: both;
	padding: 0px 0px 0px 00px;
	}	
	
#presentacion h3 { 
 	background: url(presentacion.gif) no-repeat top left;
	height: 25px;
	padding-bottom: 3px;
	}
#presentacion h3 span {
 	display: none;
	}	

.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}
.floatleft
{
float: left;
margin: 10px 10px 0px 0px;
border: 1px solid #666;
padding: 2px;
}
.fotolateral
{
margin: 25px 0 20px 0px;
border: 1px solid #666;
padding: 5px;
}
.cromos
{
border: 1px solid #ddd;
padding: 5px;
}

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: auto; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 0.9em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* solo en Safari, pero mola */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.formulario {
	margin: 5px 0;
	padding: 5px;
}
input, textarea { 
	font: normal 11px verdana, arial, sans-serif;
	color: #7F7C73;
	width: 240px;
	border: 1px solid #A8ABA2;
	padding: 2px;
	background-color: #ddd;
}
textarea { height: 240px; overflow: auto; }
input:focus, textarea:focus { border: 1px solid red; }

li { list-style-image: url(bullet.gif); }
.help { border-bottom: 1px dotted tomato; cursor: help; }
div.cita { 
  background: url(comillas.gif) top left no-repeat;
  border: 0px solid #A8ABA2;
  padding:10px 30px 10px 40px;
  font-size:10px;
  text-align:justify;
  width:230px;
}
.adorno	{
	display: block;
	margin: 3px 0 0 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background: transparent url(pieza.gif) bottom center no-repeat;
	}
.noticias {
border-bottom: 1px dotted #ddd;
}
.formulariocomentarios {
border-top: 1px dotted #ccc;

}
.acronym {
border-bottom: 1px dotted #ddd;
}