body {font-size:16px;background-color: white;}    

#div2{
      transition: display .8s;
      display: none;
    }
     
    #div1:hover ~ #div2{
      display: block;
    }

#div1 {
  width: 200px;
  height: 200px;
  transition: width 2s, height 3s;
}

#div1:hover {
  width: 300px;
  height: 300px;
}

.div3 {
  position: relative;
text-align: center;
}

.div4 {
 text-align: center;
}

.div3 .div4 {
  position: absolute;  
  top: 0;  
  left: 0;
  opacity: 0;
  transition: .5s;
}

#content{
max-width: 1024px;
font-size:12px;
}

.div3:hover .div4 {
  opacity: 1;
}
header {
padding: 0;
margin: 0;}

header h1{
max-width: 100%;
padding: 0;
margin: 0;
width: 100%;
height: 134px;}

header nav {
max-width: 100%;
margin: 0 !important;
background: #b1322c;
width: 100%;
}
.navigation li a {color:white !important;}

#content{
text-align: justify;
max-width: 100%;
}

.contseleinicio{
background: #f1f2f4;
padding-top: 29px;
}

.contseleinicio span {
color: #b43232;
font-weight: bold;
}
ul.navigation > li:hover > ul{
padding: 0px !important;
}

header nav ul a
{
background: #b1322c;
opacity: 1;
padding: 14px;
}

.parent ul a {
padding:17px !important;}

header nav ul a:hover{
background: #b1322c;
}

@media only screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

.BlockH{
width: 49%;
display: inline-block;
vertical-align: top;
}

#simple-pages-breadcrumbs a:link {
color: #b1322c !important;
}

.contseleinicio div p img {
width:246px;
height: 83px;

}

.resource-list .item a {
color: #920b0b !important;
}

.div4 img, .div3 img  {
    right: -21px;
    max-width: 179px;
cursor:pointer;}


.search-results-wrapper{width:100% !important;}

.field {margin:0px;}

#advanced-search-form{max-width: 500px;}

.form-search button.search-submit {
    float: left;
    margin: 12px;}

footer{padding: 0;
margin: 0;}


