@charset "utf-8";
/**********************
HOJA DE ESTILOS DE anteladuda.com
VERIFICADA POR LEUNAM GESTION SL
URL: 	www.anteladuda.com
************************/

/***********************
DEFINICIONES GENERALES
************************/

*{ margin: 0 auto; padding: 0;}
* html{ width: 100%;}
.visible{display:block;}
.novisible{display:none}

ol, form, h1,h2,h3  {margin: 0px; padding: 0px;}
h3 {margin-left: 10px; margin-bottom: 20px;}
/*
li{ margin:0; border:0; }
ul { list-style-type:none; margin:0px; border:0px; }*/

fieldset { border: none }
legend, hr { display: none; }
input, textarea { padding-left: 2px; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; }
a:active,
a:focus { outline: none; }
/*.clr { clear: both; }*/


/********************************************
Cuerpo y HTML
*********************************************/
html {width:100%}
body { font: 72.5% Arial, Helvetica, sans-serif; 
/*background: #fff url(../imagenes/bg/fondo.gif) 50% 11px repeat-x; */
padding: 0px; margin:30px auto; /*margin: 30px 0 0 0; *//*text-align:center;*/ color: #777777;  }

/**********************************
 CONTENEDORES PRINCIPALES
**********************************/
#container_sup {height:30px; 	background: #fff url(../imagenes/bg/fondo_sup.gif) 50% 11px repeat-x; width:100%;}
#header_sup { background:url(../imagenes/bg/fondo_cuadro_sup.gif) 50% 0px no-repeat; 
height: 30px; width: 729px;}

#container_inf {width:100%; background: #fff url(../imagenes/bg/fondo_inf.gif) 50% 0px repeat-x;height:30px; }
#header_inf { background: #fff url(../imagenes/bg/fondo_cuadro_inf.gif) 50% 0px no-repeat; 
height: 30px; width: 729px;}

#containedor {width:100%;background-color:#0297d4;}
#header_medio {float:none; border-right: solid 1px #000; border-left: solid 1px #000; width: 727px;background: #fff 50%;  }
#zona_cuadro {width:720px;float:none;display: table;}

.cada_cuadro {float:left; width:200px;padding:10px 10px 10px 10px;margin-left:10px; margin-bottom:20px; height:140px;border:1px solid #0290cb;color:#666666; font-weight:bold;}
.cada_cuadro a img {  padding: 1px; border: 1px solid #000; height:51px; width: 60px; margin:0px 17px 5px 17px; z-index:2000;}
.cada_cuadro a:hover img { background: transparent; border:1px solid #0290cb; }
.totales{margin-top:14px; text-align: left;font-weight:normal;/*line-height:30px;*/ display:block;font-size:10px;}

.nombres {width:200px;height:20px;float:left;}
.nombres .left_name {width:auto; text-align: left; float:left;}
.nombres .right_name {width:auto; text-align: right;float:right;}
.votacion {width:200px; display:block; height:20px;float:left;/*font-size:8px;*/}
.votos_lado {width:100px;float:left; }

.leftline { background: url(../imagenes/iconos/barra_blue.gif); margin-top: 1px;  display:inline; height:10px; float:left;}
.ciento_voto{	display:block;float:left; margin-left:5px; /*font-size:0.9em;*/}

/*paginador*/
#contador{ display:block;	width:690px;float:left; color: #C6E1FF;
padding-left:30px;}
#contador a {/*display: inline;*/
	width:300px;float:left;font-weight: bold; color: #5B5B5B; text-decoration: none; font-size: 100%;}
#contador a:hover { color: #0eacdc; }
#contador #drcha{/* display: inline; */margin-left: 520px;
	
}
		
/*------------------------- footer
---------------------------------------*/	
#container_footer{clear:both; font-size: 85%;  height: 85px; background: url(../imagenes/bg/fondopie.gif) repeat-x 25px; width:100%;}
#container_footer #footer{float: none; width:740px; height:50px; color: #ccc; margin: 0px auto; display:block;  padding-top:25px;}

#footer_center { text-align: center;   height:30px;float:left;width:340px;}
#footer a { color:#ccc; padding: 5px 5px 0 5px; }
#footer a:hover { color: white; text-decoration: underline ;}
#footer_left{display:block;width:200px; float:left;text-align: left;}
#footer_right{width:200px;float:right;text-align: right;}