* {
  margin:0px;
  padding:0px;
  border:none;
}
body {
  background-color:rgb(197,204,211);
  color: rgb(76,86,108);
  font-family: Georgia, "Trebuchet MS", Sans-serif;
  text-align:center;
}
a {
  color: rgb(109,133,163);
  text-decoration:none;
}
a:hover {
  color:#344152;
  text-decoration:underline;
}
a:visited {
  color:#506987;
  text-decoration:underline;
}
a.link {
  background:url('http://metodes.com/ottomacit/img/link.gif') no-repeat left center;
  padding-left:24px;
}
a.mail {
  background:url('http://metodes.com/ottomacit/img/mail.gif') no-repeat left center;
  padding-left:24px;
}
a.print {
  background:url('http://metodes.com/ottomacit/img/print.gif') no-repeat left center;
  padding-left:24px;
}
a.comment {
  background:url('http://metodes.com/ottomacit/img/comment.gif') no-repeat left center;
  padding-left:24px;
}
a.more {
  background:url('http://metodes.com/ottomacit/img/more.gif') no-repeat left center;
  padding-left:24px;
}
a.pdf {
  background:url('http://metodes.com/ottomacit/img/pdf.gif') no-repeat left center;
  padding-left:24px;
}
a.mov{
  background:url('http://metodes.com/ottomacit/img/mov.gif') no-repeat left center;
  padding-left:24px;
}
a.doc{
  background:url('http://metodes.com/ottomacit/img/doc.gif') no-repeat left center;
  padding-left:24px;
}
a.mp3{
  background:url('http://metodes.com/ottomacit/img/mp3.gif') no-repeat left center;
  padding-left:24px;
}
a.feed {
  background:url('http://metodes.com/ottomacit/img/rss.gif') no-repeat left center;
  padding-left:24px;
}
a.archive {
  background:url('http://metodes.com/ottomacit/img/archive.gif') no-repeat left center;
}
a.arrow {
  background:url('http://metodes.com/ottomacit/img/arrow.gif') no-repeat left center;
}
a.post {
  background:url('http://metodes.com/ottomacit/img/post.gif') no-repeat left center;
}
a.blog {
  background:url('http://metodes.com/ottomacit/img/blog.gif') no-repeat left center;
}
a.automatordownloads {
  background:url('http://metodes.com/ottomacit/img/automatordownloads.gif') no-repeat left center;
}

a.inici {
  background:url('http://metodes.com/ottomacit/img/home.gif') no-repeat center bottom;
}
a.automator {
  background:url('http://metodes.com/ottomacit/img/automator.gif') no-repeat center bottom;
}
a.blogicon {
  background:url('http://metodes.com/ottomacit/img/blogicon.gif') no-repeat center bottom;
}
a.tools {
  background:url('http://metodes.com/ottomacit/img/tools.gif') no-repeat center bottom;
}
a.feed {
  background:url('http://metodes.com/ottomacit/img/feed.gif') no-repeat center bottom;
}
a.nosaltres {
  background:url('http://metodes.com/ottomacit/img/nosaltres.gif') no-repeat center bottom;
}
a.contacte {
  background:url('http://metodes.com/ottomacit/img/contacte.gif') no-repeat center bottom;
}

h1 {
  font-size:1.2em;
  padding:10px 0px 0px;
  text-align:left;
}
h2 {
  font-size:0.8em;
  padding:0px;
  text-align:left;
}
h3 {
  background: url('http://metodes.com/ottomacit/img/leopardbg.jpg') repeat-x center top #6E7E98;
  border-top:2px solid #aaa;
  border-bottom:1px solid #aaa;
  font-size:1.4em;
  padding:10px;
  width:525px;
}
h3 a {
  color:#fff;
}
h4 {
  background: url('http://metodes.com/ottomacit/img/leopardbg.jpg') repeat-x center top;
  border-top:2px solid #aaa;
  border-bottom:1px solid #aaa;
  color:#333;
  font-size:1.4em;
  padding:14px;
}
h5 {
  float:left;
  font-size:0.7em;
  padding:0px 0px 0px 20px;
  text-align:left;
  width:500px;
}
ul {
  list-style:none;
  text-align:left;
  width:90%;
}
li {
  list-style:none;
  padding-left:20px;
  width:90%;
}
li.litle {
  width:80%;
}
#pageheader {
  background: url('http://metodes.com/ottomacit/img/brushedmetal.jpg') repeat center top;
  border-bottom:2px solid #888;
  height:126px;
  margin:0 auto 10px;
  width:100%;
  position:fixed;
}
#pageheader img {
  float:left;
  margin:5px;
}
#pageheadercontent {
  width:1000px;
  margin:0 auto;
}
#head {
  float:left;
  margin:0px;
  width:400px;
}
#menu {
  float:right;
  margin:0px;
  width:580px;
}
#menu ul {
  margin:0px;
  padding:0px;
  width:100%;
}
#menu li {
  float:left;
  font-size:0.8em;
  margin:0px;
  padding:0px;
  text-align:center;
  width:80px;
}
#menu a {
  display:block;
  height:70px;
  margin:0px 1px;
  padding:15px 4px 0px;
}
#menu a:hover {
  background: url('http://metodes.com/ottomacit/img/brushedmetal2.jpg') repeat-y center top;
  color:#fff;
}
#menubar {
  background: url('http://metodes.com/ottomacit/img/leoparddarkbg.png') repeat-x center top;
  display:block;
  height:80px;
  margin:1px auto;
  padding:0px;
  width:100%;
}
#menubarcontent {
  margin:0px auto;
  padding:15px 0px 0px;
  width:960px;
}
#menubarcontent a {
  color:#fff;
  text-decoration:none;
}
#menubarcontent a:hover {
  color:#333;
  text-decoration:underline;
}
#cse-search-box {
  display:block;
  background:transparent;
  float:right;
  margin:0px;
  padding:0px;
  width:350px;
}
#cse-search-box input {
  background:#fff;
  padding:2px;
  -webkit-border-radius: 8px;
  -opera-border-radius: 8px;
  -moz-border-radius: 8px;
}
#container {
  margin:0 auto;
  width:1000px
}
#main {
  background:#fff;
  border:2px solid #aaa;
  float:left;
  margin:150px 0px 0px;
  padding-top:20px;
  width:545px;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#blogpre {
  display:none;
}
#blog {
  width:545px;
}
#blogpost {
  display:none;
}
#post {
  margin:0px auto 0px;
}
#post-info {
  background:#ddd;
  font-size:0.7em;
  margin:0px auto;
  padding:5px 0px;
  width:545px;
}
#post-body {
  font-size:0.8em;
  padding:10px;
  text-align:justify;
}
#post-footer {
  background:#eee;
  font-size:0.7em;
  margin:0px auto;
  padding:10px 0px;
  width:545px;
}
#services {
  border-top:1px solid #6E7E98;
  font-size:0.8em;
  margin:10px auto;
  padding:5px 0px;
  width:545px;
}
#services a {
  padding:5px 20px;
}
#comments {
  margin: 10px;
  font-size: 12px;
  text-align:left;
}
#comments-block {
  font-size:1.4em;
  line-height: 1.6em;
  margin-bottom: 20px;
  padding: 10px;
  width: 95%;
}
.comment-body {
  background: #eee;
  border:2px solid #aaa;
  color: #666;
  font-size:0.7em;
  padding:5px;
  text-align:justify;
  width:80%;
  -webkit-border-radius: 8px;
  -opera-border-radius: 8px;
  -moz-border-radius: 8px;
}
.comment-timestamp {
  font-size: 0.9em;
}
a.comment-link {
  font-size: 1.2em;
  color: rgb(76,86,108);
}
#home-previous {
  margin:20px auto;
}
#home-previous a {
  border:2px solid #aaa;
  font-size:0.8em;
  font-weight:bold;
  padding:6px;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#home-previous a:hover {
  background:#aaa;
  color:#fff;
}

#sidebar {
  background: url('http://metodes.com/ottomacit/img/brushedmetal.jpg') repeat-y center top;
  border:2px solid #aaa;
  float:right;
  font-size:0.8em;
  padding:10px 0px;
  margin:150px 0px 0px;
  width:440px;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#sidebar ul {
  margin:10px auto;
  width:48%;
  float:left;
}
#sidebar li {
}
#sidebar a {
  border-right:4px solid transparent;
  display:block;
  padding:5px 20px;
}
#sidebar a:hover {
  background:#ddd;
  border-right:4px solid #bbb;
}
#column {
  margin:10px auto;
  width:48%;
  float:left;
}
#column a:hover {
  background:transparent;
  border:none;
}
#profile-container {
  font-size:1em;
  margin:10px 0px 40px;
  padding:5px 10px;
  text-align:left;
}
#profile-container img {
  background:#fff;
  float:left;
  margin:4px;
  padding:5px;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#copyleft {
  font-size:0.8em;
  text-align:left;
  padding:10px;
}
#copyleft img {
  float:left;
  margin:10px;
}
#copyleft a {
  display:inline;
  padding:0px;
}
#ads {
  display:block;
  margin:0 auto;
  width:90%;
}
#ads a {
  background:none;
  border:none;
  display:block;
  padding:0px;
}
#ads img {
  border:2px solid #aaa;
  display:inline;
  float:left;
  margin:10px 10px;
  padding:0px;
  -webkit-border-radius: 12px;
  -opera-border-radius: 12px;
  -moz-border-radius: 12px;
}
#footer {
  background: url('http://metodes.com/ottomacit/img/brushedmetal.jpg') repeat center top;
  border-bottom:2px solid #888;
  height:620px;
  margin:0 auto 10px;
  padding:0px;
}
#footercontent {
  background: url('http://metodes.com/ottomacit/img/leoparddarkbg.jpg') repeat-x left top;
  display:block;
  height:40px;
  width:100%;
}
#footercontent p {
  display:block;
  margin:0px auto;
  padding:50px 0px 0px;
}