body {padding: 0px; margin:0; border:0; font-family: calibri, "lucida sans", serif; font-size:11pt}
#todo {margin:0 auto; width: 1000px; overflow: hidden; padding-bottom: 23px}
#fondo {width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; position: fixed}
#fondo {background-image: url(''); background-position: top center; background-repeat: no-repeat; display: none}

#blog, #portafolio {border: solid transparent 4px; background: url('fondo_trans.png')}
h1 {background: url('fondo_trans.png'); border-width: 0 0 1px 0; border-color: transparent; border-bottom-style: solid}
#secciones, #redes_sociales, #mensajeria, #apoyo {border: solid transparent 3px; background: url('fondo_trans.png')}

div {border-style: groove; border-width: 0px; }
a {text-decoration:none; color:rgb(225, 165, 0); background: transparent}
a:hover {text-decoration:underline; color:rgb(225, 165, 0); background: transparent}

h1 {font-size:34pt; margin:0; text-align: center;}
h2 {font-size:20pt; margin:0; clear: left;}
.h2 {font-size:20pt; font-weight: bold}
img {border-width:0; vertical-align:bottom}
p {margin:0}
.arroba {font-size:70pt}

.oculto {display: none}
.borde_img{border:solid rgb(150,150,150) 1px}

#twitter {width:100%; text-align:center; font-size:9pt;}
#twitter .titulo {color: gray}
#lastfm {width:100%; text-align:center; font-size:9pt; margin-bottom: 9px}
#lastfm .titulo {color: gray}


#blog {width:600px; float:right; margin: 0 29px; padding: 5px}
#blog .post {width:100%; margin-bottom:20px; text-align: justify; clear: both}
#blog .post img {float: left; margin: 0 5px 5px 0}

#portafolio {width:600px; float:right; margin: 0 29px; padding: 0}
#portafolio .post {width:290px; height: 115px; margin: 10px 5px 10px 5px; text-align: left; float: left; clear: right}
#portafolio .post img {float: left; margin: 0; width: 124px; height: 80px; border-width: 0 0 0 1px; border-style: dotted; border-color: black}
#portafolio .h2 {clear: both}
#portafolio .h3 {font-size:15pt; font-weight: bold; text-align: right; border-width: 0 1px 1px 0; border-style: dotted; border-color: black; padding-right: 4px }
#portafolio ul {margin: 0; padding: 0; list-style-type: none}
#portafolio ul li {font-size: 10pt}
#portafolio .post .descripcion {font-style: italic}

#secciones {width:150px; float:left; padding: 3px; clear: left; text-align: right}
#secciones ul {padding: 0; list-style-type: none}
#secciones ul li {}

#redes_sociales {width:150px; float:left; margin-top: 20px; padding: 3px; clear: left}
#redes_sociales img {width:50px; height: 50px;}
#redes_sociales div {padding-bottom:7px; float: left}

#mensajeria {width:150px; float: left; clear: left; margin-top: 20px; padding: 3px}
#mensajeria .usuario {clear: both}
#mensajeria .grupo {margin-top: 10px; float: left; text-align: center; font-size: 9pt}
#mensajeria .grupo:hover {color:rgb(225, 165, 0); font-weight: bold; background: transparent}
#mensajeria .grupo_icq {margin-top: 10px; float: right; text-align: center; font-size: 9pt}

#ocios {width:100%; float:right; padding-top:20px}

#apoyo {width: 150px; height:100%; float:right; clear: right; text-align:center; padding: 3px}
#apoyo hr {border-width:1px 0 0 0; border-color:rgb(200,200,200); height:0}
#apoyo .blogs {text-align: center; font-size: 9pt}
#apoyo .proyectos {text-align: center; font-size: 10pt}
#apoyo .movart {padding-top: 0}
#apoyo .movart img.logo {width: 73px; height: 79px}
#apoyo .goleamos {padding-top: 0}
#apoyo .goleamos img.logo {width: 95px; height: 89px}

#flickr {position: fixed; bottom: 17px; background-image: url('fondo_trans.png'); border-width:1px 1px 0 1px; border-color:rgb(230,230,230); overflow: hidden}
#flickr {clear:both; width:1000px; text-align:center}
#flickr .fotos {text-align:center}
#flickr a {}
#flickr img.foto {border: 1px solid black; margin: 2px 22px; vertical-align: middle; height: 63px;}
#flickr img.foto:hover {border-style:double; margin: 0 20px; border-width: 3px; border-color:rgb(225, 165, 0); }

#estandares {position: fixed; bottom: 0px; clear:both; width:100%; text-align:center; font-size: 9pt; line-height: 13pt; background-image: url('fondo_trans.png'); border-width:1px 0 0 0; border-color:black; }
#estandares span {color: rgb(70,70,70); margin: 0 5px; padding: 3px 5px}
#estandares a {color: rgb(70,70,70); border-bottom: 1px dotted rgb(70,70,70)}
#estandares a:hover {color: black; text-decoration: none; border-bottom: 1px dotted black}

#paginas {float: left; width: 400px;}
#imagenes {float: left; width: 400px; }
#paginas div, #imagenes div {left: 0px;}
#mensajeria img {height: 75px; width: 50px;}