﻿
.ui-layout-pane
{
    border: 1px solid #6693cf;
    overflow:hidden;
    background: url(imagenes/panel.gif) 0px 0px repeat-x;
    background-repeat: repeat-x;
    background-color: #caddf7;
}
#mainContent
{
    border-top-width: 0px;
}
#mainContent .ui-layout-content 
{
    overflow:hidden;
}
.ui-layout-south
{
    overflow:hidden;
    }
.ui-layout-west
{
    border-top-width: 0px;
}
.ui-layout-content
{
    background: url(imagenes/panel.gif) 0px 0px repeat-x;
    overflow:hidden;
}
.ui-layout-pane-north
{
    /*min-height: 67px;*/
    background: #d7e5ef url(imagenes/head.png) 0px 0px no-repeat;
    /*background-color: white !important;*/
}
.ui-layout-resizer-west-open
{
    background: #DDD;
    background-color: #d7e5ef;
    border-top: 1px solid #6693cf;
}
.panelLay
{
 background-image: url( 'imagenes/fondobody.gif' );
    background-repeat:repeat-x ;
    background-color: white;
    /*border-right-color:;
    border-right-style :inset ;  */
    border: solid 1px #cccccc;
    margin-right:10px;
}
.ui-layout-resizer-south-open
{
    background: #DDD;
    background-color: #d7e5ef;
}
.ui-layout-resizer-east-open
{
    background: #DDD;
    background-color: #d7e5ef;
}
.ui-layout-resizer-east-closed
{
    background: #DDD;
    background-color: #d7e5ef;
    border-top: 1px solid #6693cf;
}
.ui-layout-toggler
{
    background: #AAA;
}

.header
{
    background-image: url(      'imagenes/head.png' );
    background-repeat: repeat-x;
    background-color: #6699cc;
    /*height: 300px;*/
    margin: 0px;
    padding: 0px;
}

formButton
{
    background-color: #6699cc;
    padding: 2px 4px 3px 4px;
    color: #000000;
    font-size: 8pt;
    font-family: tahoma;
    height: 17px;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,              StartColorStr=#B4C5DF, EndColorStr=#91A9D0);
    border-width: 0px;
}



TEXTAREA
{
    font-size: 8pt;
    font-family: tahoma;
    width: 100%;
    height: 100%;
    border: 1px solid #6699CC;
}

.inputfields
{
    font-size: 11px;
    font-family: tahoma;
    border: 1px solid #6699CC;
}

.inputfields:hover
{
    border: 1px solid #FFB74C;
}

body
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    font-size: 12px;
    margin: 0px;
    background-image: url(   'imagenes/form_back.gif' );
    background-repeat: repeat-x;
    background-color: #acc0e9;
    cursor: default;
    font-size: 11px;
    font-family: Tahoma;
}


a
{
    color: #0000ff;
    font-weight: bold;
}

.menubar
{
    height: 44px;
}

.formtitle
{
    padding-left: 10px;
}

span.menu
{
    height: 100%;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #7288AC;
}

.mnuBar
{
    color: #000000;
    height: 44px;
    width: 100%;
    background-image: url('imagenes/form_toolbar_back.gif' );
    background-repeat: repeat-x;
}
fieldset
{
    border: none;
}
fieldset legend
{
    font-weight: bold;
    font-size: 0.1em;
    border: none;
}
.barraes
{
    background-color: #80ABD4;
    color: #000000;
    background-image: url('imagenes/statusbar_back.gif');
    background-repeat: repeat-x;
    padding-left: 5px;
    height: 24px;
    border-bottom: 1px solid #485673;
    font-weight: bold;
}




#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    padding: 5px;
    opacity: 0.75;
    background: url(imagenes/bleft_115.gif) -1px -28px repeat-x;
    background-repeat: repeat-x;
    background-color: #d7e5ef;
}
#tooltip h3, #tooltip div
{
    margin: 0;
    background-color: transparent;
}


.barra
{
    height: 30px;
    max-height: 50px;
    background: url(imagenes/hd_bg.png) repeat-x;
    font-size: 14px;
    font-family: Tahoma;
    font-weight: bold;
    color: #15428B;
}
.barra p
{
    margin-left: 25px;
    padding-top: -80px;
}

.barra ul
{
    padding: 0px;
    margin: 0px;
}
.barra ul li
{
    display: inline;
    vertical-align: middle;
}
.barra .icon
{
    margin-left: 5px;
    margin-top: 3px;
    width: 20px;
    height: 20px;
}

.barra .icon input
{
    margin-top: 2px;
    margin-left: 2px;
    max-width: 16px;
    max-height: 16px;
    cursor: pointer;
}

.barra .icon:hover
{
    margin-left: 5px;
    margin-top: 3px;
    background: url(imagenes/barrab.png) repeat-x;
    border: solid 1px #FFB74C;
}


/* TOOLBAR*/

#toolbar
{
    margin: 0;
    padding: 0;
    width: 100%;
    background: url(imagenes/toolbar.png) repeat-x;
    border-top: 1px solid #6693cf;
}



#toolbar ul
{
    float: left;
    line-height: 25px;
    list-style: none;
    margin: 0;
    padding: 2px;
    height: 27px;
}




#toolbar li
{
    display: inline;
    padding: 0;
    line-height: 20px;
    margin-top: 10px;
}


#toolbar a
{
    color: #FFF;
    float: left;
    padding: 0 3px 0 3px;
    text-decoration: none;
    font-weight: bold;
    color: #15428B;
   
}



#toolbar a span
{
    display: block;
    float: none;
    padding: 0 10px 0 7px;
}



#toolbar a span img
{
    border: none;
    margin: 4px 4px 0 0;
}



#toolbar a:hover span
{
    background: url(imagenes/barrab.png) repeat-x;
    border: solid 1px #FFB74C;
    margin-right: -1px;
    margin-left: -1px;
    margin-top: -2px;
}
#toolbar table img
{
     padding:-10px;
    }
/* TOOLBAR*/

#galeria
{
     padding:2px;
     padding-top:10px;
     text-align:center;
    
    }
    #galeria img
    {
         border:solid 1px black;
        }

.ajax__tab_xp-theme
{
    visibility: visible !important;
}

.ajax__tab_xp-theme .ajax__tab_header
{
    font-family: tahoma;
    font-size: 11px;
     font-weight:bold;
         background: url(imagenes/xp/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer
{
    padding-right: 4px;
    background: url(imagenes/xp/tab-right.gif) no-repeat right;
    height: 21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner
{
    cursor: pointer;
    padding-left: 3px;
    background: url(imagenes/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(imagenes/xp/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer
{
    background: url(imagenes/xp/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner
{
    background: url(imagenes/xp/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab
{
    background: url(imagenes/xp/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer
{
    background: url(imagenes/xp/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner
{
    background: url(imagenes/xp/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab
{
    background: url(imagenes/xp/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #B0C2D0;
    border-top: 0;
    padding: 8px;
    background-color: #d2e0f0;
}


/********** GRID ******/


.grid
{
    width: 100%;
    overflow:auto;
    border:solid 1px #B0C2D0;
    border-top:none;

}

.grid caption
{
    background: #f9f9f9 url(imagenes/captionbckg.gif) repeat-x;
    color: #15428B;
    text-align: left;
    line-height: 22px;
    font-size: 11px;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 4px;
    font-family: tahoma;
}

/* OK */

.grid .tablesorter .headerSortUp {
	background-image: url(imagenes/asc.gif);
	background-repeat: no-repeat;
}
.grid .tablesorter .headerSortDown {
	   background-image: url(imagenes/desc.gif);     
	background-repeat: no-repeat;
}
 .grid th.headerSortUp{
 /*    background-image: url(imagenes/asc.gif);   
    background-repeat: no-repeat;
    background-position: center  right;   
    padding-right:15px;  */
}
 .grid th.headerSortDown {
  /*   background-image: url(imagenes/desc.gif);     
    background-repeat: no-repeat;
    background-position: center  right;   
    padding-right:15px;  */
}   

/* OK */
.grid table
{
    border-color: #99BBE8;
    border-width: 1px;
    
}

.grid td, .grid th
{
    height: 20px;
    border-top: 1px solid #6693cf;
    border-bottom: 10px solid #6693cf;
}

.grid th
{
    background: #d9e8fb url(imagenes/thbackground.gif) repeat-x;
    height: 19px;
    border: solid 1px #B0C2D0;    
    text-align :center;
    cursor: pointer; 
    border-top:none;
}
.grid th a
{
    color: #15428B;  
    background-image: url(imagenes/desc.gif) no-repeat;   
    text-decoration: none;
    border: none;
    font-weight:bold;
    display:block;
}

.grid a
{
    color: #15428B;
     text-decoration:none;
    display:block;
}
.grid td
{
    border: 1px solid #B0C2D0;
    border-top-color: #fff;
    cursor: default;
    font-size: xx-small;
    border-top-color: #99BBE8;
    border:none;
    border-left: solid 1px #B0C2D0;  
    border: solid 1px #B0C2D0;  
}
.ok
{
    background-image: url(imagenes/ok.png);
      background-repeat:no-repeat;
    
}
.bad
{
     background-image: url(imagenes/bad.png);
      background-repeat:no-repeat;
     
}
.selectedrow
{
    background: #DFE8F6;
    border: 1px dotted #A3BAE9;
}

.altrow
{
    background-color: #f2f2f2;
}

.altoverow
{
    background: #efefef url(imagenes/rowover.gif) repeat-x left top;

}

.pagerstyle
{    
    font-size: 11px;
    text-align: right;
    background-position: bottom right;
    background: #f9f9f9 url(imagenes/toolbarbck.gif) repeat-x;
    
    border: solid 1px #B0C2D0;
    
    

}
.gopag
{
    font-size: x-small;
    width: 20px;
    text-align:center;
}

.pagprev
{
    background: transparent url(imagenes/previous.png) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
    cursor: pointer;
    border: 0px;
}
.pagnext
{
    background: transparent url(imagenes/next.png) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
    cursor: pointer;
    border: 0px;
}

.pagfirst
{
    background: transparent url(imagenes/first.png) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
    cursor: pointer;
    border: 0px;
}
.paglast
{
    background: transparent url(imagenes/last.png) no-repeat scroll center;
    height: 1.3em;
    width: 16px;
    cursor: pointer;
    border: 0px;
}




/*GRID*/
#tooltip
{
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    padding: 5px;
    opacity: 0.75;
    background: url(imagenes/bleft_115.gif) -1px -28px repeat-x;
    background-repeat: repeat-x;
    background-color: #d7e5ef;
    font-size: 11px;
}
#tooltip h3, #tooltip div
{
    margin: 0;
    background-color: transparent;
}


/*********** ACORDION *************/
.panelC
{
    font-family: tahoma;
    margin: 5px;
    border: 1px solid #9ba6b6;
    padding: 8px; /*background-color: #f1f0e8; Windows color*/
    background-color: #ebf2fb; /*Windows color*/
    font-weight: bold;
}
.accordion
{
    font-size: 11px;
    font-family: Tahoma;
    background-color: White;
}
.accordion .content
{
    background: url(imagenes/acordion.png) repeat-x;
}

.accordion .header DIV
{
    cursor: pointer;
    padding-left: 40px;
    background-color: Transparent;
    background-position: center left;
    background-repeat: no-repeat;
}
.accordion .header SPAN
{
    cursor: pointer;
    font-weight: bold;
    display: block;
    padding-top: 8px;
    color: black;
}
.accordion .header
{
    max-height: 25px;
    cursor: pointer;
    background: url(imagenes/hd_bg.png) repeat-x;
}
.accordion .header:hover
{
    cursor: pointer;
    background-color: Transparent;
    background: url(imagenes/hd_hover_bg.png) repeat-x;
    border-bottom: none;
    max-height: 26px;
}
.accordion UL
{
    padding: 0;
    margin: 5px 5px 5px 15px;
    list-style-type: none;
}
.accordion LI
{
    background-color: Transparent;
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: middle;
    padding: 6px 5px 6px 25px;
    cursor: hand;
    
}
.accordion LI DIV
{
    padding-left: 10px;
    color: #666666;
    cursor: hand;
}
.accordion LI:hover
{
    text-decoration: underline;
    background-color: #FFE6A0;
    border: solid 1px #FFB74C;    
    max-height: 11px;
}

.accordion a
{
    text-decoration: none;
    color: Black;
    border: none;
    font-weight: normal;
    display:block;
    outline-style:none;
    outline-width:0;
}

/*POP UPS*/



.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 10px;
}

.modalBackground
{
    background-color: black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.collapsePanel
{
    position: relative;
    overflow: hidden;
    line-height: 12px;
}
.bar
{
    position: relative;
    width: 100%;
}
.modalPopup
{
    padding: 0;
    background: url(imagenes/img01.jpg) repeat-x left top;
    font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    width: 250px;
}


Popbody
{
    background: #fff;
    font: 12px/1.25 "Helvetica Neue" , Arial, sans-serif;
    color: #222;
}

.confirm-dialog
{
    background: url(imagenes/dialog24.png) no-repeat left top;
    margin: 0px auto;
    width: 330px;
    padding-top: 14px;
    position: relative;
    top: 0px;
    left: 0px;
}

.confirm-dialog .inner
{
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 11px;
    background: url(imagenes/dialog24.png) no-repeat left bottom;
    float: left;
    margin: 0px 0px -20px 0px;
    width: 290px;
    padding-top: 0px;
}

.confirm-dialog .base
{
    border-top: #ddd 1px solid;
    background: url(imagenes/dialog-base.png) no-repeat left bottom;
    padding-bottom: 4px;
    margin-left: -11px;
    margin-right: -11px;
    padding-top: 4px;
    text-align: center;
}

.confirm-dialog H2
{
    font-weight: bold;
    font-size: 1.25em;
    color: #f60;
    text-align: center;
}

.confirm-dialog input
{
    width: 50px;
}





.accordion2
{
    cursor: pointer;
    background: url(imagenes/headgrid.gif) repeat-x;
    border: solid 1px #57566f;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
.accordion2:hover
{
    cursor: pointer;
    background-color: Transparent;
    background: url(imagenes/headgridH.gif) repeat-x;
    border-bottom: solid 1px #57566f;
}








/*
-------------
 NUEVO POP
*/


.frame
{
    position: absolute;
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    padding: 2px 3px;
    width: 500px;
}

.overlay
{
    border: solid 1px #808080;
    border-width: 1px 1px;
}

.underlay
{
    position: absolute;
    background-color: #000;
    bottom: -1px;
    filter: alpha(opacity=12);
    left: -1px;
    right: -1px;
    top: 3px;
    z-index: -1;
}

.header
{
    cursor: move;
    background: url(imagenes/sprite.png) repeat-x 0px -200px;
    color: #000;
    border-bottom: solid 1px #ccc;
    padding: 3px 10px;
}

.header .msg
{
    font-weight: bold;
}

.updating, .body
{
    background-color: #fff;
    padding: 10px;
}

.updating
{
    color: #808080;
    background: #fff url(imagenes/activity.gif) no-repeat center;
}

.footer
{
    text-align: right;
    background: url(imagenes/sprite.png) repeat-x 0px -200px;
    color: #000;
    border-top: solid 1px #ccc;
    padding: 5px 3px;
}

.close
{
    right: 7px;
    background: url(imagenes/sprite.png) no-repeat 0px -300px;
    width: 25px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    height: 15px;
}

/* Contex Menu */

.popupMenu
{
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    opacity: .9;
    filter: alpha(opacity=80);
    text-decoration: none;
    z-index: 1000;
}
.popupHover
{
    background-color: #F5F7F8;
    z-index: 1000;
}
.divPop
{
    border: 1px outset white;
    padding: 2px;
    text-align: left;
}
.divPop a
{
    display: block;
    padding: 5px 10px 5px 35px;
    width: 100px;
    font-size: 12px;
    text-decoration: none;
    font-family: tahoma,arial,sans-serif;
    color: #000;
    background-position: 8px 8px;
    background-repeat: no-repeat;
}
.divPop a:hover
{
    background-color: #ddd;
}


/*ACORDION*/

.accordion
{
    font-size: 11px;
    font-family: Tahoma;
    background-color: White;
    border: 1px solid #6693cf;
    border-right: none;
    border-top: none;
}
.accordion .content
{
    background: url(imagenes/acordion.png) repeat-x;
}
.accordion .header
{
    max-height: 25px;
    cursor: pointer;
    background: url(imagenes/hd_bg.png) repeat-x;
}
.accordion .header DIV
{
    cursor: pointer;
    padding-left: 40px;
    background-color: Transparent;
    background-position: center left;
    background-repeat: no-repeat;
}
.accordion .header SPAN
{
    cursor: pointer;
    font-weight: bold;
    display: block;
    padding-top: 8px;
    color: black;
}
.accordion .header:hover
{
    cursor: pointer;
    background-color: Transparent;
    background: url(imagenes/hd_hover_bg.png) repeat-x;
    border-bottom: none;
}
.accordion UL
{
    padding: 0;
    margin: 5px 5px 5px 15px;
    list-style-type: none;
}
.accordion LI
{
    background-color: Transparent;
    background-repeat: no-repeat;
    background-position: left center;
    vertical-align: middle;
    padding: 6px 5px 6px 25px;
    cursor: hand;
}
.accordion LI DIV
{
    padding-left: 10px;
    color: #666666;
    cursor: hand;
}
.accordion LI:hover
{
    text-decoration: underline;
    background-color: #FFE6A0;
    border: solid 1px #FFB74C;
}





/*DDD*/

.alerta
{
    background: #fff6bf url(imagenes/info.png) center no-repeat;
    background-position: 10px 50%; /* x-pos y-pos */
    text-align: left;
    padding: 5px 30px 5px 45px;
    border-top: 2px solid #ffd324;
    border-bottom: 2px solid #ffd324;
    color: #000000;
}

.info
{
    border: 1px solid;
    margin: 12px 0px;
    padding: 10px 10px 10px 30px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info
{
    color: #00529B;
    background-color: White;
    background-image: url(     'imagenes/info2.png' );
}
.lbusqueda
{
    max-width: 250px;
    border: 1px solid;
    margin: 0px 0px;
    padding: 2px 1px 1px 35px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #00529B;
    background-color: White;
    background-image: url(     'imagenes/info2.png' );
    width: 100px;
}
.invisible
{
    width: 0px;
    display: none;
}

hr
{
    font-size: 1px;
    line-height: 0;
    clear: both;
    padding: 0;
    margin: 1px auto;
    max-height: 0;
    width: 100%;
    clear: both;
    border-top: 1px solid #6693cf;
    border-bottom: 1px solid #FFF;
    font-size: 1px;
    line-height: 0;
    font-size: 1px;
    line-height: 0;
}
table
{
    font-size: 11px;
    font-family: Tahoma;
    color:black;
}
a
{
     color: #15428B;
    }
 #galeria
 {
     padding:2px;
     padding-top:10px;
     border: 1px solid #6693cf;
     height:350px;
     overflow:auto;
     
 }
 #galeria img
 {
      border:solid 1px black;
      width:70px;
      height:70px;
     
 }
 
 /*El contenedor del calendario*/
.cal_Theme1 .ajax__calendar_container   {
    background-color: White;
    border:solid 1px #cccccc;
}
/*la cabecera de abajo del texto del titulo*/
.cal_Theme1 .ajax__calendar_header  {
    background-color: White;
    margin-bottom: 4px;
}

/*Pestaña anterior*/
.cal_Theme1 .ajax__calendar_prev
{
      color:White ;
      background-color :White ;
      background-image:url(imagenes/previous.png); /*repeat-x;*/
}

/*pestaña siguiente*/
.cal_Theme1 .ajax__calendar_next
{
      color:White ;
      background-color :White ;
      background-image:url(imagenes/next.png); /*repeat-x;*/
}
/*tirulo del calendario*/
.cal_Theme1 .ajax__calendar_title
{
    /*color: #004080;*/
    color : black ;
    padding-top: 3px;
    background-color :White;
    
}


.cal_Theme1 .ajax__calendar_body    {
   /* background-color: Red;
    border: solid 1px #cccccc;*/
    background-image: url( 'imagenes/fondobody.gif' );
    background-repeat:repeat-x ;
    background-color: #acc0e9;
    /*border-right-color:;
    border-right-style :inset ;  */
    border: solid 1px #cccccc;
  
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 2px;
}

.cal_Theme1 .ajax__calendar_day {
    text-align:center;
}
/*esta parte es para cunado el mouse esta ensima*/
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
    color: #004080;
    font-weight: bold;
    border:solid 3px #6693cf;
    padding:-1px;
    background-image: url( 'imagenes/fondobody.gif' );
}

.cal_Theme1 .ajax__calendar_today   {
    font-weight:bold;
}

/*color de las letras del calendario*/
.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color:Olive ;
}

.filtros
{
    display:block;
   
    }
    
 #barraInfo
 {
    background: #f9f9f9 url(imagenes/captionbckg.gif) repeat-x;
    color: #15428B;
    text-align: left;
    line-height: 22px;
    font-size: 11px;
    font-weight: bold;
    padding-top: 4px;
    padding-left: 4px;
    font-family: tahoma;
    height:23px;
    border-bottom:solid 1px #89a4c6;
}

.barraes ul 
{
list-style: none;
padding: 2;
margin: 0 auto;
width:100%;
height:100%;
vertical-align:middle;
}
.barraes ul li{
   
  display: block;
  height:14px;
  margin: 2px 3px;
  padding: 3px 0px;
  text-align: center;
  line-height: 1.5em;
  padding-top:2px;
    }
    
.clear
{
    height: 14px; 
    cursor:pointer;
    float:left;
    width:20px;
    }    
.filtro
{
    margin-top:1px;
    color: #000000;
    background-image:  url(imagenes/captionbckg.gif) ;
    background-repeat: repeat-x;
    padding-left: 5px;
    height: 14px;
    border:#485673 1px solid;
    font-weight: bold;
    vertical-align:middle;
    float:left;
}
.filtro p
{  
    margin-left:10px;
    margin-right:10px;
    display:block;
    cursor:pointer;
    }
.carga{
    float:right;
 }