body{
    text-align:center;
    background:#1d93d0;
    font-family:arial, verdana, sans-serif;
    }
a img{border:0px;}
#top{
    width:800px;
    height:100px;
    margin:0px auto;
    text-align:center;
    color:#FFF;
}
#top a{
    float:right;
    width:230px;
    height:100px;
    outline:0px;
}
#top a img{
    border:0px;
    outline:0px;}
#buscar{
    text-align:center;
    margin:0px;
    padding:20px;
    background:#e8f7ff;
}
    #buscar input.texto{padding:10px;width:300px;border:1px solid #1d93d0;text-transform:capitalize;}
    #buscar input.texto:focus{color:#1d93d0;}
    #buscar input.boton{text-indent:-99999px;background:url('http://www.twittercolombia.net/img/buscar.png') transparent no-repeat center center;border:0px;width:91px;height:32px;margin-left:10px;margin-right:10px;cursor:pointer;}
    #buscar input.ver{text-indent:-99999px;background:url('http://www.twittercolombia.net/img/ordenar.png') transparent no-repeat center center;border:0px;width:65px;height:32px;margin-left:10px;margin-right:10px;cursor:pointer;}
    #buscar select{padding:10px;}
    #buscar label{margin-right:20px;color:#1d93d0;font-size:120%;}
    
#menu{
    width:800px;
    margin:0px auto;
    clear:both;
    font-weight:bold;
    text-transform:uppercase;
}
    #menu a{color:#FFF;text-decoration:none;float:left;margin-right:10px;padding:10px;}
    #menu a:hover,#menu a:focus{color:#1d93d0;background:#FFF;}
    #menu a.selected{color:#1d93d0;background:#FFF;}
    
div.error{background: #ffdada url('http://www.twittercolombia.net/img/error.png') no-repeat 10px center;padding:10px 10px 10px 68px;color:#d8000c;border:1px solid #d8000c;margin:5px;clear:both;}
div.error a,div.error a:visited{color:#d8000c;}
div.ok{background: #eff2df url('http://www.twittercolombia.net/img/ok.png') no-repeat 10px center; padding:10px 10px 10px 68px;color: #4f8a10;border:1px solid #4f8a10;margin:5px;clear:both;}
div.ok a,div.ok a:visited{color: #4f8a10;}
div.warn{background: #fff5d2 url('http://www.twittercolombia.net/img/warn.png') no-repeat 10px center; padding:10px 10px 10px 68px;color: #f9b006;border:1px solid #f9b006;margin:5px;clear:both;}
div.warn a,div.warn a:visited{color: #f9b006;}

div.confirmacion{padding:50px 10px 50px 10px;color: #4f8a10;border-bottom:1px solid #4f8a10;margin:5px;clear:both;text-align:center;font-weight:bold;font-size:1.3em;}

#contenido{
    width:800px;
    margin:0px auto;
    background:#FFF;
    text-align:left;
    clear:both;
    padding:20px;
}

#contenido a{color:#1d93d0;}
#contenido a:hover,#contenido a:visited{color:#146794;}

#contenido div.bloque{width:210px;margin:0px 15px 15px 15px;padding:10px;float:left;}
#contenido div.bloque h2{padding:0px;margin:0px;text-transform:uppercase;font-size:1.3em;}
#contenido div.bloque table{ width: 100%; }
#contenido div.bloque table td{border-bottom:1px solid #F0F0F0;font-weight:bold;}
#contenido div.bloque table td a{color:#000;text-decoration:none;}
#contenido div.bloque table td a:hover,#contenido div.bloque table td a:focus{text-decoration:underline;}

#contenido div.destacados h2{color:#8ec459;padding:10px 10px 10px 35px;background:url('http://www.twittercolombia.net/img/protectgreen.png') left center no-repeat;border-bottom:2px solid #8ec459;margin-bottom:5px;}
#contenido div.random h2{color:#ffcc00;padding:10px 10px 10px 35px;background:url('http://www.twittercolombia.net/img/refreshyellow.png') left center no-repeat;border-bottom:2px solid #ffcc00;margin-bottom:5px;}
#contenido div.novatos h2{color:#ec7023;padding:10px 10px 10px 35px;background:url('http://www.twittercolombia.net/img/labelred.png') left center no-repeat;border-bottom:2px solid #ec7023;margin-bottom:5px;}

#contenido div.barra{
    text-align:left;
    margin:0px;
    clear:both;
}
#contenido div.barra a.registro{
    display:block;
    background:#e8f7ff;
    width:254px;
    height:85px;
    float:left;
    margin-right:10px;
    margin-bottom:20px;
    outline:0px;
    padding:10px;
    border:0px;
    }
#contenido div.barra div.blog{
    background:#e8f7ff;
    color:#1d93d0;
    padding:10px;
    margin-left:10px;
    height:85px;
    font-size:120%;
    text-align:center;
}
#contenido div.barra div.blog a{color:#1d93d0;font-weight:bold;}


#contenido div.publicidad{
    clear:both;
    text-align:center;
    padding:10px 0px 10px 0px;
    margin:10px 0px 10px 0px;
    /*border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
    background:#e8f7ff;*/
    }
    
#contenido div.facebook{
    clear:left;
    float:left;
    text-align:center;
    margin:10px 0px 10px 0px;
    width:410px;
    /*border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
    background:#e8f7ff;*/
    }
    
#contenido div.estadisticas{
    float:right;
    clear:right;
    text-align:center;
    width:355px;
    padding:10px 10px 10px 10px;
    margin:10px 0px 10px 0px;
    background:#e8f7ff;
    }
    
#contenido div.compartir{
    float:right;
    clear:right;
    text-align:center;
    width:355px;
    padding:10px 10px 10px 10px;
    margin:10px 0px 10px 0px;
    background:#e8f7ff;
    }
    
    #contenido div.compartir a img{border:0px;}
    
#contenido h2.grupos{margin:0px 0px 10px 0px;padding:10px;background:#e8f7ff;} 
#contenido ul.grupos{list-style:none;margin:0px;padding:0px;}
#contenido ul.grupos li{display:block; float:left; padding:10px;width:75px;height:100px;text-align:center;}
#contenido ul.grupos li img{width:48px;height:48px;}
#contenido ul.grupos li a{text-decoration:none;}

hr.fin{clear:both;color:#FFF;border:1px #FFF;}

#contenido ul.grupos li a img{border:0px;}


#contenido h3.tweets{margin:0px 0px 10px 0px;padding:10px;background:#e8f7ff;}
#contenido  #tweets th{text-align:center;}
#contenido  #tweets td.fecha{text-align:center;border-bottom:1px solid #F0F0F0;padding:10px 5px;width:150px;}
#contenido  #tweets td.texto{text-align:left;border-bottom:1px solid #F0F0F0;padding:5px 5px;}
#contenido  #tweets div.texto{margin:20px 15px 0px 15px;padding:20px;background:#F0F0F0;font-size:0.8em;}
#contenido  #tweets div.fecha{padding:15px 5px 5px 80px;font-size:0.8em;font-weight:bold;margin:0px 15px;background:url('http://www.twittercolombia.net/img/bubble.png') 20px top no-repeat;}
#contenido  #tweets div.fecha img{vertical-align:middle;margin-right:20px;}
#contenido div.media{line-height:150px;margin-bottom:20px;}
#contenido div.media a{vertical-align:middle;padding:5px;}
#contenido div.media img{vertical-align:middle;}

#timeline{text-align:center;width:450px;margin:0px auto;}

#contacto{text-align:left;padding-left:200px;}
#contacto input,#contacto textarea,#contacto select{clear:both;display:block;padding:5px;margin:10px;}
#contacto textarea{width:400px;height:200px;}
#contacto label{clear:both;display:block;font-weight:bold;margin:10px;}


div.articulo h2{background:#e8f7ff;padding:10px;}
div.articulo span.fecha{float:right;font-weight:bold;}
div.articulo div.texto{padding:20px;}

#usuarioinfo span.following{margin:5px;padding:5px;font-size:0.8em;font-weight:bold;color:#FFF;background:#ffba00;text-align:center;width:50px;}
#usuarioinfo span.followers{margin:5px;padding:5px;font-size:0.8em;font-weight:bold;color:#FFF;background:#c0341d;text-align:center;width:50px;}

div.navegacion{text-align:center;padding-top:30px;vertical-align:middle;}
div.navegacion img{border:0px;vertical-align: middle;}
div.navegacion a{vertical-align: middle;}
/*div.navegacion a.anterior img{width:91px;height:32px;}
div.navegacion a.siguiente img{width:91px;height:32px;}*/
div.navegacion a.numeros{text-decoration:none;background:#F0F0F0;padding:5px 8px 5px 8px;}
div.navegacion a.numeros:hover,div.navegacion a.numeros:focus{text-decoration:underline;}
div.navegacion span.numeros{text-decoration:none;background:#FFF;padding:5px 8px 5px 8px;font-weight:bold;}

#trends{clear:right;overflow:hidden;height:25px;}
#trending{clear:right;overflow:hidden;height:25px;width:1000px;}
#trending a{margin-right:10px;text-decoration:none;font-size:0.75em;letter-spacing:0.1em;line-height:25px;z-index:0;}
div.labelizq{padding:0px 5px 0px 5px;background:#FFF;z-index:10;color:#333;line-height:25px;height:25px;float:left;clear:left;font-size:0.75em;letter-spacing:0.1em;font-weight:bold;}
div.labelder{position:absolute;right:0px;background:#f0f0f0;height:25px;width:100px;z-index:15;}

#usuarionombre{clear:both;background:#e8f7ff;padding:10px;margin:20px 0px 20px 0px;}
#usuarionombre h2{display:block;float:left;margin:0px;padding:0px;}
#usuarionombre img{border:0px;}
#usuarionombre hr{clear:both;border:0px;color:#e8f7ff;margin:0px;padding:0px;line-height:0px;}
img.usuarioimagen{float:left;display:block;padding:15px 20px 15px 20px;width:48px;height:48px;}
#usuarioinfo {line-height:200%;margin-bottom:10px;}
#usuarioinfo h2{margin:0px;}
#usuarioinfo div.bio{clear:both;padding:30px 50px 10px 50px;border-top:2px solid #e8f7ff;}
#usuarioinfo div.info{float:right;width:200px;display:block;margin-bottom:10px;}
#usuarioinfo div.puesto{float:right;width:100px;display:block;margin:0px 60px 10px 10px;text-align:center;background:#f0f0f0;padding:10px;}
#usuarioinfo div.puesto span{font-size:1.5em;}
#usuarioinfo div.grupos{clear:both;padding:30px 50px 10px 50px;border-top:2px solid #e8f7ff;}
#compartir{clear:both;background:#e8f7ff;padding:10px;margin:20px 0px 20px 0px;}
#compartir img{border:0px;}

#pie{
    width:800px;
    margin:0px auto;
    clear:both;
    padding:20px;
    background:#111;
    text-align:right;
    font-size:80%;
}

    #pie a{color:#fff;text-decoration:none;padding:0px 5px 0px 5px;}
    #pie a:visited,#pie a:hover,#pie a:focus{color:#1d93d0;}
    #pie a img{border:0px;}

img.avatar{
    height:48px;
    width:48px;
    display:inline;
    /*background:url('http://www.twittercolombia.net/img/usuario.png') no-repeat;*/
}

ul.usuarios{
    list-style:none;
    padding:10px;
    margin:0px 10px 10px 10px;
}
ul.usuarios li{border-bottom:1px solid #EEE;padding:7px;clear:both;}
ul.usuarios li:hover{background:#F0F0F0;}

ul.usuarios li.encabezado{border:0px;clear:both;}
ul.usuarios li.encabezado:hover{background:none;}

ul.usuarios div.puesto{color:#000;font-size:1.5em;width:50px;text-align:left;float:left;font-weight:bold;padding-top:10px;}
ul.usuarios a.nombre{text-decoration:none;color:#000;font-size:1.5em;font-weight:bold;}
ul.usuarios img.avatar{margin-right:10px;}
ul.usuarios img.candado{float:right;}
ul.usuarios span.following{margin:5px;padding:5px;font-size:0.8em;font-weight:bold;color:#FFF;background:#ffba00;float:right;text-align:center;width:60px;}
ul.usuarios span.followers{margin:5px;padding:5px;font-size:0.8em;font-weight:bold;color:#FFF;background:#c0341d;float:right;text-align:center;width:60px;}

ul.usuarios li.encabezado span.following{margin:5px;padding:5px;font-size:0.6em;font-weight:bold;color:#FFF;color:#ffba00;background:none;float:right;text-align:center;width:60px;}
ul.usuarios li.encabezado span.followers{margin:5px;padding:5px;font-size:0.6em;font-weight:bold;color:#FFF;color:#c0341d;background:none;float:right;text-align:center;width:60px;}

ul.listagrupos{
    list-style:none;
    padding:10px;
    margin:10px;
}
ul.listagrupos li{border-bottom:1px solid #EEE;padding:7px;width:360px;display:block;float:left;}
ul.listagrupos li:hover{background:#F0F0F0;}
ul.listagrupos img.avatar{margin-right:10px;}
ul.listagrupos div.puesto{color:#000;font-size:1.5em;width:50px;text-align:left;float:left;font-weight:bold;padding-top:10px;}
ul.listagrupos a.nombre{text-decoration:none;color:#000;font-size:1.5em;font-weight:bold;}

#insertargrupo{display:block;width:280px;background:#F0F0F0;color:#333;padding:10px;float:right;margin-bottom:10px;}
#insertargrupo h3{color:#333;padding:5px;margin:0px;font-size:0.8em;}
#insertargrupo input.boton{text-indent:-99999px;background:url('http://www.twittercolombia.net/img/sugerir.png') transparent no-repeat center center;border:0px;width:91px;height:32px;margin-left:10px;margin-right:10px;cursor:pointer;}

#msg{clear:both;}

div.vertwitter{display:inline;}
#verentwitter,#verentwitter:visited{margin:5px 15px 0px 10px;float:left;display:block;height:25px;width:116px;background:transparent url('http://www.twittercolombia.net/img/verentwitter.png') no-repeat top center;text-indent:-9999px;outline:0px;}
#verentwitter:hover{background-position:bottom center;}

#mosaico{text-align:center;}
#mosaico a.cargar{clear:both;background:#1d93d0;color:#FFF;text-decoration:none;display:block;margin:10px 0px 10px 0px;padding:10px;font-weight:bold;}
#mosaico img-load{clear:both;}

ul.temas{
    list-style:none;
    width:240px;
    display:block;
    margin:0px;padding:9px;
    float:left;
    border-top:1px solid #F0F0F0;
}

ul.temas li{line-height:1.5em;}

ul.temas p{color:#1d93d0;}

ul.tema{
    list-style:none;
    margin:0px;padding:9px;
    border-top:1px solid #F0F0F0;
}
ul.tema li{
    display:inline;
    padding-right:15px;
    line-height:2em;
}

ul.tema p{color:#1d93d0;}

#tema{width:500px;margin:0px auto;}
    #tema th{text-align:center;padding:5px;background:#000;color:#fff;font-weight:bold;}
    #tema td{text-align:center;padding:5px;border-bottom:1px solid #F0F0F0;}
    #tema tr:hover{background:#F0F0F0;}