/* JON */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,button { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
th { text-align: left; }
caption,legend { display: none; }
table { border-collapse: collapse; border-spacing: 0; }
table thead { display: none; }
ul li ul li { padding-left: 0px; margin-left: 0; }

/* CSS GENERAL */
body { font-family: Arial,Helvetica,sans-serif; font-size: 12px;  text-align:center; margin:0 auto; }
p { padding-bottom: 0.6em; }
a { color: #000; outline: none; }
h1 { font-size:18px;text-decoration:underline; }
a:hover { color: #000; } 
strong,b { font-weight: bold; }
em,i { font-style: italic; }
table td { ; }
abbr,acronym,dfn { cursor: help; border-bottom: 1px dashed #090909; }
button { border: 0; text-align: center; }
h2, h3{font-weight:normal;}
textarea{font-family: Arial,Helvetica,sans-serif;padding:2px}
ul.general li{
	list-style-type: circle;
	list-style-position:outside;
	margin-left: 20px;
}

.limpia { font-size: 1px; height: 1px; clear: both; }

#contenedor_general{width:985px;background-image:url(../images_emos/fondo_gral.gif);background-position:top;padding-top:0px;margin: 0 auto;text-align:left;margin-bottom:30px;}

/* Publicidad Cambio */
/*
#publicidad{background-color:#000;}
#publicidad img{border:1px solid #2f2f2f;padding:2px;margin-left:2px;margin-right:2px;}
*/
/* Publicidad Cambio */
#publicidad {background-color:#000;}
#publicidad_izq, #publicidad_dch {     
        border:1px solid #2f2f2f;
        padding:2px;
        margin-left:2px;
        margin-right:2px;      
}
#publicidad_izq{float:left}
#publicidad_dch{float:right}


/*Fin del Cambio*/
#cabecera{position:relative;height:40px;background-color:#000;color:#fff;}

#cabecera a.eitb_logo {position:absolute;left:0px;top:4px;color:#fff;}

#cabecera ul.menu {position:absolute;left:140px;top:12px;}
#cabecera ul.menu li {float:left;margin-right:12px;color:#f00;}
#cabecera ul.menu li a {color:#fff;text-decoration:none;font-size:12px;}
#cabecera ul.menu li a:hover{color:#fff;}


#cabecera ul.registro {position:absolute;right:20px;top:12px;}
#cabecera ul.registro li {float:left;margin-right:8px;color:#fff;font-size:13px;}
#cabecera ul.registro li a {color:#fff;text-decoration:none;font-size:13px;}
#cabecera ul.registro li a:hover{color:#fff;text-decoration:underline;}

#user_menu_top {margin-bottom:10px;}
#user_menu_top ul {}
#user_menu_top ul li {display:inline;}
#user_menu_top ul li a{display:block;float:left;margin-right:20px;width:65px;height:23px;background-image:url(../images_emos/boton_off.gif);text-decoration:none;position:relative;}
#user_menu_top ul li a:hover{display:block;float:left;margin-right:20px;width:65px;height:23px;background-image:url(../images_emos/boton_on.gif);}
#user_menu_top ul li a span {position:absolute;top:5px;text-align:center;color:#fff;width:65px;}
#user_menu_top ul li a.largue{width:137px;height:23px;background-image:url(../images_emos/boton_largue_off.gif);}
#user_menu_top ul li a.largue span {position:absolute;top:5px;text-align:center;color:#fff;width:137px;}
#user_menu_top ul li a.largue:hover{display:block;float:left;margin-right:20px;width:137px;height:23px;background-image:url(../images_emos/boton_largue_on.gif);}

#user_menu_top ul li a.add_fav{float:right;width:169px;height:23px;background-image:url(../images_emos/add-fav.gif);}
#user_menu_top ul li a.add_fav span {position:absolute;top:5px;text-align:center;color:#fff;width:169px;}

#user_menu_top ul li a.del_fav{float:right;width:169px;height:23px;background-image:url(../images_emos/del-fav.gif);}
#user_menu_top ul li a.del_fav span {position:absolute;top:5px;text-align:center;color:#fff;width:169px;}

#user_menu_top ul li div.wait_fav{float:right;width:169px;margin-top:-6px;height:23px;background-image:url(../images_emos/wait-fav.gif);}
#user_menu_top ul li div.wait_fav span {position:absolute;top:5px;text-align:center;color:#000;width:169px;}

#user_menu_top ul li a.user_menu_top_selected{background-image:url(../images_emos/boton_on.gif);}
#user_menu_top ul li a.user_menu_top_largue_selected{background-image:url(../images_emos/boton_largue_on.gif);}


#user_menu_top_up ul li a{display:block;float:left;margin-right:20px;width:65px;height:23px;text-decoration:none;position:relative;}
#user_menu_top_up ul li a:hover{background-image:url(../images_emos/boton_on_up.gif);text-decoration:none;}
#user_menu_top_up ul li a span {position:absolute;top:5px;text-align:center;color:#fff;width:65px;}
#user_menu_top_up ul li a.largue{width:160px;height:23px;}
#user_menu_top_up ul li a.largue span {position:absolute;top:5px;text-align:center;color:#fff;width:160px;}
#user_menu_top_up ul li a.largue:hover{display:block;float:left;margin-right:20px;width:160px;height:23px;background-image:url(../images_emos/boton_largue_on_up.gif);}

#user_menu_top_up ul li a.user_menu_top_selected{background-image:url(../images_emos/boton_on_up.gif);}
#user_menu_top_up ul li a.user_menu_top_largue_selected{background-image:url(../images_emos/boton_largue_on_up.gif);}


#conversation_box {}
#conversation_box .conversation{position:relative;height:40px;margin-top:10px;z-index:999;border-top:1px dotted #ccc;padding:5px 0;}
#conversation_box .conversation img{position:absolute;left:0px;width:30px;height:30px;}
#conversation_box .conversation p{position:absolute;left:40px;height:30px;width:500px;}
#conversation_box .conversation p span.fecha{color:#666;}
#conversation_box .conversation p a.user_link{color:#3a53a5;text-decoration:none;}
#conversation_box .conversation p a.user_link:hover{text-decoration:underline;}

#conversation_box .wall_item{padding:5px 0;border-top:1px dotted #ccc;}
#conversation_box .wall_item .img_type{float:left;width:30px;height:30px;}
#conversation_box .wall_item p{float:left;margin-left:10px;margin-top:5px;}
#conversation_box .wall_item p img{width:100px;height:100px;margin-top:15px;}
#conversation_box .wall_item p span.fecha{color:#666;}

#right_box_user{width:240px;float:right;margin-left:2px;}
#right_box_user .pend_item{padding:2px 0;}
#right_box_user .pend_item .img_type{float:left;width:30px;height:30px;}
#right_box_user .pend_item p{float:left;margin-left:10px;margin-top:5px;}
#right_box_user .pend_item p a.user{color:#3a53a5;}
#right_box_user .pend_item p a.accept{color:#666;}

#right_box_user #search_box{margin-top:15px;border-top:1px dotted #ccc;padding-top:15px;}
#right_box_user #search_box .search_form input.joker{border:1px solid #3a53a5;width:120px;height:20px;}
#right_box_user #search_box .search_form input.submit{border:1px solid #3a53a5;width:110px;background-color:#ccc;}

.conversation_textarea{border:1px solid #3a53a5;margin-top:20px;width:600px;height:50px;}

.photo_gallery_box {width:600px;margin-bottom:100px;}
.photo_gallery_box img {float:left;width:65px;height:65px;margin:5px;border:1px solid #ccc;}

div#pagination { padding:3px; margin:2em 0 1em 0; }
div#pagination a { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #ddd; text-decoration: none; color: #59688F; }
div#pagination a:hover, div.pagination a:active { border:1px solid #59688F; color: #fff; background-color: #A7AEBF; }
div#pagination span.current { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #59688F; font-weight: bold; background-color: #59688F; color: #FFF; }
div#pagination span.disabled { padding: 2px 5px 2px 5px; margin-right: 2px; border: 1px solid #f3f3f3; color: #ccc; }



#idioma ul li{float:left;margin-left:10px;font-size:12px;width:20px;height:15px;background-color:#eee;text-align:center;}
#idioma ul li a{text-decoration:none;}
#idioma ul li a:hover{text-decoration:underline;}
#idioma .fecha{margin-left:120px;width:200px;font-size:12px;padding-top:2px;}


#zona_logo {text-align:center;}
#zona_logo_interior {border-bottom:1px dotted #ddd;margin:25px 15px 20px 15px; padding-bottom:8px;}
#zona_logo_interior h2 {font-weight:bold;font-size:16px;text-transform:uppercase;margin-left:20px;}
#zona_logo_interior img.interior{float:right;margin-top:-30px;}


#form_historic{border:1px solid #ddd;}


.emo_list{float: left; width: 150px; margin-top:25px;margin-left:5px;margin-right:15px;text-align:center;}
.emo_list .nombre{font-size:14px;}
.emo_list .nombre a{text-decoration:none;}
.emo_list .nombre a:hover{text-decoration:underline;}
.emo_list .ciudad{font-size:12px;}

ul.paginador {margin-top:10px;}
ul.paginador li{float:left;}
ul.paginador li span{font-weight:bold;}
ul.paginador li a{text-decoration:none;}
ul.paginador li a:hover{text-decoration:underline;}


.termometro{
margin-top:15px;
clear:both;
}


.emo{
width: 95px;
background-image:url(../images_emos/fondo_resultados.gif);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;
float:left;
margin-left:30px;
margin-right:20px;
position:relative;
}


.porcentaje{
font-weight:bold;
text-align:center;
margin-bottom:10px;
margin-top:-10px;
padding-top:5px;
background-color:#ebebeb;
}

#pregunta{
clear:both;
text-align:center;
padding-top:10px;
}


#encuesta{text-align:center;font-weight:bold;font-size:120%;}
#encuesta ul li{float:left;margin-right:5px;margin-left:20px;height:40px;width:120px;}
#encuesta p{width: 120px;float: left;margin-right:30px;}


.cuerpo{
position:relative;
margin-left: 30px;
margin-right: 30px;
}

.pie {clear: both;height:20px;margin-top: 30px;padding-top: 10px;background-color:#eee;text-align: right;}
.pie li{display:inline;margin-right:5px;margin-left:5px;color:#000000;border-right:1px solid #000;padding-right:10px;}
.pie li.ultimo{border:none;}
.pie .eitb_logo_bottom{float:left;margin-top:-8px;}

#right_box{width: 250px;	float: right;margin-left: 10px;}

#right_box_historic{width: 240px;float: right;margin-left: 10px;	border:1px solid #ddd;}

#right_box_historic .titulo{height:auto;background-color:#ddd;width:233px;font-size:14px;padding-left:8px;font-weight:bold;padding-top:4px;}
#right_box_historic .caja{padding-top:8px; padding-bottom:15px; padding-left:15px;}
#right_box_historic .caja input{margin-top:8px;}

#right_box_historic img.bombilla{border:1px solid #ddd;margin-left:60px;margin-bottom:10px;}
#right_box_historic p {margin-top:10px;}

#right_box_historic img.user_avatar{border:1px solid #ddd;margin-left:80px;margin-bottom:10px;}


.contact_form div.opcion {height:40px; background-color:#eee;padding:5px;margin-bottom:10px;}
.contact_form div.opcion div{margin-top:8px;}
.contact_form div.opcion div label{width: 150px;float: left; margin: 0 10px 0 0; vertical-align: middle; text-align: left; font-weight:bold;margin-top:5px;}
.contact_form div.opcion div input.checkbox{width:15px;height:15px;}
.contact_form div.opcion div input{border: 1px solid #bbb;background-color: #fff;font-size:14px;padding-top:5px;padding-bottom:5px;vertical-align: middle;width:350px;}
.contact_form div.opcion div select{border: 1px solid #bbb;background-color: #fff;font-size:14px;padding-top:5px;padding-bottom:5px;vertical-align: middle;width:350px;}

#my_emotional_state_id label {width:150px;}
#my_emotional_state_id label input.checkbox{width:15px;height:15px;float:left;margin-right:4px;}
#my_emotional_state_id input.guardar{width:100px;}

.estoy_checkbox {height:80px;margin-top:20px;margin-bottom:20px;border-bottom:1px dotted #ddd;text-align:center;}
.estoy_checkbox label {float:left;margin-right:4px;width:120px;text-align:left;}
.estoy_checkbox label input.checkbox{width:15px;height:15px;}
.estoy_checkbox input.guardar{width:150px;}

.contact_form div.opcion_textarea {height:170px; background-color:#eee;padding:5px;margin-bottom:10px;}
.contact_form div.opcion_textarea div{margin-top:8px;}
.contact_form div.opcion_textarea div label{width: 150px;float: left; margin: 0 10px 0 0; vertical-align: middle; text-align: left; font-weight:bold;margin-top:5px;}
.contact_form div.opcion_textarea div textarea{border: 1px solid #bbb;background-color: #fff;font-size:14px;padding-top:5px;padding-bottom:5px;vertical-align: middle;width:700px;height:150px;}

.contact_form p.intro{margin-top:10px;margin-bottom:15px;}

.contact_form .opcion_ok {height:30px; background-color:#35ab01;padding:5px;margin-bottom:10px;color:#fff;font-size:16px;font-weight:bold;}
.contact_form .opcion_ok div {margin-top:5px;}

.contact_form .opcion_red {height:30px; background-color:#ab0101;padding:5px;margin-bottom:10px;color:#fff;font-size:16px;font-weight:bold;}
.contact_form .opcion_red div {margin-top:5px;}

.contact_form ul.buttons li{float:right;}

.edit_profile_form div.opcion {height:40px; background-color:#eee;padding:5px;margin-bottom:10px;}
.edit_profile_form div.opcion div{margin-top:8px;}
.edit_profile_form div.opcion div label{width: 150px;float: left; margin: 0 10px 0 0; vertical-align: middle; text-align: left; font-weight:bold;margin-top:5px;}
.edit_profile_form div.opcion div input.radio{width:12px;height:12px;margin-left:8px;margin-right:3px;margin-top:8px;float:left;}
.edit_profile_form div.opcion div .genre{width:60px;float:left;}

.edit_profile_form div.opcion div input{border: 1px solid #bbb;background-color: #fff;font-size:14px;padding-top:5px;padding-bottom:5px;vertical-align: middle;width:200px;}
.edit_profile_form div.opcion div select{border: 1px solid #bbb;background-color: #fff;font-size:14px;padding-top:5px;padding-bottom:5px;vertical-align: middle;width:350px;}

.edit_profile_form ul.buttons {margin-left:300px;}
.edit_profile_form ul.buttons li{float:left; margin-right:15px;}
.edit_profile_form ul.buttons li input{width:150px;border:1px solid #000;background-color:#eee;}

.boton_votar_portada{width:100px;border:1px solid #000;background-color:#eee;}
.boton_ver_historico{width:100px;border:1px solid #000;background-color:#eee;}



.admin_new_icons div.opcion {height:40px; background-color:#eee;padding:5px;margin-bottom:10px;}
.admin_new_icons div.opcion div{margin-top:8px;}
.admin_new_icons div.opcion div label{width: 150px;float: left; margin: 0 10px 0 0; vertical-align: middle; text-align: left; font-weight:bold;margin-top:5px;}
.admin_new_icons div.opcion div input{border: 1px solid #bbb;background-color: #fff;font-size:14px;padding-top:5px;padding-bottom:5px;vertical-align: middle;width:200px;}
.admin_new_icons div.opcion div input.radio{width:12px;height:12px;margin-left:8px;margin-right:3px;margin-top:8px;float:left;}

.emo_opcion{height:150px; background-color:#f8f8f8;padding:5px;margin-bottom:10px;position:relative;}
.emo_opcion div{position:absolute;top:5px;left:125px;}
.emo_opcion div p.titulo{margin-bottom:5px;font-weight:bold;}
.emo_opcion div p{margin-top:5px;margin-bottom:-8px;}

.subtitle_emo_reason{margin-top:25px;font-weight:bold;font-size:1.2em;}

/*
input
{
	border: 1px solid #000000;
	background-color: #eeeeee;
}

select
{
	border: 1px solid #000000;
	background-color: #eeeeee;
}
*/
button
{
	border: 1px solid #000000;
	background-color: #dddddd;

}
/*
textarea
{
	border: 1px solid #000000;
	background-color: #dddddd;

}
*/
/*
label{
    width: 150px;
    height: 25px;
    float: left;
    margin: 0 10px 0 0;
    vertical-align: middle;
    text-align: right;
  }

#requiredLabel{
    text-align: right;
    font-size: 0.8em;
    margin: 10px 20px;
    color: 787878;
  }
*/

.tips
{ 
	border:1px solid #000000;
	padding: 5px 5px 5px 5px; 
	background-color: #fffed6;
	text-align: center; 
	color:#000000;
	width: 100px; 
	font-size: 11px; 
	font-family: arial, sans-serif; 
	visibility: hidden;
	bottom:-50px;
	z-index:99;
}

.tips2
{ 
	border:1px solid #000000;
	padding: 5px 5px 5px 5px; 
	background-color: #d6ebff;
	text-align: center; 
	color:#000000;
	width: 120px; 
	font-size: 11px; 
	font-family: arial, sans-serif; 
	visibility: hidden;
	bottom:-80px;
	z-index:99;
}


.infobox {padding: 19px 0 0 0; width: 100%;}
.infoBox .intro{margin: 0 10px;text-align: justify;}
.infobox .requiredLabel{text-align: left; margin: 10px 20px;font-size: 0.8em;color: #787878;}
.infobox p{margin: 10px 0 10px 0;}
.infobox label{color:#02517a;width: 29%;height: 1.5em;float: left;margin: 0 10px 5px 0;padding: 3px 0 0 0;vertical-align: middle;text-align: right;}
.infobox .label_left{margin: 0 10px 5px 10px;text-align: left;}
.infobox .required{font-weight: bold;}
.infobox .field{width: 200px; height: 1.4em; font-size: 1em; background-color: #fff; border: 1px solid #ccc; vertical-align: middle; margin: 0; padding: 0 0 0 4px;color: #444;}
.infobox .button{text-align: right; margin: 0 18% 10px 0; }
.infobox .button input{ margin: 0; }
.infobox .textArea{width: 150px; height: 85px; font-size: 1em; background-color: #fff; border: 1px solid #ccc; margin: 0; padding: 0 0 0 4px; color: #444;}
.infobox .combobox{width: 285px; height: 1.4em;font-size: 1em; background-color: #fff; border: 1px solid #ccc; margin: 0; color: #444; }
.infobox .checkbox{margin: 5px 5px 0 0;}
.infobox .file{width: 50%; height: 1.8em; font-size: 1em; background-color: #fff; border: 1px solid #ccc; vertical-align: middle; margin: 0; padding: 0 0 0 4px;color: #444;}

h2.page_title{margin-top:10px;color:#015a8b;font-size:16px;}

.poll_form ul
{
	padding: 5px 5px 5px 5px;
	margin-bottom: 10px;
	font-weight: bold;
}
.poll_form ul li ul
{
	font-weight: normal;
}
.poll_form ul li ul li
{
	font-weight: normal;
	padding-bottom: 5px;
}


/*Start Warning Messages*/

.alertGreen{width: 100%;}
.alertGreen .hd .c,
.alertGreen .ft .c {font-size:1px; height:13px; }  /* ensure minimum height */
.alertGreen .ft .c {height:14px;}
.alertGreen .hd {background:transparent url("../images_emos/Green_tl.gif") no-repeat 0px 0px;}
.alertGreen .hd .c {background:transparent url("../images_emos/Green_tr.gif") no-repeat right 0px;}
.alertGreen .bd {background:transparent url("../images_emos/Green_ml.gif") repeat-y 0px 0px;}
.alertGreen .bd .c {background:transparent url("../images_emos/Green_mr.gif") repeat-y right 0px;}
.alertGreen .bd .c .s {margin:0px 8px 0px 4px;background-image: url("../images_emos/Green_ms.gif");padding: 1px;text-align: center;}
.alertGreen .ft {background:transparent url("../images_emos/Green_bl.gif") no-repeat 0px 0px;}
.alertGreen .ft .c {background:transparent url("../images_emos/Green_br.gif") no-repeat right 0px;}
.alertGreen p {margin: 5px 0; padding:0px;}

.alertYellow{width: 100%;}
.alertYellow .hd .c,
.alertYellow .ft .c {font-size:1px; height:13px;} /* ensure minimum height */
.alertYellow .ft .c {height:14px;}
.alertYellow .hd {background:transparent url("../images_emos/Yellow_tl.gif") no-repeat 0px 0px;}
.alertYellow .hd .c {background:transparent url("../images_emos/Yellow_tr.gif") no-repeat right 0px;}
.alertYellow .bd {background:transparent url("../images_emos/Yellow_ml.gif") repeat-y 0px 0px;}
.alertYellow .bd .c {background:transparent url("../images_emos/Yellow_mr.gif") repeat-y right 0px;}
.alertYellow .bd .c .s {margin:0px 8px 0px 4px; _margin: 0 10px; background-image: url("../images_emos/Yellow_ms.gif"); padding: 1px; text-align: center;}
.alertYellow .ft {background:transparent url("../images_emos/Yellow_bl.gif") no-repeat 0px 0px;}
.alertYellow .ft .c {background:transparent url("../images_emos/Yellow_br.gif") no-repeat right 0px;}
.alertYellow p {margin: 5px 0;padding:0px;}

.alertRed{ width: 100%;}
.alertRed .hd .c,
.alertRed .ft .c {font-size:1px; height:13px;} /* ensure minimum height */
.alertRed .ft .c {height:14px;}
.alertRed .hd {background:transparent url("../images_emos/Red_tl.gif") no-repeat 0px 0px;}
.alertRed .hd .c {background:transparent url("../images_emos/Red_tr.gif") no-repeat right 0px;}
.alertRed .bd {background:transparent url("../images_emos/Red_ml.gif") repeat-y 0px 0px;}
.alertRed .bd .c {background:transparent url("../images_emos/Red_mr.gif") repeat-y right 0px;}
.alertRed .bd .c .s {margin:0px 8px 0px 4px;background-image: url("../images_emos/Red_ms.gif");padding: 1px;text-align: center;}
.alertRed .ft {background:transparent url("../images_emos/Red_bl.gif") no-repeat 0px 0px;}
.alertRed .ft .c {background:transparent url("../images_emos/Red_br.gif") no-repeat right 0px;}
.alertRed p {margin: 5px 0;padding:0px;}

/*End Warning Messages*/