@CHARSET "ISO-8859-1";
  /*
   *			COMPONENT:   HEADER / PORTAL LOGO
   */
.portal-logo {
	background: url(img/top-logo-cibinet.gif) no-repeat;
	border: 0;
	/*margin: 0.75em 0em 0.75em 1.5em;*/
	padding: 0;
	width: auto;/*170px*/
	height: 32px;
	vertical-align: middle;
}
#portal-logo {
	background: url(img/top-logo-cibinet.gif) no-repeat;
	border: 0;
	/*margin: 0.75em 0em 0.75em 1.5em;*/
	padding: 0;
	/*height: 32px;*/
	height: 72px;
}

#top-logo{    
	position: absolute;
	display:block;
	top: 0;
	float: left;
	z-index: 1000;
}
  /*
   *			COMPONENT:   PORTLET
   */
.body .portlet {
    filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
    padding-top:3em;
    border-bottom: 1px gray solid;
	/*margin-top:1em;*/
    float: left;
    /*background-color: red;*/
    position:relative;
    display: block;    
    width: 90%;
    /*background-color: red;*/
}
.body .portlet h4 { /* The new base portlet header, h5 and h6 will be for use inside
                 the portlet in the upcoming versions. */
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    padding: 0em 0.3em 0em 1em;
    text-transform: lowercase;
    display: block;
    font-size: 1em;
    font-weight: normal;
}
.body .portlet h5 { 
    /*background-color: #5179B1; /*#dee7ec;/*El color del titulo del portlet*/
    /*border: 1px solid #8cacbb;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;    
	font-weight: bold;
    font-size: 1em;
	background-image: none;
    text-transform: uppercase;
    color: black;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    /*white-space: nowrap;*/
}
.body .portlet h6 { 
    background-color: #dee7ec;
    border: 1px solid #8cacbb;
    /*padding: 0em 0.3em 0em 1em;*/
    text-transform: lowercase;
    display: inline;
    font-size: 1em;
    font-weight: normal;
}

.body .portletBody {
	float: left;
    width:100%;
    min-width: 150px;
    margin-top: 0px;
    /*background: white; /*transparent; El color de fondo de los portlets  #F8F1D9*/
    margin-bottom: 5px;
    /*border-top: groove #666666 2px;*/
}

.body .portletBody ul{
    width:auto;
    margin-top: 5px;    
    margin-bottom: 1em;
    border-bottom: dotted #666666 1px;    
}

.body .portletBody ul li{
    list-style-position: inside;
	padding-left: 5px;    
	padding-top: 3px;    
    padding-bottom: 3px;
    border-top: dotted #666666 1px;
    /*background: white; /*transparent; El color de fondo de los portlets  #F8F1D9*/
    /*background: white; /*transparent; El color de fondo de los portlets  #F8F1D9*/
}

.body .portletBody ul #selected{
    list-style-position: inside;
	padding-left: 5px;    
	padding-top: 3px;    
    padding-bottom: 3px;
    border-top: dotted #666666 1px;
    background: white; /*transparent; El color de fondo de los portlets  #F8F1D9*/
    font-weight: bold;
    /*background: white; /*transparent; El color de fondo de los portlets  #F8F1D9*/
}

.body .portletBody ul li:HOVER{
    background: gray; /*transparent; El color de fondo de los portlets  #F8F1D9*/
}

div .body .portletBody ol {
    /*line-height: 1.5em;*/
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}

div .body .portletBody ul a,.body ol a {
    text-decoration: none;
}
div .body .portletBody ul a:hover,.body ol a:hover{
    text-decoration: underline;
}

.body .bbox-Content {
    float:left;
	position: relative;
    /*width:11.3em;*/
    width:40em;
    margin-right:0.3em;
    top: -1px;
    background: white; /*transparent; El color de fondo de los portlets  #F8F1D9*/
    filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
    border: 1px solid #8cacbb;
}

.body .portletDetails {
    text-align: right;
}

.body .portletContent {
    padding: 1em;
}
.body .portletAction {
    float: right;
    width: 0.8em;
    text-align: center;
    display: block;
    text-transform: none;
    border-left: 1px solid #8cacbb;
    padding-left: 0.3em;
}

.body .portlet .even {
    background-color: #edf3fe;
}
.body .portlet .odd {
    background-color: transparent;
}
.body .portlet input {
    font-size: 100%;
}

.body .portletSyndication {
    display: block;
    float: left; 
    border: 1px solid #8cacbb; 
    background-color: #dee7ec;
    font-size: 85%;
}
.body .portletMore {
    display: block;
    text-align: right;
}
.body .portletFooter {
    padding: 0.5em 1em 1em 1em;
}
.body .visualClear {
    display: block;
    clear: both;
}
.body #region-content .portlet {
    font-size: 94%;
}
  /*
   *			COMPONENT:   PORTLET
   */

.body .login {
	width: 99%;
	vertical-align: middle;
    /*border-collapse:collapse;  */
}

.body .passbox {
	border: 1px outset #666666;
	font-size: x-small;
	padding: 2px 3px;
	/*width:120px;*/
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.body .editbox {
	color: #006699;
	font-size: small;
	width: 100%;
}
.body input {
	color: #006699;
	font-size: small;
}
.body textarea {
	color: #006699;
	font-size: small;
}

.body .btn {
	color: #FFFFFF;
	background-color: #003366;
	font-size: x-small;
	margin-top: 3px;
	cursor: pointer;
}
.body .usr_table{
	border: 1px solid #8cacbb;
	font-size: x-small;
	width: 100%;
	
}
.body .usr_table caption{
	font-size: x-small;
	font-style: italic;
 	background-color: #E6C87D;
 	border: 1px groove silver;
 	padding-top: 3px;	
 	margin-bottom:5px
	     	
}
.body .usr_table thead th{
 	background-color: #95B8DB; 	
 	text-align: left;
}
.body .usr_table td{
		
}
.body .usr_table #chk_head{
 	background-color: #95B8DB;
 	border-bottom: 1px solid #8cacbb;
}
.body .usr_table #usr_head{
 	width: 135px;
 	background-color: #95B8DB;
 	border-bottom: 1px solid #8cacbb;
 	font-weight: bold;
}
.body .usr_table #dsc_head{
 	width: 250px;
 	background-color: #95B8DB;
 	border-bottom: 1px solid #8cacbb;
 	font-weight: bold;
}
.body .usr_table #sta_head{
 	width: 85px;
 	background-color: #95B8DB;
 	border-bottom: 1px solid #8cacbb;
 	font-weight: bold;
}

.body fieldset{	
	/*background-color: #E4C6F2;*/ 
	padding: 0px;	
	margin: 0 5px 10px 10px;
}

.body legend{
	font: bold 16px Arial, sans-serif;
	padding: 0;
}

.body .small_client_table{	
	font-size: small;
	width: 85%;	
	margin: 0px;
	margin: 0px;
}
.body .small_client_table td{
	
}
.body .small_client_table #title{
	text-align: left;
}
.body .small_client_table #contenido{
	text-align: left;	
	border: 0px solid gray;
	padding-left: 5px;
	width: 100%;
	font-weight: bold;
}
.body .usr_edit_table{
	width: 85%;
	font-size: small;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
}
.body .usr_edit_table #title{
	text-align: left;
	background-color: #A4C4D2;
	border: 1px solid gray;
	margin-bottom: 20px;
	padding-right: 10px;
}
.body .usr_edit_table #contenido{
	text-align: left;	
	border: 0px solid gray;
	background-color: #FAFAC1;
	padding-left: 5px;
	width: 100%;
	font-weight: bold;
}

.body .usr_edit_table #line{
	border-bottom: 1px solid #8cacbb;
}
.body .usr_edit_table #line-under{
	text-align: right;	
	padding-top: 10px;
	padding-right: 10px;
}
.body .usr_edit_table #line-under2{
	padding-top: 10px;
}