/*  -------------------------------------- 
		Reset CSSs
 ----------------------------------------- */
form
{
	margin: 0px;
	padding: 0px;
}

#nota_percepciones{
	display:block;
	margin-top:-8px;
	margin-bottom:10px;
	color: gray;
	font-style: italic;
}

table{
	font-size:inherit;
}

fieldset {
	border:1px solid #d7d8d3;
}

img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
 
 /******* end reset css ******/
/* -----------------------------------------
              General page properties 
  ------------------------------------------*/
 
body
{
	font: 11px Arial, Verdana, sans-serif;
	color: #000000;
	width:100%; 
	margin: 0px 0px 0px 0px;
	background-color: #F2F3F7;
}

.std-font{
	font: 11px Arial, Verdana, sans-serif;
}	

img {
	border: none;
}

div#holder {
  width:965px;
  margin:10px auto;
  padding:0;
  text-align:left;
}

div#holderheader {
  background: url("/capper/javax.faces.resource/page/onecolumn_bg.gif.xhtml?ln=img") repeat-y top center;
}

/* -----------------------------------------
              Header area              
  ------------------------------------------*/
#header
{	
	width: 955px;
	Xheight: 116px;
	text-align: left;
	margin: 0px auto;
	background: url("/capper/javax.faces.resource/page/headerbg.gif.xhtml?ln=img") repeat-x top left;
}

/* Logo and Slogan container */
#logoslogan
{
	float: left;
	margin-bottom: 0px;
}

/* for IE6 uncomment these lines an replace the context name and logo ath for the appropiates values
.logo{   
	background-color:transparent;
	background-position:left top;
	background-repeat:no-repeat;
	background-image: none !important;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/$contextName$/img/page/logo.png') no-repeat left top;
	width:100px;
	height:45px;
}

.logo img{
  _visibility:hidden;
}
*/

#toprightarea {
  height:21px;
  padding:9px 10px 8px 200px;
  text-align:right;
  clear:right;
  color:#fff;
}

/* header title using white color  */
#apptitle
{
	margin: 0px;
	padding: 0px;
	font-size: 15px;
	color: #ffffff;
	font-weight: bold;
}

/* ---------------------------------------------
	toolbar Menu rich faces
  ----------------------------------------------- */
#toolbar{
	width: 955px;
	height:34;
	margin: 0px auto;
}
 
.CCCnavitem-rich {
	border-bottom:1px solid #ECECEC;
	border-right:1px solid #ECECEC;             
}

.CCCnavitem-rich a{
	text-decoration: none;
}
		
.rf-tb-itm{
	color:#303030;
}

.rf-tb-itm a{
	color:#000;
	text-decoration: none;
}
.rf-tb-itm a:hover{
	color:#000;
	text-decoration: underline;
}
/* -----------------------------------------
              Page content area   REVISAR READING           
  ------------------------------------------*/
.onecolumn
{
	width: 965px;
	margin: 0px auto 0px auto;
	background: url("/capper/javax.faces.resource/page/onecolumn_bg.gif.xhtml?ln=img") repeat-y top center;
	text-align: left;
}
.onecolumn .contentarea
{
	background: url("/capper/javax.faces.resource/page/onecolumn_bottom.gif.xhtml?ln=img") no-repeat bottom center;
	padding: 0px 5px 50px 5px;
}
.onecolumn .contentarea .reading
{
	padding: 5px 27px 0px 27px;
	word-wrap: break-word;
}
.twocolumn
{
	width: 965px;
	margin: 3px auto 0px auto;
	background: url("") repeat-y top center;
	text-align: left;
}
.twocolumn .contentarea
{
	background: url("") no-repeat bottom center;
	padding: 0px 5px 50px 5px;
}
.twocolumn .contentarea .reading
{
	padding: 5px 27px 0px 27px;
	word-wrap: break-word;
}

.twocolumn .arrow
{
	background: url("") no-repeat top center;
}

/* Page Columns */
.leftcolumn
{
 	float: left;
	/* width: 468px; */
	width: 663px;
}

.rightcolumn
{
	float: left;
	margin-left: 15px;
	padding-top: 10px;
}

/* Footer Block */
.footer
{
	width: 760px;
	margin: 15px auto;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000073;
}
.footer a, .footer a:visited
{
	color: #000073;
	text-decoration: none;
}
.footer a:active, .footer a:hover
{
	color: #4444ba;
	text-decoration: none;
}

/* Copyright Notice */
#copyright
{
	padding-top: 15px;
	font-size: 0.85em;
	text-align: center;
	color:#fff;
  	background:#0d2d83 url("/capper/javax.faces.resource/page/footerbg.gif.xhtml?ln=img") repeat-x left top;
}

#copyright a{
	color: #fff;
	text-decoration: none;
}


/* -----------------------------------------
             Bread crumb paths              
  ------------------------------------------*/

.pathitem {
	background-color: #f9faf4;
	border-bottom: 1px solid #ebebeb;
	padding: 10px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #989a8f;
}

.pathitem a, .pathitem a:visited, .pathitem a:active {
	color: #989a8f;
	text-decoration: none;
}

.pathitem a:hover {
	color: #0169c8;
	text-decoration: underline;
}

.pathitem_last {
	color: #ff9f00;
}
	
.pathitem_last a, .pathitem_last a:visited, .pathitem_last a:active {
	color: #ff9f00;
	text-decoration: none;
}

.pathitem_last a:hover {
	color: #ff9f00;
	text-decoration: underline;
}

/* -----------------------------------------
             Menu navigation bar              
  ------------------------------------------*/ 
ul#navbar {
  float:right;
  min-height:1%;
  margin:0;
  padding:0 0 0 100px;
  text-align:right;
  list-style:none;
  background-color:transparent;
  background-position:left top;
  background-repeat:no-repeat;
  background-image: url("/capper/javax.faces.resource/page/navbar/back-navbar.png.xhtml?ln=img") !important;
/* for IE6 uncomment these lines an replace the context name for the appropiates value
  background-image: none;
  filter: none !important;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/$contextName$/img/page/navbar/back-navbar.png',sizingMethod='crop') no-repeat left top;
 */
}
 
ul#navbar li .sep{
  border-top:1px solid #C0C0C0;
}
 
ul#navbar:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul#navbar li {
  position:relative;
  float:left;
  z-index:30;
}

ul#navbar li ul li{
  _height:20px;  
}

ul#navbar li a {
  float:left;
  padding:9px 12px;
  color:#203399;
  background:#f5f5f5 url("/capper/javax.faces.resource/page/navbar/back-navbar-li-a.gif.xhtml?ln=img") repeat-x left top;
  border-left:1px solid #ececec;
  border-right:1px solid #fff;
  text-decoration: none;  
}
ul#navbar li.final a,ul#navbar li.final a:hover,ul#navbar li.final a.selected {
  border-right:0;
}
ul#navbar li a:hover,ul#navbar li a.selected {
  background:#a9dbef url("/capper/javax.faces.resource/page/navbar/back-navbar-li-hover.gif.xhtml?ln=img") repeat-x left top;
  border-left:1px solid #cbe2ee;
  border-right:1px solid #d6eefa;
}
ul#navbar li ul {
  XXdisplay:none;
  visibility:hidden;  
  position:absolute;
  left:0;
  top:21px;
  width:120px;
  margin:1em 0 0 0;
  padding:0;
  list-style:none;
  text-align:left;
  color:#203399;
  background:#f5f5f5;
  border-top:1px solid #ececec;
  border-bottom:1px solid #ececec;
}
ul#navbar li:hover ul,ul#navbar li.over ul {
  display:block;
  visibility:visible;
}

ul#navbar li ul li {
  float:none;
  z-index:40;
}
ul#navbar li ul li a {
  float:none;
  display:block;
  position:relative;
  padding:5px 12px;
  color:#203399;
  background:#f5f5f5;
  border-right:1px solid #ececec;
}

ul#navproducts {
  width:999px;
  min-height:1%;
  margin:0;
  padding:0;
  list-style:none;
  line-height:1.2em;
  font-weight:bold;
  color:#fff;
  background:#020401 url("/capper/javax.faces.resource/page/navbar/back-navproducts.jpg.xhtml?ln=img") no-repeat left bottom;
}
ul#navproducts:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
ul#navproducts li {
  position:relative;
  float:left;
  border-top:1px solid #434343;
  border-left:1px solid #434343;
  z-index:10;
}
ul#navproducts li.first {
  border-left:0;
}
ul#navproducts li a {
  float:left;
  width:90px;
  padding:18px 10px 8px 10px;
  color:#fff;
}

ul#navproducts li a:hover,ul#navproducts li a.selected {
  background:#2b4380 url("/capper/javax.faces.resource/page/navbar/back-navproducts-li-selected.gif.xhtml?ln=img") repeat-x left bottom;
}
ul#navproducts li.first a {
  width:91px;
}
ul#navproducts li ul {
  position:absolute;
  z-index:200;
  display:none;
  left:0;
  top:26px;
  width:111px;
  margin:2.2em 0 0 0;
  padding:0;
  list-style:none;
  color:#fff;
  background:#020401;
  border-bottom:1px solid #434343;
}
ul#navproducts li:hover ul,ul#navproducts li.over ul {
  display:block;
}
ul#navproducts li.first ul {
  width:112px;
}
ul#navproducts li ul li {
  float:none;
  z-index:20;
  border-top:0;
  border-right:1px solid #434343;
}
ul#navproducts li ul li a {
  float:none;
  position:relative;
  display:block;
  width:auto;
  padding:4px 10px;
  color:#fff;
  background:#020401;
  border-top:1px solid #434343;
}

ul#navproducts li ul li.special a{
 color:#FFF;
 background: #ababab url("/capper/javax.faces.resource/page/navbar/back-menuspecial.jpg.xhtml?ln=img") repeat-y left top;
}



ul#navproducts li ul li a:hover {
  background:#2b4380 url("/capper/javax.faces.resource/page/navbar/back-navproducts-li-selected.gif.xhtml?ln=img") repeat-x left bottom;
}
ul#navproducts li.first ul li a {
  width:auto;
}


/* --------------------------------------------------------------------------
 Link Properties
 ------------------------------------------------------------------------- */
/* General link style */
a, a:visited
{
	color: #006ac9;
	text-decoration: none;
}
a:active, a:hover
{
	color: #2c90e9;
	text-decoration: underline;
}
/* No-Underline links */
a.noul, a.noul:visited, a.noul:active, a.noul:hover
{
	text-decoration: none;
}