html, #body {width: 100%; height: 100%;}

body#body {
  margin: 0;
  padding: 0;
  font-family: "Arial";
  font-size: 85%;
  /* background: url(../images/bg.jpg) center repeat-y; */
  background: #774F23;
}

* {margin: 0; padding: 0;}

:focus { -moz-outline-style: none;}

a img {
border:0;
}

/* CLEAR */

.clear {clear: both;}

/* FIN DE CLEAR */

/* TITULOS */

h1, h2, h3, h4, h5 {}

h1 {font-size: 150%;}

h2 {font-size: 140%;}

h3 {font-size: 130%;}

h4 { font-size: 120%; }

h5 { font-size: 110%; }

.text {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
.text16 {color: #fff; font-size: 16px;}

/* FIN DE TITULOS */


/* TWITTER */

.twitter {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	margin-left:10px;
	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-right: 20px; 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-follow {color:#CCCCCC; text-decoration: none; font-size:90%; float: right; margin-right: 20px; margin-top:5px;}
.twitter-follow a {text-decoration: none;}
.twitter-follow a:hover {text-decoration: none;}

#twitter-posts {margin: 0 0 10px 0;}

#twitter-posts h3 {height: 23px; color: #fff; font-size: 105%; padding: 7px 0 0 10px; background-color:#FF7600; margin: 0 10px 7px 10px;}

#twitter-posts img {padding: 0; float: right; display: block; margin: -5px 5px 0 0;}

#twitter-posts ul {padding: 0 10px;}

#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; height: 100%; display: table; margin: 0 auto;
margin-bottom: -20px; /* Altura del footer */ background: url(../images/bk_body.jpg) no-repeat; background-color:#1d1008;}

/* FIN DE background */


/* center */
#center {
  width: 900px;
  min-height: 100%;
  height: auto;
  margin: 0 0;
}
/* FIN DE center */


/* BANNER */

#banner {height: 210px; display: block; background: url(../images/banner.jpg) no-repeat;}

/* FIN DE BANNER */

/* TTL */

#ttl {height: 30px; display: block; width: 900px; margin: 10px 0;}

/* FIN DE TTL */


/* MENU */

#menu {height: 30px; background: url(../images/menu.jpg) repeat-x;}

#menu ul {}

#menu li, #menu li a {float: left; list-style: none; display: block;}

#menu li a, #menu li a:visited {height: 23px; padding: 7px 43px 0 44px;
text-transform: uppercase; text-decoration: none; color: #fff;
font-weight: bold; border-left: solid 1px #6A8FB7; border-right: solid 1px
#6A8FB7;}

#menu li a:hover {background: url(../images/_menu.jpg) repeat-x;}

#menu li a#link_1 {border-left: none;}

#menu li a#link_7 {border-right: none; padding: 7px 44px 0 44px;}

#menu li a:hover, #menu li a.current {background: url(../images/_menu.jpg) repeat-x;}

/* FIN DE MENU */


/* SUBMENU */

#submenu {height: 30px; background: url(../images/submenu.jpg) repeat-x; font-size: 90%; width: 900px;}

#submenu ul {}

#submenu li, #submenu li a {float: left; list-style: none; display: block;}

#submenu li a, #submenu li a:visited {height: 23px; padding: 7px 30px 0 30px;text-decoration: none; color: #CEBBA7;
font-weight: bold; border-right: solid 1px #241607;}

#submenu li a:hover {background: url(../images/_submenu.jpg) repeat-x;}

#submenu li a#link_1 {border-left: none;}

#submenu li a#link_7 {border-right: none;}

#submenu li a:hover, #submenu li a.current {background: url(../images/_submenu.jpg) repeat-x;}

/* FIN DE SUBMENU */


/* LISTAS */

#main ul {}

#main li {}

/* FIN DE LISTAS */


/* BLOG FEEDs */

h2.dark-blue {font-size: 105%;}

.dark-blue {color: #FFFFFF; display: inline;}

.dark-blue a, dark-blue a:visited  {text-decoration: none; color: #FFFFFF;}

.dark-blue a:hover {text-decoration: underline;}

#blog-feeds {margin: 0 0 0 0;}

#blog-feeds h3 {height: 23px; color: #fff; font-size: 105%; padding: 7px 0 0 10px; background-image: url(../images/bk_ttl.jpg)}

#blog-feeds h3 a, #blog-feeds h3 a:visited {width: 15px; height: 15px; float: right; margin: -15px 12px 0 0;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#blog-feeds h3 a {margin: 0px 12px 0 0;}
}

/* BLOG FEED */

#blog-feeds .blog-feed {padding: 5px 5px 10px 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: 5px 0 5px 0; color: #fff; font-size: 85%;}

#blog-feeds .blog-feed .description2 {padding: 5px 0 5px 0; color: #fff; font-size: 95%;}

#blog-feeds .blog-feed .description3 {padding: 5px 0 5px 0; color: #F4CFB0; font-size: 95%;}

#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 15px 0 0;}

#blog-feeds .blog-feed .readmore:hover, #blog-feeds .blog-feed .readmore:hover {text-decoration: underline;}

/* FIN DE BLOG FEED */

/* FIN DE BLOG FEEDs */

/* RECENT POSTS #006AA7*/

#recent-posts {margin: 0 0 10px 0;}

#recent-posts h3 {height: 23px; color: #fff; font-size: 105%; padding: 7px 0 0 10px; background-color:#E27B1E; margin-left: 10px; margin-right: 10px;}

#recent-posts ul {padding: 0 10px;}

#recent-posts li {margin: 2px 0; padding: 0 0 0 10px; background: url(../images/bullet.png) 0 6px no-repeat;}

#recent-posts li a, #recent-articles li a:visited {text-decoration: none; font-size: 90%; font-weight: bold; color: #FFF;}

#recent-posts li a:hover {text-decoration: none; color: #6DCFF6;}

/* FIN DE RECENT POSTS */



/* GOOGLE ADS */

#googleads {margin-top: 10px; margin-bottom:30px;}

/* FIN DE SIDEBAR */

/* HOME */

#main {
  width: 468px;
  padding: 15px 0 0 0;
  padding-bottom: 0; /* 10px + altura del footer */
  margin-left: 30px;
  float: left;
}


#sidebar-1 {width: 165px; float: left; margin-left: 14px; margin-top: 10px; }

#sidebar-1 a img {border: none; text-decoration: none;}



#sidebar-2 {width: 420px; float: left; margin-left: 10px; margin-top: 10px;}

#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: 260px; float: left; margin-top: 12px; margin-left: 12px; }

#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;}




#sidebar-4 {width: 250px; float: left;}

#sidebar-4 a img {border: none; text-decoration: none;}




#sidebar-5 {width: 162px; float: right; margin-right: 0;}

#sidebar-5 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:#031E16; background-color:#271a0a;}

#footer #copyright {width: 200px; float: left; display: block; padding: 2px
0 0 12px;}

#footer #footer-links {width: 430px; float: right; display: block;
padding: 2px 0 0 0;}

#footer #footer-links a, #footer #footer-links a:visited {color: #fff;
padding-left: 8px; padding-right: 8px; text-decoration: none;}

#footer #footer-links a:hover {color: #fff; padding-left: 8px; padding-right: 8px; text-
decoration: underline;}

/* FIN DE FOOTER */