div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td
{	
	margin: 0;
	padding: 0;
}

fieldset
{
	border:0;
}

legend
{
	color:#000;
}

li
{
	list-style:none;
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after
{
	content:'';
}
abbr,acronym
{
	border:0;
	font-variant:normal;
}
sup
{
	vertical-align:text-top;
}
sub
{
	vertical-align:text-bottom;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:normal;
}

p
{
  font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size: 11px;
}

html
{
	height: 100%;
	background: #DDD;
}

body
{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #666;
	font-size: 12px;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
	line-height: 17px;
	text-align: center;
}

h4
{
	margin: 10px 5px 0px 5px;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}

h5
{
	margin: 0px 5px 5px 5px;
	color: #999;
	font-size: 11px;
	font-weight: normal;
}

/* Overall wrapper */
.wrap
{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	text-align: left;	
}

/* Header */
.header
{
	width: 100%;
	background: #DDD;
}

.usergreeting
{
	position: absolute;
	top: 10px;
	left: 500px;
	width: 440px;
	text-align: right;
  color: #000;
  font-size: 14px;
  font-weight: bold;  
  line-height: 16px;
}

a.userlinks
{
  color: #555;
  font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size: 11px;
  font-weight: normal;  
  line-height: 14px;
  text-decoration: none;
}

a.userlinks:hover
{
  text-decoration: underline;
}

.useravatar
{
	position: absolute;
	top: 10px;
	left: 950px;
	width: 50px;
	text-align: center;
}

/* Menu */
.menu
{
	width: 100%;
	background: #DDD;
	text-align: center;
	height: 19px;
	margin: 1px 0 0 0;
}

/* Body */
.body
{
	width: 100%;
	background: #F8F8F8;
	text-align: center;
}

.content-wrapper
{
	width: 1000px;
	height: 100%;
	margin: 0 auto;
}

a:link
{
	color: #07B;
	text-decoration: none;
}
a:visited
{
	color: #07B;
	text-decoration: none;
}
a:hover
{
	color: #F00;
	text-decoration: none;
}

table
{
	empty-cells: show;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}

table.columns
{
	width: 100%;
	background: #F8F8F8;
	empty-cells: show;
	border-collapse: separate;
	border-spacing: 16px;
	text-align: left;
}

/* By default use verdana in black. */
input
{
	border: thin solid #CCC;
	color: #000;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #EEE;
	margin: 0;
	padding: 0;
}

textarea
{
	border: thin solid #CCC;
	color: #000;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #EEE;
	margin: 0;
	padding: 0;
}

button
{
	color: #000;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
	font-size: 90%;
}

select
{
	font-weight: normal;
	color: #000;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
}

hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #DDD;
	background-color: #DDD;
}

img
{
	border: 0;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #000;
	background-color: #D7DAEC;
	border: 1px solid #000;
	margin: 1px;
	padding: 1px;
	font-size: small;
	line-height: 1.4em;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000;
	background-color: #FFF;
	font-family: "courier new", "times new roman", monospace;
	font-size: small;
	line-height: 1.3em;
	/* Put a nice border around it. */
	border: 1px solid #000;
	margin: 1px auto 1px auto;
	padding: 1px;
	width: 99%;
	/* Don't wrap its contents, and show scrollbars. */
	white-space: nowrap;
	overflow: auto;
	/* Stop after about 24 lines, and just show a scrollbar. */
	max-height: 24em;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
	line-height: 1.2em;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

.geshi {
	color: #333;
	background-color: #FFF;
	font-family: monospace;
	font-size: 1em;
	border: 1px dashed #85A4B7;
	border-left: 3px solid #85A4B7;
	margin: 3px 5px 3px auto;
	padding: 3px;
	width: 98%;
	overflow: auto;
	white-space: pre;
	max-height: 24em;
}

/* Highlighted text - such as search results. */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body
{
	background-color: #FFF;
	border: 1px solid #DDD;
}
.windowbg2
{
	background-color: #FCFCFC;
	border: 1px solid #DDD;
}
.windowbg3
{
	background-color: #F4F4F4;
	border: 1px solid #DDD;
}
/* the today container in calendar */
.calendar_today
{
	background-color: #FFF;
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td
{
	font-style: normal;
  background: #EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
  background-repeat: repeat-x;
	padding: 5px;
}
.titlebg, .titlebg a:link, .titlebg a:visited
{
	font-weight: bold;
	font-style: normal;
}

/* same as titlebg, but used where bold text is not needed */
.titlebg2 a:link, .titlebg2 a:visited
{
	color: black;
	font-style: normal;
	text-decoration: underline;
}

.titlebg2 a:hover
{
	text-decoration: underline;
}

/* This is used for categories, page indexes, and several other areas in the forum.
.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/
.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
  background: #EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
  background-repeat: repeat-x;
	color: #666;
	padding: 5px;
}
.catbg2 , tr.catbg2 td
{
	background: #A7A7A7 url("http://www.stratos-ad.com/gfx/windowTitleBackgroundDark.gif");
	color: #FFF;
	padding: 5px;
}
.catbg, .catbg2
{
	font-weight: bold;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	font-size: 95%;
	color: #666;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited
{
	color: #666;
	text-decoration: none;
}
.catbg2 a:link, .catbg2 a:visited
{
	color: #FFF;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #e0e0ff;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #DDD;
	padding: 0;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	padding: 0;
	border: 1px solid #CCC;
	background-color: #FFF;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
}
.middletext
{
	font-size: 90%;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}


/* Posts and personal messages displayed throughout the forum. */
.post, .personalmessage
{
	width: 100%;
	overflow: auto;
	line-height: 1.3em;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
	width: 100%;
	overflow: auto;
	padding-bottom: 3px;
	line-height: 1.3em;
}

/* Sometimes there will be an error when you post */
.error
{
	color: red;
}

/* definitions for the main tab, active means the tab reflects which page is displayed */
.maintab_back, .maintab_active_back
{
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
}

.maintab_back
{
  background: #E8E8E8 url("http://www.stratos-ad.com/gfx/menuBarUnselected.gif");
}

.maintab_active_back
{
	background: #F9F9F9;
}

/* how links behave in main tab. */
.maintab_back a:link , .maintab_back a:visited, .maintab_active_back a:link , .maintab_active_back a:visited
{
  color: #579;
	text-decoration: none;
	text-align: center;
	padding: 2px 8px 2px 8px;
}

.maintab_active_back a:link , .maintab_active_back a:visited
{
  color: #555;
	text-decoration: none;
	text-align: center;
}

.maintab_back a:hover
{
  color: #F80;
  background: #F8F0E8;
	text-decoration: none;
	text-align: center;
}

.maintab_active_back a:hover
{
	background: #EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
	color: #666;
	text-decoration: none;
	text-align: center;
}

/* definitions for the mirror tab */
.mirrortab_back, .mirrortab_active_back
{
	text-transform: uppercase;
	vertical-align: middle;
	text-align: center;
	padding: 2px 8px 2px 8px;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
}

.mirrortab_back
{
	background: #E8E8E8 url("http://www.stratos-ad.com/gfx/menuBarUnselected.gif");
}

.mirrortab_active_back
{
	background: #F9F9F9;
}

/* how links behave in mirror tab. */
.mirrortab_back a:link , .mirrortab_back a:visited, .mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
  color: #579;
	text-decoration: none;
	text-align: center;
	padding: 2px 8px 2px 8px;
}

.mirrortab_active_back a:link , .mirrortab_active_back a:visited
{
  color: #555;
	text-decoration: none;
	text-align: center;
}

.mirrortab_back a:hover
{
  color: #F80;
  background: #F8F0E8;
	text-decoration: none;
	text-align: center;
}

.mirrortab_active_back a:hover
{
	background: #EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
	color: #666;
	text-decoration: none;
	text-align: center;
}

/* The AJAX notifier */
#ajax_in_progress
{
	background: #32CD32;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 18pt;
	padding: 3px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

#forumContent
{
	padding: 12px 12px 0px 12px;
}

/* Stratos footer */
.pie
{
  color: #000;
  text-align: right;
  margin: 4px 6px 4px 6px;
  font-size: 12px;
}

/* Stratos footer */
.footer
{
  color: #FFF;
  background: #000;
  margin: 0;
  padding: 4px 6px 4px 6px;
	width: 100%;
}


/* Stratos menu links */
a.newmenucurrent
{
	font-weight: bold;
	text-transform: uppercase;
  text-decoration: none;
	text-align: center;
  color: #555;
  background: #F9F9F9;
  padding: 2px 6px 2px 6px;
  border: 1px solid #F9F9F9;
}

a.newmenu
{
	font-weight: bold;
	text-transform: uppercase;
  text-decoration: none;
	text-align: center;
  padding: 2px 6px 2px 6px;
  margin: 1px 0px 0px 1px;
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #C8C8C8;
  background: #E8E8E8 url("http://www.stratos-ad.com/gfx/menuBarUnselected.gif");
  color: #579;
}

a.newmenu:hover
{
  color: #F80;
  background: #F8F0E8;
  border-bottom: 1px solid #E5E5E5;
  border-right: 1px solid #C8C8C8;
}

.menuBar
{
  background: #DDD url("http://www.stratos-ad.com/gfx/menuBarBackground.gif");
  text-align: center;
}

.menuBarTop
{
  background: #DDD;
  text-align: center;
}

/* Header */
a.userdata
{
  color: #555;
  margin: 10px 10px 5px 10px;
  font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size: 11px;
  font-weight: normal;  
  line-height: 14px;
  text-decoration: none;
}

a.userdata:hover
{
  text-decoration: underline;
}

p.username
{
  color: #000;
  margin: 10px 10px 5px 10px;
  font-size: 14px;
  font-weight: bold;  
  line-height: 16px;
}

.lateral
{
  font-size: 11px;
  text-align: center;
}

a.gris
{
	text-decoration: none;
	color: #000;
}

a.gris:hover
{
   text-decoration: underline;
   color: black;
}

table.window
{
   border: 1px solid #E5E5E5;
}

table.window th
{
  padding: 5px;
  background: #EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
  background-repeat: repeat-x;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 14px;
}

table.window td
{
  padding: 5px;
  background: #FFF;
  font-weight: normal;  
}

table.list
{
   border: 1px solid #DDD;
}

table.list th
{
  padding: 5px;
  background: #EAEAEA url("http://www.stratos-ad.com/gfx/windowTitleBackground.gif");
  background-repeat: repeat-x;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  line-height: 14px;
  border: 1px solid #DDD;
  vertical-align: middle;
}

table.list td
{
  padding: 5px;
  background: #FFF;
  font-weight: normal;
  border: 1px solid #DDD;
  vertical-align: top;
  text-align: justify;
}

td.listHighlight
{
  padding: 5px;
  background: #FF8;
  font-weight: normal;
  border: 1px solid #DDD;
  vertical-align: top;
  text-align: justify;
  width: auto;
}

p.noticia
{
  color: #666;
  margin: 5px;
  font-size: 12px;
  text-align: justify;
}

p.nombres
{
   text-align: justify;
   color: #5C7A3C;
   font-size: 13px;
   line-height: 18px;
   margin: 5px;
}

p.cuadro_gris
{
  padding: 10px;
  background-color: #F9F9F9;
  border: #EBEBEB thin solid;
  text-align: left;
  color: #666;
  margin: 5px;
  font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size: 11px;
  font-weight: normal;  
  text-align: justify;
  line-height: 14px;
}

p.cuadro_verde
{
  padding: 10px;
  background-color: #F5F8F2;
  border: #DADFD4 thin solid;
  text-align: left;
  color: #666;
  margin: 5px;
  font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
  font-size: 11px;
  font-weight: normal;  
  text-align: justify;
  line-height: 14px;
}

.boton
{
   border: #555 thin solid;
   color: #555;
   font-family: "Lucida Grande", Geneva, Arial, Helvetica, Kalimati, sans-serif;
   font-size: 12px;
   background-color: #DDD;
   padding: 1px;
}

.banner
{
	padding: 3px;
}