/*img, div, A { behavior: url(js/iepngfix.htc) }   png IE6 */


/******** COMUNES **********/
BODY {  color:#000; font-family: Arial, Helvetica, 'MS Sans Serif'; font-size:80%; line-height:1.25em;}
A, A:link, A:visited {color:#404040; text-decoration:none;}
A:hover { text-decoration:underline;}
h1, h2, h3, STRONG { font-weight:bold;}
P {margin:1em 0;}
CAPTION { display:none;}

.oculto { display:none;}
.fila { width:100%; overflow:hidden;}
#contenedor { background:#FFF; margin:0 auto; /*height:72em;*/ width:76.5em; overflow:hidden; }
.fleft { float:left;}
.fright { float:right;}
.txtCenter { text-align:center;}
.txtRight { text-align:right}

LABEL, INPUT, SELECT, TEXTAREA { margin:5px; vertical-align:middle;}
LABEL {float:left; padding:2px 5px;}
INPUT, TEXTAREA, SELECT { border:1px solid #000; color:#444}
INPUT[type="checkbox"] , .check { width:auto !important; background:none; border:0; margin-top:6px;}
TEXTAREA { font-family: Arial, Helvetica, 'MS Sans Serif';  font-size:100%;}

H1 { float:left; display:inline; margin:1em 0 0 1em; /*margin-left:4em;*/ width:34em;}
H1 A { background:url(../images/hd-logotipo-xqnn.png) no-repeat left center; display:block; height:5.2em; text-indent:-999px;}
#hd, #ft { background:url(../images/hd-bgr.png) no-repeat left top; }
#hd UL { float:right; font-size:0.75em; width:45.2em; }
#hd LI {background:url(../images/enlaces.png) no-repeat left bottom; float:left; margin:4px 1px 0 0px; padding-left:2px;}
#hd LI A { display:block;  font-size:1.25em; font-weight:bold; padding:2.5em 0.5em 0.35em 0.5em; /*text-indent:-9999px*/}
#hd LI A:HOVER, #hd LI A.on { background:#818484; color:#FFF;}

#bd { margin-left:1em; margin-top:2.25em; }
#contenido { float:left; width:60em; }

#lateral { background:url(../images/blog/lateral-bgr.gif) repeat-x left top; float:left; display:inline; margin:2.5em 0 0 0.5em; padding:0.5em 0 0 1em; width:12em;}
#lateral H2 { background:url(../images/blog/lateral-titulos.gif) no-repeat left top; height:30px; text-indent:-9999px;}
#lateral .enlaces H2{ background-position: left bottom;}
#lateral LI { padding:0.25em 1em; text-transform:uppercase;}
#lateral A {color:#00364a; font-weight:bold;}
#lateral .archivos, #lateral .enlaces { padding-bottom:2em;}
#lateral .banners {margin-top:4em; margin-left:-1em; padding:0; text-align:center;}
#lateral .banners IMG { display:block; margin:0.65em auto;}

#ft { font-size:0.9em;  padding:0.75em 0; }
#ft UL, #ft LI{ float:left;}
#ft LI {border-right:1px solid #000; padding:0.15em 0; text-align:center; width:12em;}
#ft LI.politica {width:13em;}
#ft .small { width:7.5em;}
#ft UL A { background: url(../images/pie_separador.gif) repeat-y right center;  }
#ft P { float:right; display:inline; font-size:0.9em; margin:0 1.5em; padding:0.4em;}


/********* MENU *************/
BODY.index #menuInicio, BODY.hostelero #menuInicio, BODY.fumo #menuInicio, BODY.noFumo #menuInicio, BODY.unete #menuUnete, BODY.videos #menuVideos, BODY.blog #menuBlog {background:#818484; color:#FFF;}

/********* CONTENIDO *************/
#contenido A {color:#6b1c40 ;}
.post { padding-bottom:1.25em;}
.post H2 { font-size:1.35em; margin-right:1em;}
.fecha { font-size:0.9em; margin-top:0.5em;}
.fecha SPAN { color:#6b1c40; padding-left:0.75em;}
.txtPost { border-left:6px solid #000; border-right:6px solid #000; margin:1em 1.5em;}
.txtPost DIV, .txtPost P { margin:1em 2em;}
.txtPost DIV.noMargen { margin:0; height:auto;}
.txtPost P { text-align:justify;}
.txtPost P IMG {float:left; padding:0 10px 10px 0;}
.txtPost .curvSup, .txtPost .curvInf { margin-left:0; margin-right:0;}
.curvSup B, .curvInf B { display:block; height:6px; margin-left:50%;}
.curvSup { background: url(../images/blog/post-curv.gif) no-repeat left top;}
.curvSup B{ background: url(../images/blog/post-curv.gif) no-repeat right top; display:block; }
.curvInf {background: url(../images/blog/post-curv.gif) no-repeat left bottom;}
.curvInf B { background: url(../images/blog/post-curv.gif) no-repeat right bottom; display:block; }

.foto { text-align:center;}
.ampliarInfo { font-weight:bold; }
.clasificarPost, .ampliarInfo { }
.clasificarPost {color:#6b1c40; font-size:0.85em;}
.clasificarPost A { font-weight:bold; margin-right:1em;}
.clasificarPost SPAN { background:url(../images/blog/post-comentarios.gif) no-repeat left bottom; padding-left:2.25em;}


/***** cometarios *****/
#comentarios { margin:0 2.5em 1em 2.5em; }
#comentarios H3 { background:url(../images/blog/comentarios-tit.gif) no-repeat left center; line-height:30px; height:30px; margin-bottom:0.75em; text-indent:-9999px}
#comentarios .fila DIV { float:left; font-size:0.9em; padding-top:0.25em; padding-bottom:0.5em; }
#comentarios .encabezado { width:12.5em;}
#comentarios .encabezado SPAN, #comentarios .encabezado A { color:#6b1c40; display:block; font-size:0.9em; margin:0.25em;}
#comentarios A { font-weight:bold;}
#comentarios .comentario { background:url(../images/blog/post-comillas.gif) no-repeat left top; padding-left:2.75em; width:43em;}
#comentarios P {color:#00364a; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; margin:0 0 0.75em 0; font-size:0.95em; }


#escribir { background:#f8f4f5; margin:2em; padding:1em 0}

#escribir FIELDSET {  /*float:right;*/ margin:0 0  0 11em; padding:0.5em 1em 0 1em;}
#escribir LEGEND { color:#6b1c40; font-size:1.1em; font-weight:bold; padding-left:0.4em}
#escribir INPUT, #escribir TEXTAREA {border:1px solid #6b1c40; background:#FFF; float:left; width:20em; }
#escribir TEXTAREA { width:21em;}
#escribir LABEL { float:left; width:8em;}
#escribir .enLinea LABEL { width:auto !important;}
BR { clear:both;}
.corto, #escribir INPUT.corto {width:5em}

#escribir .botonera {border:0; clear:both; float:none; padding:0.25 0.5em; width:auto;}
#escribir .botonera INPUT { width:auto; padding:0.1em 0.5em; background:#6b1c40; color:#FFF; font-size:0.95em; font-weight:bold; float:none; cursor:pointer;}

.aumenta{font-weight:bold; font-size:125%;}

#contador LABEL { font-size:1.1em;}
#contador a.total { background:#000; color:#FFF; font-size:2em; text-align:right; width:5.5em; display:inline-block; height:1.2em; line-height:1.2em; padding:3px 0; margin-bottom:5px;}
#contador DIV {font-size:1.2em; margin-right:1em; margin-bottom:0em;}