/*

@style   estilos para "ePortfolio"
@media   screen
@site    openpopuli.com
@date    2009-02-12
@author  sebastian.garcia@openpopuli.com
@author  www.openpopuli.com

@nota    Al incluir el CSS de "estilos.css" desde  el Config, se está incluyendo implícitamente el CSS de "reset.css"
*/




/*	activar/desactivar la rejilla roja	@@@@@@@ */

/*div{border:red solid 1px!important;}*/

/*table * {border:red solid 1px!important;}*/




body{
font-family: Verdana, "lucida grande",tahoma,arial,sans-serif;
font-size:16px;
color:#373737;
}

/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*    estilos básicos para ciertas etiquetas HTML                     */

h1,h2,h3,h4,h5,h6{
font-weight:normal;
margin-bottom:1em;
font-family:"Segoe UI",Arial,Verdana,Helvetica,sans-serif;
color:#373737;
}


h1{font-size:1.4em;
}

h2{font-size:1.2em;
}

h3{font-size:1.1em;
margin-bottom:0;
}

a,a:link,a:visited,a:hover,a:active{
text-decoration:underline;
}

a:{}
a:link{}
a:visited{}
a:hover{color:#0a99d3;}
a:active{}



/*    @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */
/*    estilos generales reutilizables                                 */

.clear{
clear:both;
line-height:0;
}

.relleno10px{
margin: 10em;
margin-top: 0;
}

.relleno20px{
margin: 20px;
}

.relleno30px{
margin: 30px;
margin-top: 0;
}

strong{
font-weight:bold;
}

em{
font-style:italic;
}


/*  CSS para la maquetación/distribución de la estructura del proyecto web  */

#eportfolio{
}


/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*  CSS para TABLE genérico                 */
#eportfolio table{
table-layout:fixed!important;
font-family: Verdana, "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
font-size:0.8em;
color:#222222;
margin:1.5em 0;
width:100%;
}

#eportfolio table caption{}

#eportfolio table tr{}

#eportfolio table tr td{
padding:4px; 
border-bottom:solid 1px #DEDEDE;
text-align:right;
}

#eportfolio table tr th{
padding-top:4px;
padding-bottom:4px;
font-size:1em;
border-bottom:solid 1px #DEDEDE;
}

/*	thead	*/
#eportfolio table thead{
background-color:#e3edef;
color:#333333; 
text-align:left;
}
#eportfolio table thead tr{
}
#eportfolio table thead tr th{
padding-left:10px;
text-align:center;
font-weight:normal;

background-color:#D4E5F7;
border-top:solid #cccccc 1px;
border-bottom: solid #cccccc 1px;
}

#eportfolio table thead tr td{
}

#eportfolio table thead tr th a{
background: url(../img/eportfolio/asc-desc.gifx) no-repeat left 50%;
}

#eportfolio table thead tr th span.divisa{
font-size:0.8em;
display:block;
margin-top:3px;
}

#eportfolio table tbody tr{}
#eportfolio table tbody tr td{
}


#eportfolio table tbody tr th{
font-weight:normal;
text-align:left;
}

#eportfolio table tr td img{
border-bottom: solid 1px #373737;
margin-bottom:-2px;
margin-left:7px;
}
#eportfolio table tr td img:hover{
border-bottom: solid 1px #0066cc;
}

#eportfolio table tr td img.vacio,
#eportfolio table tr td img.vacio:hover{
border:none;
}

#eportfolio table tfoot,
#eportfolio table tfoot td,
#eportfolio table tfoot th{
font-weight:bold;
background-color:#D4E5F7;
}

#eportfolio table tfoot tr{}
#eportfolio table tfoot tr td{
text-align:right;
border-bottom:solid 1px #cccccc;
padding-right:27px;
}
#eportfolio table tfoot tr th{
border:none;
border-bottom: solid 1px #cccccc;
text-align:left;
}

#eportfolio table tbody tr td.opciones{
}



#eportfolio table span.positivo{
color:#008000!important;}

#eportfolio table span.negativo{
color:#cc0000!important;}

#eportfolio table tr th.mini,
#eportfolio table tr td.mini{
width:95px;
padding-left:10px;
}


#eportfolio table .texto{
text-align:left;
padding-left:30px;
}

#eportfolio table .texto{
text-align:left;
padding-left:10px;
}
#eportfolio table .cifra{
text-align:right;
padding-right:20px;
}

#eportfolio table td.encabezado{
background-color:#f5f5f5;
border:#dedede solid 1px;
}

#eportfolio table .noConfirmado{
background-color:#F8F8F8;
color:#9b9b9b;
}

#eportfolio table .venta td,
#eportfolio table .venta th{
background-color:#daf7d5!important;
}

#eportfolio table .cifra{
text-align:right;
padding-right:20px;
}

#eportfolio table .neutro{
}
#eportfolio table .ajuste20px{
width:20px;
}

#eportfolio table .ajuste30px{
width:30px;
}

#eportfolio table .ajuste50px{
width:50px;
}

#eportfolio table .ajuste70px{
width:70px;
}

#eportfolio table .ajuste80px{
width:80px;
}

#eportfolio table .ajuste100px{
max-width:100px;
}

#eportfolio table .ajuste110px{
max-width:110px;
}
#eportfolio table .ajuste120px{
max-width:120px;
}
#eportfolio table .ajuste130px{
max-width:130px;
}
#eportfolio table .ajuste150px{
width:150px;
}

#eportfolio table .ajuste200px{
width:200px;
}
#eportfolio table .ajuste250px{
width:250px;
}
#eportfolio table .ajuste800px{
width:800px!important;
background-color:#0ba0ff;
}

#eportfolio table tr.separador{
background-color:#E5E5E5;
border-bottom: solid 1px #464646;
}


#eportfolio .ajuste100porcien{
width:100%!important;
border: solid 2px red;
background-color:yellow;
}

#eportfolio .ajuste270px{
width:290px;
padding-right:0;
padding-left:0;
margin:0;
}

#eportfolio .ajuste320px{
width:320px;
padding-right:0;
padding-left:0;
margin:0;
}

#eportfolio table .ric{
font-family: 'Courier New', Courier, monospace;
}


/*  CSS para TABLE específicos              */
#eportfolio table#tablaDivisas{}
#eportfolio table#tablaBonos{}
#eportfolio table#tablaEmpresas{}


#eportfolio table#tablaEmpresas,
#eportfolio table#tablaDivisas,
#eportfolio table#tablaBonos{
width:750px;
}

#eportfolio table#tablaEmpresas tr td,
#eportfolio table#tablaDivisas tr td,
#eportfolio table#tablaBonos tr td{
}

#eportfolio table#tablaEmpresas tbody tr,
#eportfolio table#tablaDivisas tbody tr,
#eportfolio table#tablaBonos tbody tr{
background-color:#f2f2f2;
}


#eportfolio table caption{
display:none;
}

#eportfolio table.consolidado{max-width:720px;}
#eportfolio table.consolidadoBonos{}
#eportfolio table.cash{width:650px;}
#eportfolio table.empresas{min-width:850px;}
#eportfolio table.divisas{min-width:850px;}

#eportfolio table span.{
font-style:normal;
font-size:0.7em;
}

/*	CSS para las acciones de los elemkentos: view/edit/delete/add	*/

#eportfolio table div.accionesItem {
float:left;
margin:0;

}

#eportfolio table div.accionesItem a{text-decoration:none;}
#eportfolio table div.accionesItem img{
border:none!important;
margin-right:0.5em;
}


#eportfolio table .aviso{
color:gray;
font-style:italic;
width:130px;
text-align:left;
font-size:0.9em;
float:left;

margin: 0;
}




/*table tr td{border:red 1px solid!important;}*/

/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*  CSS para los divs contenedores específicos de cada acción           */
/*  Nomenclatura:  #eportofilio @nombreAccion @contenedorEspecifico     */

    /*  css comunes     */
#eportfolio #empresas,
#eportfolio #divisas,
#eportfolio #bonos,
#eportfolio #backend,
#eportfolio #accesoPortfolios,
#eportfolio #menuPortfolio,
#eportfolio #detallePortfolio,
#eportfolio #operacionesPortfolio,

#eportfolio #addPortfolio,
#eportfolio #editPortfolios{
margin: 1em;
}


#eportfolio #empresas,
#eportfolio #divisas,
#eportfolio #bonos{
width:750px;
}

#eportfolio #backend{}
#eportfolio #accesoPortfolios{}
#eportfolio #menuPortfolio{}
#eportfolio #detallePortfolio{}
#eportfolio #operacionesPortfolio{}

#eportfolio #editPortfolios{}
#eportfolio #addPortfolio{}


#eportfolio #empresas #filtro, 
#eportfolio #divisas #filtro,
#eportfolio #bonos #filtro{
margin-bottom: 1em;
}

.empresas tr.totales{
    background-color: #EEEEEE;
}
.empresas tr.sector{
	background-color: #CCCCCC;
}



#eportfolio #empresas #listadoEmpresas, 
#eportfolio #divisas #listadoDivisas,
#eportfolio #bonos #listadoBonos{
}


#eportfolio h1.seccion{
font-size:0.9em;
margin:2em 1em 1em 1em;
color:#4b4b4b;
font-family: Arial, Helvetica, Verdana;
padding-top: 4px;
background-color:#E2EEFC;
min-height:22px;
}

#eportfolio h1 strong{
margin-left:1em;
}

/*	CSS PARA EL DETALLE DE EMPRESA	*/
#eportfolio #detalleEmpresa,
#eportfolio #detalleDivisa,
#eportfolio #detalleBono,
#eportfolio #editarEmpresa,
#eportfolio #editarDivisa,
#eportfolio #editarBono{
margin: 1em;
}


#eportfolio #detalleEmpresa h1{
font-size:1em;
border-bottom: solid #E3EDEF 3px;
width:900px;
}

#eportfolio #detalleEmpresa h1.introduccion span.empresa{
}
#eportfolio #detalleEmpresa h1.introduccion strong{
font-weight:bold;
}

#eportfolio #detalleEmpresa h1.introduccion span.ric{
color:gray;
font-style:italic;
}

#eportfolio #detalleEmpresa h1.introduccion span.addPortfolio{
margin-left:1em;
font-size:0.7em;
}

#eportfolio #detalleEmpresa h1.introduccion span.addPortfolio a{
background: url(../img/eportfolio/cart_put.gif) no-repeat left 50%;
padding: 3px 0;
padding-left:18px;
}

#eportfolio #detalleEmpresa div#evolucion{
margin: 1em 0;

text-align:left;
width:900px;
}


#eportfolio #detalleEmpresa table.info-empresa{
width:900px;
}


#eportfolio #addToPortfolio{
margin: 1em;
width:700px;
}

#eportfolio #addToPortfolio h1{
width:700px;
font-size:1.2em;
border-bottom: solid #E3EDEF 3px;
padding:0.1em 0;
}

#eportfolio #addToPortfolio h1 span.empresa{
}
#eportfolio #addToPortfolio h1 span.ric{
color:gray;
font-style:italic;
font-weight:normal;
}
#eportfolio #addToPortfolio h1 strong{
font-weight:bold;
margin: 0 0.2em;
}


/*  CSS para elementos particulares, más adelante quizás sea necesario factorizar en varios archivos CSS   */



/*  CSS para la zona de usuario         */
#eportfolio #usuario{
border-bottom: solid 1px #c9d7f1;
padding: 0.2em 0;
margin: 0 auto 1em auto;
font-family: Verdana,Arial,sans-serif;
color:#666666;
font-size:0.8em;
}


#eportfolio #usuario p.aplicacion{
text-align: left;
margin-left:15px;
width:40%;
float:left;
}
#eportfolio #usuario p.aplicacion a{
margin-right:2em;
}

#eportfolio #usuario p.aplicacion a.selected,
#eportfolio #usuario p.aplicacion a#selected{
text-decoration:none;
}

#eportfolio #usuario p.sesion{
text-align: right;
margin-right:3em;
width:40%;
float:right
}

#eportfolio #usuario p.sesion a.backend{
margin-right:2em;
}
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    */



/*  CSS para el menu                            */
#eportfolio #menu{
margin: 0.2em 1em 1em 1em;
}

#eportfolio #menu p{
text-align: left;
}

#eportfolio #menu p a{margin-right:2em;}

/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    */





/*	BLOQUE 1:	#accesoPortfolios	*/

#eportfolio #accesoPortfolios{
background-color:#E2EEFC;
min-height:20px;
padding-top:4px;
margin-bottom:0!important;
}

#eportfolio #accesoPortfolios .content{}


#eportfolio #accesoPortfolios a:link,
#eportfolio #accesoPortfolios a:visited,
#eportfolio #accesoPortfolios a:hover,
#eportfolio #accesoPortfolios a:active{
font-size:1em;
color:#373737;
font-weight:normal;
font-family:Arial,Verdana,sans-serif;
}

#eportfolio #accesoPortfolios a:hover{
color:#0066cc
}

#eportfolio #accesoPortfolios span.titulo{
float:left;
display:block;
font-size:0.9em;
color:#373737;
margin-left:0.5em;

width:10%;
min-width:120px;
}

#eportfolio #accesoPortfolios ul{
float:left;
font-size:0.9em;
margin-left:0.5em;
width:65%;/* en un principio sería 75%, pongo 70% para evitar descuadres por los bordes y paddings*/

}

#eportfolio #accesoPortfolios ul li{
list-style-type: disc;
display:inline;
margin-right:1em;
}

/*	enlace para añadir un nuevo portfolio	*/
#eportfolio #accesoPortfolios a.addPortfolio{
display:block;
float:right;
font-size:0.8em;
margin-right:1em;
font-family: Verdana, "lucida grande",tahoma,arial,sans-serif;
text-align:right;
width:150px;
}
#eportfolio #accesoPortfolios a.addPortfolio:hover{
color:#0066cc;
}

/*	####################################	*/




/*	BLOQUE 2:	#menuPortfolio	*/
#eportfolio #menuPortfolio{
margin-top:0!important;
margin-bottom:0;

padding-top:0.5em;
/*background-color:#E2EEFC;*/
}

#eportfolio #menuPortfolio span.nombrePortfolio{
font-weight:normal;
margin-bottom:0;
font-size:1.9em;
font-weight:normal;
color:gray;
}

#eportfolio #menuPortfolio span.divisa{
margin-left:0.3em;
font-size:0.7em;
color:gray;
font-style:italic;
}

#eportfolio #menuPortfolio span.titulo{
display:block;
font-size:0.8em;
color:gray;
font-style:italic;
margin: 0.2em 0 0 0;
}


#eportfolio #menuPortfolio div.opciones{
height:0.6em;
display:block;
font-size:0.6em;
margin-top:0.2em;
}

#eportfolio #menuPortfolio div.opciones a{
color:#464646;
margin-right:0.2em;
}

#eportfolio #menuPortfolio div.opciones a:hover{
color:#0066cc;
}

#eportfolio #menuPortfolio div.opciones span.separador{
font-size:1em;
color:#0ba0ff;
}


/*	########################################	*/



/*	BLOQUE 3:	#detallePortfolio	*/

#eportfolio #detallePortfolio{
margin-top:2em;

}

#eportfolio #detallePortfolio  #menuDetallePortfolio{
background-color:#D4E5F7;
border-bottom:1px solid #ffffff;
}


#eportfolio #detallePortfolio  #menuDetallePortfolio a{
}

#eportfolio #detallePortfolio  #menuDetallePortfolio a.actual{

}

#eportfolio #detallePortfolio div.columnaA{
width:700px;
float:left;
}

#eportfolio #detallePortfolio div.columnaB{
width:240px;
float:left;
margin-left:10px;
}


/*	########################################	*/

/*	BLOQUE 4:	#operacionesPortfolio	*/
#eportfolio #operacionesPortfolio{
font-size:0.9em;
margin-top:2em;
margin-bottom:1em;
padding:10px 0;

width:440px;
}

#eportfolio #operacionesPortfolio .toolbar{
background-color:#D4E5F7;
padding: 3px 10px;
font-size:1.2em;
font-size:1em;
}

#eportfolio #operacionesPortfolio h4{
display:inline;
float:left;
margin:0;
color:#000000;
font-size:0.9em;
font-weight:bold;

padding:1px 0;
}

#eportfolio #operacionesPortfolio ul.tabNavigation{
margin-bottom:0;
display:inline;
float:left;
margin-left:0.5em;
/*background-color:#E2EEFC;*/

padding:2px 0;
}

#eportfolio #operacionesPortfolio ul.tabNavigation li{
display:inline;
font-size:0.8em;
}


#eportfolio #operacionesPortfolio ul.tabNavigation li a.selected{
text-decoration:none;
color:#373737;
cursor: default;
}

#eportfolio #operacionesPortfolio form{
clear:both;
margin: 1em 0;
font-size:0.9em;
}

#eportfolio #operacionesPortfolio form a.listado{margin-left:0.5em;}

#eportfolio #operacionesPortfolio form div.campo{
max-height:36px;
height:36px;
}

#eportfolio #operacionesPortfolio form div.campo .etiqueta{
display:block;
width:90px;
float:left;
text-align:right;
padding: 4px 0;
padding-right:10px;
}

#eportfolio #operacionesPortfolio form div.campo .etiqueta label{
text-align:right;
}


/*	acceso rapido para los checkbox de los forms*/
#eportfolio #operacionesPortfolio form div.campo .dato label{
display:block;
min-height:20px;
height:20px;
}

#eportfolio #operacionesPortfolio form div.campo .dato{
color:#373737;
margin-bottom:1em;
float:left;
}

#eportfolio #operacionesPortfolio form div.campo .datoCheckBox{
padding-top:4px;
color:#373737;
margin-bottom:1em;
float:left;
}

#eportfolio #operacionesPortfolio form div.campo .datoCheckBox label{
height:20px;
display:block;
padding-top:2px;
}

#eportfolio #operacionesPortfolio form div.campo .dato input,
#eportfolio #operacionesPortfolio form div.campo .dato select{	
padding:2px;
border: solid 1px #c5dcf5;
}
#eportfolio #operacionesPortfolio form div.campo .dato input:focus,
#eportfolio #operacionesPortfolio form div.campo .dato select:focus{
border:solid 1px #A6A9B0;
}

#eportfolio #operacionesPortfolio form .acciones{
margin-left:100px;
/*border-top:solid 1px #464646;*/
width:150px;
}

#eportfolio #operacionesPortfolio form input#submit{
width:150px;
text-align:center;
}


/*	CSS pra el formulario de edit portfolio	*/


#eportfolio #editPortfolios form{
clear:both;
margin: 3em 0;
font-size:0.9em;
}

#eportfolio #editPortfolios form a.listado{margin-left:0.5em;}

#eportfolio #editPortfolios form div.campo{
max-height:36px;
height:36px;
}

#eportfolio #editPortfolios form div.campo .etiqueta{
display:block;
width:180px;
float:left;
text-align:right;
padding: 4px 0;
padding-right:10px;
}

#eportfolio #editPortfolios form div.campo .etiqueta label{
text-align:right;
}


/*	acceso rapido para los checkbox de los forms*/
#eportfolio #editPortfolios form div.campo .dato label{
display:block;
min-height:20px;
height:20px;
}

#eportfolio #editPortfolios form div.campo .dato{
color:#373737;
margin-bottom:1em;
float:left;
}

#eportfolio #editPortfolios form div.campo .dato input,
#eportfolio #editPortfolios form div.campo .dato select,
#eportfolio #editPortfolios form div.campo .dato textarea{	
padding:2px;
border: solid 1px #c5dcf5;
width:300px;
}

#eportfolio #editPortfolios form div.campo .dato select{	
width:305px;
}

#eportfolio #editPortfolios form div.campo .dato input:focus,
#eportfolio #editPortfolios form div.campo .dato select:focus,
#eportfolio #editPortfolios form div.campo .dato textarea:focus{
border:solid 1px #A6A9B0;
}

#eportfolio #editPortfolios form .acciones{
margin-left:190px;
/*border-top:solid 1px #464646;*/
width:150px;
}

#eportfolio #editPortfolios form input#submit{
width:150px;
text-align:center;
}

/*	CSS para el formulario del filtrado		*/

#eportfolio #filtro{
}

#eportfolio #filtro form{
width:850px;
}

#eportfolio #filtro form fieldset{
border: solid 1px #dedede;
background-color:#fafafa;
padding:10px 20px;
}
#eportfolio #filtro form fieldset legend{
font-size:0.7em;
}

#eportfolio #filtro form .campo{
float:left;
margin-right:30px;
}

#eportfolio #filtro form div.campo .etiqueta{
height:14px;
min-height:14px;
}

#eportfolio #filtro form div.campo .dato{

}


#eportfolio #filtro form div.campo .dato input{	
padding:2px;
}

#eportfolio #filtro form .campo input#descripcion{	
width:200px;
}

#eportfolio #filtro form .campo input#ric,
#eportfolio #filtro form .campo input#codigo{	
width:100px;
}

#eportfolio #filtro form .campo .dato input#descripcion:focus,
#eportfolio #filtro form .campo .dato input#ric:focus,
#eportfolio #filtro form .campo .dato input#codigo:focus{	
border:solid 1px #A6A9B0;
}



#eportfolio #filtro form label{
font-size:0.7em;
color:gray;
font-style:italic;
}


#eportfolio #filtro form .acciones{
float:left;
}

#eportfolio #filtro form .acciones input{
height:25px;
width:65px;
}

#eportfolio #filtro form .acciones input:hover{
padding: 0;
}


/*	CSS para el formulario de addToPortofolio	*/

#eportfolio #addToPortfolio form{
font-size:0.8em;
margin-top:2em;
}

#eportfolio #addToPortfolio form .campo{
margin-bottom: 0;
max-height: 38px;
height: 38px;
}

#eportfolio #addToPortfolio form span.opcional{
color:green;
font-style:italic;
font-size:0.8em;
margin-left:10px;
}


#eportfolio #addToPortfolio form div.campo .etiqueta{
display:block;
width:100px;
float:left;
text-align:right;
padding: 4px 0;
margin-right:10px;
}

#eportfolio #addToPortfolio form div.campo .etiqueta label{
text-align:right;
}

#eportfolio #addToPortfolio form div.campo .dato{
color:#373737;
margin-bottom:1em;
float:left;
}

#eportfolio #addToPortfolio form div.campo .dato input{

}

#eportfolio #addToPortfolio form div.campo .dato input,
#eportfolio #addToPortfolio form div.campo .dato select,
#eportfolio #addToPortfolio form div.campo .dato textarea{	
padding:2px;
border: solid 1px #c5dcf5;
width:150px;
}

#eportfolio #addToPortfolio form div.campo .dato select{	
width:155px;
}

#eportfolio #addToPortfolio form div.campo .dato input:focus,
#eportfolio #addToPortfolio form div.campo .dato select:focus,
#eportfolio #addToPortfolio form div.campo .dato textarea:focus{
border:solid 1px #A6A9B0;
}


#eportfolio #addToPortfolio form div.campo .datoCheckBox{
padding-top:4px;
color:#373737;
margin-bottom:1em;
float:left;
}

#eportfolio #addToPortfolio form div.campo .datoCheckBox label{
height:20px;
display:block;
padding-top:2px;
}


#eportfolio #addToPortfolio form div.campo .dato input.bloqueado{
color:#505050;
background-color:#efefef;
border: solid 1px #A6A9B0;
cursor:default;
}


#eportfolio #addToPortfolio form .acciones{
margin-left:110px;
/*border-top:solid 1px #464646;*/
width:150px;
}

#eportfolio #addToPortfolio form input#submit{
width:150px;
text-align:center;
}


/*	CSS para el formulario de editar DIVISAS	*/



/*	CSS para el formulario de addToPortofolio	*/

#eportfolio #editarDivisa form{
font-size:0.8em;
margin-top:2em;
}

#eportfolio #editarDivisa form .campo{
margin-bottom: 0;
max-height: 38px;
height: 38px;
}

#eportfolio #editarDivisa form span.opcional{
color:green;
font-style:italic;
font-size:0.8em;
margin-left:10px;
}


#eportfolio #editarDivisa form div.campo .etiqueta{
display:block;
width:100px;
float:left;
text-align:right;
padding: 4px 0;
margin-right:10px;
}

#eportfolio #editarDivisa form div.campo .etiqueta label{
text-align:right;
}

#eportfolio #editarDivisa form div.campo .dato{
color:#373737;
margin-bottom:1em;
float:left;
}

#eportfolio #editarDivisa form div.campo .dato input{

}

#eportfolio #editarDivisa form div.campo .dato input,
#eportfolio #editarDivisa form div.campo .dato select,
#eportfolio #editarDivisa form div.campo .dato textarea{	
padding:2px;
border: solid 1px #c5dcf5;
width:150px;
}

#eportfolio #editarDivisa form div.campo .dato select{	
width:155px;
}

#eportfolio #editarDivisa form div.campo .dato input:focus,
#eportfolio #editarDivisa form div.campo .dato select:focus,
#eportfolio #editarDivisa form div.campo .dato textarea:focus{
border:solid 1px #A6A9B0;
}


#eportfolio #editarDivisa form div.campo .datoCheckBox{
padding-top:4px;
color:#373737;
margin-bottom:1em;
float:left;
}

#eportfolio #editarDivisa form div.campo .datoCheckBox label{
height:20px;
display:block;
padding-top:2px;
}


#eportfolio #editarDivisa form div.campo .dato input.bloqueado{
color:#505050;
background-color:#efefef;
border: solid 1px #A6A9B0;
cursor:default;
}


#eportfolio #editarDivisa form .acciones{
margin-left:110px;
/*border-top:solid 1px #464646;*/
width:150px;
}

#eportfolio #editarDivisa form input#submit{
width:150px;
text-align:center;
}


/*	#####################	*/
#eportfolio #operacionesPortfolio #bono,
#eportfolio #operacionesPortfolio #empresa,
#eportfolio #operacionesPortfolio #cash,
#eportfolio #operacionesPortfolio #divisa{
/*background-color:#E2EEFC;*/
padding: 0;
heigth:215px;
margin-top:1em;
}

#eportfolio #operacionesPortfolio #bono{
}
#eportfolio #operacionesPortfolio #empresa{
}
#eportfolio #operacionesPortfolio #cash{
}

#eportfolio #operacionesPortfolio #divisa{
}

/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    */


/*  CSS para el paginador */
                       


#eportfolio #pagination{
text-align:right;
font-size:1em;
margin-top:20px;
margin-bottom:20px;
color:#2b2b2b;
}


#eportfolio #pagination a{
text-decoration:none;
padding: 2px 5px;
color:#0063e3;
border: solid #DDDDDD 1px;
}


#eportfolio #pagination a:hover{
border: solid #666666 1px;
}

#eportfolio #pagination ul{
display:inline;
}

#eportfolio #pagination ul li{
display:inline;
margin: 0 3px;
padding: 2px 0px;
}

#eportfolio #pagination ul li:hover{
}

#eportfolio #pagination ul li.actual{
}

#eportfolio #pagination ul li.actual a{
border: solid #666666 1px;
}

#eportfolio #pagination span.paginas{
font-size:0.9em;
color:#464646;
}

#eportfolio #pagination span.resultados{
font-size:0.9em;
color:#464646;
}


/*  #################################   */


/*	@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    */






/*	########################################	*/


/*  CSS para el pie de la aplicación    */
#eportfolio #pie{
border-top: solid 1px #dddddd;
padding: 0.5em 0;
margin-top:1em;
font-size:0.7em;
}

#eportfolio #pie p{
color:#464646;
text-align:center;
}
/*  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    */



/*	CSS PARA LOS FORMULARIOS GENÉRICOS	*/








/*	##############		TEMPORAL		 ###############		*/



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#menu2{
padding: 0;
width: 100%;
border-top: 5px solid #D4E5F7; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#menu2 ul{
margin:0;
margin-left: 0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#menu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#menu2 a{
float: left;
display: block;
color: #ffffff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 2px 10px;
background-color: gray; /*Brown color theme*/ 
border-top: 1px solid white;
font-size:0.9em;
}

#menu2 a:hover{
background-color: #D4E5F7; /*Brown color theme*/ 
color: #464646;
}

#menu2 #current a{ /*currently selected tab*/
background-color: #D4E5F7; /*Brown color theme*/ 
color: #464646;
border-color: #D4E5F7; /*Brown color theme*/ 
}

#menu2 a#selected { /*currently selected tab*/
background-color: #D4E5F7; /*Brown color theme*/ 
color: #464646;
border-color: #D4E5F7; /*Brown color theme*/ 
}


/*
 * ToolTip
 */
/*
#tooltip {
    z-index: 30000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
*/
#tooltip.bono{
	position: absolute;
	z-index: 30000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 5px;
    opacity: 0.85;	
}