@import url('http://www.rtve.es/css/rtve.commons/rtve.modules/tabla_datos.css');

 /** *{margin:0; padding:0;} Quitar en pro **/
.hddn    {display:none;}

/** No hay Javascript **/
#rtveusamapsenado.nojs .nav,
#rtveusamapsenado.nojs #states,
#rtveusamapsenado.nojs #candidatos{ display:none;}
#rtveusamapsenado.nojs #tableStates { left: 0; opacity:1;}
#rtveusamapsenado.nojs #tableStates tbody {height: 397px;}

#rtveusamapsenado   {width: 100%; height: 475px; display:block;border: 1px solid;overflow: hidden; position:relative;}
#rtveusamapsenado * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}
#rtveusamapsenado .nav  {
    width: 100%; height:37px; 
    background: black; /* Old browsers */ background: -moz-linear-gradient(top, #333333, black); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #333333, black); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #333333, black); /* Opera11.10+ */ background: -ms-linear-gradient(top, #333333, black); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='black',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #333333, black); /* W3C */
}
#rtveusamapsenado .nav li   {float:left; display:inline-block; padding: 1em; text-align:center; /*text-transform: uppercase;*/ height: 100%;-webkit-transition: all .5s 0s; border-right: 1px solid #333;background-image: -webkit-linear-gradient(top,#5E5C5C,black);}
#rtveusamapsenado .nav li a { font-family:'RTVEFontR'; color: #999; text-decoration:none; font-size: 2em; font-weight: normal; line-height: 1em; text-shadow: 0 1px #000;}
#rtveusamapsenado .nav li.active, #rtveusamapsenado .nav li:hover   { border-bottom: 2px solid #FEAD00; background-color: #A26E00; background-image: none;}
#rtveusamapsenado .nav li.active a, #rtveusamapsenado .nav li:hover a{color:white;}

/** Vista Mapa/Estados **/
#rtveusamapsenado #states{ width: 100%; height: 86.3%; *float:none; background-image: -webkit-linear-gradient(top,#F2F2F2,#e4e4e4); background-color:#f2f2f2;/*display: none;*/}

#rtveusamapsenado #states.active,
#rtveusamapsenado #tableStates.active { left:0; opacity:1; transition:all 0.5s 0s; -webkit-transition:all 0.5s 0s; -moz-transition:all 0.5s 0s; -o-transition:all 0.5s 0s; -ms-transition:all 0.5s 0s;}
#rtveusamapsenado #states         { position:absolute; left:-100%; opacity:0; /* top: 0; */}
#rtveusamapsenado #tableStates    { position:absolute; left:100%;opacity:0}

/** Mapa -> Candidatos **/
#rtveusamapsenado #candidatos { position:absolute; bottom:0; left:0; width:100%; border-top: 1px solid #c3c3c3;}
#rtveusamapsenado #candidatos .candidato{width: 20%;z-index: 2;position: relative;text-align: center;}
#rtveusamapsenado #candidatos .candidato.Democrata, #rtveusamapsenado #candidatos .candidato.Democrata img{float:left;clear: both;}
#rtveusamapsenado #candidatos .candidato.Republicano, #rtveusamapsenado #candidatos .candidato.Republicano > img{float:right;}
#rtveusamapsenado #candidatos .candidato >img{width: 100% !important;display:block;clear:both;margin: 0;padding: 0;}
#rtveusamapsenado #candidatos .candidato >span{display:block;font-size:1.6em; font-family:RTVEFontB; line-height: 1em; padding: .4em 0em; color:white; clear: both;background: black;}
/** Mapa -> Porcentajes **/
#rtveusamapsenado #candidatos #porcentajes{width: 60%;display:block;position:absolute;top: 0;left: 20%;background-color: white;height: 100%;}
#rtveusamapsenado #candidatos #porcentajes > div{ 
    float:left; display:block;text-align:center;height:100%; z-index: 1;
    background-image: -webkit-linear-gradient(top,rgba(255, 255, 255, .3) 30%,rgba(0, 0, 0, .2) 50%);
    background-image: -moz-linear-gradient(top,rgba(255, 255, 255, .3) 30%,rgba(0, 0, 0, .2) 50%);
}
#rtveusamapsenado #candidatos #porcentajes > div > span{font-weight:bold; position:absolute; font-size:1.4em; top:25%;z-index: 0;} 
#rtveusamapsenado #candidatos .Obama{ background-color:#3383a7; box-shadow: 2px 0 5px rgba(0, 0, 0, .5);}
#rtveusamapsenado #candidatos .Obama > span { left:1%;} 
#rtveusamapsenado #candidatos .Romney{ background-color:#d53335; box-shadow: -2px 0 5px rgba(0, 0, 0, .5); float: right;}
#rtveusamapsenado #candidatos .Romney> span { right:1%;} 
#rtveusamapsenado #candidatos .indecisos{
    background-color: #c3c3c3;
    z-index: 0 !important;
    background-image: none !important;
}
#rtveusamapsenado #candidatos .indecisos span{
    border-left: 1px solid #333;
    position: absolute;
    left: 50%;
    height: 100%;
    top: 0% !important;
    overflow: hidden;
    width: 1px;
}

#rtveusamapsenado #candidatos .votosNecesarios{
    position: absolute;
    width: 100%;
    display: block;
    bottom: -31%;
    left: 0;
    background-color: #000;
    z-index: 1;
    text-align:center;
    padding: .85em 0;
    color: white;
}
#rtveusamapsenado #candidatos .votosNecesarios span{ display:inline-block; color:white; font-size: 1.2em;}

/** Tabla **/
#rtveusamapsenado table { display: block; float: left; border-right: none;}
#rtveusamapsenado table thead tr, 
#rtveusamapsenado table tbody tr{ float: left; display: block; width: 100%; border-bottom: 1px solid #F2F2F2;}
#rtveusamapsenado table tbody tr:nth-child(even) {background-color:#eee;}
#rtveusamapsenado table tbody tr:hover {background-color:#ddd; font-weight:bold;}
#rtveusamapsenado table tbody tr.select{background-color: #FEAD00; font-weight:bold;}
/** Tabla -> Head **/
#rtveusamapsenado table thead{ float: left; display: block; width: 100%; clear: both;}
#rtveusamapsenado table thead th { float: left; width: 50%; font-family: RTVEFontR; font-size: 1.6em; font-weight: normal;}
#rtveusamapsenado table thead th td{}
/** Tabla -> Body **/
#rtveusamapsenado table tbody{
    display: block;
    height: 360px;
    overflow-y: scroll;
    float: left;
    clear: both;
    position: relative;
    width: 100%;
}
#rtveusamapsenado table tbody tr td{ display: inline-block; width: 24%; padding: .5em 0; font-size: 1.2em; border-bottom:none; height:auto\9; float:left\9;}
#rtveusamapsenado table tbody tr td.code{width:25%; width:25%\9;}
#rtveusamapsenado table tbody tr td.estado{width: 51%; width: 51% 9;}
#rtveusamapsenado table thead tr th#votos{display: none;}
#rtveusamapsenado table tbody tr td.votos{width:33.5%; width:45.5%\9;display: none;}
#rtveusamapsenado table tbody tr td[class*="ganador"]{ width: 47%; width: 45% 9;}
#rtveusamapsenado table tbody tr td.ganador1{background-color:#d53335;}
#rtveusamapsenado table tbody tr td.ganador3{background-color:#3383a7;}
/** Tabla -> Foot **/
#rtveusamapsenado table tfoot{ float: left; display: block; width: 100%;}

/******* SENADO *****/