@charset "utf-8";
/* CSS Document */

 * { margin: 0; padding: 0} 
html { margin: 0; padding: 0}
body { margin: 0; padding: 0; font-family:"Arial"; font-size:11px; text-align: center; background:url("../img/deg_content_02.jpg") repeat-x  left 0} 

/*genericos*/

img {border:0; margin:0; padding:0}
div {background:transparent}
a { color:#4096ee}
a:hover { text-decoration:underline}
h2 { margin:0; padding:0}
fieldset{ border:0}
input{border:0}
ul{ list-style:none; display:inline; float:left; margin:0; padding:0}

.boton { margin:20px 0; padding:6px 0; display:inline; background:url("../img/boton.gif") no-repeat top left; width:152px; border:0; color:#FFFFFF; font-weight:bold; font-size:14px; cursor:pointer; text-align:center; display:inline}

#container { width:950px; text-align: center; margin:0 auto; padding:0} 
#publicidad{float:left;height:98px; width:950px;margin:0; padding:0; display:inline}
#publicidad div{float:left;width:auto;margin:0 0 0 4px;display:inline}
#content { width:950px; float:left; margin:0; padding:0; display:inline}

/*index*/

h1 { margin:37px 0 0 0; padding:0; float:left; width:154px; background:url("../img/logotipo.jpg") no-repeat top left; height:138px}
h1 a { width:154px; height:138px; cursor:pointer; float:left}
h1 a span { display:none}

ul#canales { margin:5px 0 0 0; padding:0; float:right; width:663px; display:inline}
ul#canales li { margin:0; padding:0; float:left; width:auto}

ul#canales li#c_espectaculos { background:url("../img/c_espectaculos.gif") top left no-repeat; height:54px; margin:0 5px 0 0; padding:0; display:inline; width:131px}
ul#canales li#c_espectaculos span { display:none}
ul#canales li#c_espectaculos a { height:50px; background-color:transparent; float:left; width:131px}
ul#canales li#c_espectaculos a:hover   { background:url("../img/c_espectaculos_bk.gif") top left no-repeat; height:54px}
ul#canales li#c_espectaculos a.on   { background:url("../img/c_espectaculos_bk.gif") top left no-repeat; height:54px}

ul#canales li#c_rosa { background:url("../img/c_rosa.gif") top left no-repeat; height:54px; margin:0 5px 0 0; padding:0; display:inline; width:127px}
ul#canales li#c_rosa span { display:none}
ul#canales li#c_rosa a { height:50px; background-color:transparent; float:left; width:127px}
ul#canales li#c_rosa a:hover   { background:url("../img/c_rosa_bk.gif") top left no-repeat; height:54px}
ul#canales li#c_rosa a.on   { background:url("../img/c_rosa_bk.gif") top left no-repeat; height:54px}

ul#canales li#c_amor { background:url("../img/c_amor.gif") top left no-repeat; height:54px; margin:0 5px 0 0; padding:0; display:inline; width:127px}
ul#canales li#c_amor span { display:none}
ul#canales li#c_amor a  { height:50px; background-color:transparent; float:left; width:127px}
ul#canales li#c_amor a:hover   { background:url("../img/c_amor_bk.gif") top left no-repeat; height:54px}
ul#canales li#c_amor a.on   { background:url("../img/c_amor_bk.gif") top left no-repeat; height:54px}

ul#canales li#c_deportes { background:url("../img/c_deportes.gif") top left no-repeat; height:54px; margin:0 5px 0 0; padding:0; display:inline; width:127px}
ul#canales li#c_deportes span { display:none}
ul#canales li#c_deportes a  { height:50px; background-color:transparent; float:left; width:127px}
ul#canales li#c_deportes a:hover   { background:url("../img/c_deportes_bk.gif") top left no-repeat; height:54px}
ul#canales li#c_deportes a.on   { background:url("../img/c_deportes_bk.gif") top left no-repeat; height:54px}

ul#canales li#c_motor { background:url("../img/c_motor.gif") top left no-repeat; height:54px; margin:0; padding:0; display:inline; width:131px}
ul#canales li#c_motor span { display:none}
ul#canales li#c_motor a  { height:50px; background-color:transparent; float:left; width:131px}
ul#canales li#c_motor a:hover   { background:url("../img/c_motor_bk.gif") top left no-repeat; height:54px}
ul#canales li#c_motor a.on  { background:url("../img/c_motor_bk.gif") top left no-repeat; height:54px}

#buscador {display:inline;float:left;margin:21px 0 0 23px;padding:0;text-align:left;width:210px;}
#buscador form { float:left; padding:0; margin:0; width:280px; display:inline}
#buscador form.search { margin:0; padding:0; width:280px; float:left; display:inline}
#buscador .textarea { margin:0; padding:0; float:left; height:17px}
#buscador .boton { margin:0 0 0 5px; padding:0; background:url("../img/b_buscar.gif") top left no-repeat; float:left; width:100px; height:26px; display:inline; cursor:pointer}

ul#conexion {float:right;margin:13px 0 0;padding:0;width:490px;}
ul#conexion li {float:right;font-size:13px;font-weight:bold;margin:0;padding:0;width:100px;}
ul#conexion li#home {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url("../img/ico_home.jpg") no-repeat scroll left top;display:inline;height:31px;margin:0;padding:23px 0 0 55px;}
ul#conexion li#perfil {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url("../img/ico_perfil_peq.gif") no-repeat scroll left top;display:inline;float:left;height:31px;margin:0;padding:3px 0 8px 4px;text-align:left;width:170px;}
ul#conexion li#perfil img {display:inline;float:left;height:24px;margin:0 10px 0 0;padding:0;width:24px;}
ul#conexion li#perfil strong a {margin-top:-3px;}
ul#conexion li#perfil span a {display:inline;font-size:12px;font-weight:normal;margin:0;padding:0;text-align:left;width:130px;}
ul#conexion li#conectarse {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url("../img/ico_conectarse_peq.gif") no-repeat scroll left top;display:inline;height:31px;margin:0;padding:7px 0 0 40px;width:79px;}
ul#conexion li#desconectar {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url("../img/ico_desconectarse_peq.gif") no-repeat scroll left top;display:inline;height:31px;margin:0;padding:7px 0 0 40px;width:93px;}
ul#conexion li#registro {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url("../img/ico_registro_peq.gif") no-repeat scroll left top;display:inline;height:31px;margin:0;padding:7px 0 0 40px;width:80px;}
ul#conexion li#ayuda {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url("../img/ico_ayuda_peq.gif") no-repeat scroll left top;display:inline;height:31px;margin:0;padding:7px 0 0 40px;width:43px;}
ul#conexion li#boletin {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url("../img/ico_boletin_peq.gif") no-repeat scroll left top;display:inline;height:31px;margin:0;padding:7px 0 0 40px;width:60px;}
ul#conexion li a {color:#FFFFFF;float:left;text-decoration:none;}
ul#conexion li a:hover {color:#000000;}

#contenidos { float:left; margin:-80px 0 0 0; padding:0; width:950px; display:inline}
#area_question { float:left; margin:65px 0 0 0; padding:0; width:580px; display:inline}
#area_question h2 { margin:10px 0 0 0; padding:0 0 20px 0; float:left; font-size:22px; width:573px; text-align:center}
#area_question h2 span{font-size:14px; margin-right:8px}
h3 { font-size:16px}
#area_question h3#quest_1 { float:left; margin:0; padding:0; width:238px; height:102px; cursor:pointer}
#area_question h3#quest_1 a { text-decoration:none; color:#000000; padding:40px 0 0; width:238px; height:62px; float:left; background:url("../img/area_question_01.gif") no-repeat top left}
#area_question h3#quest_1 a:hover { background:url("../img/area_question_01_bk.gif") no-repeat top left; margin:0}

#area_question #quest_2 { float:left; margin:0; padding:0; background:url("../img/area_question_02.gif") no-repeat top left; width:98px; height:102px}

#area_question h3#quest_3 { float:left; margin:0; padding:0;  width:237px; height:102px; cursor:pointer}
#area_question h3#quest_3 a { text-decoration:none; color:#000000; padding:40px 0 0; width:237px; height:62px; float:left; background:url("../img/area_question_03.gif") no-repeat top left}
#area_question h3#quest_3 a:hover { background:url("../img/area_question_03_bk.gif") no-repeat top left; margin:0}

#area_question #quest_4 { float:left; margin:0; padding:0; background:url("../img/area_question_04.gif"); background-repeat:no-repeat; background-position:top left; width:573px; height:123px}

#user { float:left; margin:0; padding:0; width:250px; display:inline; text-align:left}
#user img { float:left; margin:0 10px 0 0; padding:0; width:35px; height:35px; display:inline}
#user p { margin:0; padding:3px 0 0 0; width:200px; float:left}
#user p a { margin:0; padding:0; width:200px; text-decoration:none; float:left}
#user p a:hover { color:#000000}

#columna { float:right; margin:13px 0 0 0; padding:0; width:300px; display:inline; background-color:#FFFFFF}
#columna.flexible { background:transparent url("../img/cierre_columna_white.gif") no-repeat bottom left; margin:12px 0 20px 0;display:inline; padding:0 0 20px 0}

#columna.flexible dl { margin:5px 0 0 0; float:left; width:300px;font-size:12px}
#columna.flexible dl dt { margin:0; padding:0; width:300px; text-align:center; float:left; display:inline; text-decoration:none}
#columna.flexible dl dt a{color:#000000; text-decoration:none}
#columna.flexible dl dd{ margin:0; padding:0; width:300px;  float:left; display:inline; font-size:12px; color:#000}
#columna.flexible dl dd a{font-size:13px; font-weight:bold; text-decoration:none; margin:0 8px; text-align:right; width:120px; display:inline-block}
#columna.flexible dl dd a.positive{color:#7eb031; text-align:left}

#columna.flexible ul { margin:20px 0 0 0; padding:0; width:300px; display:inline; float:left}
#columna.flexible ul li { margin:10px 0 0 0; padding:0; width:300px; text-align:left; float:left; display:inline}
#columna.flexible ul li#uno { float:left; margin:0 0 0 10px; padding:0 0 0 20px; background:url("../img/img_uno.gif") no-repeat top left; width:240px}
#columna.flexible ul li#dos { float:left; margin:10px 0 0 10px; padding:0 0 0 20px; background:url("../img/img_dos.gif") no-repeat top left; width:240px}
#columna.flexible ul li#tres { float:left; margin:10px 0 0 10px; padding:0 0 0 20px; background:url("../img/img_tres.gif") no-repeat top left; width:240px}
#columna h4 { float:left; padding:0; margin:40px 10px 10px 10px; width:280px; color:#000; display:inline; text-align:center; font-size:14px}
#columna h4 a{ color:#000; text-decoration:none}
#columna h4.sended {margin-top:25px}
#columna h5 { float:left; padding:0; margin:5px 10px 10px 10px; width:280px; color:#000; display:inline; text-align:center; font-size:12px}
#columna h4 span { color:#7eb031}
#columna p { float:left; padding:0; margin:0 10px 0 10px; width:280px; color:#000; display:inline}
#columna p.result_si { color:#7eb031; font-size:18px; font-weight:bold; margin-top:10px}
#columna p span.result_no { color:#4096ee; font-size:18px; font-weight:bold; margin-left:10px}
#columna p a { color:#000000; text-decoration:none}
#columna p a.yes { color:#7eb031; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:14px}
#columna p a.yes span { color:#4096ee; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:14px}
#cont_abajo { float:left; margin:20px 0 20px 0; padding:0; width:950px; display:inline}
#cont_abajo form { float:left; margin:0; padding:0; width:950px; text-align:left}
#cont_abajo form { margin:0; padding:0; float:left; width:950px}
#cont_abajo form input.boton_codigo { background:url("../img/bk_botongigante.gif") no-repeat top left; float:left; margin:0; padding:0; width:254px; height:40px; display:inline; cursor:pointer; color:#FFFFFF; font-weight:bold; display:inline}
#cont_abajo #claves { float:left; padding:0 0 13px 0; margin:0; width:577px; background:url("../img/img_abajo_claves.gif") no-repeat left bottom; display:inline}
#cont_abajo #claves h3 { float:left; padding:30px 0 0 30px; margin:0; width:577px; color:#4095f0; font-size:20px; background:url("../img/img_arriba_claves.gif") no-repeat top left; height:51px}
#cont_abajo #claves ul { float:left; padding:0; margin:0; width:577px; background-color:#FFF; text-align:left; display:inline; background:url("../img/img_medio_claves.gif") repeat-y bottom left}
#cont_abajo #claves ul li { float:left; padding:0; margin:0; width:547px; display:inline}
#cont_abajo #claves ul li#uno { float:left; margin:0 0 0 100px; padding:0 0 0 20px; background:url("../img/img_uno.gif") no-repeat top left; width:420px}
#cont_abajo #claves ul li#dos { float:left; margin:10px 0 0 100px; padding:0 0 0 20px; background:url("../img/img_dos.gif") no-repeat top left; width:420px}
#cont_abajo #claves ul li#tres { float:left; margin:10px 0 0 100px; padding:0 0 0 20px; background:url("../img/img_tres.gif") no-repeat top left;  width:420px}

#envia { float:left; width:300px; margin:30px 0 0 0; padding:0; border-right:1px solid #0871ad}
#envia h4 { float:left; width:275px; margin:0; padding:0 0 0 25px; text-align:left; font-size:16px; background:url("../img/ico_envia.gif") no-repeat top left}

#envia form { margin:0; padding:0; width:290px; float:left; display:inline; text-align:left}

#envia form label { margin:20px 0 10px 0; padding:0; width:290px; float:left; display:inline; font-size:12px }

#envia form input { float:left; margin:0; padding:0; width:275px; border:1px solid #0871ad}
#envia form fieldset.corto { width:145px; float:left; margin:0; padding:0; display:inline}
#envia form fieldset.corto label { width:100px; float:left; margin:20px 0 10px 0; padding:0; display:inline; font-weight:bold}
#envia form fieldset.corto input { width:130px; float:left; margin:0; padding:0; border:1px solid #0871ad}
#envia form fieldset p { width:100px; float:left; margin:5px 0; padding:0}
#envia form .boton { margin:26px 0 20px 60px; padding:6px; width:152px; border:0}

form fieldset.linea { float:left; width:280px; margin:20px 0 0 0; padding:0; display:inline}
form fieldset.linea select { width:278px; border:1px solid #0871ad}

#conclusiones { float:left; width:300px; margin:0 0 0 20px; padding:0; display:inline}
#conclusiones h4 { float:left; width:250px; margin:0; padding:0 0 0 25px; text-align:left; font-size:16px; background:url("../img/ico_conclusiones.gif") no-repeat top left}

#conclusiones ul#concl { float:left; margin:20px 0 0 0; padding:0 0 20px; width:280px; list-style:none; display:inline}
#conclusiones ul#concl li { float:left; margin:10px 0 0 0;  font-size:12px; width:280px; text-align:left; font-weight:normal; display:inline; background:url("../img/bolo_con.gif") no-repeat top left; padding:0 0 0 20px}
#conclusiones ul#concl li a { color:#4096ee; text-decoration:none; padding:0; display:inline; float:left}
#conclusiones ul#concl li a:hover { text-decoration:underline}
#conclusiones p { width:200px; float:left; margin:0; padding:0}
#conclusiones p a { color:#4096ee; text-decoration:none; float:left; margin-left:20px}
#conclusiones p a:hover { text-decoration:underline}

#rankings { float:left; width:300px; margin:30px 0 0 20px; padding:0; display:inline}
#rankings h4 { float:left; width:275px; margin:0 0 20px 0; padding:0 0 0 25px; text-align:left; font-size:16px; background:url("../img/ico_rankings.gif") no-repeat top left}
#rankings h3 { float:left; font-size:12px; color:#4095f0; margin:0 0 10px 5px; padding:0; width:141px; text-align:left}
#rankings h3.respondon { color:#89ae19}
#rankings ul { margin:0; padding:0; float:left; width:10px; text-align:left}
#rankings ul li { margin:10px 0 16px 0; padding:0; float:left; width:10px; color:#0871ad; font-weight:bold; font-size:14px}
#rankings #caja { float:left; padding:0; margin:0; width:286px; border:1px solid #0871ad; border-bottom:0}
#rankings #caja .fila { float:left; padding:3px 0; margin:0; width:143px; border-bottom:1px solid #0871ad}
#rankings #caja .fila img{ float:left; padding:0; margin:0 0 0 3px; width:35px}
#rankings #caja .fila p { float:left; padding:0; margin:2px 0 0 5px; width:95px; text-align:left}
#rankings #caja .fila p a { color:#000000; float:left; text-decoration:none}
#rankings #caja .fila p a:hover { color:#4296f7}
#rankings #caja .fila p span { float:left; padding:0; margin:0; width:95px; text-align:left; font-weight:bold}
#rankings form { width:300px; margin:0; padding:0; float:left; text-align:center}

#banner { float:right; margin-bottom:15px}
#banner_alone { float:right; margin:60px 0 15px 0}

p.final {width:950px; float:left; margin:0 0 10px 0; padding:0; text-align:right; font-size:14px; color:#4096ee; font-weight:bold; display:inline}
p.final a { text-decoration:none}
p.final a:hover { text-decoration:underline}

/*Pagina numero 3*/

#envia.longo { float:left; width:600px; margin:30px 0 0 0; padding:0; border-right:0 solid #4096ee}

#envia.longo h4 { float:left; width:575px; margin:0; padding:0 0 0 35px; text-align:left; font-size:16px; background:url("../img/ico_envia.gif") no-repeat top left}

#envia.longo form { margin:0; padding:0; width:575px; float:left; display:inline; text-align:left}

#envia.longo form label { margin:20px 0 10px 0; padding:0; width:575px; float:left; display:inline; font-size:12px }

#envia.longo form input { float:left; margin:0; padding:0; width:575px; border:1px solid #0871ad}
#envia.longo form fieldset.corto { width:250px; float:left; margin:0; padding:0; display:inline}
#envia.longo form fieldset.corto label { width:250px; float:left; margin:20px 0 10px 0; padding:0; display:inline; font-weight:bold}
#envia.longo form fieldset.corto input { width:200px; float:left; margin:0; padding:0; border:1px solid #0871ad}
#envia.longo form fieldset p { width:200px; float:left; margin:5px 0; padding:0}
#envia.longo form input.boton { margin:20px 0 20px 0; padding:0; background:url("../img/boton.gif") no-repeat top right; width:152px; height:33px; border:0; color:#FFFFFF; font-weight:bold; font-size:14px; cursor:pointer; border:0; text-align:center; float:right}

/*Pagina numero 4*/

#respuestas { margin:0; padding:0; float:left}

#respuestas h2 { padding:0; margin:0 0 0 30px; float:left; height:25px}
 
#turespuesta{ float:left; margin:0 0 0 185px; padding:0; width:377px; height:243px; display:inline}
.si {background:url("../img/img_turespuesta_si.jpg") top left no-repeat}
.no { background:url("../img/img_turespuesta_no.jpg") top left no-repeat}
.dos {background:url("../img/img_turespuesta_dos.jpg") top left no-repeat}

#turespuesta h3 { margin:70px 0 0 50px; padding:0; width:200px; float:left; display:inline; font-size:22px}
#turespuesta h3 span { margin:0; padding:0; width:200px; float:left; display:inline}

#dos_respuestas { margin:30px 0 0 0; padding:0; width:200px; float:left; background:url("../img/dos_question.gif") top left no-repeat; height:167px}
#dos_respuestas h5 { float:left; margin:31px 0 0 20px; height:50px; padding:0; display:inline; font-size:14px; text-align:center; width:150px; background-color:transparent}
#graficos { margin:30px 0 0 20px; padding:0; width:400px; float:left; display:inline}
#graficos .mod { margin:10px 30px 0 0; padding:0; width:103px; float:left; display:inline}
#graficos .mod h6 { margin:0; padding:5px 0; width:103px; float:left; display:inline; font-size:14px}
#graficos p.result_si { color:#7eb031; font-size:18px; font-weight:bold; margin-top:10px}
#graficos p span.result_no { color:#4096ee; font-size:18px; font-weight:bold; margin-left:10px}
#graficos form { width:400px; float:left; margin:0; padding:0; text-align:center}

#colum_boton { float:right; margin:0; padding:0; width:300px}

/*Pagina numero 5*/
form.inicio{ float:left; margin:35px 0 0 100px; padding:0; width:400px; display:inline}
#area_resultados{ float:left; margin:100px 0 10px 100px; width:400px; display:inline; padding:20px 10px 0 10px; background:url("../img/columna_white_g.gif") top left no-repeat}/************************/
#area_resultados.special {margin:20px 0 10px 100px}/************************/
#area_resultados h2 {font-size:22px; margin:0; float:left; display:inline; width:400px; padding:0}
#area_resultados h3 {font-size:20px; margin:10px 0; float:left; display:inline; width:400px; padding:0}
#area_resultados p span.si { color:#7eb031; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:14px; display:inline}
#area_resultados p span.no { color:#4096ee; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:14px; display:inline}

#otras_preguntas { float:left; width:295px; margin:28px 0 0 20px; padding:0 0 0 0; display:inline; background:url("../img/mas_preguntas.gif") 75px 112px no-repeat}
#otras_preguntas h4 { float:left; width:275px; margin:0; padding:0 0 0 35px; text-align:left; font-size:16px; background:url("../img/ico_pregunta.gif") no-repeat top left}
#otras_preguntas h3 { margin:5px 0 20px 0; padding:0; float:left; height:24px; width:295px; text-align:center}
#otras_preguntas h5 { margin:0 15px 0 15px; padding:0; float:left; width:113px; text-align:center; font-size:11px; background:url("../img/si_quest.gif") top left no-repeat; height:50px; display:inline}
#otras_preguntas h5 a { color:#000000; text-decoration:none; width:113px; float:left; display:inline; padding:17px 0 0 0; height:33px}
#otras_preguntas h5 a:hover { background:url("../img/si_quest_off.gif") top left no-repeat}
#otras_preguntas h5#otra { background:url("../img/no_quest.gif") top left no-repeat}
#otras_preguntas h5#otra a:hover { background:url("../img/no_quest_off.gif") top left no-repeat}
#otras_preguntas #user{margin:55px 0 0 0}
#columna h4 { margin:10px 0 10px 10px}
#columna p.usser img  {float:left; font-size:12px; font-weight:bold; text-align:left; margin:0; display:inline}
#columna p.usser  { float:left; font-size:12px; font-weight:bold; text-align:left; width:296px; margin:0; display:inline; background-color:#eaf7c2; padding:2px}
#columna p.usser span { float:left; width:150px; margin:10px 0 0 10px}
#columna p.result  { float:left; font-size:14px; margin:0 0 20px 0}
#columna p.result span { font-weight:bold; font-size:16px}
#columna p a { text-decoration:none; color:#4096ee}
#columna p a:hover { text-decoration:underline}

#columna #caja_resultados { float:left; padding:5px 0; width:300px; display:inline; margin:0}
#caja_resultados p.categ { font-size:16px; font-weight:bold}

.barra_columna { margin:10px 0 0 0; padding:0; float:left; width:240px; margin-left:30px; height:15px; display:inline}
.barra_columna #graph.azul-claro { background-color:#c5dffa; width:240px; height:15px; float:left}
.barra_columna #barra.azul-oscuro { background-color:#4095f0; width:50px; height:15px; float:left}


/*Pagina numero 6*/

#area_resultados .usser_global  {float:left; width:380px; margin:0 0 20px 0; padding:0}
#area_resultados .usser_global p  { text-align:left; font-size:22px; font-weight:bold}
#area_resultados .usser_global p.definicion  { font-size:11px; font-weight:normal}
#area_resultados .usser_global p.definicion span  { font-size:11px; font-weight:bold; margin-left:5px}
#area_resultados .usser_global img { margin:0 10px 10px 13px; padding:0; float:left}

#area_resultados h3 { float:left; margin:0; padding:0 0 10px 0; width:380px; text-align:center; padding:0; display:inline}

#area_resultados .barra { margin:10px 0 0 0; padding:0; float:left; width:358px; margin-left:15px; height:15px; display:inline}
#area_resultados #graph.azul-claro { background-color:#c5dffa; width:358px; height:15px; float:left}
#area_resultados #barra.azul-oscuro { background-color:#4095f0; width:120px; height:15px; float:left}

/*Pagina numero 8*/

#area_question h3#quest_1_resp { text-decoration:none; color:#000000; padding:40px 0 0; width:238px; height:62px; float:left; background:url("../img/area_question_01_resp.jpg") no-repeat top left}
#area_question h3#quest_3_resp { text-decoration:none; color:#000000; padding:40px 0 0; width:237px; height:62px; float:left; background:url("../img/area_question_03_resp.jpg") no-repeat top left}
#area_question #quest_4_resp { float:left; margin:0; padding:0; background:url("../img/area_question_04_resp.jpg"); background-repeat:no-repeat; background-position:top left; width:573px; height:123px}

h4.pregunta{font-size:14px; margin-top:-10px}

/*Pagina numero 9*/

#area_question #envia h2{ margin:0; float:left; width:275px; margin:20px 0 0 0; padding:0 0 0 35px; text-align:left; font-size:24px; font-weight:normal; background:url("../img/ico_envia_2.gif") no-repeat top left}
#columna #conclusiones{ width:275px; margin:0; padding:26px 0 0 22px}
#columna #conclusiones ul li, #columna #conclusiones p a  { width:220px; font-size:14px; display:inline; color:#000000}
#columna #conclusiones p a { color:#4096ee; text-decoration:none; font-weight:bold}
#columna #conclusiones p a:hover { text-decoration:underline}

form fieldset.line { float:left; width:500px; margin:20px 0 0 0; padding:0; display:inline}
form fieldset.line select { width:203px; border:1px solid #0871ad}

/*Pagina numero 10*/

#mensaje { margin:55px 0 0 160px; padding:0; float:left; background-color:#FFFF00; width:300px; background:url("../img/img_para_sms.gif") top left no-repeat; height:287px; display:inline}
#mensaje h3 { padding:0; margin:28px 0 0 40px; float:left; width:200px; text-align:center; display:inline}
#mensaje form { float:left; padding:0; margin:50px 0 0 0}
#mensaje h3.margen_01 { margin:45px 0 0 40px}
#mensaje h3.margen_02 { margin:60px 0 0 40px}
#mensaje h3.margen_03 { margin:70px 0 30px 40px}
#mensaje h3.margen_04 { margin:60px 0 30px 40px}
#mensaje h3.margen_05 { margin:10px 0 0 40px}

p.textogrande{font-size:24px; line-height:38px; width:430px; margin:20px 0 0 80px}
#columna #envia {  width:300px; margin:0; padding:26px 0 0 0; border-right:none; display:inline; float:left}
#columna #envia form label {width:260px}
#columna #envia h4 { margin:0 0 0 15px; padding:0 0 0 30px; width:255px; float:left; display:inline; text-align:left}
#columna #envia form { margin:0; padding:0 0 0 15px; width:285px; float:left; display:inline; text-align:left}
#envia form input { float:left; margin:0; padding:0; width:270px; border:1px solid #0871ad}
#columna #envia form fieldset.corto { width:140px; float:left; margin:0; padding:0; display:inline}
#columna #envia form fieldset.corto label { width:100px; float:left; margin:20px 0 10px 0; padding:0; display:inline; font-weight:bold}
#columna #envia form fieldset.corto input { width:128px; float:left; margin:0; padding:0; border:1px solid #0871ad}

/*Pagina numero 12*/

#area_form { float:left; margin:45px 0 20px 30px; padding:0; width:573px; display:inline}
#area_form h2{ font-size:22px; margin:0; float:left; width:573px;}
#area_form h3{ float:left; width:573px; margin:0; padding:0}
#area_form h4 {margin:10px 0 0; font-size:20px; float:left; width:573px}
#area_form form { background:url("../img/columna_white.gif") no-repeat top left; padding:20px 10px 10px 10px; margin: 10px 0 0 140px; width:280px; float:left; display:inline}
#area_form p{font-size:12px; margin:0; padding:0; width:280px; float:left}
#area_form p.sotto {margin:0 0 0 150px; display:inline}
#area_form form .central input{ border:1px solid #cedffe; width:230px; padding:2px 0}
#area_form form fieldset { margin-bottom:10px}
#area_form form fieldset.corto label { width:250px; float:left; margin:20px 0 10px 0; padding:0; display:inline; font-weight:bold}
#area_foro form fieldset.corto input { width:200px; float:left; margin:0; padding:0; border:1px solid #cedffe}
#area_form #envia.longo form fieldset p { width:200px; float:left; margin:5px 0; padding:0}
#registrate{float:left; width:300px}
#registrate h4{font-size:20px}
.boton_big{background:url("../img/bk_botongrande.gif") no-repeat top left; padding:10px 0; text-align:center; width:204px; font-size:14px; font-weight:bold; color:#FFFFFF; cursor:pointer; margin:0}/***********************/

/*Pagina numero 13*/

.resultados#area_question{margin:45px 0 0 0}
#resultados{float:left; background:url("../img/fondo_resultados.gif") no-repeat left 34px; padding-bottom:20px}
#resultados h2{padding:0; margin:0 0 30px 0}
#resultados .listado{float:left; width:240px;  text-align:left; margin-left:120px; margin-top:16px}
#resultados p, #resultados ul{font-size:14px}
  
#resultados li{float:left; margin-bottom:6px; padding-left:18px; width:250px}
#resultados .listado li.entrada{ padding-left:0px}
#resultados li.ico_verde{background:url("../img/bullet_verde.gif") no-repeat left 2px; width:220px}/*******************/
#resultados li.ico_azul{background:url("../img/bullet_azul.gif") no-repeat left 2px; width:220px}
#resultados p.principal{width:573px}

#resultados p.principal{float:left; font-size:22px}
#envia_1 p.aviso{float:left; display:inline; color:#000; width:180px; padding:20px 0 0 40px; font-size:24px; margin-bottom:20px}
#envia_1 p.aviso_2{font-size:18px; color:#3399FF; margin-bottom:0}
#envia_1 p.aviso_2 img{ display:inline; border:1px solid}
#envia_1 p.aviso_2 span{ background:yellow; margin-bottom:8px}
#envia_1 #user_final img{float:left; display:inline; margin-left:90px; margin-top:4px}
#envia_1 #user_final p{font-size:18px; color:#3399FF; display:inline; width:auto; margin-top:10px}
#resultados p.principal{margin-bottom:10px}
#resultados p.destacado{font-size:24px}
#resultados .cazul{color:#3399FF}
#resultados .cverde{color:#82A80B}
#resultados .grafico_resultados {width:100px; height:100px; float:left; margin-left:6px; font-size:14px; font-weight:bold}
#resultados .boton.masdatos{float:right; margin-top:40px; margin-right:11px}
.grafico_resultados p.result_si { color:#7eb031; font-size:18px; font-weight:bold; margin-top:5px}
.grafico_resultados p span.result_no { color:#4096ee;  margin-left:10px}


/*Pagina numero 14*/

  #conclusiones_todas{float:left; background:url("../img/ico_todas_conclusiones.gif") no-repeat 90px 0px}
    #conclusiones_todas h2{padding:20px 0 0 0}
	#conclusiones_todas p {font-size:14px; text-align:left}
	#conclusiones_todas .bloque_conclusiones{float:left; width:586px; background-color:#fff; margin-top:10px;
	border:1px solid #999; padding:0px 0 30px 0px}
	#conclusiones_todas .col_conclusiones{float:left; width:233px; padding:0 30px 0 30px}
	#conclusiones_todas p.fecha{color:#999; margin-top:20px}
	#conclusiones_todas .lnk{color:#3399FF; text-decoration:none}
	#conclusiones_todas .lnk:hover{text-decoration:underline}
	
	#banner.up { float:right; margin:130px 0 0 0; padding:0px; width:300px; display:inline}

/*p.textogrande{font-size:24px; line-height:38px; width:400px; margin:0px; border:1px solid yellow}repetido*********************************/


/*Pagina numero 29*/

#ranking { float:left; padding:0; margin:60px 0 30px 0; display:inline; width:950px}
#ranking h2 { float:left; padding:0; margin:0px 0 0px 0; text-align:center; width:950px; color:#000; font-size:24px}
#ranking h3 {margin:0 0 5px 0; padding:23px 20px 35px 20px; float:left; width:435px; display:inline; font-weight:normal}
#ranking h3.pregun {background:url("../img/bk_preguntones.gif") no-repeat center center}
#ranking h3.respon {background:url("../img/bk_contestones.gif") no-repeat center center}
#ranking .podio { margin:0 48px 0 48px; padding:0; float:left; width:378px; text-align:center; display:inline}
#ranking .podio .fila { margin:0 0 6px 0; padding:0; float:left; width:378px; text-align:center}
#ranking .podio .fila img { float:left; margin:0 0 0 44px; padding:0}
#ranking .podio .fila p { margin:5px 0 0 0; padding:0; float:left; text-align:center; width:90px; font-size:14px}
#ranking .podio .fila p a { color:#000; text-decoration:none}
#ranking .podio .fila p a:hover { color:#FFF}
#ranking .podio .fila span { font-weight:bold; color:#000}

.p_01 { background:url("../img/podio_1.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0 0 0 142px; padding:0; display:inline}
.p_01a { background:url("../img/podio_1a.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0 0 0 142px; padding:0; display:inline}
.p_02 { background:url("../img/podio_2.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0 6px 0 92px; padding:0; display:inline}
.p_03 { background:url("../img/podio_3.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0; padding:0; display:inline}
.p_04 { background:url("../img/podio_4.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0 6px 0 46px; padding:0; display:inline}
.p_05 { background:url("../img/podio_5.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0 6px 0 0; padding:0; display:inline}
.p_06 { background:url("../img/podio_6.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0; padding:0; display:inline}
.p_07 { background:url("../img/podio_7.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0 6px 0 0; padding:0; display:inline}
.p_08 { background:url("../img/podio_8.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0 6px 0 0; padding:0; display:inline}
.p_09 { background:url("../img/podio_9.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0 6px 0 0; padding:0}
.p_10 { background:url("../img/podio_10.gif") no-repeat top left; float:left; width:90px; height:90px; margin:0; padding:0; display:inline}
#ranking .podio .fila .p_01 p a { color:#FFF}
#ranking .podio .fila .p_01 p a:hover { color:#000}
#ranking .podio .fila .p_01a p a { color:#FFF}
#ranking .podio .fila .p_01a p a:hover { color:#000}
#ranking .podio .fila .p_02 p a { color:#FFF}
#ranking .podio .fila .p_02 p a:hover { color:#000}
#ranking .podio .fila .p_03 p a { color:#FFF}
#ranking .podio .fila .p_03 p a:hover { color:#000} 
#ranking .podio .fila .p_01 span { font-weight:bold; color:#FFF}
#ranking .podio .fila .p_02 span { font-weight:bold; color:#dbf093}
#ranking .podio .fila .p_03 span { font-weight:bold; color:#dbf093}

/*Pagina numero 30*/

#grafico_abajo { float:left; margin:33px 0 0 0; padding:0; width:300px}
#grafico_abajo h4 { float:left; width:275px; margin:0 0 0 10px; padding:0 0 0 25px; text-align:left; font-size:16px; background:url("../img/ico_pregunta.gif") no-repeat top left}
#grafico_abajo p { float:left; margin:0; padding:0; width:300px}
#grafico_abajo p a.yes { color:#7eb031; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:14px; text-decoration:none}
#grafico_abajo p a.yes span { color:#4096ee; margin:10px 0 0 0; padding:0; font-weight:bold; font-size:14px}
#grafico_abajo p.result_si { color:#7eb031; font-size:18px; font-weight:bold; margin-top:10px}
#grafico_abajo p span.result_no { color:#4096ee; font-size:18px; font-weight:bold; margin-left:10px}
#grafico_abajo form { float:left; margin:0; padding:0; width:300px; text-align:left}
#grafico_abajo form .boton_ab { margin:10px 0 20px 78px; padding:6px 0; display:inline; background:url("../img/boton.gif") no-repeat top left; width:152px; border:0; color:#FFFFFF; font-weight:bold; font-size:14px; cursor:pointer; text-align:center; display:inline}



/*Pagina numero 32*/

#r_busqueda { margin:80px 0 0 0; padding:0; float:left; width:600px; text-align:left}
#r_busqueda h3 { float:left; margin:5px 0 0 0; padding:5px 0; width:600px; text-align:left; font-size:14px; font-weight:normal}
#r_busqueda h3 strong{font-size:16px; font-weight:bold; color:#3e9aef}
#r_busqueda h2 { float:left; margin:0; padding:0; width:330px; text-align:left; font-size:24px}
#r_busqueda h4 { font-size:16px}
#r_busqueda p { font-size:14px; width:auto; float:left }
#r_busqueda p a { text-decoration:none; margin:0}
#r_busqueda p a:hover { color:#000000}
#r_busqueda span { margin:15px 0 0 0; float:left; font-size:11px}
#r_busqueda span a:hover { color:#000000}

#r_busqueda p.sep { background:url("../img/img_sep.gif") no-repeat top right; float:left}
#r_busqueda p.sep a { padding:0 20px 0 0; float:left}

#r_busqueda .resul_canal_generico h4 { color:#000; float:left; width:580px; margin:0; padding:0; background:url("../img/ico_generico.gif") no-repeat top left; height:28px; padding:8px 0 0 35px; margin:10px 0 0 0}
#r_busqueda .resul_canal_generico h5 { float:left; margin:8px 0 0 0; padding:0; width:580px; background-color:transparent}
#r_busqueda .resul_canal_generico h5 a { color:#000; text-decoration:none}
#r_busqueda .resul_canal_generico h5 a:hover { color:#94ae63}
#r_busqueda .resul_canal_generico p { float:left; margin:0; padding:0; display:inline; width:auto}
#r_busqueda .resul_canal_generico p a { color:#000000; text-decoration:none}
#r_busqueda .resul_canal_generico p a:hover { color:#94ae63}
#r_busqueda .resul_canal_generico span { float:left; margin:5px 0 0 0; padding:0; width:580px}
 
#r_busqueda .resul_canal_motor h4 { color:#0871ad; float:left; width:580px; margin:0; padding:0; background:url("../img/ico_motor.gif") no-repeat top left; height:28px; padding:8px 0 0 35px; margin:10px 0 0 0}
#r_busqueda .resul_canal_motor h5 { float:left; margin:8px 0 0 0; padding:0; width:580px; background-color:transparent}
#r_busqueda .resul_canal_motor h5 a { color:#0871ad; text-decoration:none}
#r_busqueda .resul_canal_motor h5 a:hover { color:#000}
#r_busqueda .resul_canal_motor p { float:left; margin:0; padding:0; display:inline; width:auto}
#r_busqueda .resul_canal_motor p a { color:#000000; text-decoration:none}
#r_busqueda .resul_canal_motor p a:hover { color:#0871ad}
#r_busqueda .resul_canal_motor span { float:left; margin:5px 0 0 0; padding:0; width:580px}
 
#r_busqueda .resul_canal_deportes h4 { color:#108e08; float:left; width:580px; margin:0; padding:0; background:url("../img/ico_deportista.gif") no-repeat top left; height:28px; padding:8px 0 0 35px; margin:10px 0 0 0}
#r_busqueda .resul_canal_deportes h5 { float:left; margin:8px 0 0 0; padding:0; width:580px; background-color:transparent}
#r_busqueda .resul_canal_deportes h5 a { color:#108e08; text-decoration:none}
#r_busqueda .resul_canal_deportes h5 a:hover { color:#000}
#r_busqueda .resul_canal_deportes p { float:left; margin:0; padding:0; display:inline; width:auto}
#r_busqueda .resul_canal_deportes p a { color:#000000; text-decoration:none}
#r_busqueda .resul_canal_deportes p a:hover { color:#108e08}
#r_busqueda .resul_canal_deportes span { float:left; margin:5px 0 0 0; padding:0; width:580px}
 
#r_busqueda .resul_canal_amor h4 { color:#e70c08; float:left; width:580px; margin:0; padding:0; background:url("../img/ico_amor.gif") no-repeat top left; height:28px; padding:8px 0 0 35px; margin:10px 0 0 0}
#r_busqueda .resul_canal_amor h5 { float:left; margin:8px 0 0 0; padding:0; width:580px; background-color:transparent}
#r_busqueda .resul_canal_amor h5 a { color:#e70c08; text-decoration:none}
#r_busqueda .resul_canal_amor h5 a:hover { color:#000}
#r_busqueda .resul_canal_amor p { float:left; margin:0; padding:0; display:inline; width:auto}
#r_busqueda .resul_canal_amor p a { color:#000000; text-decoration:none}
#r_busqueda .resul_canal_amor p a:hover { color:#e70c08}
#r_busqueda .resul_canal_amor span { float:left; margin:5px 0 0 0; padding:0; width:580px}
 
#r_busqueda .resul_canal_rosa h4 { color:#de55a5; float:left; width:580px; margin:0; padding:0; background:url("../img/ico_rosa.gif") no-repeat top left; height:28px; padding:8px 0 0 35px; margin:10px 0 0 0}
#r_busqueda .resul_canal_rosa h5 { float:left; margin:8px 0 0 0; padding:0; width:580px; background-color:transparent}
#r_busqueda .resul_canal_rosa h5 a { color:#de55a5; text-decoration:none}
#r_busqueda .resul_canal_rosa h5 a:hover { color:#000}
#r_busqueda .resul_canal_rosa p { float:left; margin:0; padding:0; display:inline; width:auto}
#r_busqueda .resul_canal_rosa p a { color:#000000; text-decoration:none}
#r_busqueda .resul_canal_rosa p a:hover { color:#de55a5}
#r_busqueda .resul_canal_rosa span { float:left; margin:5px 0 0 0; padding:0; width:580px}
 
#r_busqueda .resul_canal_espectaculos h4 { color:#f7cf08; float:left; width:580px; margin:0; padding:0; background:url("../img/ico_espectaculos.gif") no-repeat top left; height:28px; padding:8px 0 0 35px; margin:10px 0 0 0}
#r_busqueda .resul_canal_espectaculos h5 { float:left; margin:8px 0 0 0; padding:0; width:580px; background-color:transparent}
#r_busqueda .resul_canal_espectaculos h5 a { color:#f7cf08; text-decoration:none}
#r_busqueda .resul_canal_espectaculos h5 a:hover { color:#000}
#r_busqueda .resul_canal_espectaculos p { float:left; margin:0; padding:0; display:inline; width:auto}
#r_busqueda .resul_canal_espectaculos p a { color:#000000; text-decoration:none}
#r_busqueda .resul_canal_espectaculos p a:hover { color:#f7cf08}
#r_busqueda .resul_canal_espectaculos span { float:left; margin:5px 0 0 0; padding:0; width:580px}

#r_busqueda #navegacion { float:left; margin:20px 0 0 0; padding:0; width:580px; text-align:center; font-size:14px; font-weight:bold; color:#4296f7}
#r_busqueda #navegacion ul { float:left; margin:0; padding:0; width:592px; display:inline}
#r_busqueda #navegacion ul li { margin:0 0 0 10px; padding:0; width:auto; display:inline; font-weight:normal}
#r_busqueda #navegacion ul li a { text-decoration:none}
#r_busqueda #navegacion ul li a.on { font-weight:bold}
#r_busqueda #navegacion ul li a:hover { color:#000000}

#new_colum { float:right; width:300px; margin:0 0 20px 0; display:inline; padding:0 0 20px 0}

/*Pagina numero 33*/
#area_perfil{ float:left; margin:80px 0 0 0px; width:620px; display:inline; padding:0; background:#fff url("../img/bk_areaperfil.gif") 0 -18px no-repeat}
#ficha{float:left; width:302px; padding:0; display:inline; margin-bottom:10px}
#ficha .usser_global{float:left; width:272px; margin:0; padding:20px 15px 10px 15px; background:url("../img/bk_perfiledit.gif") no-repeat 15px 0}
#ficha .usser_global#edit{padding:26px 15px 26px 15px}
#ficha .usser_global p { text-align:left; font-size:22px; font-weight:bold}
#ficha .usser_global p.definicion  { font-size:11px; font-weight:normal; padding-top:8px; float:left; width:147px}
#ficha .usser_global p.definicion span  { font-size:11px; font-weight:bold; float:left; margin-left:5px; width:147px ;margin:0; display:inline}
#ficha .usser_global .imagen { background-color:#f0f0f0; margin:0 10px 5px 18px; padding:0; float:left; width:97px; height:97px; display:inline}
#ficha form{width:253px; float:left; margin:0 0 0 18px; display:inline}
#ficha .usser_global form p{ font-size:11px; width:50px; float:left}
#ficha .usser_global form input.boton_small { margin:4px 0 0 0; padding:0 0 2px 0; display:inline; background:url("../img/boton_small.gif") no-repeat top left; border:0; color:#FFF; font-weight:normal; font-size:12px; cursor:pointer; text-align:center; float:left; width:100px; height:25px}
#ficha .usser_global form input.boton_small#cancel { float:right}
input#searchfoto {width:254px; border:1px solid #3c93fa; margin:0; padding:2px 0; display:inline; float:left; background:white}
#ficha #baja{float:left; width:255px; margin:0 0 0 15px; padding:11px 16px 10px 16px; background: url("../img/bk_baja.gif") no-repeat 0 0; display:inline}
#ficha #baja a {background:url("../img/bolo_black.gif") no-repeat 0 50%;  width:100px ; padding:0 0 0 15px; display:inline; text-decoration:none; color:#000; font-size:13px}


.situation{float:left; width:287px; margin:45px 0 10px 15px; display:inline; padding:0 0 7px 0}
.situation h2{font-size:22px;float:left; width:287px; font-weight:normal; margin:0; padding:0}
.situation h3{ font-size:22px;  margin:0 5px 0 0; text-transform:uppercase}
.situation h4{ font-size:14px; font-weight:normal; color:#4095f0}
.situation p{font-size:12px}
.situation p a{color:#000}
.situation .barra { margin:0 0 0 10px; padding:0 5px 74px 5px; float:left; width:240px; height:15px; display:inline; background:url("../img/banda_iconos_motor.gif") no-repeat 0 15px}
.situation .barra #graph01.light { background-color:#b5cfde; width:240px; height:15px; float:left}
.situation .barra #graph02.dark { background-color:#0871ad; width:180px; height:15px; float:left}
.situation#sports{margin-top:0; padding-top:5px; border:1px solid #128f0d}
.situation#sports h2{color: #128f0d; font-size:18px}
.situation#sports h3{font-size:18px; font-weight:normal; margin-bottom:5px }
.situation#sports h4{color: #128f0d}
.situation#sports .barra {background:url("../img/banda_iconos_sport.gif") no-repeat 0 15px}
.situation#sports .barra #graph01.light { background-color:#ccf1cb}
.situation#sports .barra #graph02.dark { background-color:#128f0d}
.situation#motor{margin-top:0;padding-top:5px;  border:1px solid #0871ad}
.situation#motor h2{color: #0871ad; font-size:18px}
.situation#motor h3{font-size:18px; font-weight:normal; margin-bottom:5px }
.situation#motor h4{color: #0871ad}
.situation#motor .barra {background:url("../img/banda_iconos_motor.gif") no-repeat 0 15px}
.situation#motor .barra #graph01.light { background-color:#b5cfde}
.situation#motor .barra #graph02.dark { background-color:#0871ad}
.situation#rosa{margin-top:0;padding-top:5px; border:1px solid #d956a4}
.situation#rosa h2{color: #d956a4; font-size:18px}
.situation#rosa h3{font-size:18px; font-weight:normal; margin-bottom:5px }
.situation#rosa h4{color: #d956a4}
.situation#rosa .barra {background:url("../img/banda_iconos_rosa.gif") no-repeat 0 15px}
.situation#rosa .barra #graph01.light { background-color:#fce6fe}
.situation#rosa .barra #graph02.dark { background-color:#d956a4}
.situation#ocio{margin-top:0;padding-top:5px; border:1px solid #f7cf08}
.situation#ocio h2{color: #f4ce09; font-size:18px}
.situation#ocio h3{font-size:18px; font-weight:normal; margin-bottom:5px }
.situation#ocio h4{color: #f7cf08}
.situation#ocio .barra {background:url("../img/banda_iconos_ocio.gif") no-repeat 0 15px}
.situation#ocio .barra #graph01.light { background-color:#fcec9d}
.situation#ocio .barra #graph02.dark { background-color:#f7cf08}
.situation#love{margin:0 0 0 170px;padding-top:5px; border:1px solid #e60f0f}
.situation#love h2{color: #e60f0f; font-size:18px}
.situation#love h3{font-size:18px; font-weight:normal; margin-bottom:5px }
.situation#love h4{color: #e60f0f}
.situation#love .barra {background:url("../img/banda_iconos_love.gif") no-repeat 0 15px}
.situation#love .barra #graph01.light { background-color:#fad5dd}
.situation#love .barra #graph02.dark { background-color:#e60f0f}

/*Pagina numero 34*/
h5 { float:left; margin:40px 0 0 45px; padding:3px; font-size:14px; background-color:#FFFFFF}
#rankings_colum { float:left; margin:0; padding:0; width:300px}
#rankings_colum h3 { float:left; width:135px; margin:0 0 0 10px; padding:0; font-size:12px; text-align:left; color:#4296f7}
#rankings_colum h3.respondon { font-size:12px; text-align:left; color:#8cae18}
#rankings_colum ul#numeros { margin:0; padding:0 2px 0 5px; float:left; width:10px; text-align:left}
#rankings_colum ul#numeros li { margin:10px 0 16px 0; padding:0; float:left; width:10px; color:#0871ad; font-weight:bold; font-size:14px}
#rankings_colum #caja { float:left; width:280px; margin:0; padding:0}
#rankings_colum #caja .fila { width:135px; margin:5px 3px 0 0; padding:0; float:left; border:1px solid #0871ad}
#rankings_colum #caja .fila img { float:left; margin:0 5px 0 0; padding:0}
#rankings_colum #caja .fila p { float:left; margin:3px 0 0 0; padding:0; width:80px; display:inline; text-align:left}
#rankings_colum #caja .fila p a { float:left; padding:0; margin:0; color:#000000}
#rankings_colum #caja .fila p a:hover { color:#4296f7; text-decoration:none}

/*Pagina numero 35*/
#area_white { margin:80px 0 10px 80px; padding:0; float:left; background:url("../img/img_area_white.gif") no-repeat top left; width:786px; height:124px; display:inline}
#area_white h2 { margin:20px 0 0 20px; padding:0; float:left; font-size:22px; width:400px; text-align:left}
#area_white h2.sit { width:280px; float:left; font-size:13px; margin:0 0 10px 15px; padding:0; display:inline; font-weight:bold}
#area_white h3.wh { margin:0 0 0 20px; padding:0; float:left; font-size:18px; width:400px; text-align:left; font-weight:normal; color:#4095ef}
#area_white .situation { float:left; width:287px; margin:-40px 0 10px 35px; display:inline; padding:0 0 7px 0}
#area_white_1 { margin:0 0 0 80px; padding:10px 0 50px 0; float:left; background-color:#FFFFFF; width:786px; display:inline; background:#FFF url("../img/mini_user.jpg") center top no-repeat}
#area_white_1 #part_i{ float:left; margin:0; padding:0; width:320px}
#area_white_1 #part_d { float:right; margin:0; padding:0; width:350px}
#area_white_1 h2 { margin:20px 0 0 20px; padding:0; float:left; font-size:22px; width:300px; text-align:left; ba}
#area_white_1 h3.gr { margin:0 0 0 20px; padding:0; float:left; font-size:18px; width:300px; text-align:left; font-weight:normal; color:#94ae63}
#area_white_1 h3.ga { color:#94ae63; margin:0; padding:0 0 11px 0;}
#area_white_1 h4 { margin:0 0 0 20px; padding:0; float:left; font-size:14px; width:300px; text-align:left; font-weight:bold; color:#4095ef}
#area_white_1 form { margin:0; padding:0; float:left; width:350px; text-align:center}
#area_white_1 form input { border:1px solid #cedffe}
#area_white_1 form input.boton { border:0}


/*registro*/
#new_user{ float:left; margin:60px 20px 20px 20px; padding:0; width:910px; display:inline;text-align:left}
#new_user h2{ font-size:22px; margin:0 0 10px 0px; width:910px; text-align:center}
ul.steps{float:right;width:auto;display:inline;font-size:16px;color:#000; margin:0 0 16px;padding:0}
ul.steps li{padding:8px 0 0 0; text-align:center; margin:0 10px 0 0;width:116px; height:30px; float:left;display:inline}
ul.steps li.on{background:url("../img/boton_on.gif") no-repeat top left; font-weight:bold}
ul.steps li.off{background:url("../img/boton_off.gif") no-repeat top left}
#new_user h3{ font-size:16px; margin:0 0 24px 0px; height:26px; padding:7px 0; width:910px; text-align:center; float:left}
#new_user h3.tittle{ background:#fff url("../img/bk_tittle.gif") repeat-x bottom left}
#new_user form{float:left; display:inline; margin:0; padding:0; width:910px}
#new_user fieldset{float:left;display:inline;border:0;width:890px;margin:0 0 8px 10px;padding:0}
#new_user form p{color:#000;font-size:14px;width:225px;margin:0;padding:0; float:left; display:inline}
#new_user form .asterisco p{font-size:12px;float:left;width:330px;display:inline; margin:3px 0 16px 263px}
#new_user form p b{color:#146fc0;padding-left:4px}
#new_user form p.explain{font-size:11px;color:#5D5C5C; float:right; width:305px}
#new_user form .form_reg input, #new_user form select, #new_user form textarea {border:1px solid #cedffe; padding:2px 0; background:#fff; float:left; margin:0 8px 3px 8px}
#new_user form input.boton { border:0; padding:6px 0;background: url("../img/boton.gif") no-repeat top left; margin:-3px 0 0}
.large{width:330px}
.small{width:165px}
#new_user #imgprofile.large{width:330px}
.verifying{clear:both;width:332px;margin:0 0 2px 233px;padding:2px 0;color:#000;text-align:center;position:relative}
#free{background:#B9D8FF}
.verifying.choosen{background:#DDDEE0}
textarea.read{font-size:11px;font-family:Arial, Helvetica, sans-serif;height:100px;color:#5D5C5C}
fieldset#condiciones{margin:10px 0}
fieldset#condiciones input{padding:0;margin:0;float:left}
#new_user form fieldset#condiciones p{width:auto;font-size:11px;margin:2px 0 0 5px;padding:0;color:#5D5C5C}
#new_user fieldset.condiciones{font-size:9px;padding:0 0 20px 234px;width:640px}
#new_user form fieldset.condiciones p{font-size:11px;color:#5D5C5C;width:315px;float:left}
#new_user form fieldset.condiciones input{float:left;margin-right:4px}
fieldset#accept{margin:0 0 16px;padding:0 0 0 370px;width:410px}

/*registro 2*/
p.mensaje{font-size:14px; float:left; width:910px; margin:10px 0 14px 0}

/*pagina de ayuda*/
#new_user .mod_pregunta h3.left{ background:url("../img/icono_help_pregunta.gif") no-repeat 0 0px;  padding:8px 0px 9px 40px; width:902px; margin:0; text-align:left; font-size:18px}
.mod_pregunta{float:left; width:942px; padding:0; margin:18px 0 30px 0;text-align:left}
.mod_pregunta h2{float:left; display:inline; text-align:left; margin:0 0 16px 0; padding:0 0 0 0}
 
.mod_pregunta p{float:left; width:942px; font-size:16px; margin:3px 0 0 0; padding:0 4px 0 4px}
.mod_pregunta ul{float:left; margin:8px 0 16px 0; padding:0 0 0 4px; width:auto}
#new_user .mod_pregunta li {font-size:16px;float:left; width:942px; padding:3px 0 0 15px; background: url("../img/ico_lista_pregunta.gif") no-repeat left 7px; display:inline}
h2.respuesta{float:left; display:inline; background:url("../img/fondo_h2_equipo.gif") repeat-x 0 20px; text-align:center; width:622px; margin:0}
h2.respuesta span{padding:0 30px 0 30px; background-color:#fff}
.mod_respuesta{float:left; width:614px; padding:0px 0 24px 8px}
#new_user .mod_respuesta h3.left{background: url("../img/icono_help_respuesta.jpg") no-repeat left 5px;margin:0px 0px 3px 0; padding:10px 0px 0px 26px; width:902px; text-align:left;  font-size:18px}
.mod_respuesta h4{float:left; font-size:18px; font-weight:normal; color:#146FC0; margin:10px 0px 0px; width:473px}
.mod_respuesta p{float:left; width:942px; font-size:14px; margin:6px 0 0 0; padding:0 0 0 4px}
.mod_respuesta ul{float:left; margin:0; padding:10px 0 0px 4px;font-size:14px}
.mod_respuesta li{padding:3px 0 0 15px; background: url("../img/ico_lista_respuesta.gif") no-repeat left 5px; display:inline;width:942px;float:left}
a.anchor_top{float:left; width:604px; margin:10px 0 0px 4px; font-size:14px; text-decoration:underline}
.left{text-align:left; float:left}
 
/*condiciones generales*/
#conditions{ float:left; margin:45px 20px 20px 20px; padding:0; width:910px; display:inline;text-align:justify}
#conditions h2{ font-size:22px; margin:0 0 10px 0px; width:910px; text-align:center }
#conditions h3{ font-size:18px; padding:20px 0 10px 0; width:910px;float:left; width:942px; color:#1769c4 }
#conditions p{ font-size:14px; margin:0 0 12px 0}

/*comunes error y mensajes respuesta*/

#textogrande{float:left; margin:75px 0 0 0; padding:0; width:580px; display:inline; text-align:left; font-size:22px}
#textogrande p{width:370px; text-align:center; margin:10px 0 10px 100px}
#textogrande p strong{display:block; color:#006600; font-weight:bold}
#textogrande form {text-align:center}
#textocentrado{float:left; margin:85px 20px 20px 20px; padding:0; width:910px; display:inline;text-align:center; font-size:22px; height:230px}
  
  /*Paginacion*/
.navegacion{float:left;width:588px;color:#fff;font-size:14px;display:inline;padding:0;text-align:center;margin:2px 0 0; background-color:#4591f3}
.paginacion{font-size:12px;position:relative;margin-left:auto;margin-right:auto;width:100%;float:left;padding:14px 0}
.paginacion a{padding:11px 13px 10px 14px; color:#fff; text-decoration:none}
.paginacion .before{padding:0;color:#ccc;font-size:14px;float:left; margin-left:10px}
.paginacion a.prev{padding:0;font-size:14px;float:left; margin-left:10px}
.paginacion a.next{padding:0;font-size:14px;float:right;  margin-right:10px}
.paginacion a:hover.next,.paginacion a:hover.prev{background:none;text-decoration:underline; font-weight:normal; color:#fff}
.paginacion .on{background:url("../img/fondo_paginacion.gif") no-repeat top center;padding:11px 13px 10px 14px;height:50px; color:#215AC6; font-weight:bold}
.paginacion a:hover{color:#fff;background:url("../img/fondo_paginacion.gif") no-repeat top center;text-decoration:none; color:#215AC6; font-weight:bold}

/*pie*/
#foot { float:left;margin:0 0 20px 0; padding:0; width:950px}
#foot ul { float:left; margin:0; padding:0; display:inline; text-decoration:none; width:950px; border-top:4px solid #e0e0e0}
#foot ul li { float:left; margin:10px 0 0 0; padding:0; display:inline; text-decoration:none; width:auto}
#foot ul li a { color:#000000; text-decoration:none; background:url("../img/sep.gif") top right no-repeat; padding:0 10px 0 10px}
#foot ul li a:hover { text-decoration:underline}


form.top{margin:0 0 8px 0; padding:15px 0 0 0; float:left; width:300px; background:#fff}/***************/

#lastanswer{float:left; width:330px; margin:0 15px 15px 15px; padding:10px; text-align: center}
#area_resultados #lastanswer h2{margin:0; float:left; padding:0; width:340px}
#lastanswer p{font-size:14px}
#envia form input.boton_long { margin:20px 0; padding:6px 0; display:inline; width:180px;background:url("../img/boton_long.gif") no-repeat top left; border:0; color:#FFFFFF; font-weight:bold; font-size:14px; cursor:pointer; text-align:center; display:inline; border:0}
#columna h2{margin-top:15px; font-size:16px}


.theend{float:left; width:580px; height:164px; margin:45px 0 0 0; padding:130px 0 0 0; display:inline}
.theend p img{ padding: 0 5px}
.theend p{margin-bottom:5px}

/*capa_codigo*/
#div_up{margin:60px auto 0 auto; width:430px; overflow:hidden; border:1px solid #3e96ef; background:#fff; padding:20px; text-align:left; position:absolute; /*display:none*/}
#div_up span a {float:left; width:auto; padding:0 3px 3px 3px;  font-size:15px; color:#3e96ef; font-weight:bold; text-decoration:none}
#div_up h6{float:left; width:430px; font-size:22px; color:#3e96ef; font-weight:normal; margin-bottom:10px}
#div_up h6.pp { font-size:18px;}
p.code{font-size:10px; float:left; width:414px; padding:8px; border:1px solid #3e96ef; background:#f4f5f6; margin-bottom:0}
#div_up .boton{margin:10px 0 0 128px}
#div_up ul.instructions{float:left; width:430px; margin-top:10px; list-style:georgian; display:inline; color:#3e96ef}
#div_up ul.instructions li{display:inline; float:left; width:410px; margin:6px 0; padding:0 0 0 20px}
#div_up ul.instructions li.style_one{background:url("../img/bk_one.gif") no-repeat left top}
#div_up ul.instructions li.style_two{background:url("../img/bk_two.gif") no-repeat left top}
#div_up ul.instructions li.style_three{background:url("../img/bk_three.gif") no-repeat left top}
#div_up ul.instructions li.style_four{background:url("../img/bk_four.gif") no-repeat left top}
#div_up ul.instructions li span{display:inline; width:auto; margin-right:2px; text-transform:uppercase}

h2 { font-size:18px; margin:20px 0 0 0; float:left; width:430px; text-align:center}
#div_up #part_i { float:left; margin:30px 0 0 0; padding:0; width:180px}
#div_up #part_i h3.gr { font-size:14px; color:#94ae63; margin:0 0 15px 50px}
#div_up #part_i h4 { font-size:12px; color:#4095ef; text-align:center}
#div_up #part_i form { margin:0; padding:0; float:left; width:180px; text-align:center}
#div_up #part_i form input.boton { float:left; margin:39px 0 0 17px; display:inline; padding:6px 0}
* html #div_up #part_i form input.boton { margin:43px 0 0 17px;}


#div_up #part_d { float:left; margin:30px 0 0 10px; padding:0; width:240px}
#div_up #part_d h2 { font-size:16px}
#div_up #part_d h3.ga { font-size:14px; color:#94ae63; margin:0 0 15px 75px;}
#div_up #part_d h4 { font-size:12px; color:#4095ef}
#div_up #part_d form { margin:0; padding:0; float:left; width:230px; text-align:center; display:inline}
#div_up #part_d form input { border:1px solid #cedffe; width:150px}
#div_up #part_d form input.boton { float:left; margin:20px 0 0 40px; display:inline; padding:6px 0; border:0}
#div_up #part_d p.cent { width:180px; text-align:center; float:left; margin:20px 0 0 15px}

.transp {
/* Mozilla ignores MS image filters, so it will skip the following */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://internet.orange.es/img/spanish/bglayertienda.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.transp[class] {
background-image:url(http://internet.orange.es/img/spanish/bglayertienda.png);
}


