body {
	/*background-image: url(../imgs/blue_pattern.gif);*/
	padding-right: 3%;
	padding-left: 3%;
	/*padding-top: 1%;*/
}

div.rojo{
  color:#990000;
}

#contp {
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	/*border-right-style: solid;
	border-left-style: solid;*/
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	text-align: justify;
}

#cuerpoGral {
	background-color: #FFFFFF;
	margin-right: 3%;
	margin-left: 3%;
	padding-bottom: 0em;
}

#cabecera {
/*	// background-color: #FBF8FD; */
	/*background-image: url(../imgs/banner7.gif);*/
	height:150;
	padding-top:0;
	margin-top:0;
	position:relative;
	left:0;
	top:0;
	
}


#columnaMenu{
	width:20%;
	float:left;
	background-color: #FFFFFF;
	padding-top:10px;
	padding-bottom:20px;
}

#columnaDcha {
	background-color: #FFFFFF;
	width:70%;
	float:right;
	padding-left:1em;
	padding-bottom:1em;
	padding-top:0;
	margin-top:0;
	
}

#cuerpo {
	background-color: #FFFFFF;
	margin-right: 2%;
	margin-left: 2%;
	padding-bottom: 1em;
}



#pie {
	background-color: #FFFFFF;
	text-align: center;
	clear:both;
}

img{
	border:0;
}

#logolink
         {
                 display: block;
                 height: 30px;
                 width: 30px;
                 background-image: url(../imgs/iconoPDF.gif);
		 }


p.parrafo1 {

	font-family:"Century Schoolbook";
	font-weight: normal;
	color: #333333;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	margin-top: 1em;
	padding-right: 1%;
	padding-top: 0;
	padding-bottom: 0.5%;
}

p.parrafo2 {

	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#999999; 
	font-style:normal;
	font-weight:bold;
	text-align:justify;
	/*text-decoration:blink;*/
	/*margin-top: 1em;*/
	padding-right: 1%;
	padding-top: 0;
	/*padding-bottom: 0.5%;*/
}

p.parrafo3 {

	font-family:"Century Schoolbook";
	font-weight: normal;
	color: #333333;
	font-style:normal;
	font-weight:bold;
	text-align:justify;
	text-decoration:none;
	margin-top: 1em;
	padding-right: 1%;
	padding-top: 0;
	padding-bottom: 0.5%;
}

.subrayado {
text-decoration:underline;
}

h1.titulo {
	font-weight: normal;
	color: #333333;
	font-size: 2.5em;
	font-style:normal;
	font-weight:bold;
	text-align: center;
	margin-top: 1em;
	padding-right: 3%;
	padding-top: 3.5%;
	padding-bottom: 0.5%;
}

h1.titulo1 {
	font-weight: normal;
	color: #0099CC;
	font-size: 2.5em;
	font-style:normal;
	font-weight:bold;
	text-align: left;
	margin-top: 1em;
	padding-right: 3%;
	padding-top: 6.5%;
	padding-bottom: 0.5%;
}

h5.codigo {
	font-weight: normal;
	color:#999999;
	font-style:normal;
	font-weight:bold;
	text-align: left;
	/*margin-top: 1em;
	padding-right: 1%;
	padding-top: 0;
	padding-bottom: 0.5%;*/
}

h5.usuario {
	font-weight: normal;
	color: #333333;
	font-style:normal;
	font-weight:bold;
	text-align: right;
	margin-top: 1em;
	padding-right: 1%;
	padding-top: 0;
	padding-bottom: 0.5%;
}

h5.titulo {
	font-weight: normal;
	color: #333333;
	font-style:normal;
	font-weight:bold;
	text-align: left;
	text-decoration:underline;
	margin-top: 1em;
	padding-right: 1%;
	padding-top: 0;
	padding-bottom: 0.5%;
}

h5.tituloP {
	font-weight: normal;
	color: #0099CC;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	margin-top: 1em;
	padding-right: 1%;
	padding-top: 0;
	/*padding-bottom: 0.5%;*/
}

h5.titular {
	font-family:"Century Schoolbook";
	font-weight: normal;
	color: #333333;
	font-style:normal;
	font-weight:bold;
	/*text-align:center;*/
	text-decoration:underline;
	margin-top: 1em;
	padding-right: 1%;
	padding-top: 0;
	padding-bottom: 0.5%;
}

h6.aviso {
	font-weight: normal;
	color: #333333;
	font-size: -1em;
	font-style:normal;
	font-weight:bold;
	text-align: left;
	margin-left: 100px;
	margin-right:150px;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}

h5.ayuda {
	color: #333333;
	font-size: 11px;
	font-style:italic;
	font-weight:200;
	text-align: right;
	margin-left: 0px;
	margin-right:0px;
	padding-top: 0.5%;
	padding-bottom: 0.5%;
}


.clrb {
	clear: both;
}
.blue {
	color:#0099CC;
	font-weight:bold;
}

.specific {
	font-size: 0.8em;
}


ul.menuNavS {
	clear: both;
	background-color: #EEEEEE;
	color:#333333;
	margin: 0;
	padding: 0em;
	text-align: left;
    white-space:nowrap;
}



ul.barraNavH {
	clear: both;
	background-color: #FFFFFF;
	background-image: url(../imgs/fondonavH.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-left: 0%;
	padding: 0em;
	text-align: right;
	
}
a {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	border:0px;
}

a.reves {
	text-decoration: none;
	color: #0099CC;
	font-weight: bold;
	border:0px;
}

a:hover {
	text-decoration: underline;
	color:#0099CC;
}

a.letrasLink {
	text-decoration: none;
	color: #999999;
	font-weight:normal;
	border:0px;
}

a.letrasLink:hover {
	text-decoration: underline;
	color:#0099CC;
}

ul.barraNavH li a {
	color: #333333;
	font-weight: bold;
	text-decoration:none;
}

ul.menuNavS li a {
	color: #333333;
	font-weight: bold;
	text-decoration:none;
}

ul.barraNavH li a:hover{
	color:#0099CC ;
	text-decoration:underline;
}

ul.menuNavS li a:hover{
	color:#0099CC ;
	text-decoration:underline;
}

img { 
/*	float:left; 
*/	/*border: 1px solid #0099CC; */
	margin-left: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: 0em;
}
img.logos{
    position:relative; 
	float:right;
	z-index:1;
	border: opx; 
	margin-left: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	padding-top:0.5em;
	padding-right:0.5em;
	margin-top: 1em;
}

img.logos1{
    position:absolute; 
	float:right;
	z-index:1;
	border: 0px;
	/*margin-left: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	padding-top:0.5em;
	padding-right:0.5em;
	margin-top: 1em;*/
}

img.logos2{
    position:absolute; 
	float:right;
	z-index:1;
	border: 0px;
	margin-bottom: 1em;
	/*margin-left: 0em;
	margin-right: 1em;
	
	padding-top:0.5em;
	padding-right:0.5em;
	margin-top: 1em;*/
}

img.logoPpal{
    position:relative; 
	float:left;
	z-index:2;
	border: opx; 
	margin-left: 0em;
	margin-right: 1em;
	margin-bottom: 1em;
	padding-top:0.5em;
	padding-left:0.5em;
	margin-top: 0em;
}

/*img.cabecera{
    position:absolute;
    z-index:2;
	float:left; 
	padding-top:0.5em;
	padding-left:0.5em;
	margin-top:0;
	left:0;
	top:0;
	 
}
*/


.barraNavH li {
	list-style-type: none;
	display: inline;
	background-image: url(../imgs/fondonavH.jpg);
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-right: 0.5em;
	padding-left: 0.5em;

}

.menuNavS li {
	list-style-type: none;
	display: inline;
	float:right;
	padding-right: 0.5em;
	padding-left: 0.5em;
}
ul.barraNavV {
	clear: both;
	background-color: #FFFFFF;
	background-image: url(../imgs/fondonavH.jpg);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-left: 0%;
	padding: 0em;
	text-align: left;
	width:320px;
	float:left;
}


.barraNavV li {
	list-style-type: none;
	background-image: url(../imgs/fondonavH.jpg);
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-right: 0.5em;
	padding-left: 0.5em;

}


h1.logo {
	font-size: 5em;
	color: #CCCCCC;
	font-weight: normal;
	margin: 0em;
	padding-left: 3%;
	font-style: normal;
	font-weight:bold;
	float: left;
	z-index:3;
	position:relative;
}

h2.logo {
	font-size: 5em;
	color: #CCCCCC;
	font-weight: normal;
	margin: 0em;
	padding-left: 3%;
	font-style: normal;
	font-weight:bold;
	float: left;
}

h2.titulo {
	font-size: 2em;
	color: #0099CC;
	font-weight: normal;
	margin: 0em;
	padding-left: 3%;
	font-style:italic;
	float:left;
}

h2.infoAdicional {
	font-size: 1em;
	color: #0099CC;
	font-weight: normal;
	margin: 0em;
	padding-left: 3%;
	font-style:normal;
	float:left;
}

.enmarcDch {
	border: 1px dashed #CCCCCC;
	float: right;
	width: 40%;
	height:20%;
	padding: 1em;
	margin-bottom: 0.5em;
	margin-left: 1em;
	color:#666666;
	background-color:#FFFFFF;
}

.enmarcDch1 {
	border: 1px dashed #CCCCCC;
	float: right;
	width: 35%;
	padding: 1em;
	margin-bottom: 0.5em;
	margin-right:2em;
	margin-left: 1em;
	color:#666666;
	background-color:#EEEEEE;
}

.enmarcDch11 {
	border: 1px dashed #CCCCCC;
	float: right;
	width: 34%;
	padding: 1em;
	margin-bottom: 0.5em;
	margin-right:2em;
	margin-left: 1em;
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcDch111 {
	/*border: 1px dashed #CCCCCC;*/
	float:right;
	width:auto;
	height:auto;
	/*padding: 1em;*/
	margin-bottom: 1em;
	margin-right: 27.5em;
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcDch2 {
	border: 1px dashed #CCCCCC;
	float:right;
	width: 47%;
	padding: 1em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	color:#666666;
	background-color:#EEEEEE;
}

.enmarcDch3 {
	border: 1px dashed #CCCCCC;
	float:right;
	width:80%;
	height:300px;
	padding: 1em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	color:#666666;
	background-color:#EEEEEE;
	
}

.enmarcDch4 {
	border: 0px dashed #CCCCCC;
	float:right;
	width:20%;
	/*padding: 1em;
	margin-bottom: 0.5em;
	margin-right:2em;*/
	/*margin-left: 2em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcDch5 {
	border: 0px dashed #CCCCCC;
	float:right;
	width:40%;
	/*padding: 1em;
	margin-bottom: 0.5em;
	margin-right:2em;*/
	/*margin-left: 2em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcDch6 {
	border: 0px dashed #CCCCCC;
	float:right;
	width:35%;
	padding: 1em;
	margin-bottom: 0.5em;
	/*margin-right:2em;
	margin-left: 2em;*/
	color:#666666;
	background-color:#EEEEEE;
}

.enmarcIzd {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 50%;
	padding: 1em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	color:#666666;
	background-color:#FFFFFF;
}

.enmarcIzd1 {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 55%;
	padding: 1em;
	margin-bottom: 1em;
	/*margin-left: 0.5em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}



.enmarcIzd2 {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 60%;
	/*padding: 0.1em;*/
	margin-bottom: 0.5em;
	/*margin-left: 0.1em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcIzd3 {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 53%;
	/*padding: 0.1em;*/
	margin-top: 2em;
	/*margin-bottom: 0.5em;*/
	/*margin-left: 0.1em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcIzd4 {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 53%;
	/*padding: 0.1em;*/
	/*margin-top: 10em;*/
	/*margin-bottom: 0.5em;*/
	/*margin-left: 0.1em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcIzd5 {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 53.5%;
	/*padding: 0.1em;*/
	/*margin-top: 10em;*/
	/*margin-bottom: 0.5em;*/
	/*margin-left: 0.1em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcIzd6 {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 33%;
	height:5.5em;
	/*padding: 0.1em;*/
	margin-top: 1em;
	/*margin-bottom: 0.5em;*/
	/*margin-left: 0.1em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcIzd7 {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 55%;
	height:1.5em;
	/*padding: 0.1em;*/
	margin-top: 1em;
	/*margin-bottom: 0.5em;*/
	/*margin-left: 0.1em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcIzd8 {
	border: 1px dashed #CCCCCC;
	float:none;
	width: 55%;
	padding: 1em;
	margin-right:4em;
	margin-bottom: 1em;
	/*margin-left: 0.5em;*/
	color:#666666;
	/*background-color:#EEEEEE;*/
}

.enmarcIzdHidden {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 40%;
	padding: 1em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	color:#666666;
	background-color:#EEEEEE;
	visibility:hidden;
	overflow:auto
}

.enmarcIzdEnlaces {
	border: 1px dashed #CCCCCC;
	float: left;
	width: 78%;
	padding: 0.5em;
	margin-bottom: 2em;
	margin-top:4em;
	margin-left: 0;
	color:#666666;
	background-color:#EEEEEE;
}

.enmarcCtr {
	border: 1px dashed #CCCCCC;
	float:none;
	width: 61%;
	padding: 1em;
	margin-bottom: 0.5em;
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#EEEEEE;
}

.enmarcCtr1 {
	border: 0px dashed #CCCCCC;
	float:left;
	/*width: 20%;*/
	/*padding: 1em;*/
	margin-bottom: 0.5em;
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#EEEEEE;
	visibility:hidden;
}

.enmarcCtr11 {
	display:none;
	border: 1px dashed #CCCCCC;
	float:left;
	/*width: 20%;*/
	/*padding: 1em;*/
	margin-bottom: 0.5em;
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#EEEEEE;
}

.enmarcCtr111 {
	display:block;
	border: 1px dashed #CCCCCC;
	float:left;
	/*width: 20%;*/
	/*padding: 1em;*/
	margin-bottom: 0.5em;
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#EEEEEE;
}

.enmarcCtr1Hidden {
	border: 0px dashed #CCCCCC;
	float:left;
	/*width: 20%;*/
	/*padding: 1em;*/
	margin-bottom: 0.5em;
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#EEEEEE;
	/*visibility:hidden;	*/
	display:none;
}

.enmarcCtr2 {
	border: 1px dashed #CCCCCC;
	float:left;
	width: 80%;
	padding: 1em;
	margin-bottom: 0.5em;
	margin-left: 2em;
	color:#666666;
	background-color:#EEEEEE;
}

.enmarcCtr3 {
	border: 1px dashed #CCCCCC;
	float:none;
	width: 80%;
	padding: 1em;
	margin-bottom: 0.5em;
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#FFFFFF;
}

.enmarcCtr31 {
	border: 1px dashed #CCCCCC;
	float:none;
	width: 90%;
	padding: 1em;
	margin-bottom: 0.5em;
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#FFFFFF;
}

.enmarcCtr4 {
	border: 1px dashed #CCCCCC;
	float:none;
	width: 71%;
	padding: 1em;
	margin-bottom: 0.5em;
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#FFFFFF;
}

.enmarcCtr5 {
	border: 1px dashed #CCCCCC;
	float:none;
	width: 91%;
	padding: 0.5em;
	/*margin-bottom: 0.5em;*/
	/*margin-left: 1em;*/
	color:#666666;
	background-color:#FFFFFF;
}

.enmarcDch h2{
	color:#0099CC;
}
.enmarcDch2 h2{
	color:#0099CC;
}

.enmarcIzd h2{
	color:#0099CC;
}
.enmarcCtr h2{
	color:#0099CC;
}
.enmarcCtr2 h2{
	color:#0099CC;
}

.enmarcIzdEnlaces h2 {
    color:#0099CC;
}

.enmarcIzdEnlaces h3 {
    color:#0099CC;
}

h1,h2,h3,h4,h5,h6  {
	margin-top: 1em;
	font-weight: normal;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	clear: both;
	color:#0099CC;
}

h3 {
	border-bottom-width: 1px;
	margin-top: 0.5em;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	clear: both;
}

h3.titPeq {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	clear: both;
	color:#0099CC;
}

h5 {
	margin-top: 1em;
	font-weight: normal;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:justify;
}

h5.subrayado {
	margin-top: 1em;
	font-weight: normal;
	font-style:normal;
	text-decoration:underline;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:justify;
}

h5.letras {
	margin-top: 1em;
	font-weight: normal;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	text-align:justify;
}


dt {
	margin-bottom: 0.5em;
	padding: 0;
	font-weight: bold;
	float: left;
	clear: left;
	display: inline;
	width:12em;
}
dd {
	padding: 0;
	float: left;
	display: inline;
	width:12em;
	margin-bottom: 0.5em;
	}
	
	
div.bordeSupI {
    background: url('imgs/bordes/superiorIzquierda_I.png') no-repeat left top;
}

div.bordeSupD{
    background: url('imgs/bordes/superiorDerecha_I.png') no-repeat right top ;
}

div.bordeSup{
    background: url('imgs/bordes/superior_I.png') repeat-x top;
}

	
div.bordeI {
    background: url('imgs/bordes/lateralIzquierdo.png') repeat-y left;
}
div.bordeD {
    background: url('imgs/bordes/lateralDerecho.png') repeat-y right;
}
div.interior {
    background: url('imgs/bordes/lateralIzquierdo.png') repeat-y;
	margin:0 20px 0 20px;
}

	
div.bordeInfI {
    background: url('imgs/bordes/inferiorIzquierda.png') no-repeat bottom left;
}
div.bordeInfD {
    background: url('imgs/bordes/inferiorDerecha.png') no-repeat bottom right;
}
div.bordeInf {
    background: url('imgs/bordes/inferior.png') repeat-x bottom;
}

div.bordeSupD h1{
    background: url('imgs/bordes/superior_I.png') repeat-x top;
	margin: 0 22px 0 22px;
	color:#0099CC;
	font-size:14px;
	height:36px;
	line-height:36px;
}

div.bordeSupD h1 span{
    position:relative;
    left: 30px;
}
div.bordeI p:first-child {
    margin-top: 0;
	padding-top: 10px;
}
div.bordeI p:last-child {
    margin-bottom: 0;
}

div.oculta {
display:none;
	
}


.title
{position: absolute;
width: 100px;
height: 20px;
left: 10px;
z-index: 10;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;}

.submenu
{position: absolute;
left: 25px;
width: 120px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-color: #0174ad;
visibility: hidden;}

div.rojo{
  color:#990000;
}

.oculto{
display:none
/*visibility:hidden;*/
	
}

.BTooltip-contenedor1 {
display: none; /* el elemento va a estar oculto */
position:absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
background-color: #EEEEEE; /* por defecto, el color de fondo como la pantalla */
border:1px solid #0099CC;
margin-top: -1em;
margin-left: 9em;
padding-top: 0em;
padding-left: 0em;
padding-right:0em;
overflow:hidden; /* si el contenido sobresale, no se muestra */
z-index:999; /* va a estar por encima de todo */
height:auto; /* la altura va a depender del contenido */
width:40em;;
}

.BTooltip-contenedor2 {
display: none; /* el elemento va a estar oculto */
position:absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
background-color: #FFFFFF; /* por defecto, el color de fondo como la pantalla */
border:1px solid #0099CC;
margin-top: -2em;
margin-left: 5em;
padding-top: 0em;
padding-left: 0em;
padding-right:0em;
overflow:hidden; /* si el contenido sobresale, no se muestra */
z-index:999; /* va a estar por encima de todo */
height:auto; /* la altura va a depender del contenido */
width:40em;
}

.BTooltip-contenedor3 {
display: none; /* el elemento va a estar oculto */
position:absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
background-color: #FFFFFF; /* por defecto, el color de fondo como la pantalla */
border:1px solid #0099CC;
margin-top: -2em;
margin-left: 5em;
padding-top: 0em;
padding-left: 0em;
padding-right:0em;
overflow:hidden; /* si el contenido sobresale, no se muestra */
z-index:999; /* va a estar por encima de todo */
height:auto; /* la altura va a depender del contenido */
width:32em;
}

.BTooltip-contenedor4 {
display: none; /* el elemento va a estar oculto */
position:absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
background-color: #FFFFFF; /* por defecto, el color de fondo como la pantalla */
border:1px solid #0099CC;
margin-top: -2em;
margin-left: 5em;
padding-top: 0em;
padding-left: 0em;
padding-right:0em;
overflow:hidden; /* si el contenido sobresale, no se muestra */
z-index:999; /* va a estar por encima de todo */
height:auto; /* la altura va a depender del contenido */
width:50em;
}

.BTooltip-contenedor5 {
display: none; /* el elemento va a estar oculto */
position:absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
background-color: #FFFFFF; /* por defecto, el color de fondo como la pantalla */
border:1px solid #0099CC;
margin-top: -2em;
margin-left: 5em;
padding-top: 0em;
padding-left: 0em;
padding-right:0em;
overflow:hidden; /* si el contenido sobresale, no se muestra */
z-index:999; /* va a estar por encima de todo */
height:auto; /* la altura va a depender del contenido */
width:22em;
}

.BTooltip-contenedor {
display: none; /* el elemento va a estar oculto */
position:absolute; /* se fuerza a que se ubique en un lugar de la pantalla */
background-color: #FFFFFF; /* por defecto, el color de fondo como la pantalla */
border:1px solid #0099CC;
margin-top: -2em;
margin-left: 5em;
padding-top: 0em;
padding-left: 0em;
padding-right:0em;
overflow:hidden; /* si el contenido sobresale, no se muestra */
z-index:999; /* va a estar por encima de todo */
height:auto; /* la altura va a depender del contenido */
width:auto;
}

.BTooltip-barra {
margin: 0; /* no tiene márgenes */
text-align:right;
font-weight:bold;
otras_propiedades /* definir las propiedades de la fuente y alineación */
}

.BTooltip-contenido {
display: block; /* se fuerza a mostrar el bloque */
height:auto; /* la altura va a depender del contenido */
otras_propiedades /* definir las propiedades de la fuente y alineación */
}