/*
Webprendedor Concepcion 2009 en VIVO
Implementado por Michael y Jorlo para Mediastream
*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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; vertical-align: baseline; background: transparent; list-style-type:none;}
body{ background:#f5f5f5; color:#222; text-align:center; font-family: Helvetica, Arial, sans-serif; font-size:12px;}

/* HEADER */
.content_header{ width:960px; margin:0 auto; background:#000;}
#header{background:#000 url(../images/head.png) top center repeat-x; text-align:left; height:120px; color:#000; margin:0 0 12px 0;}
#header h1 a{ width:460px; height:120px; display:block; text-indent:-9999px; overflow:hidden; float:left;}
#header h2 a{ width:225px; height:70px; display:block; text-indent:-9999px; overflow:hidden; float:right; margin:40px 0 0 0;}
#content{ width:960px; height:500px; margin:0 auto; text-align:left;}
#content h3{ letter-spacing:-0.7pt; font-size:26px; color:#000;}

/* CUERPO */
#left{ width:500px; float:left; background: #fff url(../images/genericbg.png) repeat-x; border:solid 1px #d4d4d4; padding:10px;}
#partner{ margin:10px 0;}
#partner h3{ letter-spacing:-0.5pt; font-size:20px; color:#000; margin:0 0 8px 0; border-bottom: solid 1px #ddd; padding:0 0 4px 0;}
#partner img{ padding:8px 4px;}
.share{ background:#f1f1f1; border: solid 1px #ddd; padding:5px; height:30px;}

a.programa{ width:126px; height:30px; background:transparent url(../images/share_programa.png) no-repeat; display:block; text-indent:-9999px; float:right; margin:0 5px 0 0;}
a:hover.programa{ background:transparent url(../images/share_programa.png) left bottom no-repeat;}
a.share_twitter{ width:126px; height:30px; background:transparent url(../images/share_twitter.png) no-repeat; display:block; text-indent:-9999px; float:left; margin:0 5px 0 0;}
a:hover.share_twitter{ background:transparent url(../images/share_twitter.png) left bottom no-repeat;}
a.share_facebook{ width:126px; height:30px; background:transparent url(../images/share_facebook.png) no-repeat; display:block; text-indent:-9999px; float:left; margin:0 5px 0 0;}
a:hover.share_facebook{ background:transparent url(../images/share_facebook.png) left bottom no-repeat;}

#right{ width:400px; float:right; background: #fff url(../images/genericbg.png) repeat-x; border:solid 1px #d4d4d4; padding:10px;}
.update a img{ float:left; margin:2px 8px 4px 0; width:30px; height:30px; padding:3px; background:#f1f1f1; border: solid 1px #ddd;}
.update a:hover img{ background:#ddd; border: solid 1px #ddd;}
.update{ font-family:Arial, Helvetica, sans-serif; font-size:11px; border-bottom: 1px solid #ddd; line-height:14px; margin:0 0 3px 0;}
li.update span{ font-size:10px; font-style:italic; color:#b3b3b3;}
li.update a.autor{ color:#000;}
.update a{ color:#00b3ce; font-weight:bold; text-decoration:none;}
.update a:hover{ text-decoration:underline;}

/* FOOTER */
#footer{ background:#000 url(../images/footerbg.png) repeat-x top center; height:185px; font-size:16px; text-align:left; color:#fff;}
#footer a{ color: #00b3ce }
#footer a:hover{ text-decoration:underline; }
.content_footer{ width:960px; height:130px; margin:0 auto;}
.footer_left{ height:100px; width:700px; margin:45px 0 0 0; float:left;}
#footer p{ padding:10px 0;}
a.orelworks{ width:61px; height:28px; background: transparent url(../images/ow.png) no-repeat; display:block; overflow:hidden; text-indent:-9999px; float:right; margin: 80px 50px 0 0;}
a:hover.orelworks{ background: transparent url(../images/ow.png) no-repeat left -28px;}

/* LO FEO */
.clear{ clear:both;}

/* FIN */