* {margin:0;padding:0;list-style:none}
body{background:#505459;border-top:10px solid #56595e;padding-top:16px;color:#fff;font:1em/1 "Trebuchet MS",Verdana,Tahoma;text-align:center}

a{outline:none}

a img{
	border: 0px none;
}

.parrafo {font-family:"Trebuchet MS", Verdana, Tahoma; font-size:16px; color:#fff}
.indent {padding-left:45px; text-align:justify; font-family:"Trebuchet MS", Verdana, Tahoma; font-size:14px; color:#fff}

.clear{clear:both}
.hide,#search label{display:none}
#header,#content-wrapper,#footer-wrapper{width:970px;margin:0 auto;text-align:left;clear:both}

A:link	{
	color: white; text-decoration: none
}

A:visited	{
	color: White; text-decoration: none;
}
A:hover	{
	color: Black;
}

style1 {font-family:"Trebuchet MS", Verdana, Tahoma; font-size:12px; color:#fff}

h1 {font-family:"Trebuchet MS", Verdana, Tahoma; font-size:20px; font-weight:bold; color:#fff}


mailto:link	{
	color: White; text-decoration: none;
}

#header{background:url("/images/site/tag-foot.jpg") bottom no-repeat;padding-bottom:3px;position:relative}
#header h1 a{float:left;margin:0 0 30px 0;width:192px;height:50px;background:url("/images/site/web-20-sites-applications.gif") top left no-repeat;text-indent:-3000em}
#header h2{position:absolute;left:167px;top:12px}
#header h2 a{display:block;text-indent:-3000em;width:16px;height:16px;background:url("/images/site/rss.gif") no-repeat}

#search{float:right;width:187px;margin-top:10px}
#search input.text{width:151px;float:left;font:.9em Arial, Helvetica, sans-serif;border:1px solid #505459;padding:2px}
#search #search-button{float:right}

#tags{padding:10px 10px 5px 20px;clear:both;width:940px;background:#595D62 url("/images/site/tag-back.jpg") no-repeat}
#tags span{display:block;float:left;width:104px;height:14px;line-height:8px}
#tags a{text-decoration:none;text-transform:uppercase;font-size:.7em;color:#ACAEB0;background:url("/images/site/tag-bullet.gif") left center no-repeat;margin:0;padding:0 0 0 15px}
#tags a:hover{color:#ffc}

#page{background:#9c3 url("/images/site/page-back.gif") repeat-x;clear:both;padding-bottom:20px}
#top-bar{float:left;width:970px;padding:10px 0 30px 0;text-transform:uppercase;color:#DDEAC2;background:url("/images/site/topbar-arrow.gif") 5px 28px no-repeat}
#page #top-bar h1{float:left;width:800px;font-size:.7em;font-weight:normal;line-height:1;color:#ffc}
#page #top-bar p{float:right;width:98px;font-size:.7em;text-align:right;line-height:1.1}
#page #top-bar p a{color:#DDEAC2;text-decoration:none;background:url("/images/site/add-sites.gif") 0 0px no-repeat;height:13px;display:block}
#page #top-bar p a:hover{color:#fff}
#content{float:left;width:580px;background:url("/images/site/content-col-break.gif") right repeat-y;display:inline}
#content a{text-decoration:none}
#extra{float:left;width:150px;padding:0 18px 0 18px}
#other{float:left;width:204px}

#footer{color:#DDEAC2;background:#505459 url("/images/site/foot-back.gif") repeat-x;clear:both;font-size:.7em;padding:8px 0 50px 0}
#footer a{color:#fff;text-decoration:none}
#footer a:hover{color:#ffc}

#page h1{font-size:2em;font-weight:normal;line-height:1.2em}
#page h2,#page .cont-page h1{font-size:1em;line-height:1.1;color:#ffc}
#page h3{font-size:.9em}
#page p,#page h4,#page li{font-size:.85em;line-height:1.2}
#page a:hover,#content #comments h3 a,#content .app-page .tagline a{color:#ffa;background:url("/images/site/underline-on.gif") bottom repeat-x}
#page a,#content #comments h3 a:hover,#content .app-page .tagline a:hover{font-weight:bold;text-decoration:none;color:#fff;background:url("/images/site/underline.gif") bottom repeat-x}
#content .app a,#content .app a:hover{background:none}

#page .cont-page{width:560px;padding-right:20px}
#page .cont-page h1,#page .cont-page h2{margin-bottom:5px;font-weight:bold}
#page .cont-page h2{margin-top:30px}
#page .cont-page p,#page .cont-page li{font-size:.95em;font-weight:bold;line-height:1.3;margin-bottom:10px}
#page .cont-page ul,#page .cont-page ol,#content .appdesc ul{margin:10px 0}
#page .cont-page li,#content .appdesc li{list-style:disc outside;margin:2px 0 2px 20px;font-weight:bold;font-size:.95em;}
#page p.cont-hint{font-size:.65em;margin:0}
#page .textareacode{width:500px;background:#fff;border:1px solid #8bb82e;color:#666;padding:3px}


/*  Extra & Other
-------------------------*/
#extra h2,#other h2{font-size:.85em;color:#ffc;margin-bottom:10px}
#extra div,#other div{margin-bottom:30px}
#extra li,#other li{font-size:.8em;font-weight:bold;margin:5px 0}
#extra a,#other a,#page .nolink a{background:none}
#extra a:hover,#other a:hover{background:none}
#extra .rss-small a,#extra .rss-small a:hover{background:url("/images/site/rss-icon-small.gif") 0 3px no-repeat;padding-left:17px}
#extra .rss-small{margin-bottom:10px}
#page .cal-small a,#page .cal-small a:hover{background:url("/images/site/cal-icon-small.gif") 0 3px no-repeat;padding-left:17px}
#page p.morelink{font-size:.75em;margin-top:10px;font-weight:bold}
#other div.sponsor{margin-bottom:5px}
#other div.sponsor a{display:block;width:202px;height:67px;border:1px solid #8ebd30;font-size:0;cursor:pointer}
#other div.ban100 a{height:102px}
#other div.sponsor a:hover{border-color:#fff}

#other div.sponsor a span{display:block;width:200px;height:65px;text-indent:-3000em;border:1px solid #8ebd30}
#helpdesk a span{background:url("/images/sponsor/helpdesk-pilot-200x65.gif") no-repeat}
#professional a span{background:url("/images/sponsor/professional-on-the-web-200x65.gif") no-repeat}
#other #relenta a span{height:100px;background:url("/images/sponsor/Relenta-CRM-200x100.gif") no-repeat}
#other #clientscribe a span{height:100px;background:url("/images/sponsor/clientscribe-ad-feed.gif") no-repeat}

/*  App
-------------------------*/
#content .app{float:left;width:287px;margin-bottom:30px}
#content .app h2 a{font-size:1.1em;font-weight:normal;margin:0 0 1px 1px}
#content .app h3{font-size:.7em;font-weight:normal;color:#ffc;margin:0 0 3px 1px}
#content .appimage a{display:block;width:254px;height:173px;background:#fff;border:0px solid #8EBD2F;padding:0px}
#content .appimage a:hover{background:#fcc}

#content .appfoot{float:left;width:254px;border:1px solid #87B32D;background:#8BB82E;padding:7px 6px 6px 6px}
#content .appfoot h4{float:left;font-size:.8em;position:relative;top:-2px}
#content .appfoot h4 a{margin-right:5px;color:#fff}
#content .appfoot p{float:right;font-size:.7em;color:#AFCE6E;font-weight:bold;text-transform:uppercase}
#content .appfoot p a{color:#AFCE6E}
#content .appfoot p a:hover,#content .appfoot h4 a:hover{color:#ffc}

#content .search-nav{font-size:1.2em;font-weight:bold;clear:both}
#content .search-nav p{text-align:right;margin-right:25px}
#content .search-nav a{color:#fff;background:none}
#content .search-nav a:hover{color:#ffc}
#content .search-nav a.current{color:#678822;font-weight:bold}

#content .app-page{margin-right:20px}
#content .app-page .tagline{font-size:.8em;margin-bottom:10px;color:#ffc}
#content .appimage{float:left;width:287px}
#content .appitems{float:left;width:270px;font-size:.95em}
#content .appitems h2 a{background:none}
#content .appitems p{margin:5px 0}
#content .appitems a{font-weight:bold}
#content .appdesc{padding-top:20px;clear:both}
#content .appdesc p{font-size:.95em;font-weight:bold;line-height:1.3;margin-bottom:10px;}
#content #comments{margin-top:40px}
#page #comments h2,#page .form_labelled h2{border-bottom:1px solid #AAD358;padding-bottom:2px;font-size:.85em}
#content #comments h3{margin:20px 0 5px 0;font-size:.7em;font-weight:normal;font-style:italic;color:#ffc}
#content #comments p{font-size:.85em;line-height:1.3}
#content #comment_form{margin-top:40px}

/*   Form
------------------------*/
.form_labelled{margin-top:40px}
.form_labelled div{margin:10px 0}
.form_labelled div.fieldWithErrors{margin:0}
.form_labelled div.formError{margin:0;font-size:.9em;color:#556f1b;background:url("/images/site/error-ico.gif") 0 5px no-repeat;font-weight:bold;line-height:1.6;padding:2px 0 0 20px}
.form_labelled div label{display:block;width:400px;font-size:.6em;margin-left:3px;line-height:1.6;color:#ffc;text-transform:uppercase}
.form_labelled div input.text{padding:3px;font:bold .9em arial,sans-serif;width:300px;border:3px solid #AAD358}
.form_labelled textarea{width:500px;height:150px;border:3px solid #AAD358;padding:3px}
.form_labelled div small{display:block;font-size:.7em;color:#fff;margin:1px 0 0 3px;width:300px}
.form_labelled div input.button{font-size:.85em;font-weight:bold;padding:3px 5px;margin-top:10px}














#navlist
{
margin: 0;
padding: 0 0 20px 10px;
border-bottom: 3px solid #000;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
font-weight: bold;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #fff;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
}

#navlist a:hover { color: #000; }