/*
© 2010 halagos.cl
Creacion 05 / 03 / 10
*/

* { margin:0; padding:0;}
body { font-family:Arial, Helvetica, sans-serif;}
ul, ol, li { list-style:none;}
:focus {outline: none;}
p { padding:0 0 6px 0;}
h4 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666; padding:0 0 4px 0;}

#contenedor { width:900px; margin:0 auto;}

/*========= HEADER =========*/
#header { width:900px; height:110px; background:url(../images/html/fnd_linea_azul.gif) 0 bottom repeat-x; float:left;}
#header h1 {background:url(/images/html/logo.png) 0 0 no-repeat; width:234px; height:81px; margin:15px 0 15px 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block; }
#header h1 a { display:block; height:81px; }
#header h2 {background:url(/images/html/tagline.png) 0 0 no-repeat; width:377px; height:18px; margin:40px 0 0 30px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#header .logo { float:left;}
#header .tagline { float:left;}
#header ul.menu_corporativo { float:right;}
#header ul.menu_corporativo li { float:left; font-size:12px; font-weight:bold; width:158px; height:20px; text-align:center; background:url(/images/botones/fnd_btn_corp.jpg) no-repeat right 0; padding:4px 0 0 10px;}
#header ul.menu_corporativo li a { color:#FFF; text-decoration:none;}
#header ul.menu_corporativo li a:hover { text-decoration:underline;}
#header ul.redes { float:right;}
#header ul.redes li { float:left;}
#header ul.redes li a.facebook { background:url(/images/botones/btn_redes_sociales.jpg) 0 0 no-repeat; width:32px; height:32px; margin:21px 0 0 8px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#header ul.redes li a.facebook:hover { background:url(/images/botones/btn_redes_sociales.jpg) 0 -32px no-repeat;}
#header ul.redes li a.twitter { background:url(/images/botones/btn_redes_sociales.jpg) -32px 0 no-repeat; width:32px; height:32px; margin:21px 0 0 8px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#header ul.redes li a.twitter:hover { background:url(/images/botones/btn_redes_sociales.jpg) -32px -32px no-repeat;}
#header ul.redes li a.rss { background:url(/images/botones/btn_redes_sociales.jpg) -64px 0 no-repeat; width:32px; height:32px; margin:21px 0 0 8px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#header ul.redes li a.rss:hover { background:url(/images/botones/btn_redes_sociales.jpg) -64px -32px no-repeat;}

/*========= CONTENIDO =========*/
#contenido { float:left; width:900px;}
/*--- COLUMNA IZQUIERDA ---*/
#contenido #izq { width:608px; padding:10px 20px 0 0; float:left;}
#contenido #izq .nube { width:608px; float:left;}
#contenido #izq .nube h3{background:url(/images/html/tit_nube.gif) 0 0 no-repeat; width:137px; height:19px; margin:0 0 15px 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .nube .tags { float:left; width:608px; padding:0 0 22px 0;}
#contenido #izq .nube .tags a { text-decoration:none;}
#contenido #izq .nube .tags a:hover { text-decoration:underline;}
#contenido #izq .nube .tags a.tag_6 { font-size:29px; color:#666; font-weight:bold;} 
#contenido #izq .nube .tags a.tag_5 { font-size:21px; color:#7D7D7D;}
#contenido #izq .nube .tags a.tag_4 { font-size:18px; color:#828282;}
#contenido #izq .nube .tags a.tag_3 { font-size:16px; color:#909090;}
#contenido #izq .nube .tags a.tag_2 { font-size:14px; color:#9F9F9F;}
#contenido #izq .nube .tags a.tag_1 { font-size:10px; color:#B0B0B0;}
#contenido #izq .destacado { width:608px; float:left;}
#contenido #izq .destacado p { font-size:14px; color:#666;}
#contenido #izq .destacado a { color:#0066CC; text-decoration:none; font:9px Tahoma, Geneva, sans-serif; color:#0066CC; font-weight:bold; background:url(../images/botones/bullet_link.gif) right 5px no-repeat; padding:0 10px 0 0;}
#contenido #izq .destacado a:hover { text-decoration:underline;}
#contenido #izq .destacado h3 {background:url(/images/html/tit_h_destacado.png) 0 0 no-repeat; width:608px; height:35px; margin:0 0 12px 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .destacado h4 a { color:#0066CC; text-decoration:none; font-size:20px; font-family:Arial, Helvetica, sans-serif;background:none;}
#contenido #izq .destacado h4 a:hover { text-decoration:underline;}
#contenido #izq .destacado .datos { float:left; width:608px; font-size:10px; color:#999; font-family:Tahoma, Geneva, sans-serif; background:url(../images/html/fnd_linea_azul.gif) 0 22px repeat-x; padding:0 0 15px 0;}
#contenido #izq .destacado .datos strong { color:#0066CC;}
#contenido #izq .destacado .datos .comentarios { background:url(../images/html/ico_comentarios.gif) no-repeat 2px 2px; padding:0 0 0 18px;}
#contenido #izq .destacado .datos .puntuacion { float:right; width:100px; margin:0; padding:0; }
#contenido #izq .destacado .datos .puntuacion p{ float:right; color:#0066CC; font-weight:bold; font:10px Tahoma, Geneva, sans-serif; font-weight:bold; padding:2px 0 0 0;}
#contenido #izq .destacado .datos .puntuacion li{ float:right; margin:0; padding:0;}
#contenido #izq .destacado .datos .puntuacion a.positivo { background:url(/images/botones/btn_redes_sociales.jpg) -96px -46px no-repeat; width:16px; height:16px; margin:0 0 0 10px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .destacado .datos .puntuacion a.positivo:hover { background:url(/images/botones/btn_redes_sociales.jpg) -96px -62px no-repeat;}
#contenido #izq .destacado .datos .puntuacion a.negativo { background:url(/images/botones/btn_redes_sociales.jpg) -112px -46px no-repeat; width:16px; height:16px; margin:0 0 0 10px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .destacado .datos .puntuacion a.negativo:hover { background:url(/images/botones/btn_redes_sociales.jpg) -112px -62px no-repeat;}
#contenido #izq .destacado .compartir { width:608px; float:left; background:url(../images/html/fnd_linea_azul.gif) repeat-x 0 bottom; padding:0 0 10px 0;}
#contenido #izq .destacado .compartir ul { float:right;}
#contenido #izq .destacado .compartir li strong { color:#0066CC;}
#contenido #izq .destacado .compartir li strong.separador { margin:0 10px 0 0; font-weight:normal;}
#contenido #izq .destacado .compartir li { float:left; font:10px Tahoma, Geneva, sans-serif; color:#999;}
#contenido #izq .destacado .compartir li a.delicious { background:url(/images/botones/btn_redes_sociales.jpg) -128px -46px no-repeat; width:16px; height:16px; margin:0 0 0 10px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .destacado .compartir li a.delicious:hover { background:url(/images/botones/btn_redes_sociales.jpg) -128px -62px no-repeat;}
#contenido #izq .destacado .compartir li a.facebook { background:url(/images/botones/btn_redes_sociales.jpg) -143px -46px no-repeat; width:16px; height:16px; margin:0 0 0 10px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .destacado .compartir li a.facebook:hover { background:url(/images/botones/btn_redes_sociales.jpg) -143px -62px no-repeat;}
#contenido #izq .destacado .compartir li a.twitter { background:url(/images/botones/btn_redes_sociales.jpg) -159px -46px no-repeat; width:16px; height:16px; margin:0 20px 0 10px; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .destacado .compartir li a.twitter:hover { background:url(/images/botones/btn_redes_sociales.jpg) -159px -62px no-repeat;}
/* Comentarios de halago */
#contenido #izq #comentarios { width:608px; float:left; padding:20px 0 15px 0;}
#contenido #izq #comentarios .comentario { width:608px; float:left; background:url(../images/html/fnd_linea_gris.gif) repeat-x 0 bottom; padding:12px 0 10px 0;}
#contenido #izq #comentarios .comentario p { font:11px Arial, Helvetica, sans-serif; color:#666;}
#contenido #izq #comentarios .comentario p.nombre { font-size:12px; color:#0066CC; font-weight:bold;}
#contenido #izq #comentarios .comentario p.nombre .fecha { font:10px Tahoma, Geneva, sans-serif; color:#999; font-weight:normal;}
#contenido #izq .ultimos_halagos { float:left; width:608px; padding:12px 0 0 0;}
#contenido #izq .ultimos_halagos p { font-size:11px; color:#666;}
#contenido #izq .ultimos_halagos small {color:#0066CC; font-family:Tahoma, Geneva, sans-serif; color:#666;}
#contenido #izq .ultimos_halagos strong {color:#0066CC;}
#contenido #izq .ultimos_halagos span.ultimos { font-weight:normal; padding:0 6px;}
#contenido #izq .ultimos_halagos hr.separador { height:1px; border:0; color:#CC0000; background:url(../images/html/fnd_linea_azul.gif) 0 center repeat-x #fff; width:608px; padding:10px 0;}
#contenido #izq .ultimos_halagos h3 {background:url(/images/html/tit_halago.png) 0 0 no-repeat; width:608px; height:35px; margin:0 0 12px 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .ultimos_halagos h4 a { color:#0066CC; text-decoration:none; font-size:16px; font-family:Arial, Helvetica, sans-serif; background:none;}
#contenido #izq .ultimos_halagos h4 a:hover { text-decoration:underline;}
#contenido #izq .ultimos_halagos a { color:#0066CC; text-decoration:none; font:9px Tahoma, Geneva, sans-serif; color:#0066CC; font-weight:bold; /*background:url(../images/botones/bullet_link.gif) right 5px no-repeat;*/ padding:0 10px 0 0;}
#contenido #izq .ultimos_halagos a:hover { text-decoration:underline;}
#contenido #izq .resumen_halago { float:left; background:url(../images/html/fnd_linea_azul.gif) 0 bottom repeat-x; padding:5px 0; width:608px;}
/* paginador */
#contenido #izq .paginacion { float:left; width:469px; padding:15px 0 20px 139px;}
#contenido #izq .paginacion li { float:left; font:9px Tahoma, Geneva, sans-serif; color:#0066CC; }
#contenido #izq .paginacion li { padding:0 3px;}
#contenido #izq .paginacion a#anterior { color:#0066CC; text-decoration:none; font:9px Tahoma, Geneva, sans-serif; color:#0066CC; font-weight:bold; background:url(../images/botones/bullet_anterior.gif) left 5px no-repeat; padding:0 0 0 10px;}
#contenido #izq .paginacion a#anterior:hover { text-decoration:underline;}
#contenido #izq .paginacion a#siguiente { color:#0066CC; text-decoration:none; font:9px Tahoma, Geneva, sans-serif; color:#0066CC; font-weight:bold; background:url(../images/botones/bullet_link.gif) right 5px no-repeat; padding:0 10px 0 0;}
#contenido #izq .paginacion a#siguiente:hover { text-decoration:underline;}
#contenido #izq .paginacion a.numero, #contenido #izq .paginacion li.current { text-decoration:none; font:9px Tahoma, Geneva, sans-serif; color:#FFF; font-weight:bold; background:#0066CC; padding:2px; font-weight:normal;}
#contenido #izq .paginacion a.numero:hover { text-decoration:none; background:#FFF; color:#0066CC; }
#contenido #izq .paginacion a.numero{color: #0066CC; background: #fff; cursor: arrow;}
/* formulario */
#contenido #izq .formulario { float:left;}
#contenido #izq .formulario p { float:left; width:450px; padding:10px 0 60px 150px; color:#666; font-size:11px;}
#contenido #izq .formulario h3 {background:url(/images/html/tit_publicar_halago.png) 0 0 no-repeat; width:608px; height:35px; margin:0 0 20px 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .formulario h3#comentario {background:url(/images/html/tit_comenta.png) 0 0 no-repeat; width:608px; height:35px; margin:0 0 20px 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #izq .formulario label { width:150px; height:36px; float:left; font-size:12px; font-weight:bold; color:#666; padding:4px 0 0 0;}
#contenido #izq .formulario input { background:url(../images/html/fnd_input.png) 0 0 no-repeat; border:1px solid #CCC; width:198px; height:16px; float:left; padding:4px; font-size:12px; color:#999;font-family:Arial, Helvetica, sans-serif;}
#contenido #izq .formulario textarea { width:400px; height:128px; float:left; background:url(../images/html/fnd_textarea.png) 0 0 no-repeat; border:1px solid #CCC; padding:4px; font-size:12px; color:#999; font-family:Arial, Helvetica, sans-serif;}
#contenido #izq .formulario label.error { float:left; width:125px; height:36px; color:#929292; font-size:10px; padding:5px 0 0 5px; color:#FB0101; font: 9px Tahoma;}
#contenido #izq .formulario div.ayuda { float:left; width:100px; height:36px; color:#000; font-size:10px; padding:5px 0 0 5px; font: 9px Tahoma;}
#contenido #izq .formulario .boton { float:left; padding:10px 0 0 150px; width:450px;}
#contenido #izq .formulario .boton input { background:url(/images/botones/btns_input.png) -227px 0 no-repeat; width:120px; height:33px; margin:0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block; cursor:pointer;}
#contenido #izq .formulario .boton input:hover { background:url(/images/botones/btns_input.png) -227px -33px no-repeat;}
#contenido #izq .datos_legales { float:left; width:608px;}
#contenido #izq .datos_legales p { font-family:Tahoma, Geneva, sans-serif; font-size:9px; color:#666;}
#contenido #izq .datos_legales h3 { font-size:16px; color:#666; background:url(../images/html/fnd_linea_azul.gif) repeat-x 0 24px; height:30px;}
#contenido #izq .datos_legales ul { padding:5px 0 15px 0;}
#contenido #izq .datos_legales li {font-size:9px; color:#666; background:url(../images/html/bullet_txt_legal.gif) no-repeat 0 4px; padding:0 0 0 10px;}

/*--- COLUMNA DERECHA ---*/
#contenido #der { width:271px; padding-top:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666;}
/*--- buscador ---*/
#contenido #der form { float:left; width:270px; padding:0 0 12px 0;}
#contenido #der form input#txt_busqueda { background:url(/images/html/fnd_input.png) no-repeat 0 0; border-top:1px #A2A2A2 solid; border-right:1px #A2A2A2 solid; border-bottom:1px #A2A2A2 solid; border-left:1px #A2A2A2 solid; width:204px; height:22px; float:left;}
#contenido #der form .btn_buscar { float:left; width:64px;}
#contenido #der form .btn_buscar a#buscar { background:url(/images/botones/btns_input.png) 0 0 no-repeat; width:64px; height:24px; margin:0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #der form .btn_buscar a#buscar:hover { background:url(/images/botones/btns_input.png) 0 -24px no-repeat;}
/*--- publicar comentario ---*/
#contenido #der .publica_comentario { float:left; padding-bottom:10px;}
#contenido #der .publica_comentario a {background:url(/images/botones/btn_publicar_halago.png) 0 0 no-repeat; width:271px; height:89px; margin:0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #der .publica_comentario a:hover {background:url(/images/botones/btn_publicar_halago.png) 0 -89px no-repeat;}
/*--- btn facebbok ---*/
#contenido #der .facebook { float:left; padding:0 0 10px 0;}
#contenido #der .facebook a {background:url(/images/botones/btn_conecta_facebook.png) 0 0 no-repeat; width:271px; height:32px; margin:0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #der .facebook a:hover {background:url(/images/botones/btn_conecta_facebook.png) 0 -32px no-repeat; }
#contenido #der .facebook_in { float:left; border:1px solid #ccc; width:268px; margin-bottom:10px; /*background:url(../images/html/logo_facebook.jpg) 190px 10px no-repeat;*/}
#contenido #der .facebook_in a { color:#0066CC; text-decoration:none; font:12px Tahoma, Geneva, sans-serif; color:#0066CC; font-weight:bold; }
#contenido #der .facebook_in a:hover { text-decoration:underline;}

/*--- Post twitter ---*/
#contenido #der .twitter { float:left; width:236px; border:1px solid #999; padding:16px 16px 10px 16px; margin-bottom:10px;}
#contenido #der .twitter a{ color:#0066CC;}
#contenido #der .twitter .twitter_header { float:left; padding:0 0 6px 0;}
#contenido #der .twitter .twitter_header strong { color:#0066CC;}
#contenido #der .twitter .twitter_header .boton { float:left; padding:0 5px 0 0;}
#contenido #der .twitter .twitter_header .boton a {background:url(/images/botones/btn_redes_sociales.jpg) -96px 0 no-repeat; width:61px; height:23px; margin:0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #der .twitter .twitter_header .boton a:hover {background:url(/images/botones/btn_redes_sociales.jpg) -96px -23px no-repeat; }


#contenido #der .twitter .twitteo { float:left; background:url(../images/html/fnd_linea_azul.gif) 0 0 repeat-x; padding:10px 0 5px 0;}
#contenido #der .twitter .twitteo img { float:left; padding:3px 6px 0 0;}

/*--- encuesta ---*/
#contenido #der .encuesta { float:left; width:236px; border:1px solid #999; padding:16px 16px 6px 16px;}
#contenido #der .encuesta ul.preguntas li { float:left; background:url(../images/html/fnd_linea_azul.gif) 0 bottom repeat-x; width:236px; padding:4px 0 10px 0;}
#contenido #der .encuesta ul.preguntas .votar { float:left; width:20px; padding:5px 0 0 0;}
#contenido #der .encuesta ul.preguntas span { float:left; width:200px;}
#contenido #der .encuesta .botones { float:left; background:none; width:236px; padding:10px 0 0 0;}
#contenido #der .encuesta .botones .ver_resultados { float:right;}
#contenido #der .encuesta .botones .ver_resultados a#ver {background:url(/images/botones/btns_input.png) -128px 0 no-repeat; width:99px; height:24px; margin:0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #der .encuesta .botones .ver_resultados a#ver:hover {background:url(/images/botones/btns_input.png) -128px -24px no-repeat; }
#contenido #der .encuesta .botones .votar_encuesta { float:right; padding:0 0 0 10px;}
#contenido #der .encuesta .botones .votar_encuesta a#votar {background:url(/images/botones/btns_input.png) -64px 0 no-repeat; width:64px; height:24px; margin:0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#contenido #der .encuesta .botones .votar_encuesta a#votar:hover {background:url(/images/botones/btns_input.png) -64px -24px no-repeat; }

/*========= FOOTER =========*/
#footer { width:900px; height:40px; background:url(../images/html/fnd_linea_gris.gif) 0 0 repeat-x; float:left; margin-top:10px;}
#footer .copy { float:left; width:900px; padding:10px 0 0 0; font-size:9px; font-family:Tahoma, Geneva, sans-serif; color:#999;}
#footer li { float:left; padding-right:4px;}
#footer li #logo { background:url(/images/html/logo_footer.png) 0 0 no-repeat; width:51px; height:12px; margin:2px 0 0 0; padding:0; font: 1px Tahoma, Geneva, sans-serif; text-indent:-9000px; letter-spacing: 1px; display:block;}
#footer li a { color:#999; text-decoration:none;}
#footer li a:hover { text-decoration:underline;}

.clear{clear: both}
.disabled{color:#999999; display: none;}
#flashMessage{ background:none repeat scroll 0 0 #CFEAFD;border:1px solid #0099FF;font-size:11px;margin:10px auto;padding:10px;text-align:center;width:400px;}