/********************************
Colores de la empresa
********************************
suave --- #FFBD99
fuerte -- #D2691E

plomo suave
plomo fuerte    646464
*/

/******************/
/* GLOBAL LAYOUT  */
/******************/

body {font-size:62.5%; width:978px;  margin:0px auto 0px auto;       background-color:#FFFFFF; font-family:arial;  } /*Font-size: 1.0em = 10px when browser default size is 16px*/

.container {width:978px; padding-top:10px; padding-bottom:20px;margin:0 auto;}/* */
.header {width:978px;  font-size:1.0em;
 /*url(../img/bg_header.jpg) repeat-x Total header background image entered here. Height: 125px*/ 	
	}
.header-top {clear:both;  height:80px; background:url(../images/cab.bmp)/*Top header background image entered here. Height: 100px*/; font-size:1.0em;}
.header-bottom {clear:both;  font-size:1.0em; } 
.navbar {white-space:nowrap /*IE hack*/; float:left; width:968px;height:28px;
		background-color:#FFFFFF; font-family:arial,sans-serif,tahoma; 
		font-size:110% !important /*Non-IE6*/; font-size:110% /*IE6*/; /*Color navigation bar normal mode*/
		border-left:solid 5px #004A95; border-right:solid 5px #004A95; 
		border-bottom:solid 5px #004A95; /**/
		}
.main {clear:both; width:958px; background-color:rgb(255,255,255);padding:5px;
	border-left:solid 5px #004A95; border-right:solid 5px #004A95;}	
.content {display:inline; /*Fix IE floating margin bug;*/ float:left; width:968px; background-color:rgb(255,255,255); 
	font-size:1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:978px; padding:5px 0px 5px 0px; font-size:1.1em !important /*Non-IE6*/; font-size:1.0em /*IE6*/; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;
	background-color:#004A95; 
	}

/****************/
/*  HEADER-TOP  */
/****************/

/* SITENAME AND SLOGAN */
.sitelogo {width:70px; height:70px; position:absolute; z-index:1; margin:10px 0 0 10px; background:url(../img/bg_logo.gif);}
.sitename {width:300px; height:70px; position:absolute; z-index:1; margin:10px 0 0 85px; overflow:hidden;}
.sitename h1 {font-family:arial,"trebuchet ms",sans serif; font-weight:normal; font-size:290% !important /*Non-IE6*/; font-size:260% /*IE6*/;}
.sitename h2 {font-family:arial,verdana,sans serif; margin-top:-5px; padding-bottom:2px; color:#FFFFFF; height:20px; font-weight:normal; font-size:130% !important /*Non-IE6*/; font-size:120% /*IE6*/;}
.sitename a{text-decoration:none; color:#FFFFFF;font-style:italic}
.sitename a:hover {text-decoration:none;font-style:normal;font-weight:bold}

/* USER SECTION */
.username {width:200px; position:absolute; z-index:2; margin-top:5px; margin-left:800px !important; margin-left:800px;}

/*******************/
/*  HEADER BOTTOM  */
/*******************/

/* BREADCRUMB */
.header-bottom ul {float:left; width:100%; padding:0px 0px 0px 10px;list-style:none;}
.header-bottom ul li {display:inline; padding: 0px 0px 0px 5px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-size:110% !important; font-size:100%;}
.header-bottom ul li.nobullet {display:inline; padding:0; background:none; color:#FFFFFF;font-weight:normal; text-decoration:none;font-style:normal}
.header-bottom ul a {color:#FFFFFF; font-weight:normal; text-decoration:none;font-style:italic}
.header-bottom ul a:hover {color:#FFFFFF;font-weight:bold;font-style:normal}

/********************/
/*  NAVIGATION BAR  */
/********************/

/* MAIN MENU */
.navbar ul {list-style:none;}
.navbar ul li {float:left; z-index:auto !important; z-index:1000; background-color:#FFFFFF;}
.navbar ul li a {float:none !important ; float:left; display:block;
	padding: 7px 10px 5px 10px; text-decoration:none; font-weight:bold; color:#004A95; 
	border-right:solid 0px #004A95;
	border-left:solid 0px #004A95;}
.navbar ul li ul {display:none; border:none;}

/* SUBMENU (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;}
.navbar ul li:hover a {background-color:#7CA2C8; text-decoration:none; color:#FFFFFF;border-bottom:solid 4px #7CA2C8;}
.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000;  left:0; padding:0px 16px 0px 16px; border-top:solid 1px #7CA2C8;border-bottom:solid 1px #7CA2C8;}
.navbar ul li:hover ul li a {white-space:normal; float:left;text-align:left; display:block; width:12.0em; height:auto; margin-left:-17px; padding:4px 10px 4px 10px; border-right:solid 1px #7CA2C8; border-left:solid 1px #7CA2C8; border-bottom: solid 1px #7CA2C8; background-color:#FFFFFF; font-weight:normal; color:#004A95;} 
.navbar ul li:hover ul li a:hover {background-color:#7CA2C8; text-decoration:none;color:#FFFFFF} 

/* SUBMENU (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative ; background-color:#7CA2C8; text-decoration:none;color:#FFFFFF} 
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; left:0px; border-top:solid 1px #7CA2C8;border-bottom:solid 1px #7CA2C8; }
.navbar ul li a:hover ul li a {white-space:normal;text-align:left; display:block; width:12.0em; height:1px; padding:4px 10px 4px 10px; border-right:solid 1px #7CA2C8; border-left:solid 1px #7CA2C8; border-bottom: solid 1px #7CA2C8; background-color:#FFFFFF; font-weight:normal; color:#004A95;} 
.navbar ul li a:hover ul li a:hover {background-color:#7CA2C8; text-decoration:none;color:#FFFFFF}

/************/
/*  FOOTER  */
/************/
.footer p {clear:both; line-height:1.3em; text-align:center; color:#FFFFFF; font-weight:bold; font-size:110%;}
.footer p.credits {clear:both; font-weight:normal;}
.footer a, .footer a:visited {text-decoration:underline; color:#FFFFFF;}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .header-top:after, .header-bottom:after, .navbar:after, .main:after, .content:after, .content div:after, .subcontent:after, .subcontent div:after, .footer:after
 {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.content-1col-nobox:after, .content-2col-nobox-leftcolumn:after, .content-2col-nobox-rightcolumn:after, .content-3col-nobox-leftcolumn:after, .content-3col-nobox-middlecolumn:after, .content-3col-nobox-rightcolumn:after, .content-1col-box:after, .content-2col-box-leftcolumn:after, .content-2col-box-rightcolumn:after, .content-2col-box:after, .content-3col-box-leftcolumn:after, .content-3col-box-middlecolumn:after, .content-3col-box-rightcolumn:after, .content-3col-box:after 
{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.corner-content-1col-top:after, .corner-content-1col-bottom:after, .corner-content-2col-top:after, .corner-content-2col-bottom:after, .corner-subcontent-top:after, .corner-subcontent-bottom:after
 {content:"."; display:block; height:0; clear:both; visibility:hidden;}
 p:after {content:"."; display:block; height:0; /*clear:both Do not use here to avoid paragraphs clearing next to images;*/  visibility:hidden;}


activo:{background-color:#7CA2C8; text-decoration:none; color:#FFFFFF;border-bottom:solid 4px #7CA2C8;}

/**************/
/*  PRINTING  */
/**************/
/* To avoid that some layouts may break during printing */
/* we remove one vertical border-line for the columns  */  
@media print {.content-2col-nobox-rightcolumn {display:inline; float:right; width:313px; border-left:none; background-color:rgb(255,255,255);}}
@media print {.content-3col-nobox-rightcolumn {display:inline; float:right; width:313px; border-left:none; background-color:rgb(255,255,255);}}