body {
margin: 0;
padding: 0;
background-color: #9D7241;
}

.logo-cabecera {
height: 50px;
padding-bottom: 20px;
float: left;
}

.logo-cabecera img{
padding: 5px;
}

p {
  margin-bottom: 10px;
  font-size: 16px;
}

header {
  background: white;
  width: 100%;
  height: auto;
}

.botonera {
width: 100%;
background-color:#692A00;
height: auto;
}

.botonera img{
max-width: 45%;
margin-right:-3px;
margin-left:-3px;
padding-top:6px;
padding-bottom:6px;
}

.fondo {
  background-image: url("fondo.jpg");
  background-repeat: repeat;
  background-attachment: fixed;
}

.contenido-portada {
width: 950px;
max-width: 100%;
height: auto;
}

.contenido-portada p{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-align: justify;
  color: #444444;
}

.contenido-portada h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-align: left;
color: #444444;
}

.contenido {
width: 950px;
max-width: 100%;
height: auto;
}

.contenido p{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-align: justify;
  color: #444444;
}

.contenido h1{
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
text-align: left;
color: #444444;
}

.contenido h2{
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: left;
color: #444444;
}

.contenido h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
text-align: center;
color: #666666;
}

.contenido img{
padding: 10px;
}

.titulo {
height: auto;
width: 100%;
background-color: rgba(190,109,49,0.9);
margin-top: -20px;
}

.titulo H1{
font-size: 28px;
color: #EDE0D0;
font-family: Arial;
padding: 5px;
}

.subtitulo {
height: auto;
width: 100%;
background-color: rgba(255,156,4,0.5);
margin-top: -20px;
}

.subtitulo H2{
font-size: 18px;
color: #603114;
font-family: Arial;
padding: 5px;
}

.subtitulo2 {
height: auto;
width: 100%;
background-color: rgba(207,157,67,0.5);
margin-top: -20px;
}

.subtitulo2 H2{
font-size: 18px;
color: #603114;
font-family: Arial;
padding: 5px;
}

.subtitulo3 {
height: auto;
width: 100%;
background-color: rgba(211,144,78,0.5);
margin-top: -20px;
}

.subtitulo3 H2{
font-size: 18px;
color: #603114;
font-family: Arial;
padding: 5px;
}

.subtitulo4 {
height: auto;
width: 100%;
background-color: rgba(205,208,10,0.5);
margin-top: -20px;
}

.subtitulo4 H2{
font-size: 18px;
color: #603114;
font-family: Arial;
padding: 5px;
}

.subtitulo5 {
height: auto;
width: 100%;
background-color: rgba(192,150,72,0.5);
margin-top: -20px;
}

.subtitulo5 H2{
font-size: 18px;
color: #603114;
font-family: Arial;
padding: 5px;
}

.subtitulo6 {
height: auto;
width: 100%;
background-color: rgba(255,255,255,0.3);
margin-top: -20px;
}

.subtitulo6 H2{
font-size: 18px;
color: #603114;
font-family: Arial;
padding: 5px;
}

.banner {
width: 100%;
background-color: #E6E7E8;
}

.wrapper {
  width: 100%;
  margin: auto;
  overflow: hidden;
}


.flotante {
    display:scroll;
        position:fixed;
        bottom:20px;
        right:0px;
}

.pies {
width: 100%;
height: auto;
float: left;
}

.pies-texto {
padding: 20px;
color: white;
font-family:Arial, Helvetica, sans-serif;
}

.pies-contacto {
margin-top: 20px;
-webkit-column-count:3;
-moz-column-count:3;
column-count:3;
-moz-column-width: 140px;	        
-webkit-column-width: 140px;
column-width: 140px;
margin-bottom: 20px;
color: white;
font-family:Arial, Helvetica, sans-serif;
}

.contacto {
float: left;
padding: 5px;
color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

.contenedor-label {

}


/*estilo del modal*/
.modal {
display:none;
}

.modal:target {
display:block;
position: fixed;
background: rgba(0,0,0,0.8);
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.ficha {
background: rgba(255,255,255,0.3);
height:140px;
width:auto;
margin-top: -10px;
}

.ficha p{
Color: white;
max-width: 95%;
padding-top: 10px;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
}

.ficha h4{
Color: white;
padding-top: 10px;
max-width: 90%;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom: -20px;
}

.imagen {
width: auto;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}

.imagen img {
width: 300px;
height:auto;
max-width:100%;
box-sizing: border-box;
}

.imagen a:nth-child(2) {
margin: 0;
height: 100%;
fex-shrink: 2;
}

.imagen0 {
max-width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}

.cerrar-ficha {
display: block;
background: rgba(255,255,255,0.2);
width: 25px;
height: 25px;
margin:20px auto;
text-align:center;
text-decoration: none;
font-size: 25px;
font-family:Arial, Helvetica, sans-serif;
padding: 5px;
border-radius: 50%;
line-height: 25px;
}

.marco {
border-style: solid;
border-width: 1px;
border-color: #D1D3D4;
padding: 10px;
width: 300px;
border-radius: 4px;
max-width: 100%;
}

/* reglas CSS para formulario */
.form-consulta {max-width: 500px; background: rgba(255,255,255,0.4); padding: 25px; font-family: 'Source Sans Pro', sans-serif; text-align:left; color:#692A00;}

.campo-form {width:100%; height:36px; margin:2px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: 'Source Sans Pro', sans-serif; font-size:1em; color:gray;}
label span {color: red}

textarea {min-height: 150px!important;}

.btn-form {display: inline-block; border:0; background: #692A00; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 1px}

.btn-form:hover {background: #444}