/*
Theme Name: WPJosan
Theme URI: http://www.josanlopezdepariza.com
Description: Tema personalizado para josanlopezdepariza.com
Author: Enrique Gallart
Author URI: https://plus.google.com/u/0/115269723985363132813/posts
Version: 1.0
Tags: responsive, fullwidth, bootstrap, grey, dark

License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/

This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http://twitter.github.com/bootstrap/examples/hero.html
*/



@import url('css/bootstrap.css');


html, body {
      height: 100%;
      margin: 0;
      background-color: #666666;
      font-weight: lighter;
}

footer {
  background: url('assets/pie.png');
  background-size: cover;
  min-height: 170px;
  padding: 1rem;

}

footer ul li {
  display: inline;
  list-style: none;
}

footer ul li a {
  color: #666666;
}

.sticky {
  padding-top: 100px;
}

/* Clases para alinear imágenes en el blog */

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Clases de la cabecera en papel roto gris */

.cabecera {
  background: url('assets/cabecera.png');
  background-size: cover;
  min-height: 185px;

}

.logo {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #CCCCCC;
}

/* Clases del menu de navegación */

div[class*='nav-box-'] {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #666666;
  text-shadow:
    -2px -2px 3 #FFFFFF,
    2px -2px 3 #FFFFFF,
    -2px 2px 3 #FFFFFF,
    2px 2px 3 #FFFFFF;
  }

  div[class*='nav-box-'] a:link {
    color: #666666;
    text-decoration: none;
  }

  div[class*='nav-box-'] a:hover {
    color: #666666;
    font-size: 22px;
    text-shadow: inherit;
    text-decoration: none;
  }

  div[class*='nav-box-'] a:visited {
    color: #666666;
    text-decoration: none;
  }

  div[class*='nav-box-'] a:active {
    color: #666666;
    text-decoration: none;
  }

.nav-box-1 {
  padding-top: 14px;
}

.nav-box-2 {
  padding-top: 35px;
}

.nav-box-3 {
  padding-top: 60px;
}
.nav-box-4 {
  padding-top: 32px;
}

.nav-box-5 {
  padding-top: 95px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .nav-box-5 {
  padding-top: 60px; }
}

.nav-box-6 {
  padding-top: 111px;
}

.vcenter {
    display: flex;
    align-items: center;
}

/*
* Clases de la sección de recetas
*/
.caption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(204, 204, 204, 0.75);
    width:100%;
    height:100%;
    padding:-10px;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
}

/*
* Descripción de obras
*/
ul.post-meta {
    padding-top: 50px;
    font-weight: bold;
    list-style: none;
}