@charset "UTF-8";
*{margin:0;padding:0;}
#conte{margin:0 auto;width:980px;font-family:'Lato',sans-serif;font-size:13px;}
#conte #izquierdo{float:left; width:400px;}
#conte #izquierdo p{float:left; clear:right; width:325px; margin:0px 0 10px 0; font-weight:bold; font-size:14px;}
#conte #izquierdo h2{float:left; width:360px; border-bottom:1px solid #999; padding-bottom:6px; color:red;}
#conte #izquierdo #imagen_pais{float:left; clear:both; display:block; width:300px; height:320px; background-image:url(../img/niger.png); margin-top:15px; margin-bottom:-200px; background-repeat:no-repeat}
#conte #izquierdo span{display:block;float:left; width:100px; margin-left:25px; margin-right:40px; text-align:center}
#conte #derecho{float:right; width:580px;}
#conte #derecho #filtro{float:right; width:580px;margin-bottom:10px;}
#conte #derecho #filtro div.buscador_cargos{margin:0 auto; width:400px;font-family:'Lato',sans-serif;font-size:13px;}
#conte #derecho #tabla{float:left; width:580px; height:410px; overflow:auto;}
#conte #derecho #tabla a{color:#000;}
table{font-family:'Lato',sans-serif;font-size:13px;}
#conte #pie{float:left; width:980px; margin-top:15px;}
table thead th{padding:10px 30px 10px 16px;background:url(../img/sprite.png) right -236px no-repeat;cursor:pointer;border-bottom:1px solid #B1B1B1; white-space: nowrap; }
table tbody td{border-bottom:1px solid #D6D6D6; padding: 5px 3px 5px 16px; text-align:left; }
table tbody tr:hover{background:#F3F9FC;}
table tbody tr td .barra_verde{
	height:13px;
	background-color:#01a43b;
	float:left;
	margin-right:10px}
table tbody tr td .barra_azul{
	height:13px;
	background-color:#017ec1;
	float:left;
	margin-right:10px;
		}

	
/*el siguiente código selecciona el primer td dentro del tr y lo alinea a la izquierda. Son los nombres de los países*/
table tr td:nth-child(1){
	text-align:left;
}