BODY {
    font: 10px Verdana, Arial, sans-serif;
    background: #ffffff;
    color: #fefefe;
    margin: 0;
    padding: 0;
    
    background-repeat: repeat-x ;
}

.pathway {
	padding-left    : 15px;
	border			: 0;
	color: #fefefe;
	font-family: Verdana, Arial;
	font-size:10px;
	
}

a.pathway:link, a.pathway:visited {
	color			: #ffffff;
	font-size		: 11px;
	line-height		: 18px;
	font-family: Verdana, Arial;
}

a.pathway:hover {
	color			: #ffffff;
	font-family: Verdana, Arial;
}


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


/*TODO: Arreglar incompatibilidad entre una lista y el menu*/

li{
text-align: left;
}

/*li
{
padding-left:6px;
padding-top: 3px;
background-image: url(../images/bullet.png) ;
background-repeat: no-repeat;
background-position: 0px 3px;

}
*/

.pagenav
{
	font-size:14px;
	font-weight:normal;
}
.componentheading
{
	height: 14px;
	margin-left:2px;
	padding-left:3px;
	border-bottom: 1px solid #336699;
	color: #336699;
	text-align: left;
	white-space: nowrap;
	font-family: Verdana, Arial;
	font-size:14px;
	font-weight:bold;
}


a.toclink:link, a.toclink:visited
{
	line-height:normal;
	font-size:11px;
	font-family: Verdana, Arial;
	color: #fefefe;
	text-decoration: underline;
}

a.toclink:hover
{
	text-decoration: none;
}

table.contenttoc {
	border: 1px solid #FFFFFF;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 2px;
}


table.contenttoc th {
	background: #E1DECF;
	color: #ffffff;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
}


.button {
	margin-top:3px;
	margin-bottom: 3px;
	padding-left:5px;
	padding-right:5px;
	border:solid 1px #ADAA9C;
	background-color: #E1DECF;
	color: #fefefe;
	font-family: Verdana, Arial, Helvetica, Sans Serif;
	text-align: center;
	font-size: 11px;
}

.sectiontableheader
{
	background: #E1DECF;
	height: 20px;
	padding-right:3px;
	font-weight :bold;
}

table.contentpane td.contentdescription
{
	font-size:14px;
	line-height:18px;
	font-family:  Verdana, Arial, Helvetica, Sans Serif;
}

table.contentpane td.componentheading
{
	background:#E1DECF;
	height: 20px;
	padding-left:3px;
	border: 1px solid #FFFFFF;
	color: #C20A28;
	text-align: left;
	padding-bottom:3px;
	white-space: nowrap;
	font-family: Verdana, Arial;
	font-size:14px;
	font-weight:bold;
}

table.contentpane td
{
	padding-top:1px;
	padding-bottom:2px;
	font-size:14px;
}

a:link, a:visited {
	font-family: Verdana, Arial;
	color: #3B3B3D;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}	

table.contentpaneopen
{
	width:100%;
}

table.contentpaneopen td
{
	line-height:18px;
	font-size:14px;
}

table.contentpaneopen td.contentheading
{
	height: 20px;
	padding-left:5px;
	color: #b2c0c9;
	text-align: left;
	white-space: nowrap;
	font-family: Verdana, Arial;
	font-size:14px;
	font-weight:bold;
	background-repeat: no-repeat;
	background-color:#3880b1;
	
	}


a.sublevel:link, a.sublevel:visited {
	font-size: 10px;
	color: #fefefe;
	text-align: left;
	text-decoration: underline;
	vertical-align:middle;
	
}

a.sublevel:hover {
	text-decoration: none;

}


a.mainlevel:link, a.mainlevel:visited {
	display: block;
	vertical-align: middle;
	font-size: 14px;
	text-align: left;
	padding-left:14px;
	padding-top: 4px;
	height: 18px;
	text-decoration: none;
	color:#fefefe;
	background-repeat: no-repeat;

}


a.mainlevel:hover {
	padding-left:15px;
	text-decoration: none;
	color: #fefefe;
	text-align: left;
}

table.moduletable {
	width:100%;	
	margin: 1px;
	border-spacing: 0px;
	border-collapse: collapse;
}

/*ENCABEZADO DEL MÓDULO*/
table.moduletable th {
	color: #646C6E;
	text-align: center;
	vertical-align:middle;
	padding-left: 10px;
	height: 25px;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Arial;
	
}

/*LETRAS DEL CONTENIDO*/
table.moduletable td {
	margin-top:13px;
        text-align: justify;
	padding-left:0px;
	font-size: 11.05px;
	margin: 0px;
	color: #031A4E;
	font-weight: normal;
	font-family: Verdana, Sans-Serif, Arial;
}

td
{
	font-family:Verdana, Arial;
	font-size:14px;
	color:#000000;
	
}
.mymoduletdmiddle
{
	background: url(../images/module_middle_graphic.gif) repeat-y;
	padding-left:18px;
	padding-right:10px;
}

.mymoduletdheader
{
	background: url(../images/module_top_graphic.gif) no-repeat;
	height: 13px;
}

.mymoduletdfooter
{
	background: url(../images/module_footer_graphic.gif) no-repeat;
	height: 10px;
}

.mymodulebg
{
	background: url(../images/general_module_bg.jpg) no-repeat right bottom;
	height:110px;
}

.mymainbody
{
	padding-top :3px;
	padding-left:5px;
	padding-right :23px;
}

.inputbox {
	font-size:10px;
	font-family: verdana, Arial;
	border:solid 1px #cfcfcf;
	background-color: #3880b1;
	
}
.time {
font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
font-size:9px;
color:#686868;
}

/* --------------------------*/ 
a.sgfooter:link, a.sgfooter:visited {
	color			: #fefefe;
	font-size		: 11px;
	font-family: Verdana, Arial;
	text-decoration:none;
}
a.sgfooter:hover {
	color			: #fefefe;
	font-family: Verdana, Arial;
	text-decoration:none;
}
.sgf {
font-size: 9px;
font-family: Verdana, Arial, Helvetica,sans-serif;
color: #333;
text-decoration:none;
}
.sgf1 {
font-size: 10px;
font-family: Verdana, Arial, Helvetica,sans-serif;
color: #333;
text-align:left;
}

a.sglink:link, a.sglink:visited {
	color			: #333;
	font-size		: 11px;
	font-family: Verdana, Arial;
	text-decoration:none;
}
a.sglink:hover {
	color			: #333;
	font-family: Verdana, Arial;
	text-decoration:none;
}

/***********************MENU****************************************/


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#multi-level {height:30px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:35px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:106px; background:url(../images/botones/rollover_03.gif) no-repeat;;}
.menu li.p2 {width:127px; background:url(../images/botones/rollover_04.gif) no-repeat;;}
.menu li.p3 {width:129px; background:url(../images/botones/rollover_05.gif) no-repeat;;}
.menu li.p4 {width:104px; background:url(../images/botones/rollover_06.gif) no-repeat;;}
.menu li.p5 {width:121px; background:url(../images/botones/rollover_07.gif) no-repeat;;}
.menu li.p6 {width:142px; background:url(../images/botones/rollover_08.gif) no-repeat;;}
.menu li.p7 {width:126px; background:url(../images/botones/rollover_09.gif) no-repeat;;}

/* set up the normal unhovered images in the links */
.menu li a#Home {width:106px; background:url(../images/botones/boton_03.gif) no-repeat;}
.menu li a#Empresa {width:127px; background:url(../images/botones/boton_04.gif) no-repeat;}
.menu li a#Servicios {width:129px; background:url(../images/botones/boton_05.gif) no-repeat;}
.menu li a#DBA {width:104px; background:url(../images/botones/boton_06.gif) no-repeat;}
.menu li a#Productos {width:121px; background:url(../images/botones/boton_07.gif) no-repeat;}
.menu li a#Consultoria {width:142px; background:url(../images/botones/boton_08.gif) no-repeat;}
.menu li a#Alianzas {width:126px; background:url(../images/botones/boton_09.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:200;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#Home:hover, .menu li:hover a#Home,
.menu li a#Empresa:hover, .menu li:hover a#Empresa,
.menu li a#Servicios:hover, .menu li:hover a#Servicios,
.menu li a#DBA:hover, .menu li:hover a#DBA,
.menu li a#Productos:hover, .menu li:hover a#Productos,
.menu li a#Consultoria:hover, .menu li:hover a#Consultoria,
.menu li a#Alianzas:hover, .menu li:hover a#Alianzas {background:transparent;}

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* set up the first drop down sub level */
.menu :hover ul.sub {text-align:left; left:0; top:35px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:260px; height:auto;}
.menu :hover ul.sub li {text-align:left; display:block; height:20px; position:relative; float:left; width:250px;}
.menu :hover ul.sub li a {text-align:left; display:block; font-sie:11px; height:20px; width:255px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(../pro_drop/multi_level-files/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#1D1D62; color:#fff;}
.menu :hover ul.sub li a.fly:hover {background:#1D1D62 url(../pro_drop/multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#1D1D62 url(../pro_drop/multi_level-files/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{text-align:left; left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:250px; z-index:200; height:auto; z-index:300;}