/* ---- Estilos generales ---- */
*, body {
margin: 0;
padding: 0;
}

body {
font: .75em/1.6em 'Trebuchet MS', sans-serif;
color: #666;
background: #c0add6;
}

a {
color: #663399;
}

hr {
clear: both;
visibility: hidden;
}

/* --- Listas ---- */
ul {
list-style: none;
}

/* ---- Contenedor ---- */
#contenedor {
width: 760px;
margin: 0 auto;
background: url(/img/bg-contenedor.gif) repeat-y;
}

/* ---- Menu ---- */

#header .menugeneral {
text-align: right;
margin: 0 0 10px 0;
}

.menugeneral {
font: .8em sans-serif;
text-transform: uppercase;
}

.menugeneral li {
display: inline;
border-right: 1px #999 solid;
padding: 0 10px 0 5px;
}

.menugeneral li.ultimo {
border: none;
padding: 0 0 0 5px;
}

.menugeneral li a {
color: #333;
text-decoration: none;
}

.menugeneral li a:hover {
color: #663399;
}

/* ---- Header ---- */

#header {
padding: 10px 10px 20px 10px;
border-bottom: 5px #000 solid;
background: #fff;
}

#header h1 {
margin: 0;
width: 206px;
height: 91px;
float: left;
text-indent: -9999px;
background: url(/img/logo.png) no-repeat;
}

#header h1 a {
display: block;
width: 206px;
height: 91px;
text-decoration: none;
}

#header #cabecera {
width: 400px;
float: right;
text-align: right;
}

#header #cabecera ul {
margin: 5px 0;
}

#header #cabecera ul li {
display: inline;
}

#header #cabecera ul li a {
background: #eee;
padding: 3px;
text-decoration: none;
margin-left: 4px;
}

#header #cabecera ul li a:hover {
color: #fff;
background: #63309C;
}

/* ---- Publicidad ---- */

#publicidad-top {
background: #f7f7f7;
text-align: center;
}

/* ---- Menu de usuario ---- */

#menuusuario {
padding: 10px 10px 0 10px;
background: #c0add6;
}

#menuusuario li {
display: inline;
padding: 0 2px;
}

#menuusuario a {
padding: 3px 10px;
font-weight: bold;
background: #ddd;
color: #999;
text-decoration: none;
border: #fff solid;
border-width: 1px 1px 0 1px;
}

#menuusuario a:hover {
color: #fff;
background: #CEBADE;
}

#menuusuario .blog a {
background: #000;
border-color: #000;
}

#menuusuario .blog a:hover {
background: #63309C;
}

/* ---- Encabezado ---- */

#encabezado {
position: relative;
margin-right: 150px;
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
background: #000;
color: #ccc;
padding-right: 5px;
}

/* ---- Centro --- */

#centro {
position: relative;
padding: 10px 5px;
margin: 0 170px 0 220px;
}

#centro img {
max-width: 350px;
}

#centro h1 {
font-size: 2.1em;
font-weight: normal;
color: #666;
margin-bottom: 10px;
}

#centro h2 {
font-size: 1.5em;
font-weight: normal;
color: #666;
margin-bottom: 10px;
}

#centro h2.separador {
text-align:right;
text-transform: uppercase;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 1px;
color: #fff;
background: #AD96CE;
padding-right:  5px;
margin: 10px 0;
}

#centro p, #centro ul {
margin-bottom: 15px;
}

/* ---- Inicio ---- */

#centro #bloque-usuarios {
margin-bottom: 15px;
}

/* ---- Mensajes del sistema ---- */

#centro #system_message, p.invitations_left {
font: 1.1em sans-serif;
background: #ffeb9c;
color: #000;
padding: 5px;
border: 1px #ffcc00 solid;
}

#centro #system_message p {
margin: 0;
}

/* ---- Posts ---- */

#centro .weblog_posts {
margin: 0 0 15px 0;
padding: 0 0 15px 0;
border-bottom: 1px #eee solid;
}

#centro .weblog_posts h3 {
text-align: left;
font-size: 1.5em;
font-weight: normal;
background: none;
letter-spacing: 0;
text-transform: none;
margin: 0 0 10px 0;
}

#centro .weblog_posts h3 a {
text-decoration: none;
}

#centro .weblog_posts .user {
float: right;
width: 35px;
padding: 5px;
margin: 5px 0 10px 0;
background: #eee;
font-size: .85em;
}

#centro .weblog_posts .user img {
border: none;
width: 35px;
height: 35px;
}

#centro .weblog_keywords, #centro .weblog_posts .info {
font-size: .9em;
color: #999;
}

#centro .weblog_posts .info {
margin-top: 10px;
}

/* ---- Videitos ---- */

#centro .weblog_posts .video {
width: 340px;
height: 280px;
margin: 0 auto;
border: 1px #ddd solid;
background: #f7f7f7;
padding: 5px;
}

/* ---- Comentarios ---- */

#centro #comments ol {
list-style: none;
margin: 0;
padding: 0;
}

#centro #comments li {
padding: 5px;
margin-bottom: 10px;
background: #f7f7f7;
border: 1px #eee solid;
}

#centro #comments .comment_owner {
background: #eee;
height: 25px;
padding: 5px;
margin-top: 10px;
}

#centro #comments .comment_owner img{
height: 25px;
border: 1px #999 solid;
margin-right: 10px;
}

/* ---- Perfiles ---- */

#centro .infoholder_twocolumn, #centro .infoholder {
padding: 0 0 15px 0;
margin: 0 0 15px 0;
border-bottom: 1px #eee solid;
} 

#centro .infoholder_twocolumn  .fieldname {
margin-bottom: 10px;
}

#centro .infoholder_twocolumn  .fieldname i {
font-size: .85em;
font-weight: normal;
font-style: normal;
}

#centro .infoholder_twocolumn p {
margin: 0 0 5px 0;
text-align: center;
}

 #centro .infoholder  p {
 margin: 0;
 }

#centro .infoholder_twocolumn p br {
display: none;
}

/* ---- Izquierda ---- */

#izquierda {
float: left;
width: 200px;
}

#izquierda h2 {
font-weight: normal;
font-size: 1.8em;
line-height: 100%;
color: #663399;
margin: 15px 5px 0 5px;
padding: 0 0 5px 25px;
border-bottom: 1px #ccc solid;
background: url(/img/bullet-izquierda.png) top left no-repeat;
}

#izquierda h2 span {
display: block;
color: #ccc;
}

#izquierda ul {
margin-bottom: 15px;
}

#izquierda ul li {
padding: 3px 5px;
border-bottom: 1px #eee solid;
}

/* ---- Derecha ---- */

#derecha { 
width: 150px;
float: right;
}

#derecha h2 {
font-size: 1.1em;
color: #333;
padding: 3px 10px;
}

/* ---- Datos de usuario / Loginbox ---- */

#derecha #loginbox, #derecha #me {
background: #FFCF00;
margin-bottom: 10px;
padding: 5px;
}

#derecha #me img {
background: #fff;
padding: 4px;
border: #999 solid;
border-width: 0 1px 1px 0;
margin: 0 0 10px 0;
}

#derecha #me .userdetails {
font: bold 1.1em sans-serif;
color: #000;
}

#derecha #me .usermenu {
clear: both;
}

#derecha #loginbox label {
font-weight: bold;
}

#derecha #loginbox input {
width: 95%;
margin-bottom: 10px;
}

#derecha #loginbox small input {
margin: 0;
width: auto;
}

#derecha #loginbox p {
margin-top: 10px;
padding-top: 10px;
border-top: 1px #FFEB9C solid;
}

/* ---- Listas ---- */

#derecha ul ul, #derecha ul p {
padding: 0 10px;
margin-bottom: 10px;
}

/* ---- Footer ---- */

#footer {
clear: both;
border-top: 5px #000 solid;
padding: 10px;
background: #fff;
}

#footer p {
font-size: .9em;
float: right;
}