/* ###################### AJUSTES GENERALES ###################### */
BODY {
  margin                     : 0px 0px 0px 0px;
  background-color           : #FFFFFF ;
  color                      : #000000;
  scrollbar-3dlight-color    : #ffffff;
  scrollbar-base-color       : #000000;
  scrollbar-darkshadow-color : #f0f0f0;
  scrollbar-face-color       : #017406;
  scrollbar-highlight-color  : #000000;
  scrollbar-shadow-color     : #ffffff;
  scrollbar-track-color      : #017406;
  scrollbar-arrow-color      : #ffffff;
}

td, tr, p, div {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #000000;
}

ul {
  margin           : 0px 0px 0px 0px;
}

li {
  list-style-image   : url('../images/arrow.gif');
  list-style-position: inside;
}

hr {
  background-color : #f0f9fb;
  height           : 1px;
  font-weight      : bold;
  border-top       : 1px dotted #009fb7;
}


/* ############## PATHWAY ############## */
.pathway {
  font-size        : 10px;
  font-weight      : normal;
  text-transform	 : lowercase;
}

a.pathway:link, a.pathway:visited {
  font-size        : 10px;
  font-weight      : normal;
  text-transform	 : lowercase;
}

a.pathway:hover {
  font-size        : 10px;
  font-weight      : normal;
  text-transform	 : lowercase;  
}


/* ################### MENÚ PRINCIPAL Y SUB-NIVELES ################### */
.mainlevel {
   padding-top      : 2px;
  padding-bottom   : 2px;
  letter-spacing   : 0px;
  width            : 145px;
}

a.mainlevel:link, a.mainlevel:visited {
  padding          : 2px 5px 2px 5px;
  color            : #000000;
  background-color : #ffd633;
  font-weight      : normal;
  font-size        : 10px;
  border           : 1px solid #017604;
}

a.mainlevel:hover {
 /* padding          : 2px 10px 2px 5px; */
   padding          : 2px 5px 2px 5px;
  color            : #ffffff;
  background-color : #017604;
  font-size        : 10px;
  border           : 1px solid #000000;
}

.sublevel {
  padding-top      : 2px;
  padding-bottom   : 2px;
  letter-spacing   : 2px;
}

a.sublevel:hover {
  padding          : 2px 10px 2px 5px;
  color            : #017604;
  font-size        : 10px;
  text-decoration  : underline;
}

a.sublevel:link, a.sublevel:visited {
  padding          : 2px 10px 2px 5px;
  color            : #017604;
  font-weight      : normal;
  font-size        : 10px;
}


/* ############################## MÓDULOS ############################### */
table.moduletable {
  padding-top      : 2px;
  padding-bottom   : 2px;
  letter-spacing   : 0px;
  width            : 100%;
}

table.moduletable th {
  background       : url('../images/separa2.gif') no-repeat;
  vertical-align   : middle;
  height           : 0px;
  font-size        : 11px;
  font-weight      : none;
  color            : #000000;
  text-align       : left;
  letter-spacing   : 0px;
  text-indent      : 18px;
}


/* ###################### AJUSTES LISTADOS SECCIONES ###################### */
.sectiontableheader {
  background-color : #F7F7F7;
  color            : #000000;
  height           : 18px;
  font-weight      : bold;
  border-bottom    : 1px dotted #999999;
  border-top       : 1px dotted #999999;
  text-indent      : 0px;
}

.sectiontableentry1 {
  background-color : #FFFFFF;
}

.sectiontableentry2 {
  background-color : #FAFAFA;
}


/* ###################### AJUSTES LETRAS PEQUEÑAS ###################### */
.small {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #AFAFAF;
  text-decoration  : none;
  font-weight      : normal;
}

.smalldark {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #AFAFAF;
  text-decoration  : none;
  font-weight      : normal;
}


/* ###################### AJUSTES PÁGINAS CONTENIDOS ###################### */
.contentpane {
  text-align       : justify;
  background       : #FFFFFF;
}

.contentpaneopen {
  text-align       : justify;
  background       : #FFFFFF;
}

.contentheading, .componentheading {
  font-family        : Times New Roman, times;
  font-size          : 18px;
  font-weight        : normal;
  height             : 30px;
  color              : #017604;
  text-align         : left;
  letter-spacing     : 1px;

}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}

.modifydate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
  text-decoration  : italic;
}


/* ###################### AJUSTES FORMULARIOS ###################### */
.button {
  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-weight      : normal;
  font-size        : 9 px;
  text-align       : center;
  color            : #000000;
  background       : White;
  border           : 1px solid #000000;
}

.inputbox {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #000000;
  font-weight      : normal;
  background       : #FFFFFF;
  border           : 1px solid #000000;
}

.searchbox {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  font-weight      : normal;
  color            : #000000;
  background       : #FFFFFF;
  border           : 1px solid #000000;
  height           : 15px;
	}


/* ###################### LINKS ###################### */
a:link, a:visited {
  color            : #017604;
  text-decoration  : none;
}

a:hover {
  color            : #990000;
  text-decoration  : none;
}

a.category:link, a.category:visited {
  color            : #017604;
  font-weight      : bold;
  letter-spacing   : 1px;
}

a.category:hover {
  color            : #990000;
}


/* ######### ESTILOS PARA dhtml tabbed-pages ######### */
.ontab {
  background-color : #ffae00;
  border-left      : outset 2px #ff9900;
  border-right     : outset 2px #808080;
  border-top       : outset 2px #ff9900;
  border-bottom    : solid 1px #d5d5d5;
  text-align       : center;
  cursor           : hand;
  font-weight      : bold;
  color            : #FFFFFF;
}

.offtab {
  background-color : #e5e5e5;
  border-left      : outset 2px #E0E0E0;
  border-right     : outset 2px #E0E0E0;
  border-top       : outset 2px #E0E0E0;
  border-bottom    : solid 1px #d5d5d5;
  text-align       : center;
  cursor           : hand;
  font-weight      : normal;
}

.tabpadding {
}

.tabheading {
  background-color : #ffae00;
  text-align       : left;
}

.pagetext {
  visibility       : hidden;
  display          : none;
  position         : relative;
  top              : 0;
}

.pagenav {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  font-size        : 9px;
  font-weight      : normal;
}

.tablehead { background-color: #e8e8e8; color: #4B4B4B; border-bottom: 1px solid #2D2D2D; }
.tablebottom { background-color: #2E2E2E; padding: 5px; color: #C0C0C0; border-bottom: 1px solid #000000; border-top: 1px solid #777777; }
.tablebottom a, .tablebottom a:visited { color: #EFEFEF; text-decoration: none; }
.tablebottom a:hover { color: #FF8040; text-decoration: none; }
.bordercolor { background-color: #C0C0C0; }
.tablebgcolor { background-color: #EFEFEF; }
.navbar { background-color: #2E2E2E; color: #C0C0C0; padding: 5px; border-bottom: 1px solid #777777; border-top: 1px solid #777777; }
.navbar a { color: #EFEFEF; }
.navbar a:visited { color: #EFEFEF; }
.navbar a:hover { color: #FF8040; }
.row1 { background-color: #E9E9E9; color: #4B4B4B; padding: 2px; }
.row2 { background-color: #E0E0E0; color: #4B4B4B; padding: 2px; }
.head1 { background-color: #9F9F9F; color: #FFFFFF; font-size: 11px; font-weight: bold; }
.head1:hover { background-color: #9F9F9F; color: #FFFFFF; font-size: 11px; font-weight: bold; }
.head2 { background-color: #017604; color: #ffffff; font-size: 11px; font-weight: bold; border-bottom: 1px solid #ffffff; padding: 2px; background-image: url('images/cat_ic.gif'); background-repeat: no-repeat; background-position: left; padding-left: 17px; }
.title { font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-weight: bold; color: #D22006; }
.clickstream { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.smalltext { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-weight: normal; }
.marktext { color: #FF0000; background-color: #ffffff; }
.new { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #FF0000; }
form { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
.logininput { background-color: #F5F5F5; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #000000; font-size: 11px; width: 90px; background-color : #ffd633; border: 1px solid #017604; padding: 2px; margin-left: 4px; }
.searchinput { background-color: #FFFFFF; font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 11px; WIDTH: 130px; }
.textarea { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 11px; width: 230px; }
.input { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 11px; width: 230px; }
.select { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 11px; }
.setperpageselect { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 11px; }
.categoryselect { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 11px; }
.dropdownmarker { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; background-color: #EEEEEE; color: #136c99; font-size: 11px; }
.catbgcolor { background-color: #EFEFEF; }
.maincat { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; }
.subcat { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-weight: bold; }
.imagerow1 { color: #4B4B4B; padding: 7px; }
.imagerow2 { background-color: #EFEFEF; color: #4B4B4B; }
.commentrow1 { background-color: #e1e1e1; color: #4B4B4B; }
.commentrow2 { background-color: #efefef; color: #4B4B4B; }
.commentspacerrow { background-color: #d1d1d1; color: #4B4B4B; }
.commenttextarea { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 11px; width: 270px; }
.commentinput { font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif; color: #0f5475; font-size: 11px; width: 270px; }
.pic { filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135, strength=1)    progid:DXImageTransform.Microsoft.Alpha(opacity=100); border: 0; }
.okvir { width: 760px; }
.left { background-color: #CFCFCF; }
.thumb { border: 1px solid #BBBBBB; cursor: hand; height: 200px; background-color: #F5F5F5; }
.thumb2 { border: 1px solid #838383; background-color: #E0E0E0; height: 200px; }
#categories a { display: block; padding-left: 7px; padding-top: 1px; padding-bottom: 1px; color: #172033; padding-right: 3px; border: 1px solid #CFCFCF; }
#categories a:hover { background-color: #E2E2E2; color: #C02105; text-decoration: none; border: 1px solid #9A9A9A; }
.main { border-bottom: 1px solid #000000; border-top: 1px solid #000000; }
.box_back { color: #4B4B4B; padding: 2px; }