/* CCSTheme v 3.x */
/* General */

/* Colors */
.PageBgColor {
	background-color: #ffffff;
	}

.FormTitleBgColor {
	background-color: #5797d8;
	}

.FormTitleFontColor {
	color: #ffffff;
	}

.CaptionBgColor {
	background-color: #e3e3e3;
	}

.CaptionFontColor {
	color: #474747;
	}

.DataBgColor {
	background-color: #fbfbfb;
	}

.AltDataBgColor {
	background-color: #f0f6fc;
	}

.DataFontColor {
	color: #474747;
	}

.LinkColor {
	color: #1c6cbc;
	}

.VisitedLinkColor {
	color: #1c6cbc;
	}

.HoverLinkColor {
	color: #1dc41d;
	}

/* BEGIN Common */
body { 
  padding: 0;
  margin: auto; 
  font: 1em Verdana,Tahoma,Arial;
  font-size: 12px;
  line-height: 1.5em; 
  background: #fff; 
  color: #454545;
  text-align:center;
}

.text { 
	color: #474747
	}

a:link, a:visited, a:active {
  font: 1em Verdana,Tahoma,Arial;
	font-size: 12px;
	font-weight:bold;
	color:#336699;
	text-decoration:underline;
  background: inherit;
	}

a:hover { 
  font: 1em Verdana,Tahoma,Arial;
	font-size: 12px;
	font-weight:bold;
	color:#00cc00;
	text-decoration:underline;
  background: inherit;
	}

.letrachica {
	font-size: 11px;
	font-family: Tahoma, Arial, sans-serif;
	color: #696969;
  }

.letraazul { 
  font: bold 1em Verdana,Tahoma,Arial;
	font-size: 12px;
  color:#336699;
	}

.letraazul:link, .letraazul:visited, .letraazul:active { 
  font: bold 1em Verdana,Tahoma,Arial;
	font-size: 12px;
  color:#336699;
	text-decoration:none;
  background: inherit;
	}

.letraazul:hover { 
  font: bold 1em Verdana,Tahoma,Arial;
	font-size: 12px;
  color:#336699;
	text-decoration:none;
  background: inherit;
	}

ul, ol, blockquote { 
  margin: 0; 
  padding : 0; 
  list-style : none;
}

form {
	margin: 0px;
	}

h1 { 
  font: bold Verdana,Tahoma,Arial;
  font-size: 24px;
  margin: 0;
  letter-spacing: 1px;
}
/* Se utiliza para los títulos de las cajas */
h2 { 
  font: bold 1em Verdana,Tahoma,Arial;
	font-size: 13px;
  color:#336699;
  margin: 0; 
  padding: 0; 
}

/* Se utiliza para las frases que van al principio de cada página */
h3	{ 
  font: bold 1em Arial,Tahoma,Verdana;
  font-size: 16px;
  margin: 0; 
  padding: 0;
  color:#336699;
  text-align: center;
}
	
h1 a, h2 a, h3 a, h1 a:link, h2 a:link, h3 a:link { 
  font: bold 1em Arial,Tahoma,Verdana;
  color: #336699; 
  text-decoration: none;
}

h1 a:visited, h2 a:visited, h3 a:visited, h1 a:active, h2 a:active, h3 a:active {
  font: bold 1em Arial,Tahoma,Verdana;
  color: #336699; 
}

h1 a:hover, h2 a:hover, h3 a:hover {
  font: bold 1em Arial,Tahoma,Verdana;
  color: #727272; 
}
/* Se utiliza para los subtítulos de las páginas */
h4	{ 
  font: bold 1em Verdana,Tahoma,Arial;
  font-size: 14px;
  margin: 0; 
  padding: 5px 0 5px 5px;
  color:#336699;
  background: #dedede; 
  display: block;
	}

h5	{ 
  font: bold 1em Verdana,Tahoma,Arial;
	font-size: 11px;
  color:#336699;
  margin: 0; 
  padding: 0; 
	}

h6	{ 
  font: bold 1em Verdana,Tahoma,Arial;
	font-size: 14px;
  color:#727272;
	margin-top: 5px; 
	margin-bottom: 5px; 
	}

th	{ 
	font-family: Verdana,Tahoma,Arial; 
  font-size: 12px;
	text-align: left;
	}

td { 
	font-family: Verdana,Tahoma,Arial; 
  font-size: 12px;
	text-align: left;
	}

/*input, textarea, select {
	font-family: Arial; font-size: 70%;
	font-size: 100%;
}

html>body input, html>body select, html>body textarea {
	font-family: Arial; font-size: 70%;
	font-size: inherit;
}*/

.title { 
  color: #808080; 
  background: #fff;
}

input.search {
  width: 279px;
  border: none;
  background: #fff url(Images/input.gif) no-repeat;
  padding: 6px 10px;
  color: #1E67A8;
  font-weight: bold;
}

input.button {
  padding: 3px;
}

#content {
  margin: 10px auto;
  width: 960px;
  text-align:left;
}

/* END Common */

.Header {
	width: 100%;
	}

.Header th { 
	font-size: 90%; text-align: left;
	padding: 2px;
	background-color: #5797d8; color: #ffffff;
	width: 100%;
	white-space: nowrap;
	}

.Header a:link { 
	color: #ffffff;
	}

.Header a:visited { 
	color: #ffffff;
	}

.Header a:hover, .Caption a:active { 
	color: #ffffff; text-decoration: none;
	}

.HeaderLeft { 
	background-image: url('Images/HeaderLeft.gif');
	}

.HeaderRight { 
	background-image: url('Images/HeaderRight.gif');
	background-position: right top;
	}

.HeaderLeft img{
	width: 3px;
	}

.HeaderRight img{
	width: 9px;
	}

/* Grid Options */
.Grid { 
	width: 100%;
	}

.Caption th { 
	padding: 2px;
  font: 1em Verdana,Tahoma,Arial;	
	background-color: #e3e3e3; color: #474747;
	white-space: nowrap;
  line-height: 1.6em;	
	}

.Caption td { 
	padding: 2px;
  font: 1em Verdana,Tahoma,Arial;
	background-color: #e3e3e3; color: #474747;
	white-space: nowrap;
  line-height: 1.6em;	
	}

.Caption a:link { 
	color: #ffffff;
	}

.Caption a:visited { 
	color: #ffffff;
	}

.Caption a:hover, .Caption a:active { 
	color: #ffffff;
	}

.Caption img {
	margin: 2px; 
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th { 
	padding: 2px;
  font: 1em Verdana,Tahoma,Arial;
	background-color: #fbfbfb; color: #474747;
	white-space: nowrap;
	color: #474747;
  line-height: 1.6em;	
	}

.Row td { 
	padding: 2px;
  font: 1em Verdana,Tahoma,Arial;
	text-align: left;
	vertical-align: top;
	background-color: #fbfbfb; 
	color: #474747;
  line-height: 1.6em;	
	}
	
caption.Row { 
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	text-align: left;
	vertical-align: top;
	background-color: #fbfbfb; 
	color: #474747;
	}

.Row a:link { 
	color: #ffffff;
	}

.Row a:visited { 
	color: #ffffff;
	}

.Row a:hover, .Row a:active { 
	color: #ffffff;
	}

.Separator{
	color: #5797d8;
	}

.Separator td{
	height: 1px;
	}

.AltRow th { 
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	background-color: #fbfbfb; color: #474747;
	white-space: nowrap;
	color: #474747;
	}

.AltRow td { 
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	text-align: left;
	vertical-align: top;
	background-color: #f0f6fc; 
	color: #474747;
	}

.AltRow a:link { 
	color: #ffffff;
	}

.AltRow a:visited { 
	color: #ffffff;
	}

.AltRow a:hover, .AltRow a:active { 
	color: #ffffff;
	}

.NoRecords td { 
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
	text-align: left;
	background-color: #fbfbfb; 
	color: #474747;
	vertical-align: top;
	}

.Footer td { 
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
	background-color: #e3e3e3; color: #474747;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #474747;
	}

.Footer a:link { 
	color: #1c6cbc;
	}

.Footer a:visited { 
	color: #1c6cbc;
	}

.Footer a:hover, .Footer a:active { 
	color: #1dc41d;
	}

.Footer img {
	margin: 2px; 
	vertical-align: middle;
	}

.Footer input {
	margin: 2px;
	vertical-align: middle;
	}

/* Record Options */
.Record { 
	
	width: 100%;
	}

.Error td { 
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	text-align: left;
	color: #FF0000;
	vertical-align: top;
	background-color: #fbfbfb; 
	}

.Controls th { 
  font: 1em Verdana,Tahoma,Arial; 
  font-weight: normal; 
  text-align: left; 
  vertical-align: top;
	padding: 2px;
  line-height: 1.6em;		
	background-color: #fbfbfb; color: #474747;
	white-space: nowrap;
	color: #474747;
	}

.Controls td { 
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	text-align: left;
	vertical-align: top;
	background-color: #fbfbfb; 
	color: #474747;
	}
	
.Bottom td { 
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	background-color: #e3e3e3; color: #474747;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #474747;
	}

.Bottom a:link { 
	color: #1c6cbc;
	}

.Bottom a:visited { 
	color: #1c6cbc;
	}

.Bottom a:hover, .Caption a:active { 
	color: #1dc41d;
	}

.Bottom img {
	margin: 2px;
	vertical-align: middle; 
	}

.Bottom input {
	margin: 2px;
	vertical-align: middle;
	}

/* Report */
.GroupCaption th{
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #f0f6fc; 
	color: #474747;
	}

.GroupCaption td{
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #fbfbfb; 
	color: #474747;
	}

.GroupCaption a:link {
	color: #474747;
	}

.GroupCaption a:visited{
	color: #474747;
	}

.GroupCaption a:hover, .GroupCaption a:active{
	color: #1dc41d;
	}

.GroupFooter td{
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #e3e3e3; 
	color: #474747;
	}

.GroupFooter a:link {
	color: #1c6cbc;
	}

.GroupFooter a:visited{
	color: #1c6cbc;
	}

.GroupFooter a:hover,.GroupFooter a:active{
	color: #1dc41d;
	}

.GroupFooter img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
	}

.SubTotal td{
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #f0f6fc; 
	color: #474747;
	border-bottom: 2px solid #5797d8;
	}

.SubTotal a:link {
	color: #1c6cbc;
	}

.SubTotal a:visited{
	color: #1c6cbc;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #1dc41d;
	}

.Total td{
  font: 1em Verdana,Tahoma,Arial;
	padding: 2px;
  line-height: 1.6em;		
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #f0f6fc; 
	color: #474747;
	}

.Total a:link {
	color: #1c6cbc;
	}

.Total a:visited{
	color: #1c6cbc;
	}

.Total a:hover, .Total a:active{
	color: #1dc41d;
	}

/* Form Options */
.Button { 
	background-color: #5797d8; color: #ffffff; border-left: solid 1px #EDEDED; border-top: solid 1px #EDEDED; border-right: solid 1px #848284; border-bottom: solid 1px #848284; padding: 2px; font-weight: bold; font-size: 85%; font-family: Tahoma;
	}

/* Calendar */

.Calendar { 
	
	width: 100%;
	}

.CalendarWeekdayName{
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #f0f6fc; 
	color: #474747;
	font-weight: normal;
	}

.CalendarWeekdayName a:link {
	color: #1c6cbc;
	}

.CalendarWeekdayName a:visited{
	color: #1c6cbc;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #1dc41d;
	}

.CalendarWeekendName{
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #f0f6fc;	
	color: #474747;
	font-weight: normal;
	}

.CalendarWeekendName a:link {
	color: #474747;
	}

.CalendarWeekendName a:visited{
	color: #474747;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #1dc41d;
	}

/* Calendar Day */
.CalendarDay{
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	text-align: center;
	background-color: #fbfbfb;	
	color: #474747;
	}

.CalendarDay a:link {
	color: #1c6cbc;
	}

.CalendarDay a:visited{
	color: #1c6cbc;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #1dc41d;
	}

/* Calendar Weekend */
.CalendarWeekend{
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	text-align: center;
	background-color: #f0f6fc;	
	color: #474747;
	}

.CalendarWeekend a:link {
	color: #1c6cbc;
	}

.CalendarWeekend a:visited{
	color: #1c6cbc;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #1dc41d;
	}

/* Calendar Today */
.CalendarToday {
  font: 1em Tahoma, Arial, sans-serif;
	padding: 0px;
	border: 2px solid #5797d8;
	text-align: center;
	background-color: #fbfbfb;	
	color: #474747;
	}

.CalendarToday a:link {
	color: #1c6cbc;
	}

.CalendarToday a:visited{
	color: #1c6cbc;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #1dc41d;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
  font: 1em Tahoma, Arial, sans-serif;
	padding: 0px;
	border: 2px solid #5797d8;
	text-align: center;
	background-color: #f0f6fc;	
	color: #474747;
	}

.CalendarWeekendToday a:link {
	color: #1c6cbc;
	}

.CalendarWeekendToday a:visited{
	color: #1c6cbc;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #1dc41d;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	text-align: center;
	background-color: #fbfbfb;	
	color: #5797d8;
	}

.CalendarOtherMonthDay a:link {
	color: #5797d8;
	}

.CalendarOtherMonthDay a:visited{
	color: #5797d8;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #1dc41d;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
  font: 1em Tahoma, Arial, sans-serif;
	padding: 0px;
	border: 2px solid #5797d8;
	text-align: center;
	background-color: #fbfbfb;	
	color: #5797d8;
	}

.CalendarOtherMonthToday a:link {
	color: #5797d8;
	}

.CalendarOtherMonthToday a:visited{
	color: #5797d8;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #1dc41d;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	text-align: center;
	background-color: #f0f6fc;	
	color: #5797d8;
	}

.CalendarOtherMonthWeekend a:link {
	color: #5797d8;
	}

.CalendarOtherMonthWeekend a:visited{
	color: #5797d8;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #1dc41d;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
  font: 1em Tahoma, Arial, sans-serif;
	padding: 0px;
	border: 2px solid #5797d8;
	text-align: center;
	color: #5797d8;
	background-color: #f0f6fc;	
	}
	
.CalendarOtherMonthWeekendToday a:link {
	color: #5797d8;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: #5797d8;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #1dc41d;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	background-color: #e3e3e3;
	color: #474747;
	text-align: center;
	font-weight: bold;
	}
	
.CalendarSelectedDay a:link {
	color: #474747;
	}

.CalendarSelectedDay a:visited{
	color: #474747;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #1dc41d;
	}

/* Calendar Navigator */
.CalendarNavigator {
  font: 1em Tahoma, Arial, sans-serif;
	padding: 2px;
	background-color: #e3e3e3; color: #474747;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #474747;
	}

.CalendarNavigator a:link {
	color: #1c6cbc;
	}

.CalendarNavigator a:visited{
	color: #1c6cbc;
	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #1dc41d;
	}

.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle; 	
	}

.CalendarNavigator td {
  font: 1em Tahoma, Arial, sans-serif;
	}

.CalendarNavigator th {
  font: 1em Tahoma, Arial, sans-serif;
	}

/* Calendar Extra */
.CalendarEvent{
  font: 1em Tahoma, Arial, sans-serif;
	text-align: left;
	}

.CalendarEvent a:link {
	color: #1c6cbc;
	}

.CalendarEvent a:visited{
	color: #1c6cbc;
	}

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #1dc41d;
	}

/* Changes for Section508 */
table tr td strong {
	padding: 0px;
	margin: 0px;
}

.th { 
	font-family: Verdana,Tahoma,Arial; 
  font-size: 12px;
	font-weight: bold;
}

.Header .th { 
	font-size: 12px;
  text-align: left;
	padding: 2px;
	background-color: #5797d8; color: #ffffff;
	width: 100%;
	white-space: nowrap;
}

.Caption .th { 
  font: 1em Verdana,Tahoma,Arial;
  font-size: 12px;
  text-align: left; 
  vertical-align: top;
	padding: 2px;
	
	background-color: #e3e3e3; color: #474747;
	white-space: nowrap;
}

.Row .th { 
  font: 1em Verdana,Tahoma,Arial; 
  font-size: 12px;
  font-weight: normal; 
  text-align: left; 
  vertical-align: top;
	padding: 2px;
	background-color: #fbfbfb; color: #474747;
	white-space: nowrap;
	color: #474747;
}

.AltRow .th { 
  font: 1em Verdana,Tahoma,Arial; 
  font-size: 12px;
  font-weight: normal; 
  text-align: left; 
  vertical-align: top;
	padding: 2px;
	background-color: #fbfbfb; color: #474747;
	white-space: nowrap;
	color: #474747;
}

.Controls .th { 
  font: 1em Verdana,Tahoma,Arial; 
  font-size: 12px;
  font-weight: normal; 
  text-align: left; 
  vertical-align: top;
	padding: 2px;
	background-color: #fbfbfb; 
  color: #474747;
	white-space: nowrap;
	color: #474747;
}

.GroupCaption .th {
  font: 1em Verdana,Tahoma,Arial;
  font-size: 12px;
	padding: 2px;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	font-weight: bold;
	background-color: #f0f6fc; 
	color: #474747;
}

/* Class for Application Builder Menu */
.simpleMenu td {
  font: 1em Tahoma, Arial, sans-serif;
}

/* header */
#header {
  height: 75px;
}

#logo {
  padding: 0px 0 0 0px;
}

#logo p { 
  margin: 0; 
  padding: 0 0 0 10px; 
  color: #808080; 
  background: #fff; 
}

#top_info { 
  float: right; 
  width: 570px; 
  margin: 20px 5px 0 0; 
  text-align: right; 
}

/* horizontal tabbed menu */	
#tabs { 
  background: #fff url(Images/bigbox.gif) no-repeat top left; 
  color: #000;  
  height: 64px; 
  text-align: center; 
  padding: 0 0 0 210px; 
}

#tabs li { 
  display: inline; 
  height: 45px; 
}

#tabs li a { 
  float: left; 
  background: #fff url(Images/barbg.gif) no-repeat; 
  color: #808080; 
  padding: 7px 0; 
  width: 82px; 
  text-align: center; 
  font-weight: bold; 
  text-decoration: none;
}

#tabs li a:hover { 
  background: #fff url(Images/barcurrent.gif) no-repeat; 
  color: #000; 
}	

#tabs li a.current { 
  background: #fff url(Images/barcurrent.gif) no-repeat; 
  color: #2C71AE;
}	

.key {
  text-decoration: underline;
}

/* search form */
#search { 
	float: left;
	clear: both;
	color: #000;
	background: #fff url(Images/searchbg.gif) no-repeat;
	padding: 14px 0 20px 5px;
	width: 500px;
	margin: 5px 0 0 0;
}
#search p {
  padding: 0; 
  margin: 0;
}

/* grey subheader */
.gboxtop { 
  clear: both; 
  height: 8px; 
  background: #dedede url(Images/gboxtop.gif) no-repeat; 
  color: #000; 
}

.gbox { 
  background: #dedede url(Images/gbox.gif) no-repeat bottom left; 
  color: #444; 
  padding: 1px 13px 7px 13px; 
  margin: 0 0 20px 0; 
}

.gbox p { 
  padding: 7px 0;
  margin: 0;
}

/* one side */
.center { 
  float: left; 
  width: 945px;
  margin: 0 0 10px 0; 
}

/* left side */
.left { 
  float: left; 
  width: 650px;
  margin: 0 0 10px 0; 
}

.left2 { 
  float: left; 
  width: 230px;
  margin: 0 0 10px 0; 
}

.left_articles {
	margin: 0 20px 15px 10px;
	padding: 5px 0 0 0;
	text-align: justify;
	color: #000;
	background: #fff;
}
	
.calendar2 { 
  height: 50px;
  float: left;
  background: #fff url(Images/calendar.gif) no-repeat; 
  width: 50px; 
  padding: 5px 0 0 9px; 
  color: #808080;
}

.calendar2 p { 
  padding: 0; 
  margin: 0; 
}

.description { 
  padding: 0 0 2px 0; 
  margin: 0 10px 5px 0; 
  border-bottom: 1px dotted #ccc;
  font: bold 1em Arial, Sans-Serif;
}

.thumbnail { 
  float: left; 
  margin: 0 18px 8px 0; 
  border: 1px solid #dedede; 
}

/* bottom thirds */
.thirds { 
  float: left; 
  width: 195px; 
  background: #eee; 
  margin: 0 10px 0 0; 
  color: #5d5d5d; 
}

.smallboxtop { 
  height: 14px; 
  background: #fff url(Images/smallboxtop.gif) no-repeat; 
  color: #000; 
}

.smallbox { 
  background: #fff url(Images/smallbox.gif) no-repeat bottom left; 
  color: #444; 
  padding: 1px 10px 10px 10px;  
}

.smallbox p { 
  padding: 0; 
  margin: 0; 
}
	
/* right side */
#right {
	float: right;
	width: 295px;
	margin: 0 0 10px 0;
}

#right2 {
	float: right;
	width: 715px;
	margin: 0 0 10px 0;
}

.boxtop { 
  height: 19px; 
  background: #fff url(Images/boxtop.gif) no-repeat; 
  color: #000; 
}

.box { 
  background: #fff url(Images/box.gif) no-repeat bottom left; 
  color: #5b5b5b; 
  padding: 0 10px 15px 10px; 
  margin: 0 0 10px 0; 
}

.box p { 
  padding: 0;
  margin: 0;
}

.image { 
  float: left; 
  margin: 0 9px 2px 0;
  padding: 2px 2px 2px 2px;
  border: 2px solid #bababa;  
}


/* misc */
.buttons { 
  text-align: right; 
  padding: 4px 3px 0 0;
}

.left_articles .buttons { 
  float: right; 
  height: 20px; 
}

.bluebtn, .bluebtn:link, .bluebtn:active, .bluebtn:visited { 
  background: #488EB2 url(Images/bluebtn.gif) no-repeat; 
  width: 100px; 
  padding: 1px 16px 5px 16px; 
  color: #fff; 
  text-decoration: none; 
}

.greenbtn, .greenbtn:link, .greenbtn:active, .greenbtn:visited { 
  background: #488EB2 url(Images/greenbtn.gif) no-repeat; 
  padding: 1px 17px 5px 16px; 
  color: #fff; 
  text-decoration: none; 
}

.bluebtn:hover, .greenbtn:hover { 
  background: #488EB2 url(Images/hoverbtn.gif) no-repeat; 
  color: #fff;
  text-decoration: none;  
}

/* footer  */
.footer2 { 
  clear: both; 
  text-align: center; 
  line-height: 1.8em; 
  padding: 10px 0 10px 0; 
  border-top: 1px solid #ccc; 
}

/* cabecera */

#logo{float:left; background-image:url(Images/mtm_logo.png); width:274px; height:140px;background-repeat:no-repeat;}
#topheader{float:right; width:686px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:2px;}
#menu{float:right; width:686px; height:32px; background-image:url(Images/bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:686px; height:32px; background-image:url(Images/bg_submenu.gif); background-position:top; background-repeat:repeat-x; margin:0 0 15px 0}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: Verdana,Tahoma,Arial;
	font-size:12px;
	color: #666666;
}

.titletext {
	font: 1em Verdana,Tahoma,Arial;
	font-size:36px;
	font-weight:bold;
	color:#336699;
}
.titletext a{
	font: 1em Verdana,Tahoma,Arial;
	font-size:36px;
	font-weight:bold;
	color:#336699;
	text-decoration:none;
}
.titletext a:visited, a:active{
	font: 1em Verdana,Tahoma,Arial;
	font-size:36px;
	font-weight:bold;
	color:#336699;
	text-decoration:none;
}
.titletext a:hover{
	font: 1em Verdana,Tahoma,Arial;
	font-size:36px;
	font-weight:bold;
	color:#00cc00;
	text-decoration:none;
}
.whitetitle {
	font: 1em Verdana,Tahoma,Arial;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 1em Verdana,Tahoma,Arial;
	font-size:20px;
	font-weight:bold;
	color:#444444;
}
.smallwhitetext {
	font: 1em Verdana,Tahoma,Arial;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a:link{
	font: 1em Verdana,Tahoma,Arial;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:visited, a:active{
	font: 1em Verdana,Tahoma,Arial;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	font: 1em Verdana,Tahoma,Arial;
	font-size: 11px;
	font-weight:bold;
	color: #cfcfcf;
	text-decoration:none;
}
.smallgraytext {
	font: 1em Verdana,Tahoma,Arial;
	font-size: 12px;
	font-weight:bold;
	color:#727272;
}
.smallgraytext a:link{
	font: 1em Verdana,Tahoma,Arial;
	font-size: 12px;
	font-weight:bold;
	color:#727272;
	text-decoration:none;
}
.smallgraytext a:visited, a:active{
	font: 1em Verdana,Tahoma,Arial;
	font-size: 12px;
	font-weight:bold;
	color:#727272;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:none;
}
.smallredtext {
	font: 1em Verdana,Tahoma,Arial;
	font-size: 12px;
	font-weight:bold;
	color:#336699;
}
.smallredtext a{
	font: 1em Verdana,Tahoma,Arial;
	font-size: 12px;
	font-weight:bold;
	color:#336699;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:none;
}

.tarjeta { 
  background: #fff url(../../Img/tarjeta.gif) no-repeat top left; 
  color: #727272; 
  padding: 15px 10px 15px 10px; 
  margin: 0 0 10px 0;