**
 * CSS Guide for Mambo 4.5 templates 
 * @author Wee Keat Chin
 * @url www.visualdensity.com
 * @email weekeat@visualdensity.com
 */


/**
 * General Body Styling
 * --------------------
 * These are normal css setup reccommended for your
 * HTML template although they are not neccessary
 */

h4 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	}

h5 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px; font-weight: bold;
	}

h6 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}


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

li {
	list-style: inside 3px;
	}


a.mainlevel:link,a.mainlevel:visited {

        width: 430px;
        display:block;
        padding-left: 4;
	line-height: 17px;
        margin: 2;
        background: #FFFFFF;
        text-decoration   : none;
	color: #003366;
        border-top: solid 1px #E0E0E0;
        border-right: solid 1px #E0E0E0;
        border-bottom: solid 1px #E0E0E0;
        border-left: solid 1px #E0E0E0;
        border-top: solid 1px #E0E0E0;
        font-weight: bold ;
         font-size: 13px;

 }

a.mainlevel:hover {
   display: block;
   padding-left: 4;
   margin: 2;
   text-decoration   : none;
 }

 table.moduletable {
        margin: 0px 0px 0px 0px;
        width: 100%;
        border-left: solid 0px #000000;
        border-right: solid 0px #000000;
        border-top: solid 0px #000000;
        border-bottom: solid 0px #000000;
        }

table.moduletable th {

  font-size        : 11px;
  font-weight      : bold;
  color            : #000000;
  text-align       : left;
 /* background-image : url(../images/module_title_bg.png);  */
  width            : 100%;
}

table.moduletable td {
          font-size: 10px;
          font-weight: normal;
        }
#active_menu {
	padding-left: 4;
  	margin: 3;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003366;
}


a#active_menu:hover {
	padding-left: 4;
  	margin: 3;
	//color: #FFCC00;
	
}

a.sublevel:link,a.sublevel:visited {
        padding-left: 4;
   	margin: 3;
   	text-decoration: none;
	vertical-align: middle;
        font-size: 11px;
        color: #003366;
        font-weight: bold ;
        font-family: Arial, Verdana, Helvetica;
       	font-size: 11px;
      	text-align: left;
}

a.sublevel:hover {
	//color: #003366; text-decoration: none;
	color: #996600; text-decoration: none;
}

/* Enlaces de la concatenación del menu (en el centro arriba)*/
.pathway{
	font-size: 13px; 
	color: #000000; 
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica,;
	font-weight: bold ;
}

a.pathway:link, a.pathway:visited { 
	font-size: 13px; 
	//color: #23598d; 
	color: #0055FF; 
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold ;
  }

a.pathway:hover {
	color: #FF0011;	text-decoration: none;
	}

hr.pathway { 
	width: 100%;
	background: transparent; 
	height:1px;
	border: 1px solid #314B77;
}

/**
 * General Mambo Styles
 */

/* aspecto de la linea de separación*/

hr { 
	width: 98%;
	align: left;
	background: transparent; 
	height:1px;
	border: 1px solid #314B77;
}


/*Enlaces de la página principal a otros apartados*/
a.contentpagetitle:link, a.contentpagetitle:visited { 
	font-size: 11px; 
	//color: #23598d; 
	color: #000000; 
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold ;
  }

a.contentpagetitle:hover {
	color: #0055FF;	text-decoration: none;
	}
.contentpagetitle-principal{
	padding-left: 3px;
	font-size: 11px; 
	//color: #23598d; 
	//color: #0088FF; 
	color: #000000; 
	text-decoration: none;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold ;

}
/*Aspecto de la página principal*/
/*Aspecto del titulo de la página principal*/
.componentheading-principal {
	/* This is used for formatting the component's title
	   when it is displayed on its own page on the frontend */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	//color: #333333; 
	font-weight: bold; 
	background-color: #DFB971; 
	padding-left: 5px; 
	border: 1px #003366 solid
	}
/*Resto de Titulo de la página principal*/
/*.contentheading-principal {
	/* This is used in several places; the Heading of contents on the frontpage,
	   it is also used for Section's heading (see above for explanation) "News" or
	   whatever heading you used */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	color: #FFFFFF; 
	font-weight: bold; 
	background-color: #DFB971; 
	padding-left: 5px; 
	border: 1px #003366 solid
	}
*/
/** 
 * Mambo Styling for Contents
 * --------------------------
 * All the styling for contents are listed
 * below.
 */
 
.contentpane {
	/* This is used mainly for the table that holds the SECTIONS such as News.
	   This is when you create a link to a Section and when clicked on it, it will display
	   "News" then some description (with image if you selected one) and then a list of 
	   Category of News. Yes! That entire thing is contained in a table with this style */
		
	}

.contentpaneopen {	
	 margin: 0px 0px 0px 0px;
        	width: 100%;
        	border-left: solid 0px #000000;
        	border-right: solid 0px #000000;
        	border-top: solid 0px #000000;
       	 border-bottom: solid 0px #000000;
      	}



/*Titulo de las páginas que no son la principal*/
.contentheading {
	/* This is used in several places; the Heading of contents on the frontpage,
	   it is also used for Section's heading (see above for explanation) "News" or
	   whatever heading you used */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px; 
	//color: #333333; 
	font-weight: bold; 
	background-color: #DFB971; 
	padding-left: 5px; 
	border: 1px #003366 solid
	}

/*Aspecto del enlace al buscador*/
/*texto del enlace al buscador*/
.txtBuscador {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
/*Aspecto de la caja*/
.cajaBuscador {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; align=left}

.back_button {
  color            : #0A1855;
  font-family      : Helvetica;
  font-size        : 10px;
  background       : url(../images/back.gif);
  background-repeat: no-repeat;
  white-space      : normal;
  font-weight      : bold;
  border           : 0px solid #999999;
  padding-bottom   : 4px;
  padding-left     : 20px;
  padding-right    : 2px;
  padding-top      : 1px;
  margin-right     : 4px;
  float            : right;
  line-height      : 10px;
  text-decoration  : none;
}


/*links*/
<style>
a:link {
	text-decoration:none;
	}
</style>

/*.back_button {
  font-size: 8px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0px solid #000000;
  padding: 0px;
}*/

a.back_button:link, a.back_button:visited {
	font-size: 8px;
	font-weight: bold;
	color: #000000;
	text-align:left;
	text-decoration: none;
}
a.back_button:hover {
	color: #000000;      
}


/* página de búsqueda*/
table.searchintro {
	/* This is for formatting the box with "Search Keyword: test returned 4 matches" box
	   that appears after you have entered a search value. It appears on the mainbody
	   with the search results  */
 	padding-left: 4;
  	margin: 3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #333333; 
	font-weight: bold; 
	background-color: #DFB971; 
	border: 1px #003366 solid
	
}

tr.sectiontableentry1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #000000 ; 
	height: 18px; 
	background-color: #d5F5FE;

}

tr.sectiontableentry2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 	color: #000000 ; 
	height: 18px;	
	
}


a.resultadoBusqueda:link { font-family: Tahoma, Arial; font-size: 11px; text-decoration: none ; color: #333333; font-weight: bold; clip:  rect(   )}

a.resultadoBusqueda:visited { font-family: Tahoma, Arial; font-size: 11px; text-decoration: none ; color: #333333; font-weight: bold; clip:  rect(   )}

a.resultadoBusqueda:active { font-family: Tahoma, Arial; font-size: 11px; text-decoration: none ; color: #333333; font-weight: bold; clip:  rect(   )}

a.resultadoBusqueda:hover { font-family: Tahoma, Arial; font-size: 11px; text-decoration: underline; color:  #0066CC; font-weight: bold; clip:  rect(   )}

.textoSearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 10px; 
	color: #333333;

}

/*Aspecto de los distintos contactos*/

td.sectiontableheader{
	width:50%;
	padding-left: 4;
  	margin: 3;
	border-left: solid 1px #000000;
        border-right: solid 1px #000000;
        border-top: solid 1px #000000;
        border-bottom: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000 ; 
	font-weight      : bold;
  	text-align       : left;
 	height: 18px; 
	background-color: #DFB971;

}

td.sectiontableentry {
	padding-left: 4;
  	margin: 3;
	border-left: solid 1px #000000;
        border-right: solid 1px #000000;
        border-top: solid 1px #000000;
        border-bottom: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000000 ; 
	font-weight      : bold;
  	text-align       : left;
 	height: 18px; 
	background-color: #d5F5FE;

}
 
div.componentheading {
	width: 100%;
	padding-left: 4;
  	margin: 3;
  	border-left: solid 1px #000000;
        border-right: solid 1px #000000;
        border-top: solid 1px #000000;
        border-bottom: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000 ; 
	font-weight      : bold;
  	text-align       : left;
 	height: 18px; 
	background-color: #DFB971;

}

a.category:visited, a.category:active { 
	font-family: Tahoma, Arial; 
	font-size: 11px; 
	text-decoration: none ; 
	color: #333333; 
	font-weight: bold; 
	clip:  rect(   )
}


a.category:hover { 
	font-family: Tahoma, Arial; 
	font-size: 11px; 
	text-decoration: none; 
	color: #0066CC; 
	font-weight: bold; 
	clip:  rect(   )
}

/* Aspecto de los botones*/
.button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #333333;
}
/* Aspecto de los cuadros de texto*/

.inputbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #333333;
}

.contact_email{
	padding-left: 4;
  	margin: 3;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-size: 10px; 
	color: #333333;
	align:center;
}

/*  Weblinks */

a.weblinks:link, a.weblinks:visited {
	/* well.. to format the link's titles under the "Weblinks" 
	   section on the frontend */
	color: #000000; text-decoration: none; font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}

a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #000099;	text-decoration: none;
	}