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: #100C2F;
}

* {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;}
.text a {color: #FDCB26; font-size: 12px; text-decoration: none; font-size: 85%;}
.text a:hover {color: #F9D84B; text-decoration: none;}

.text-grey {color: #CCC; font-size: 12px;}

.text-yellow {color: #CC0000; font-size: 12px;}

.text16 {color: #fff; font-size: 16px;}
.text15 {color: #fff; font-size: 15px;}

/* FIN DE TITULOS */


/* TWITTER */

.twitter {
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	float: left;
	width: 185px;
}
.twitter a {color:#CCCCCC; text-decoration: none;}
.twitter a:hover {color:#999999; text-decoration: none}

.twitter-follow {color:#CCCCCC; text-decoration: none; font-size:85%; float: right; margin-top:0;}
.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;}

#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: 0 0 10px 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: #CC0000;
    border: 0;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    text-align: center; padding:5px;
}

/* FIN DE LINKS */


/* TTL */

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

/* FIN DE TTL */


/* background - Se utiliza para el color de background general de la plantilla */

#background {width: 950px; height: 100%; display: table; margin: 0 auto;
margin-bottom: -30px; /* Altura del footers */ background: url(../images/bk.gif) no-repeat; }

/* FIN DE background */


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


/* TTL */

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

/* FIN DE TTL */


/* SUBMENU */

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

#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 15px 0 15px;text-decoration: none; color: #666666;
font-weight: bold; border-left: solid 1px #d2d7dd; border-right: solid 1px #d2d7dd;}

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

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

#submenu li a#link_6 {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 FEED */

#blog-feeds .blog-feed {padding: 5px 5px 5px 5px; border-bottom: none; border-bottom: solid 1px #4D3C68;}

#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 .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 .description a {color: #CC0000; text-decoration: none;}

#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: #CC0000; 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: none; color: #F9D84B;}

/* 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:#CC0000; margin-left: 0px; margin-right: 0px;}

#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 */

#sidebar-photo {width: 250px; height: 524px; float: left; margin-left: 0; margin-top: 75px; margin-bottom: 8px; 
background: url(../images/gartrelljohnson.png) no-repeat; }

#main {width: 695px; float: left; margin-left: 0; margin-top: 0; margin-bottom: 8px; }


#sidebar-1 {width: 360px; float: left; margin-left: 5px; margin-top: 0; margin-bottom: 8px; }

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


#sidebar-2 {width: 320px; float: left; margin-left: 10px; margin-top: 0; margin-bottom: 8px; background: url(../images/bk_sidebar-2.png);}

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


#main-bot {
  width: 900px;
  padding-bottom: 10px; /* 10px + altura del footers */
  margin-right: 0;
  float: right;
}


/* FIN DE HOME */

/* BIO */

#sidebar-1-bio {width: 210px; float: left; margin-left: 5px; margin-top: 0; }

#sidebar-2-bio {width: 470px; float: left; margin-left: 10px; margin-top: 0; margin-bottom: 8px; background: url(../images/bk_sidebar-2.png);}

/* FIN DE BIO */

/* BLOG */

#sidebar-1-blog {width: 250px; float: left; margin-left: 20px; margin-top: 0; background: url(../images/bk_sidebar-2.png); }

#sidebar-2-blog {width: 458px; float: left; margin-left: -40px; margin-top: 0; margin-bottom: 8px; background: url(../images/bk_sidebar-2.png);}

#main-top {
  width: 950px;
  padding-bottom: 0; /* 10px + altura del footers */
  margin-left: 0;
  float: left;
}

/* FIN DE BLOG */


/* GALLERY */

#sidebar-1-gallery {width: 468px; margin-left: 10px; float: left; margin-top: 0; padding-bottom: 10px; background: url(../images/bk_sidebar-2.png);}

#sidebar-2-gallery {width: 160px; float: left; margin-left: 15px; margin-top: 0;}

/* FIN DE GALLERY */


/* FANS */

#sidebar-1-fans {
  width: 390px;
  margin-left: -10px;
  float: left;
  color: #fff;
  background: url(../images/bk_sidebar-2.png);
}

#sidebar-2-fans {
  width: 310px;
  margin-right: -5px;
  float: right;
  color: #fff;
  background: url(../images/bk_sidebar-2.png);
}

/* FIN DE FANS */





/* SHOP */

#sidebar-1-shop {width: 170px; margin-left: 5px; float: left;}

#sidebar-2-shop {width: 490px; margin-left: 10px; float: left; background: url(../images/bk_sidebar-2.png);}

#bot-shop {width: 950px; margin-left: 5px; float: left;}

/* 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: 352px; float: right; margin-right: 0; margin-top: 0; background-color:#0D0719;}

#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 */




/* FOOTER */

#footer {width: 950px; height: 20px; position: relative; margin: 0 auto;
color: #fff; font-size: 80%; padding-top: 20px; }

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

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

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

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

/* FIN DE FOOTER */