/*ESTILO HEADER*/
header{
    height: 500px;
    background-repeat: no-repeat;
    background-position-x: center;
    
}


/*NAV*/
nav{
    text-align: left;

    
}
nav ul{
    list-style: none;
    background-color: black;
    width: 200px;
    display: inline-block;
    position:relative;
    bottom: 500px;

}
nav ul li a{
    color: white;
    text-transform: uppercase;
    text-decoration: none;
}
nav ul li a img{
    width: 17px;
}
nav ul li{
    display: inline-block;
    padding: 5px;
    text-align: center;
    font-size: 14pt;
    font-family: Arial, Helvetica, sans-serif;
        

}
/*SECTION*/
section{
    text-align: center;
    position: relative;
    bottom: 175px;
}
article{
    width: 250px;
    padding: 10x;
    background-color: white;
    display: inline-block;

}
.rrr{
    width: 450px;
    padding: 10x;
    background-color: white;
    display: inline-block;

}
article{
    font-family: Arial, Helvetica, sans-serif;
}
article p{
    font-family: Arial, Helvetica, sans-serif;
}
article p img{
    width: 200px;
    border: 1px solid white;
}
article img:hover{
    opacity: 0.5;

}
.sub{
    text-decoration: none;
}

/*FOOTER*/
article.dos{
    background-color: rgb(238, 191, 121);
}
footer{
    position: relative;
    background-color: rgb(238, 191, 121);
    bottom: 150px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: black;
    background-position-x: center;
    background-repeat: no-repeat;
}

@media (max-width: 480px) {
    header {
        background-image: url(../images/txikifondo.jpg);
    }
    .rrr{
        width: 300px;
        padding: 10x;
        background-color: white;
        display: inline-block;
    
    }
}
@media (min-width: 481px) {
    header {
        background-image: url(../images/motofondo.jpg);
    }
}

/*ESTILO CONTACTO*/
form{
    text-align: left;
    font-size: 12px;
    padding: 10px;
    color: rgb(75, 73, 73);
    background-color: rgb(229, 229, 235);

}
 form input[type="text"], form textarea{
     display: block;
     width: 290px;
     height: 25px;
     border: 1px solid gray;
 }
 form textarea{
     height: 100px;
 }
 form input[type="text"]:hover{
    border: 2px solid gray;

 }
 form input[type="submit"]{
     display: inline;
     width: 100px;
     height: 30px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: medium;
     background-color: tomato;
     border:1px tomato;
     color: white;
 }
 .button{
    display: inline;
    width: 80px;
    height: 25px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    background-color: tomato;
    border:1px tomato;
    color: white;
}
 .ok{
     font-size: 9px;
 }

 .abajo{
    font-size: 12px;
    color: red;
}

.abajo1{
    font-size: 12px;
    color: red;
}
 .a1{
     width: 315px;
     padding: 10px;
 }