html, body {
  margin: 0;
  height:100%;
  font : 0.9em 'arial';
  color:#414142;
  background-color:white;

  padding:0;

}

a{ 	text-decoration: none;
color:#ac0518;
outline:none;
font : 11px 'arial';
}

a:hover{ 
color:#331d10;

text-decoration: none;
background-color:transparent;
outline:none;
}

img{
border:none;
}


#slider1{
  list-style: none;
  width:100%;
  padding:0;
  top:0;
    margin:0 auto;
 position: relative;
  max-height:400px;
   overflow:hidden
}

#slider1 img{
  list-style: none;
  width:100%;
  padding:0;
   top:0;
   margin:0 auto;
  max-height:400px;
   position: relative;
   overflow:hidden
}

.section{text-align: center;}

.bloque{
display: inline-block;	/* Es esencial para que se muestren los bloques en línea */
width:100%;
max-width: 350px;
min-width: 200px;
margin : 2%;
vertical-align:top;
text-align:center;
height: auto;

}

.bloque img{
max-width:400px;
width:100%;
border:2px solid transparent;

}
.bloque img:hover{

border:2px solid #331d10;
cursor: pointer

}

 .bloque p{

text-align:left;
width:95%;
margin:0 auto;
padding-top:3%;
padding-bottom:3%;
font: 1.2em 'glacial_indifferenceregular',serif;
-webkit-font-smoothing:antialiased;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%;
margin:0 auto;
line-height:normal;

 
}


 .bloque1  {
display: inline-block;  /* Es esencial para que se muestren los bloques en línea */
width:100%;
max-width: 450px;
min-width: 200px;
margin : 0 2%;
padding: 0 2%;
vertical-align:top;
text-align:center;
height: auto;
text-align: center;
margin:0 auto;
 
}

.bloque1 p{ 
  text-align: left;
font: 1.2em 'glacial_indifferenceregular',serif;
-webkit-font-smoothing:antialiased;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%;

line-height:normal;
 
}

h1 {
color:#39150e;
font: 15px/20px 'glacial_indifferenceregular',serif;
-webkit-font-smoothing:antialiased;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%;
margin:0 auto;

}

 h2 {
color:#ac0303;
font: 1.5em 'glacial_indifferenceregular',serif;
-webkit-font-smoothing:antialiased;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%;
margin:0 auto;

}

.logo{

background-color:  #fff;
margin-top:0px;
margin-bottom:0;
padding:0.5%;
text-align:center;
letter-spacing:1px;
color:#FFFFFF;
text-align:  left;
clear: right;
}

.centrar{  text-align: center;}
.cabecera  {

   margin: 2%;
  display: inline-block;  /* Es esencial para que se muestren los bloques en línea */
  vertical-align: middle;
  text-align: center;

 
}


.fabricacion   {

  clear: both;
  max-height: 20%;
  display: inline;
  vertical-align: middle;

 
}

.fabricacion  img {
  margin-top: 1%;
  vertical-align: middle;
 
}

.fabricacion .txt  {

color:#39150e;
font: 1.6em 'glacial_indifferenceregular',serif;
-webkit-font-smoothing:antialiased;
-moz-font-feature-settings:"kern=1";
-ms-font-feature-settings:"kern" 1;
-webkit-text-size-adjust:100%;
margin: 0 6%;
vertical-align: middle;

 
}





#pie{
margin:0 auto;
width: 100%;
min-height: 17px;
height:auto;
background-color:#592a20;
text-align:center;
clear:both;
font : 11px 'arial';
color:#FFFFFF;
text-decoration: none;
 
}

#pie a{

color:#FFFFFF;
}

#pie a:hover{

color:#f96503;
}

#pie img{
 
vertical-align: middle;
}

 .cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #FFFFFF  url(../img/flecha.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

.iframe{
  border:0;

}

 .bloquelegal{
  width: 85%;
  text-align: left;
  margin: 0 auto;

 }