@font-face {
    font-family: "fanwood";
    src: url("../imagenes/fanwood-webfont.eot");
}

/*para que funcione el footer fijo:*/
html {
    position: relative;
    min-height: 100%;
}

body {
    font-family: 'fanwood';
    background-color: #F7F1BF;
    color: #612b18;
    margin-bottom: 140px; /*coordinado con footer*/
    padding-bottom: 80px;
}

header, footer, .boton {
    background-color: #C38B5A;
}

header .encabezado {
    padding: 40px 15px;
}

.encabezado div,
.encabezado span,
.encabezado h1{
    font-size: 30px;
    display: inline-block;
}

.encabezado i{
    text-decoration:none;
}

footer {
    bottom: 0;
    height: 140px; /*coordinado con body*/
    padding: 20px 0;
    position: absolute;
    width: 100%;
}

a {
    text-decoration: none;
    color: #612b18;
}

a:hover {
    text-decoration: underline;
}

/*-------home-----------*/
.presentacion {
    padding-top: 20px;
    font-size: 20px;
}

.seccion{
    border-top: 2px solid;
    margin-top: 30px;
    padding-top: 10px;
}

.galeria{
    margin-top: 30px;
    padding-top: 10px;
}

.galeria .seccion-imagen img{
    margin:auto;
    display:block;
}

.seccion-imagen img{
    margin-top:15px;
}
.seccion-imagen div{
    font-size:20px;
    margin-top:10px;
    text-align:center;
}
.seccion-informacion div {
    font-size: 20px;
    padding-bottom: 8px;
}

.vias {
    padding-top: 50px;
}

.vias .boton {
    margin-top: 20px;
}

.fono, .correo, .contacto {
    background-repeat: no-repeat;
    background-size: 48px 48px;
    padding-left: 50px;
    line-height: 50px;
    margin-right: 20px;
    font-size: 20px;
}

.fono {
    background-image: url('../imagenes/fono.png');
    background-position: 4px center;
}

.correo {
    background-image: url('../imagenes/correo.png');
}

.contacto {
    background-image: url('../imagenes/contacto.png');
    background-size: 36px;
    background-position: 8px center;
}

/*contacto*/

.input-url{display:none;}

.btn-lg{
    margin:10px;
}
#div-formulario{margin-top:20px;}

label, input, textarea{font-size:20px;font-weight:normal;}

/*utilitarios*/
.boton {
    border-color: #C38B5A;
    font-size:20px;
}
.top20 {
    margin-top:20px;
}
/*---solo dispositivos chicos-----*/
@media all and (max-width:768px) {
    body {
        margin-bottom: 220px;
    }

    footer {
        height: 220px;
    };
}

@media all and (max-width:560px) {
    .encabezado i {
        display: none;
    };
}

/*solo dispositivos grandes*/
@media all and (min-width:768px) {
    .presentacion {
        padding-top: 40px;
    };
}