/*
*background: #f00;  IE 7 and below
_background: #f60;  IE 6 and below
*/

a
{
	text-decoration:				none;
}


a:hover
{
	text-decoration:				underline;
}

body
{
	overflow: hidden;
	height: 100%; 
	max-height: 100%;

}


#content
{
	position: 						fixed; 
	top:							3em; /* 2em */	
	bottom:							8.5em; /* 7.5em*/
	overflow:						auto;
	left:							0;
	width:							100%;
	/*
	--height:							300px;
	--margin:							0 0 0 15px;
	*/
	margin:							0;
	padding:						0;
	text-align:						left;	
	_margin-bottom:					-180px;
	_height:						100%;
	
}


/*
#content
{
	overflow:						auto;
	width:							100%;
	height:							300px;
	margin-left:					15px;
	*margin-left:					5px;
}
*/

#albums
{
	text-align:						center;
}

#albums-container
{
	text-align:						center;
	overflow:						auto;
}

#content p
{
	float:							left;
	background:						#fff url(../images/albumbg.gif) no-repeat;
	padding:						10px;
	margin:							0 0 15px 15px;
	width:							142px;
	height:							142px;
	text-align:						left;
	_width:							152px;
	_height:						152px;
}

.album img
{
	border:							0;
	margin:							0;
	border-top:						6px solid #0000ff;
}

.albumitem
{
	border:							0;
	margin: 						0;
	padding:						0;
	font:							normal 77% arial,verdana;
	color:							#000;
	background:						#fff url(../images/flecha.gif) no-repeat top right;
	width:							125px;
	display:						block;
	border-left:					10px solid black;
	padding:						0;
	padding-left:					5px;
	margin-bottom:					3px;
	line-height:					10px;
}

#botonera
{
	overflow: 						hidden;
	background:						#039900 url(../images/headbg.gif) repeat-x bottom;
	width:							100%;
	padding:						0.3em 0 0.2em 0;
	height:							1.6em;
}

.detail
{
	position:						absolute;
	right:							0;
}

#botonera li
{
	background-color:				#039900;
	float:							left;
	list-style:						none;
}

#botonera li a
{
	font:							normal 77% arial,verdana;
	color:							white;
	border-right:					1px solid #fff;
	padding:						0 0.7em;
	letter-spacing:					1px;
}

h1
{
	font:							normal 100% arial,verdana;
	color:							white;
	text-align:						left;
	float:							left;
	padding:						0 0.3em 0 1.8em;
	margin:							0;
}

h1 img
{
	margin-top:						-0.15em;
}

#foot
{
	overflow: 						hidden;
	background:						#039900 url(../images/footbg.gif) repeat-x top;
	width:							100%;
	padding:						0.3em 0 0.4em 0;
	height:							7em;
	clear:							both;
	position:						absolute;
	bottom: 						0;
	left:							0;
}

#foot p
{
	font:							normal 77% arial,verdana;
	color:							white;
	text-align:						left;
	float:							right;
	width:							24em;
	margin:							1.2em 0.5em 0.2em 0;
	padding:						0 0 0.2em 0;
	background:						#039900 url(../images/fichabg.gif) no-repeat right;
	display:						block;
	line-height:					131%;
}

#foot p span
{
	font:							bold 100% arial,verdana;
	color:							white;
	text-align:						left;
}

#gallery a
{
	float:							left;
	display:						inline;
	margin:							0 0.1em 0 0.1em;
	color:							#fff;
}

#gallery
{
	overflow:						auto;
	background:						#039900 url(../images/fotologname.gif) no-repeat left bottom;
	float:							left;
	padding:						1em 1em 0 0.3em;
	margin:							0 0 0 1.1em;
	width:							520px;
	_width:							540px;
}

#photolog
{
/*
	position:						absolute;
	clip: 							rect(0px, 425px, 80px, 0);
	width:							450px;
*/
}

#gallery li
{
	float:							left;
	list-style:						none;
	background:						url(../images/fotologbg.gif) no-repeat;
	text-align:						left;
	padding:						5px;
	margin:							0;
	width:							60px;
	height:							65px;
}

.monthhidden
{
	display:						none;
}

span.month
{
	width:							60px;
	height:							60px;
	font:							normal 138.5% arial,verdana;
	color:							#a8cfa6;
	text-align:						center;
	vertical-align:					middle;
}

.photos
{
	display:						none;
}

#list-of-years
{
	color:							#fff;
	font:							normal 85% arial,verdana;
	border-left:					1px solid #fff;
}

#list-of-years li
{
	background:						none;
	margin-left:					5px;
	padding-top:					1px;
	border-left:					1px solid #fff;
	height:							10px;
}

#list-of-years li.selected
{
	text-decoration:				line-through;
	margin-left:					5px;
	padding-top:					1px;
	border-left:					1px solid #fff;
}

#elestudio
{
	position: 						fixed; 
	top:							3em;
	bottom:							8.5em;
	overflow:						auto;
	left:							0;
	width:							100%;
	margin:							0 0 0 0;
	padding:						0;
	text-align:						left;
	
}
/*
#elestudio
{
	overflow:						auto;
	width:							100%;
	height:							200px;
	text-align:						left;
}
*/

#elestudio .english,#elestudio .spanish, #map
{
	text-align:						justify;
	padding:						0 0 0 2em;
	border:							0;
}

#elestudio .english,#elestudio .spanish {
	width:							760px;
	padding:						0 0 0.8em 2em;
	font-size:						77%;
	text-align:						justify;
}

#elestudio .english
{
	text-align:						justify;
}

.flechas
{
	color:							#0f0;
}

.contact
{
	font:							normal 77% arial;
	color:							#666;
	padding:						1em;
	margin:							1em;
}

#elestudio img
{
	padding:						0 0 0 1.5em;
	border:							0;
	margin:							0;
}

 div.hr {
  height: 6px;
  width:	760px;
  margin:		0 1.5em;
  background: #fff url(/images/hr.gif) repeat-x scroll center;
}
div.hr hr {
  display: none;
}

.decorator {
background-color:white;
font-family:arial;
font-size:77%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-left:-60px;
position:absolute;
text-align:center;
top:50px;
width:60px;
z-index:10;
}