/* --
CSS Reseter
CSSLab © 2007
Basado en: Yahoo UI Reset CSS, Eric Meyer's Reworked Reset y experiencias personales
-- */

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: inherit;
	vertical-align: baseline;
	font-family: Trebuchet MS, helvetica, arial, sans-serif;
	line-height: 18px;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

a img, iframe {
	border: none;
}



input, textarea, select, button {
	font-size: 100%;
	font-family: inherit;
}

select {
	margin: inherit;
}

/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin-left:2em; }


/*--- CLEARFIX ---*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* _______________________________________________________*/


body{
	color: #483018;
	background: #fecd44 url(imx/bg-corpo.png) top right no-repeat;
}

a{
	color: #b63066;
	text-decoration: none;
}

a:hover{
	color: #b63066;
	text-decoration: underline;
}

label{
	display: block;
	font-weight: bold;
}

input, textarea, button{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align: top;
	border: none;
}

input:focus, textarea:focus{
	border: none;
}

button, .submit {
	background-color: #483018;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	padding: 2px 15px;
	cursor: pointer;
	width: auto;
	color: white;
}

p{
	margin: 10px 0px;
}
h3{
	margin-bottom: 18px;
}

#header-vieiros, #pe{
        height: 30px;
        background-color: #483018;
}

#general{
			margin: 20px auto 0px;
			background: url(imx/bottom_estrelas.png) no-repeat bottom left;
			width: 1000px;
			
}

#header-apologhit{
            width: 300px;
            float: left;
			font-size: 14px;
			margin-left: 10px;
			height: 1300px;
}

#header-apologhit h1{
	margin-top: 0px;
}

#corpo{
			margin-top: 10px; 
			padding-top: 20px;
			width: 670px;
			float: right;
}

.ghit{
	float:left;
	margin:0 14px 0 0;
	width:200px;
	overflow: hidden;
	position: relative;
	height: 150px;
	display: inline;
}

.ghit .portada{
	width: 50px;
	height: 50px;
}

.ficha .portada{
	float:left;
	height:135px;
	margin:0 10px 10px 0px;
	vertical-align:baseline;
	width:135px;
}
.autor{
	color: #483018;
}

.titulo{
	color: #b63066;
	text-decoration: none;
}

.ficha .titulo{
	font-size: 24px;
	font-weight: bold;
	margin-top: 12px;
}

.ficha .autor{
	font-size: 18px;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
.info-ghit .autor a{
	color: #483018;
}

.info-ghit .titulo, .info-ghit .titulo a{
	text-decoration: none;
	margin: 0px;
	font-size: 16px;
}

h4.titulo{margin-top: 3px !important; margin-bottom: 6px !important;}

.participacion{
	margin-top: 6px;
}

.participacion, .participacion a{
	color: #483018;
	text-decoration: none;
}

.comentarios, .votacions{
	padding-left: 20px;
	margin-right: 5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
}

a.comm{font-weight: bold;}

a.comm:hover{text-decoration: none;}

.comentarios{
	background: url(imx/ico_comentarios.png) no-repeat left;	
}
.votacions{
	background: url(imx/ico_votos.png) no-repeat left;
}

#descarga {
	height: 25px;
	margin-right: 20px;
}

#form-votos{
	width: 125px;
	float: left;
}

.boton{
	height: 35px;
	margin-top: 10px;
	text-align: center;
}

.rss{
	margin: 10px 0px;
}
.rss, .rss a{
	color: #483018;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.rss img{
	vertical-align: middle;
	margin-bottom: 2px;
}

.bloque{
	margin: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

#titulo-comentarios{
	font-weight: bold;
}

.comentario p{
	color: #483018;
	overflow: hidden;
	font-size: 14px;
}

.comentario .data{
	font-weight: bold;
	font-size: 12px;
	color: #483018;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: italic;
}

.comentario{
	border-bottom: 1px solid #483018;
	margin: 10px 0px;
	overflow: hidden;
}

.titulo-nova, .titulo-nova a{
	text-decoration: none;
	margin-bottom: 18px;
	font-weight: bold;
	font-size: 16px;
}


#bloque-comentarios{
	display: inline-block;
	width: 100%;
}

div.txt{
	margin-bottom: 9px;
}

div.marb{
	margin-bottom: 27px;
}

div#form-comentar{
	margin: 30px auto;
}

form#form_acceso{
	width: 250px;
	margin: 0 auto;
}

div#descarga-votos{
	width: 420px;
	margin: 10px 0 20px;
}

br.clear{clear: both;}

form#form-comentario textarea{
	display: block;
	margin: 8px 0;
	width: 300px;
}

form#form-comentario legend{
	margin-bottom: 10px;
}

div.autor{
	font-size: 14px;
	font-weight: bold;
	margin-top: 4px;
}

span.ref{
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
}

div#cancao{
	display: inline-block;
	margin-bottom: 20px;
}

div.itens{
	padding-left:150px;
}

div.itens h3{
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

div.autorficha{font-weight: bold;}

span.descargar{
	padding-right: 10px;
	padding-left: 20px;
	background: transparent url(imx/ico-dl.png) left no-repeat;
}

span.votacions{padding-right: 10px;}

span.fanes{
	padding-right: 10px;
	padding-left: 20px;
	background: transparent url(imx/ico-heart.png) left no-repeat;
}

span.share{
	padding-left: 20px;
	padding-right: 10px;
	background: transparent url(imx/ico-share.png) left no-repeat;
}

span.send{
	padding-left: 20px;
	background: transparent url(imx/ico-send.png) top left no-repeat;
}

div#votosfan{
	display: inline-block;
	z-index: 1;
	position: fixed;
	top: 40px;
	right: 0;
}

div#form-favorito{
	float: left;
	width: 125px;
}

h4{margin-bottom: 10px;}

div.userfan{
	width: 140px;
	float: left;
	margin-right: 10px;
	height: 50px;
}

div.userfan img{
	float: left;
}

div.ghit img{
	float: left;
}

div.info-ghit{
	padding-left: 60px;
}

form#form_acceso input{
	width: 220px;
}

div.microblog{
	background-color:#fdd943;
	padding: 8px;
}

img.avatare{
	position: absolute;
	z-index: 1;
	left: 10px;
	top: 50px;
}

div#bloque-comentarios.micro{
	position: relative;
	width: 100%;
	height: auto;
	padding-top: 40px;
	padding-bottom: 20px;
}

div.microblog p{
	font-weight: bold;
	font-size: 16px;
}

div.microblog span.data{
	font-style: italic;
	font-size: 12px;
	font-weight: bold;
}

div.imxvid{
	float: left;
	width: 310px;
	display: inline;
}

h3#di{
	margin: 0;
	padding: 8px;
	background-color: #483018;
	color: #FDD943;
}

div.comentario img{
	float: left;
	margin-right: 10px;
}

div.letras{
	font-style: italic;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}