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

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

* { padding: 0px; margin: 0px}
.visible{display:block;}
.novisible{display:none}
ol, ul, li, form, p, h1, h2, h3  {margin: 0px; padding: 0px; list-style-type: none; }
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; }*/
.hide { display: none; }

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

/**********************************
 CONTENEDORES PRINCIPALES
**********************************/
#container { width: 741px; margin: 0 auto; text-align: left; }
/*Zona de textos*/	
#contenido_textos { margin:0; background-color: white;} 
   #winalink{ padding-bottom: 5px; font-size: 95%; color: #666666; margin-bottom: 35px; }
	#winalink img{ border: none; position: absolute; margin: -6px 0 0 5px;  }
#container2{height:800px;}

/*------------------- header
--------------------------------------------------------------- */

#header { background:url(../imagenes/bg/fondo_cuadro.gif) 50% 0px no-repeat; 
height: 432px; width: 729px; margin: 0px 6px 0px 6px; padding-top:1px; }
#header h1 a, #header h1 a:hover  { background: url(../imagenes/bg/nube_elije.gif) no-repeat; height:67px; width:202px; text-indent: -9999em; padding:0; position: absolute;
margin: 4px 0px 0px 270px; /*muevo la nube htal y vctalmente*/ font-size:8px;
}

/*cubre nubes y esquinas*/
#header ol { height: 73px; /*antes 118*/}
#header ol span { display: none; }

/*imagenes*/
/*#header .images img, #header .images a img { padding: 2px; border: 1px solid #000; }*/
#header img, #header a img {  padding: 1px; border: 1px solid #000; height: 206px; width: 243px;margin-left: 77px; margin-top:2px; z-index:2000;}
#header a:hover { background: transparent; }
#header a:hover img { background: transparent; border:1px solid #0290cb; }

/*esquinas atras y adelante*/	
#header ol #previous, #header ol #previous a { height: 73px; width: 107px; float: left; background: url(../imagenes/bg/esq_izq.gif);display:block;}
#header ol #previous a:hover { background-position: right; }
#header ol #next, #header ol #next a { height: 73px; width: 107px; float: right; background: url(../imagenes/bg/esq_drcha.gif);display:block;}
#header ol #next a:hover { background-position: right; }
#header ol #sin{ height: 73px; width: 107px; float: right; background: url(../imagenes/bg/esq_sin.gif);display:block;}

/*cambio los nombres a la parte superior de la foto*/
#names { height:24px;float:left;display:block; width:720px; font-size: 160%;margin-top:8px; }
#names #leftname { width:auto;float:left; margin-left:78px;color:#666666;text-align:left; }
#names #rightname {width:auto;float:right; margin-right:70px;color:#666666;text-align:right;}
#names .leftname, #names .rightname  {cursor: help;}
/*#names .leftname hover, #names .rightname a:hover { color: #0eacdc; } quite el link de wikipedia*/

/*---------------------- bloque results
-------------------------------------------------------- */
ul#results { margin-left: 77px; margin-top:14px; }
ul#results span.hide { display: none; }
ul#results h2 { font-size: 160%; }
/* ul#results h2 a {  color: #000; }
ul#results h2 a:hover {  color: #0eacdc; } */

/*donde se pone la barra de resultados y el numero del %*/		
ul#results li { width:280px; float:left; margin-top:14px;}
ul#results li#right { margin-left: 45px; }
ul#results li .number { font-weight: bold; font-size: 110%; margin-left: 5px; float: left; width: 60px;}
/*ul#results li .name {margin:10px 0; display: block;} el nombre lo pase arriba de la foto #names*/

/*barras del indicador de votos de la encuesta*/
ul#results li .leftline { background: url(../imagenes/iconos/barra_blue.gif); width: 146px; margin-top: 1px; display:inline; height:20px; float:left; text-indent: -1000px; }
ul#results li .rightline { background: url(../imagenes/iconos/barra_blue.gif); margin-top: 1px; height: 20px; float: left; text-indent: -1000px; }
		
/*barra de cargando*/
/*antes width: 70px; height: 10px*/
#loading_l img { position: absolute; width: 16px; height: 16px; margin: 124px 189px; border:0; }
#loading_r img { position: absolute; width: 16px; height: 16px; margin: 124px 524px; border:0; }
		
/*capa donde se ve la informacion de wikipedia al pasar por encima del nombre*/
ul#results li #left_tooltip { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;position: absolute;  width: 262px; border: 1px solid #c2c0c1; background-color: #fdfaf1; padding: 3px; z-index: 20; display: none; margin-top: 320px; clear: left; top: 0px;margin-left:-10px;}
ul#results li #right_tooltip { font: 80% Verdana, Arial, Helvetica, sans-serif; position: absolute; width: 262px; border: 1px solid #c2c0c1; background-color: #fdfaf1; padding: 3px; z-index: 20; display: none; margin-top: 320px; margin-left:-10px;clear: left; top: 0px; }

img#image_right_voted {	z-index:2000;}

/*------------------------- ultimos 10 last 15
-------------------------------------------------------- */
#last_encuestas { float: left; width: 260px; margin-left:4px; }
#last_encuestas h3 {height: 21px; width: 180px; }
#last_encuestas dl { padding-top: 17px; line-height: 18px; }
#last_encuestas dt { float: left; color: #ccc; margin: 0 10px 0 0; font-size: 90%;  }
#last_encuestas dd { border-bottom: 1px solid #eee; font-size: 95% }
#last_encuestas dd a{ text-decoration: none; color: #000; display: block; }
#last_encuestas dd a:hover { color: #0297d4; }
#last_encuestas dd a:visited{text-decoration:none; background:url(../imagenes/iconos/visitado.jpg) no-repeat right center; }
#last_encuestas dd a .or { font-weight: bold; color: #0297d4; margin: 0 2px 0 2px; text-transform: none; }
	/*#last_encuestas dd a:hover .or { color: #000; }*/
/*links de anteriores y posteriores encuestas*/	
#last_encuestas ul { padding: 15px 0 0 4px; }
#last_encuestas li { display: inline; color: #C6E1FF;}
#last_encuestas li#drcha { display: inline; margin-left: 92px; }
#last_encuestas li a { font-weight: bold; color: #5B5B5B; text-decoration: none; font-size: 100%; }

#last_encuestas li a:hover { color: #0eacdc; }
#all_encuestas a{display:block; color: #000; text-decoration: none; font-size: 95%;padding-top:30px;  /*vertical-align: text-bottom; */}
#all_encuestas a:hover{ color: #0eacdc;}

/*-------------------------- suggest
-------------------------------------------------------- */
#suggest { float: left; width: 215px; margin: 0 20px 0 20px;/*padding-left: 10px; */}
#suggest h3 {  height:21px; width:157px; padding-left:10px;}
#suggest h3.sponsors span { display: none; }
#suggest p.peque{font-size: 90%; color: #999999;margin-bottom:9px;}	

#suggest form { padding-left: 10px; padding-top: 20px; }
#suggest form label {font-weight: bold; color: gray; }
#suggest form p label span{  font-size: 90%; color: #999999; font-weight: normal;}
#suggest form .button { font-weight: bold;   font-size: 95%; width: 86px; margin: 5px 12px 0 35px; height: 20px; float:right; padding-bottom:2px; /*background-color: #C6E3FF; */}
#suggest form p input { font-size: 105%;  font-weight: bold;  border: 1px solid #eee; width: 190px; padding: 2px 0 4px 4px; margin: 2px 0 10px 0; }
#suggest form .input:hover, #suggest form .input:focus{ background: #f4fcfe; border: 1px solid #373232; }	/*esta prop no funciona en IE, solo FF*/
/* #suggest p.tnx { font-weight: bold; font-size: 130%; margin-left: 5px; color: #0eacdc; }
#suggest form #more { margin-bottom: -10px; } */
#suggest #tnx { float:left;width:185px;font-weight: bold; font-size: 100%; color: #8C2222;text-align:left;margin-left:6px;}

/*------------------- embed, bookmarking, publicidad
-------------------------------------------------------- */
#sociable { float:left; /*font-size: 95%; *//*margin-left:10px;*/ width: 215px; }
#sociable span { color: #999999; }
#sociable h3 {height: 21px; width: 107px;}
#sponsor {font-size: 90%; color: #999999; ;margin-bottom:9px;padding-top: 20px;}
#sponsor a { color: #000;  }
#sponsor a:hover { text-decoration: none;  color: #0297d4; }

ul#publi { padding-right: 20px; padding-top:20px; }
ul#publi li { display: inline; }
ul#publi li img{ border: none; margin: 10px 0 0 5px; }

.zonapubli {
	/*font:75% Arial;background-color:#eee;*/padding-left:5px;border-bottom: 1px solid #eee; font-size: 0.8em; width:210px;height:210px; margin-bottom:10px;height:200px;
/*color: #777777; */
}		
/*--------------------------- contact
-------------------------------------------------------- */
#container_contact{clear:both;width:729px;margin:auto;  text-align: center;}
#contact { border: 1px solid #000;  margin:5px auto; padding-left: 10px; width:615px; text-align: left;} 
#contact form { margin-bottom: 10px;}
#contact form label { display: block; font-size: 110%; margin-bottom: 15px; }

#contact form h3 { height:21px; width:160px;color: #777777;/* padding-left:10px; font-weight: bold; font-size: 130%; color: #000; */ }
#contact form span { font-size: 90%; display: block;  padding: 12px 0 20px 0;  }
#contact #subject { float: left; width: 170px; padding: 0px 10px 0 12px; margin-top: 12px; }
#contact form select option { padding: 0 2px; color: #777777;font-size:95%;}
#contact form #message  { margin: 12px 0; padding-left: 50px; display: block; float: left; width: 350px;}	
#contact form textarea { width: 300px; height:80px; font-size: 95%; border: 1px solid #ccc;  color: #777777;}	
#contact form .button { width: 120px; font-weight: bold;  font-size: 95%; height: 20px; float:right; padding-bottom:2px;}		
#contact form .input { width: 150px; font-size: 95%; border: 1px solid #ccc;  color: #777777;}
#contact form .input:hover, #contact form .input:focus, #contact form textarea:hover,			#contact form textarea:focus { background: #f4fcfe; color: #777; }/*solo para FF*/		
	
#error1 { width:400px; font-weight: bold; font-size: 100%; color:#8C2222;text-align:center;margin: auto;}

#contact #subject a{ color: #0eacdc; }
#contact #subject a:hover { text-decoration: underline; }
	
	#contact #info { float: left; width: auto; margin-bottom: 10px;}	
	#contact #info input { width: 400px; border: 1px solid #ccc; margin: 5px 0 30px 0; padding: 1px; color: #ccc; }
		#contact #info input:hover, 
		#contact #info input:focus { background: #f4fcfe; border: 1px solid #000; color:  #777777; }	

		
/*------------------------- 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;}