BODY {
text-align: center; background-color: #ffffff; padding: 0; margin: 0
	  scrollbar-face-color:#F7F7F7; 
	  scrollbar-shadow-color: #666666;
	  scrollbar-highlight-color: #E5E5E5; 
	  scrollbar-3dlight-color: #E5E5E5;
	  scrollbar-darkshadow-color: #666666; 
	  scrollbar-track-color: #EEEEEE;
	  scrollbar-arrow-color: #666666;
	  }
/* global */
* {font-family: Verdana, Arial, serif; text-align: left }

.clear {
	CLEAR: both
}

/* CONTENEDEDOR */

#container {
	width: 790px;
	overflow: hidden /* Stops background becomming invisible in Firefox */;
	background-color: #ffffff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/* CABECERA */

#hdr {
	width: 790px;
	height: 175px;
	background: url('logos/hdr.gif') no-repeat bottom right #FFFFFF
}

/* FIN CABECERA */

/* CAPA MENU IZQUIERDO */

#left {
	float: left;
	width: 120px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left bottom;	
}

#left h1 {  /* DATOS FOTOGRAFIAS */
  margin-top: 5px;
  margin-left: 20px;
  font-family: Verdana, Arial, serif;
  font-size: 0.7em;
  font-weight: normal;
  color: #333333;
  line-height: 0.8em;
  letter-spacing: 2px
}

/* MENU */

#menu a{
	display:block;
	width:120px;
	padding:5px 18px 5px 30px;
	color:#666666;
	font-size:0.8em;
	font-weight:normal;
	text-decoration:none;
	letter-spacing:2px;
}

#menu a:hover {
	width:120px;
	color:#505050;
	background:#fafafa;
}

#menu a.inicial {
	padding:5px 18px 5px 20px;
	color:#666666;
	background: url('images/menuarrowover.gif') no-repeat;
	background-position: 0% 25%;
}

#menu a.inicial:hover {
	padding:5px 18px 5px 20px;
	color:#505050;
	background: url('images/menuarrow.gif') no-repeat;
	background-position: 0% 25%;
}

#menu a.active {
	padding:5px 0px 5px 40px;
	width:120px;
	color:#333333;
	background:#fafafa;
	border-top:2px solid #c0c0c0;
	border-bottom:2px solid #c0c0c0;
	font-weight: bold;
}

#menu a.active:hover {
	color:#505050;
	background:#fafafa;
}

#menu a.texto {
	width:138px;
	padding:5px 10px 5px 10px;
	color:#333333;
	font-size:0.7em;	
	font-weight:bold;
	text-decoration:none;	
}

#menu a.texto:hover {
	width:138px;
	padding:5px 10px 5px 10px;
	color:#666666;
	font-size:0.7em;	
	font-weight:bold;
	text-decoration:none;
}

/* FIN MENU */

#datos {   /* the .comment style defines the small text that appears when the links are hovered over */
	background-color: #EFEFEF;
	width: 160px;
	}

/* FIN CAPA MENU IZQUIERDO */

/* CONTENIDOS */

#main {
	padding-bottom: 15px; /* Leaves a nice gap at the bottom of the column */
	float: right;
	background: transparent;
	width: 600px;
}

#main h1, #main h2, #main h3 {  /* Styles for headings in the main content area */
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 0px;
  font-family: Verdana, Arial, serif;
  font-size: 1.0em;
  font-weight: normal;
  color: #666666;
  line-height: 1.0em;
  letter-spacing: 2px
}

#main h2 { /* Makes h2 slightly smaller than h1 */
  font-size: 0.75em;
  line-height: 0.75em;
  font-weight:bold;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
  text-align: right;  
  font-family: Verdana, Arial, serif;
  color: #666666;
  line-height: 1.0em;
  letter-spacing: 2px  
}

#main h3 { /* Makes h2 slightly smaller than h1 */
  font-size: 0.6em;
  line-height: 0.75em;
  font-weight:bold;
  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 0px;
  text-align: right;  
  font-family: Verdana, Arial, serif;
  color: #666666;
  line-height: 1.0em;
  letter-spacing: 2px  
}

#main h2 a {
 text-decoration: none;
}

#main h2 a:hover {
  color: #333333;
 text-decoration: none;  
}

#main p {   /* styles main area paragraph text */
  margin: 15px;
  font-size: 0.8em;
  color: #999999;
  line-height: 1.5em
}

/* Extra tags are defined here for the main content area */
#main pre {
  font-family: monospace;
  font-size: 11px;
  margin: 15px;
  color: #ADA59C;
  line-height: 12px
}

#main blockquote {
  color: #E0D38C;
  line-height: 1.5em
}

#main acronym {
  border-bottom: 1px dashed #E0D38C
	}
	
#main ul {   /* styles main area unordered(bulleted) lists */
  margin-top: 15px; /* This margin is the top margin of the WHOLE list, hence why it is specified in ul and not li */
  margin-bottom: 15px; /* This margin is the bottom margin of the WHOLE list, hence why it is specified in ul and not li */
  color: #666666;
  line-height: 1.5em;
  list-style: square; /* This controls the bullet point style. */
 text-decoration: none; 
}

.porta {   /* styles main area unordered(bulleted) lists */
  font-size: 1.7em;
}

.enla {   /* styles main area unordered(bulleted) lists */
  font-size: 0.9em;
}

#main li {
	margin-left: 5px;/* This margin acts as an indent for each list item.  Indenting the whole list doesn't work well in IE. */
	color: #666666;
	text-decoration: none;
}

#main a:link, #main a:visited {  /* These styles are for links in the main content area only */
	color: #666666;
	text-decoration: none;
}

#main a:hover, #main a:active {  /* These styles are for links in the main content area only */
	color: #cccccc;
	text-decoration: none;
}

.paragraphblock {  /* This div class is used to give the paragraph blocks their background color */
	margin: 15px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

.paragraph {  /* This div class is used to give the paragraph blocks their background color */
	margin: 15px;
	background-color: #FFFFFF;
}

/* FIN CONTENIDOS */

/* CONTENIDOS MIEDOS */

#g1 {
	FLOAT: right;
	WIDTH: 600px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Verdana, Arial, serif;
	font-size: 0.7em;
	line-height: 1.0em;
	letter-spacing: 2px  	
}

#g1 a {  /* These styles are for links in the main content area only */
	color: #666666;
	text-decoration: none;
}

#g1 a:hover {  /* These styles are for links in the main content area only */
	color: #cccccc;
	text-decoration: none;
}


#tn1 {
	FLOAT: right;
	WIDTH: 560px;
}


/* FIN CONTENIDOS MIEDOS */

/* FIN CONTENEDEDOR */

/* PIE */

#bottom { /* This div is used for validation and copyright info */
	width: 790px;
	height: 60px;
	line-height: 30px;
	color: #333;
	font-size: 0.6em;
	text-align: center;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(logos/pie.jpg);
}

#bottom a {
	padding-right: 10px;
	color: #634C04;
	text-decoration: underline
}

#bottom a:hover {
	padding-right: 10px;
	color: #EEAB36;
	text-decoration: underline
}

/* FIN PIE */

/* MENU INICIO */

#right {
padding-bottom: 15px; /* Leaves a nice gap at the bottom of the column */
float: right;
width: 350px;
background: transparent
}

#right h1, #right h2 { /* styles for right column headings */
  margin-top: 26px;
  margin-left: 5px;
  font-family: Verdana, Arial, serif;
  font-size: 0.8em;
  font-weight: normal;
  color: #666666;
  line-height: 0.8em;
  letter-spacing: 2px
}

#right a:link, #right a:visited {  /* These styles are for links in the right column only */
	color: #666666;
	text-decoration: none
}

#right a:hover, #right a:active {  /* These styles are for links in the right column only */
	color: #CCCCCC;
	font-size: 1.8em;
	text-decoration: none
}

/* FIN MENU INICIO */