html {
  background: url("../img/background.gif") 0px 0px repeat fixed;
}
body {
  background: url("../img/main_glow.jpg")50% 0px repeat fixed;
  color: rgb(112, 100, 96);
  font-family: 'Roboto', sans-serif !important;
}
a.enl-ext, a.decored {
  color: rgb(112, 100, 96);
  border-bottom: 1px #000 dashed;
}
a.enl-ext:hover, a.decored:hover {
  color: rgb(241, 127, 96);
  border-bottom: 1px rgb(241, 127, 96) dashed;
  text-decoration: none;
}
a.link {
  color: rgb(112, 100, 96);
  font-weight: bold;
}
a.link:hover {
  text-decoration: none;
  color: rgb(241, 127, 96);
  border-bottom: 1px rgb(241, 127, 96) dashed;
}
a.enl_wiki {
  padding-right: 20px;
  background: url("../img/icon_wiki.png") no-repeat right center;
}
a.enl_amazon {
  padding-right: 20px;
  background: url("../img/icon_amazon.png") no-repeat right center;
}
a.enl_clibro {
  padding-right: 20px;
  background: url("../img/icon_clibro.png") no-repeat right center;
}
a.enl_pdf {
  padding-right: 20px;
  background: url("../img/icon_pdf.png") no-repeat right center;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
.navbar-wrapper {
  position: relative;
  z-index: 15;
}
.navbar-wrapper .navbar {
  background: none;
  margin-bottom: 0;
}
a.navbar-brand{
  width: auto;
  height: 110px;
}
a.navbar-brand img{
  width: auto;
  height: 80px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: 0;
}
.navbar-nav li a {
  font-size: 12pt;
  text-transform: uppercase;
  font-weight: bolder;
  color: rgb(112, 100, 96);
  padding: 8px 5px;
  margin: 10px 5px;
  border-radius: 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
.navbar-nav li a:hover {
  color: rgb(255, 255, 255);
  background: rgb(241, 127, 96);
}
header .navbar-toggle {
  border-color: rgb(112, 100, 96);
  outline: none;
}
header .navbar-toggle:hover {
  background: rgb(241, 127, 96);
  border-color: transparent;
}
header .navbar-toggle:hover .icon-bar {
  background: #fff;
}
header .navbar-toggle .icon-bar {
  background: rgb(112, 100, 96);
}
/* CUSTOMIZE 
-------------------------------------------------- */
.container.contenido h1, .container.contenido h2, .container.contenido h3, .container.contenido h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 14pt;
}
.container.contenido h1 {
  text-transform: uppercase;
  font-weight: bolder;
}
.btn-custom-le {
  background:  rgb(112, 100, 96) !important;
  color: #fff;
  outline: none;
  margin-bottom: 10px;
}
.btn-custom-le:hover {
  background: rgb(241, 127, 96) !important;
  color: #fff;
}
textarea.form-control:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {   
border-color: rgba(241, 127, 96, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(241, 127, 96, 0.6);
outline: 0 none;
}
.text-justify {
  text-align: justify;
  line-height: inherit;
}
.text-justify img {
  float: left;
  margin: 15px;
  margin-bottom: 5px;
}
.text-cursiva {
  font-style: italic;
}
.text-post a {
    color: rgb(112, 100, 96);
  border-bottom: 1px #000 dashed;
}
.text-post a:hover {
  color: rgb(241, 127, 96);
  border-bottom: 1px rgb(241, 127, 96) dashed;
  text-decoration: none;
}
#back-top {
  position: fixed;
  bottom: 10px;
  left: 20px;
  z-index:499;
  /*IE6 hack */
     _position: absolute;
     _top:expression(documentElement.scrollTop+body.scrollTop);
     _margin-top: 500px;

}
#back-top a {
  width: 50px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #bbb;
  /* background color transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  
}
#back-top a:hover {
  color: #000;
}
/* arrow icon (span tag) */
#back-top span#button {
  width: 50px;
  height: 50px;
  display: block;
  margin-bottom: 7px;
  background: #ddd url(up-arrow.png) no-repeat center center;
  /* rounded corners */
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  /* background color transition */
}
#back-top span#link:hover {
background: rgb(241, 127, 96);
color: rgb(255, 255, 255);
}
#back-top span#link {
display: inline-block;
border: 1px solid rgb(219, 215, 208);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 5px;
font-weight: bolder;
font-size: 14px;
line-height: 17px;
text-transform: uppercase;
text-decoration: none;
color: rgb(192, 186, 175);
background: rgb(255, 255, 255);
padding: 5px;
}
.container.footer {
  background: rgba(0,0,0,.1);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
#sendmail .form-control {
  background: rgba(112, 100, 96,.2);
}
#sendmail .form-control:focus {
  background: #fff;
}
.ads_200enl {
  margin: 5px auto;
  padding: 2px;
  width: 204px;
  height: 90px;
  background: #fff;
  border-radius: 3px;
}
.ads_300 {
  margin: auto;
  padding: 2px;
  width: 304px;
  height: 250px;
  background: #fff;
  border-radius: 3px;
}
.ads_336 {
  margin: auto;
  padding: 2px;
  width: 340px;
  height: 300px;
  background: #fff;
  border-radius: 3px;
}
.ads_600 {
  margin: auto;
  padding: 2px;
  width: 304px;
  height: 600px;
  background: #fff;
  border-radius: 3px;
}
#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}
/* RESPONSIVE
-------------------------------------------------- */
@media (max-width: 767px){
.navbar-nav li a {
  background: rgb(112, 100, 96);
  color: #fff;
}
.adslot_1 {
  margin: auto;
  width: 250px;
  height: 250px;
  background: #fff;
}
}
@media (max-width: 629px) {
  .adslot_1 {
  margin: auto;
  width: 200px;
  height: 200px;
  background: #fff;
}
}
@media (max-width: 479px) {
a.navbar-brand img{
  width: auto;
  height: 60px;
}
/*.btn-custom-le {
  width: 100%;
  margin: 5px 0;
}*/
.adslot_1 {
  margin: auto;
  width: 250px;
  height: 250px;
  background: #fff;
}
.col-xxs-12 {
  width: 100%;
}
}
@media (max-width: 350px){

a.navbar-brand img{
  width: auto;
  height: 50px;
}
.col-xxs {
  padding: 0;
}
}

/*Responsive de Bootstrap 3.0*/

@media (min-width: 768px) {
  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
.adslot_1 {
  margin: auto;
  width: 300px;
  height: 250px;
  background: #fff;
}
}

@media (min-width: 992px) {
.navbar-nav li a {
    padding: 11px 15px 12px;
  margin: 10px 5px;
}
}
@media (min-width: 1200px) {
  .adslot_1 {
  margin: auto;
  width: 336px;
  height: 280px;
  background: #fff;
}
}