html, #body {width: 100%; height: 100%;}

body#body {
  margin: 0;
  padding: 0;
  font-family: "Arial";
  font-size: 85%;
  background: url(../images/bk.gif) repeat-x;
  background-color:#4d4e4e;
}

* {margin: 0; padding: 0;}

:focus { -moz-outline-style: none;}

a img {
border:0;
}

.border {border: solid 1px #C9C9C9;}

/* CLEAR */

.clear {clear: both;}

/* FIN DE CLEAR */

/* TITULOS */

h1, h2, h3, h4, h5 {}

h1 {font-size: 150%;}

h2 {font-size: 140%;}

h2.orange {
  color: #D36B1F;
}

h3 {font-size: 130%;}

h4 { font-size: 120%; }

h4.orange {
  color: #D36B1F;
}

h5 { font-size: 110%; }

.text {
	color: #fff;
	font-size: 12px;
}

.text-orange {
	color: #FF7D00;
	font-size: 12px;
}

.text-ccc {
	color: #CCCCCC;
	font-size: 12px;
}



.text a {color: #FF7D00; text-decoration:none;}

.text-black a {color: #191919; text-decoration:none;font-size: 12px; font-weight:bold;}

.text16 {color: #fff; font-size: 16px;}

.text22 {color: #fff; font-size: 22px;}

.text24 {color: #fff; font-size: 24px; padding-bottom: 3px;}

.gallery-pic img {border: solid 1px #999999;  }

/* FIN DE TITULOS */


/* TWITTER */

.twitter {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	margin-bottom:5px;
	padding:0;
}
.twitter a {color:#CCCCCC; text-decoration: none;}
.twitter a:hover {color:#999999; text-decoration: none}

.twitter-follow {color:#CCCCCC; text-decoration: none; font-size:90%; float: right; margin-top:5px;}
.twitter-follow a {text-decoration: none;}
.twitter-follow a:hover {text-decoration: none;}

.twitter a {color:#CCCCCC; text-decoration: none;}
.twitter a:hover {color:#999999; text-decoration: none}

#twitter-posts {margin: 0;}

#twitter-posts h3 {height: 23px; color: #fff; font-size: 105%; padding: 7px 0 0 10px; background-color:#FF7600; margin: 0 4px 7px 2px; background-image:url(../images/bk_ttl.gif);}

#twitter-posts img {padding: 0; float: right; display: block; margin: -5px 5px 0 0;}

#twitter-posts ul {padding: 0 5px;}

#twitter-posts li {margin: 2px 0; padding: 0 0 0 12px; background: url(../images/bullet.png) 0 6px no-repeat;}

#twitter-posts li a, #recent-articles li a:visited {text-decoration: none; font-size: 90%; font-weight: bold; color: #FFF;}

#twitter-posts li a:hover {text-decoration: none; color: #6DCFF6;}

/* FIN DE TWITTER */


/* LINKS */

li { list-style: none; }

a, a:visited {}

a:hover {}

form a, form a:visited  {font-weight: bold; color: #666;}

form a:hover {text-decoration: none;}

.boton {
    color: #ffffff;
    background-color: #E27B1E;
    border: 0;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    text-align: center; padding:5px;
}

/* FIN DE LINKS */

/* background - Se utiliza para el color de background general de la plantilla */

#background {width: 900px; display: table; margin: 0 auto;
margin-bottom: -20px; /* Altura del footer */ }

/* FIN DE background */


/* center */
#center {
  width: 900px;
  min-height: 100%;
  height: auto;
  margin: 0 0;
}
/* FIN DE center */


/* BANNER */

#banner {height:100px; display: block; background: url(../images/logo.png) no-repeat; margin-top:0; margin-bottom:28px;}

/* FIN DE BANNER */

/* TTL */

#ttl {height: 30px; display: block; width: 900px; margin: 10px 0;}

/* FIN DE TTL */


/* LISTAS */

#main ul {}

#main li {}

/* FIN DE LISTAS */


/* BLOG FEEDs */

#blog-feeds {margin: 0 0 0 0; background-image:url(../images/bk_box.gif) }

.ttl-blog {color:#FFF; font-size: 12px;}

.ttl-blog2 {color:#FFF; font-size: 15px; font-weight:bold;}

#blog-feeds h3 {height: 23px; color: #fff; font-size: 105%; padding: 7px 0 0 10px; background-image: url(../images/bk_ttl.gif)}



/* BLOG FEED */

#blog-feeds .blog-feed {padding: 5px 5px 5px 5px; border-bottom: solid 1px #EE8E31;}

#blog-feeds .blog-feed .written, #blog-feeds .blog-feed .written {font-size: 80%; color: #CCCCCC;}

#blog-feeds .blog-feed .written a, #blog-feeds .blog-feed .written a, #blog-feeds .blog-feed .written a:visited, #blog-feeds .blog-feed .written a:visited {text-decoration: none; color: #B0FC0B; font-weight: bold;}

#blog-feeds .blog-feed .written a:hover, #blog-feeds .blog-feed .written a:hover {text-decoration: underline;}

#blog-feeds .blog-feed img {}

#blog-feeds .blog-feed .comments {font-weight: bold; color: #B0FC0B; padding: 0 0 0 24px; background: url(../images/comments.jpg) left no-repeat; font-size: 90%;}

#blog-feeds .blog-feed .date {font-weight: bold; color: #333; font-size: 90%;}

#blog-feeds .blog-feed .description {padding: 2px 0 0 0; color: #fff; font-size: 85%;}

#blog-feeds .blog-feed .description a {text-decoration:none; color: #FF7D00;}

#blog-feeds .blog-feed .readmore, #blog-feeds .blog-feed .readmore, #blog-feeds .blog-feed .readmore:visited, #blog-feeds .blog-feed .readmore:visited {color: #EE8E31; font-weight: bold; font-size: 70%; float: right; text-decoration: none; padding: 0 5px 0 0;}

#blog-feeds .blog-feed .readmore:hover, #blog-feeds .blog-feed .readmore:hover {text-decoration: underline;}

/* FIN DE BLOG FEED */




/* GOOGLE ADS */

#googleads {margin-top: 10px; margin-bottom:30px;}

/* FIN DE SIDEBAR */

/* HOME */

#main {
  width: 716px;
  padding: 10px 0 0 0;
  padding-bottom: 25px; /* 10px + altura del footer */
  margin-left: 14px;
  float: left;
}


#sidebar-1 {width: 170px; float: left; margin-left: 0; margin-top: 10px; margin-bottom: 25px; }

#sidebar-1 a img {border: none; text-decoration: none;}



#sidebar-2 {width: 420px; float: left; margin-left: 14px; margin-top: 10px; margin-bottom: 25px;}

#sidebar-2 a, #sidebar-2 a:visited {text-decoration: none;}

#sidebar-2 a:hover {text-decoration: underline;}

#sidebar-2 a img {border: none; text-decoration: none;}



#sidebar-3 {width: 280px; float: right; margin-top: 10px; margin-right: 0; margin-bottom: 25px; }

#sidebar-3 a, #sidebar-2 a:visited {text-decoration: none;}

#sidebar-3 a:hover {text-decoration: underline;}

#sidebar-3 a img {border: none; text-decoration: none;}


/* FIN DE HOME */


/* GALLERY */

#main_gallery {width: 500px; margin-left: 60px; float: left; margin-top: 60px; padding-bottom: 10px; /* 10px + altura del footer */}

#sidebar_gallery {width: 260px; float: right; margin-right: 50px; margin-top: 60px;}

/* FIN DE GALLERY */


/* BIO */

#sidebar_bio {width: 255px; float: left; margin-left: 40px; margin-top: 10px; }

#main_bio {width: 550px; float: left; margin-left: 15px; margin-top: 0; margin-bottom: 15px; }
#main_bio a img {border: none; text-decoration: none;}

/* FIN DE BIO */


/* ASK */

#sidebar_ask {width: 255px; float: left; margin-left: 50px; margin-top: 20px; margin-bottom: 30px; }

#main_ask {width: 550px; float: left; margin-left: 15px; margin-top: 20px; margin-bottom: 30px;}
#main_ask a img {border: none; text-decoration: none;}

/* FIN DE ASK */


/* SHOP */

#main_shop {
  width: 700px;
  margin-left: 70px;
  float: left;
  color: #fff;
}

/* FIN DE SHOP */

/* LATEST NEWS */

#sidebar_news {width: 320px; float: right; margin-right: 0; margin-top: 0; }

/* Fin de LATEST NEWS */

/* BLOG */

#main_blog {width: 520px; float: left; margin-left: 15px; margin-top: 0; margin-bottom: 15px; }
#main_blog a img {border: none; text-decoration: none;}

#sidebar_blog {width: 320px; float: right; margin-right: 0; margin-top: 0; background-color:#130A06;}

#sidebar_blog a, #sidebar_gallery a:visited {text-decoration: none;}

#sidebar_blog a:hover {text-decoration: underline;}

#sidebar_blog a img {border: none; text-decoration: none;}

/* FIN DE BLOG */


/* FANS */

#main_fans {
  width: 400px;
  margin-left: 25px;
  float: left;
  color: #fff;
}


/* FOOTER */

#footer {width: 900px; height: 20px; position: relative; margin: 0 auto;
color: #fff; font-size: 80%; background-color:#141414;}

#footer #copyright {width: 500px; float: left; display: block; padding: 2px
0 0 12px;}

#footer #footer-links {width: 150px; float: right; display: block;
padding: 2px 0 0 0;}

#footer #footer-links a, #footer #footer-links a:visited {color: #fff;
padding-right: 0; text-decoration: none;}

#footer #footer-links a:hover {color: #fff; padding-right: 10px; text-
decoration: underline;}

/* FIN DE FOOTER */
