/* Estilos del body y de los encabezados de texto */
html								{ margin: 0; padding: 0; background-color: #b8b8b8; }
body							{ margin: 0; padding: 0; line-height: 18px;  background: url(/images/backgroundTop.png) center top repeat-x, url(/images/backgroundBottom.png) center bottom repeat-x; background-color: #eee; }

h1 							{ color: #56a3f3; font-size: 34px; font-family: Arial Black, Trebuchet MS, Century Gothic, Lucida Sans Unicode, Microsoft Sans Serif, Tahoma, Verdana; margin: 0 0 18px 0px; font-weight: normal; text-decoration: none; letter-spacing: -1px; }
h1 a							{ color: #56a3f3; text-decoration: none; }
h1 a:hover					{ text-decoration: none; } 
h2							{ color: #abd615; font-size: 20px; border-bottom: 1px solid #ddd; font-family: Tahoma, Verdana; margin: 5px 0 10px 0; padding: 0 0 5px 0; font-weight: bold; }
h3							{ color: #f80; font-size: 20px; font-family: Arial, Microsoft Sans Serif, Lucida Sans Unicode, Tahoma, Verdana; margin: 5px 0 5px 0; font-weight: normal; }
h4							{ color: #aaa; font-size: 12px; font-family: Arial, Verdana, Microsoft Sans Serif, Lucida Sans Unicode, Tahoma, Verdana; margin: 2px 0 0 25px; font-weight: normal;  text-align: left;  }

a							{ color: #77c; font-weight: normal; }
a:hover						{ color: #f80; }

hr							{ border-top: 1px solid #ddd; border-right: 0; border-bottom:0; border-left: 0; height: 0px; outline: 0; }

p							{ margin: 10px 0 18px 0; }

/* Especiales */
#content h4					{ color: #999; font-size: 16px; border-bottom: 1px solid #eee; font-family: Microsoft Sans Serif, Lucida Sans Unicode, Tahoma, Verdana; margin: 15px 0 0 0; padding: 0 0 5px 0; font-weight: normal; text-align: left;  }
table							{ font-size: 12px; color: #666; }

/* Estilos de los textos */ 
.texto						{ color: #444; font-size: 14px; font-family: Microsoft Sans Serif, Verdana, Tahoma, Arial; text-align: justify; }
.textomenu a					{ color: #666; font-size: 11px; font-family: Arial, Microsoft Sans Serif, Verdana, Tahoma, Arial; display:block; float: left; position: relative; border-bottom: 1px solid #e4e4e4; padding: 6px 0 6px 6px; width: 175px; text-align: left; text-decoration: none; line-height: 16px; }
.textomenu a:hover			{ color: #fff; background-color: #333; }
.textoend					{ color: #666; font-size: 10px; font-family: Verdana, Microsoft Sans Serif, Tahoma, Arial; margin: 10px; }

/* Estilos de la barra de idiomas y address */
#uppertop					{ position: relative; float: left; width: 100%; background-color: #333; background-image: url(/images/general/bgUppertop.png); background-position: center center;}

#languagesbar				{ position: relative; top: 0; margin: auto; z-index:1000; width: 1000px; overflow: visible; padding-right: 0; font-family: verdana; font-size: 10px; }
#languagesbar td a			{ display: block; float: right;  margin: 3px 5px; color: #fff; text-decoration: none; }
#languagesbar td a:hover		{ filter: alpha(opacity=70); opacity: .7; text-decoration: underline; }

#addressbar					{ position: relative; left: 0; z-index:1000; width: 1000px; overflow: visible; padding: 4px; color: #999; text-align: right; font-family: verdana; font-size: 10px; }

/* Estilos de la tabla general de contenido */
#tablegen					{ position: relative; margin: auto; width: 1000px; background-color: #fff; clear: both; height: 100%; top: 0px; margin-bottom: 30px; -moz-box-shadow: 0px 0px 4px #888; -webkit-box-shadow: 0px 0px 4px #888; box-shadow: 0px 0px 6px #888; .border: 1px solid #d3d3d3; border-radius: 0 0 10px 10px; }


/* Estilos de contenidos top, columnas, ect... */
#top						{ position: relative; float: left; width: 96%; padding: 4% 2% 3% 2%; margin-bottom: 15px; background-color: #fafaff; border-bottom: 1px solid #dde;  }
#content					{ position: relative; float: left; width: 1000px; left: 0px; overflow: visible; margin-bottom: 20px;  }
#leftcol					{ position: relative; float: left; width: 175px; margin-right: 15px; overflow: hidden; margin-left: 4px; top: 10px; border-top: 1px solid #e4e4e4; left: 5px;  }
#leftcol ul					{ list-style-type: none; margin: 0; padding: 0; }
#leftcol li					{ list-style-type: none; margin: 0; padding: 0; }

#midcol p:first-letter		{ text-transform: capitalize; }

#fsm						{ position: relative; float: left; width :100%; display: none;  }

#midcol						{ position: relative; float: left; width: 630px; left: 4px; overflow: hidden; }
#midcol img					{ float: left; margin: 0 5px 5px 0; }
#rightcol					{ position: relative; float: right; width: 150px; overflow: visible; }

#betweenmidandrightcols		{ position: relative; float: left; width: 12px; height: 2px; }

footer						{ position: relative; floaT: left; width: 98%; text-align: center; background-color: #eee;  border-radius: 10px; }

/* Index */
#indexBoxes					{ position: relative; float: lefT; clear: both; width: 100%; margin: 0 0 15px 0; padding: 0; left: 5px; list-style-type: none; }
#indexBoxes li				{ position: relative; float: left; width: 202px; height: 259px; margin-right: 8px; }
#indexBoxes li a				{ position: relative; float: left; width: 202px; height: 259px; text-decoration: none; }
#indexBoxes li a:hover			{ opacity: .8; filter: alpha(opacity=80); text-decoration: none; } 
#indexBoxes li a span			{ position: relative; float: left; bottom: 30px; left: 10px; font-weight: bold; color: #fff;  }