@charset "windows-1252";

body {
    background: #eeeeee;
    text-align: center;
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.nodoPadres {
    background: url(../imagenes/black_arrow_padres.png);
    background-repeat: no-repeat;
    height: 117px;
    padding: 10px 20px 25px 25px;
    width: 370px;
    font-size: 12px;
    color: #FFF;
}

.nodoHijos {
    background: url(../imagenes/black_arrow_hijo.png);
    background-repeat: no-repeat;
    height: 117px;
    padding: 10px 20px 25px 25px;
    width: 370px;
    font-size: 12px;
    color: #FFF;
    position: absolute;
    top: 350px;
}

#conyugeCongresista {
    background: url(../imagenes/black_arrow_hijo.png);
    background-repeat: no-repeat;
    height: 117px;
    padding: 10px 20px 25px 25px;
    width: 370px;
    font-size: 12px;
    color: #FFF;
    position: absolute;
    left: 375px;
    bottom: 100px;
}

#madreCongresista {
    position: absolute;
    top: 10px;
    left: 370px;
}

#padreCongresista {
    position: absolute;
    top: 10px;
    left: 10px;
}

#congresista {
    background: url(../imagenes/black_arrow_big.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 81px;
    top: 131px;
    width: 370px;
    height: 216px;
    padding: 20px 70px 20px 10px;
    font-size: 12px;
    color: #FFF;
}

.bio {
    color: #FF0;
}

.tooltip {
    display: none;
    background-color: #fff;
    z-index: 1000;
    border: 1px solid #000;
    padding: 5px;
    font-size: 1.2em;
}

.imgCongresista {
    float: left;
    margin: 30px 10px 10px 20px;
}

/* a .label element inside tooltip */
.tooltip .label {
    color: yellow;
    width: 35px;
}

.tooltip a {
    color: #C00;
    font-size: 12px;
    font-weight: bold;
}

.nombre_congresista {
    font: 18px Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #666666;
}

.fechas_congresista {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}
/*
#titulo {
    font-weight:bold;
    color: #777777;
    font: bold 16px Verdana,Arial,Helvetica,sans-serif;
    left: 56px;
    position: fixed;
    top: 30px;
    z-index: 1000;
}
*/
#titulo {
font-weight: bold;
color: #777777;
font: bold 13px Verdana,Arial,Helvetica,sans-serif;
padding-left: 65%;
top: 30px;
z-index: 1000;
padding-top: 1em;
}


.botonRelaciones {
    position: fixed;
    top: 15px;
    right: 0px;
    font-size: 18px;
    cursor: pointer;
    color: #9f0f0f;
}

#botonGenerarResultado {
    background-color: #B00;
    color: #fff;
    font-weight: bold;
    border-bottom: 3px solid #900;
    border-right: 3px solid #900;
    border-left: 3px solid #F22;
    border-top: 3px solid #F22;
}

#botonGenerarResultado:ACTIVE {
    background-color: #B00;
    color: #fff;
    font-weight: bold;
    border-bottom: 3px solid #F22;
    border-right: 3px solid #F22;
    border-left: 3px solid #900;
    border-top: 3px solid #900;
}

#botonGenerarResultado {
    background-color: #B00;
    color: #fff;
    font-weight: bold;
    border-bottom: 3px solid #900;
    border-right: 3px solid #900;
    border-left: 3px solid #F22;
    border-top: 3px solid #F22;
}

img.tooltipbcn {
    z-index: 10;
    border: 0px solid #f00;
    cursor:pointer;
}

img.tooltipbcn:hover {
    border: 5px solid #f00;
}



/* Style for Usual tabs */
.usual {
 
  
  width:100%;
 
  
}



.usual li { list-style:none; float:left; }
.usual ul a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:#444;
}
.usual ul a:hover {
  color:#FFF;
  background:#111;
  }
.usual ul a.selected {
  margin-bottom:0;
  color:#000;
  background:#eee;
  border-bottom:1px solid #eee;
  cursor:default;
  
   
  }
.usual div {

  
  clear:left;
  background:#eee;
  
}
.usual div a { color:#000; font-weight:bold; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#000; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }

#leyes {
    height:400px;   
}

#detalleLeyes {
    height: 400px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 1000px;
    z-index: 10;
    
}


#background-image

{

    font-size: 9px;

   margin-left:0;

    width:100%;

    text-align: left;

    border-collapse: collapse;

    background: url('../imagenes/logo-bcn.png') 330px 59px no-repeat;

}

#background-image th

{

    padding: 12px;

    font-weight: bold;

    font-size: 9px;

    color: #000;

}

#background-image td

{
    padding: 9px;
    color: #333;
    border-top: 1px solid #fff;

}

#background-image tfoot td

{

    font-size: 11px;

}

#background-image tbody td

{

    background: url('../imagenes/back.png');

}

* html #background-image tbody td

{

    /* 

       ----------------------------

        PUT THIS ON IE6 ONLY STYLE 

        AS THE RULE INVALIDATES

        YOUR STYLESHEET

       ----------------------------

    */

    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='table-images/back.png',sizingMethod='crop');

    background: none;

}   

#background-image tbody tr:hover td

{

    color: #000;

    background: none;

}


div.colorPartido{
width:21px;
height:14px;
border:1px solid #777;
}

#descripcionPartidos table {
font-size:1em;
background-color:#fff;
padding:0.25em;
}

#descripcionPartidos table tr td{
border-bottom:1px dotted #000;
}

#divLeyenda{
    
    z-index:30;
    
}
/*
#help{
left: -280px;
 position: absolute;
top:50px;
}*/

#help table {
width:280px;
}


.colTotal {
width:45px;
}

#opener{
text-decoration:underline;
cursor:pointer;
color:#700;
}


#botonera {
margin-left:4%;
width:92%;
border-bottom:1px solid #ccc;
height:30px;
}


#divLeyenda{
float:right;
margin-right:20%;
}


#banner {
padding: 1em;
margin: 0px;
text-align: left;
}


#visual-portal-wrapper {
margin: 0 auto;
width: 1058px;
}


#drawarea {
background-color: #fff;
width: 1058px;
background: #FFF;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
box-shadow: 0 1px 4px #333;
-moz-box-shadow: 0 1px 4px #333;
-webkit-box-shadow: 0 1px 4px #333;
padding: 10px;
}

ul.idTabs {
padding-left: 0px;
}


div#header {
text-align: left;
}

#content{
	height:580px;
}


#visual-portal-wrapper a img{
	border:0px;
}