/*** ELEMENTOS COMUNES A LAS PLASTIKA ****/
@import url("http://4.lcassets.com/stylesheets/plantillas/comun-ref.css");


/* elementos especficos */
body,html {
	background-color: #FFFFFF;
}

a:link, a:visited { color: #AA446E; }

#contenedor {
	background: url("http://4.lcassets.com/plantillas/i/surf-grey/fondo_body.gif") top center repeat-x;
	width:100%; /* para poder poner una imagen ms ancha que el layout en el fondo*/
	text-align:center;
}

#contenedor-contenido, #cabecera{ margin:0px auto; width:770px; text-align:left;} /* si la imagen de fondo es ms ancha tenemos que fijar estas capas*/

#contenedor-contenido{ background: url(http://4.lcassets.com/plantillas/i/surf-grey/fondo.gif) center repeat-y; margin-top:10px; }
#cabecera{
	background: url(http://4.lcassets.com/plantillas/i/surf-grey/fondo_cabecera.png) right top no-repeat;
	height:136px;
}

#cabecera h1 {
	font: bold 2.2em 'Trebuchet MS', Verdana, Arial, sans-serif;
	text-transform:none;
	padding-top: 45px;
	margin: 0 20px 0px 20px;
	width:475px;
}

#cabecera h1 a { color:#ffffff;}

p.desc {
	padding: 0 0 6px 20px;
	width:475px;
}

/* redefinimos pestaas */
#cabecera #pestanas {
	float:right;
	width:770px;
	top:0px;
}


#pestanas ul {
	margin: 0;
 	padding: 0;
	list-style: none;
	background: none;
	float:right;
	display:inline;
	margin-top:109px;
	width:263px;
}
#pestanas ul li {
  	margin: 0 0 0 2px;
}
#pestanas ul li a {
	width: 84px;
	background:#666; 
	color:#FFF;
}

#pestana_blog a, 
#pestana_fotolog a,
#pestana_medialog a,
#pestana_amigos a {
	padding: 7px 0;
}

#pestanas ul li.elemento-activo a{
	background: #fff;
	color:#851B50;
}




/* columna */
#columna {
	color:#333333;
	width: 244px;
	margin: 0px 10px 0 0;
	background-color:#F1F1F1;
}
#columna #busca form, 
#columna h2,
#columna p,
#columna ul
{
	padding:0px;
}

#columna .cont{
	padding: 0 10px;
}
#columna #busca form {
	margin: 4px 0 8px;
	
}
#columna #busca form label.label_busqueda {
	display:block;
}
#columna h2 {
	font: bold 1.15em 'Trebuchet MS', Verdana, Arial, sans-serif;
	color: #FFF;
	text-transform:none;
	padding:5px 10px;
	background-color:#D93F8C;
	margin:0 0 10px 0;
	border-bottom:4px solid #999999;
	display:block;
	width:224px;
}
#columna p { 
	color: #333;
}
#columna a { 
	color: #AA446E;
}
#columna ul li{
	background: url(http://4.lcassets.com/plantillas/i/surf-grey/bullet.gif) 0px 3px no-repeat;
}
#columna ul li small a { color: #666; text-decoration: none; }

/* enlace de ms tags en nube-tags-pequena */
#columna .mas-tags a {padding: 5px 7px; position: relative; background:#f6f6f6;}

.avatar {
	float:left;
	display:inline;
	border:3px solid #ccc;
	margin: 0 10px 5px 0; 	
}

/* contenido */
#contenido{ margin: 5px 0 0 15px;}
#contenido p, #contenido ul{ color:#333333}
#contenido p { padding-top:0; margin-top:0}
#contenido ul li { list-style:square;}
#contenido p.fecha { text-align:right; display:block; color:#666666;}
#contenido .post h1 {
	padding: 0px;
	margin-bottom:10px;
	color: #333;
	font: bold 1.6em 'Trebuchet MS', Verdana, Arial, sans-serif;
}

/* tags */
#contenido .post .tags span span, #contenido .resultados .resultado .tags span span  {
	background: #4484CC;
	text-transform: uppercase;
	padding: 3px 3px 4px;
	padding-right:10px;
	line-height: .85em;
	font-size: .75em;
	font-weight: bold;
	color:#FFFFFF;
	background: url(http://4.lcassets.com/plantillas/i/surf-grey/fondo_tags.gif) center right no-repeat;
}


/* comentarios */
.nComen{
	background: url(http://4.lcassets.com/plantillas/i/surf-grey/comentarios.gif) 0 3px no-repeat;
}

div#contenido #comentarios_numero h2 {
	font-size: 1.1em;
	color: #333;
	font-weight:bold
}

#comentarios .comentario {
  width:420px;
	padding:5px 15px 10px 15px;
	margin-bottom: 16px;
	background-color: #f9f9f9;
	overflow:hidden;
	border-bottom:4px solid #AA446E;
}



/* pie */
#pie { margin:0px auto; width:770px; }
#pie a:link { color: #AA446E; text-decoration: underline }
#pie a:hover { color: #AA446E; text-decoration: none }
#pie a:visited { color: #AA446E	; text-decoration: underline}