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

.list ul li
{
	list-style-image: url(../img/form/ul_li_bullet.gif);
	margin: 5px 0px;
	padding-left: 5px;
}

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;
	line-height: 20px;
}

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

img {
	border: none;
}

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

div#holderheader {
	
}

/* -----------------------------------------
              Header area              
  ------------------------------------------*/
#header {
	width: 100%;
	height: 50px;
	text-align: left;
	margin: 0px auto;
	/*background: url(../img/page/headerbg.jpg) repeat-x top left;*/
}

#headerdown {
	background: #fff url(../img/page/headerdown.gif) repeat-x top left;
	height: 6px;
}

/* Logo and Slogan container */
#logoslogan {
	float: left;
	margin: 0px;
	padding: 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 {
	padding: 9px 10px 0px 0px;
	text-align: right;
	clear: right;
	/*color:#fff;*/
}

#topcentrado {
	float: left;
	padding-top: 18px;
	width: 65%;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
}

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

/* ---------------------------------------------
	toolbar Menu rich faces
  ----------------------------------------------- */
#toolbar {
	width: 100%;
	height: 34;
	margin: 0px auto;
}

.CCCnavitem-rich {
	border-bottom: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}

.CCCnavitem-rich a {
	text-decoration: none;
}

.toolbaritem {
	color: #fff;
}

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

.toolbaritem a:hover {
	color: #fff;
	text-decoration: underline;
}
/* -----------------------------------------
              Page content area   REVISAR READING           
  ------------------------------------------*/
.onecolumn {
	width: 100%;
	margin: 0px auto 0px auto;
	background: url(../img/page/onecolumn_bg.gif) repeat-y top center;
	text-align: left;
}

.onecolumn .contentarea {
	background: url(../img/page/onecolumn_bottom.gif) no-repeat bottom
		center;
	padding: 0px 5px 50px 5px;
}

.onecolumn .contentarea .reading {
	padding: 5px 27px 0px 27px;
	word-wrap: break-word;
}

.twocolumn {
	width: 100%;
	margin: 3px auto 0px auto;
	background: url(../img/mapex/twocolumn_bg.gif) repeat-y top center;
	text-align: left;
}

.twocolumn .contentarea {
	background: url(../img/mapex/twocolumn_bottom.gif) 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(../img/mapex/twocolumn_bg_arrow.gif) 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: 100%;
	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: 5px;
	font-size: 0.85em;
	text-align: center;
	/*color:#fff;
  	background:#0d2d83 url(../img/page/footerbg.gif) 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(../img/page/navbar/back-navbar.png) !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(../img/page/navbar/back-navbar-li-a.gif)
		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(../img/page/navbar/back-navbar-li-hover.gif)
		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(../img/page/navbar/back-navproducts.jpg)
		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(../img/page/navbar/back-navproducts-li-selected.gif) 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(../img/page/navbar/back-menuspecial.jpg)
		repeat-y left top;
}

ul#navproducts li ul li a:hover {
	background: #2b4380
		url(../img/page/navbar/back-navproducts-li-selected.gif) repeat-x left
		bottom;
}

ul#navproducts li.first ul li a {
	width: auto;
}

/* -----------------------------------------
            Menu left sidebar layout            
  ------------------------------------------*/
.menuleftlayout {
	padding: 3px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

.menuleftlayout .menucolumn {
	float: left;
	width: 196px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	border: #5c6b71 1px solid;
	background-color: #e2eaed;
	padding: 2px;
	padding-right: 6px;
}

.menuleftlayout .contentcolumn {
	margin-left: 210px;
	border: #5c6b71 1px solid;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #ffffff;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

.menuleftlayout .nomenu_contentcolumn {
	border: #5c6b71 1px solid;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #ffffff;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}

a .closemenubutton {
	width: 17px;
	height: 16px;
	background: url(../img/menu/close_menu.gif) no-repeat left top;
}

a:hover .closemenubutton {
	width: 17px;
	height: 16px;
	background: url(../img/menu/close_menu_on.gif) no-repeat left top;
}

a .showmenubutton {
	width: 17px;
	height: 16px;
	background: url(../img/menu/switch_menu.gif) no-repeat left top;
}

a:hover .showmenubutton {
	width: 17px;
	height: 16px;
	background: url(../img/menu/switch_menu_on.gif) no-repeat left top;
}

/* --------------------------------------------------------------------------
 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;
}

.login {
	margin: 0 auto 0 auto;
	padding-top: 50px;
	width: 420px;
}

.change {
	margin: 0 auto 0 auto;
	padding-top: 50px;
	width: 420px;
}

/* for show only month and date on rich:calendar*/
.special tr[id] {
	display: none;
}

/* toolbar icons */
.home {
	margin: 5px 5px;
	line-height: 22px;
	background: url(../img/icon/escudo.jpg) no-repeat top left;
	padding-left: 28px;
}

/* vertical header */
th.rotateCell {
	height:150px;
}

.rotateText {
	-webkit-transform: rotate(-90deg) !important;
  	-moz-transform: rotate(-90deg) !important;  
  	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) !important;
  	border: none !important;
  	background-color: inherit;
  	vertical-align: bottom;
}

.column_form_label{
	display: block;
    width: 200px;
}

.column_form_value{
	display: block;
    width: 200px;
}

/* Their layout */

/* ---------- Wrapper ---------- */

.portlet-layout {
	border-collapse: collapse;
	clear: both;
	display: table;
	border-spacing: 0;
	table-layout: auto;
	width: 100%;
}

.portlet-column {
	display: table-cell;
	vertical-align: top;
}

.portlet-column-content {
	padding: 5px;
}

.portlet-column-content-only, .ltr .portlet-column-content-first, .rtl .portlet-column-content-last {
	padding-left: 0;
}

.portlet-column-content-only, .ltr .portlet-column-content-last, .rtl .portlet-column-content-first {
	padding-right: 0;
}

/* ---------- Column widths ---------- */

.portlet-column-content.empty {
	padding: 50px;
}

#main-content.dragging .portlet-column {
	border: 3px double #828F95;
	height: 100px;
	min-height: 100px;
}