body {
background: url("../img/overlay_BK.png"), url("../img/background_peara.jpg");
background-repeat: no-repeat, no-repeat;
background-position:center;
background-size:100% 100%, cover;
background-attachment: fixed; 
}

h1 {
font-size: 30px;
line-height: 30px;
color: #FFF
}

h3 {
color: #dab083;
font-size: 22px;
font-weight: 300;
}

p {
font-size: 14px ;
line-height: 18px ;
color: #dab083;
}

.logo {
margin-top: 30px;
}

.texto {
margin-top: 40px;
margin-bottom: 20px;
}

.texto h1{
width: 70%;
margin-left: auto;
margin-right: auto;
align-content: center;
display: block;    
}

.contacto, li{
list-style: none;
display: inline;
}

/*============================cavalos==========================*/
.nome {
margin-top: -12px;
position:relative;
text-align: center;
}

.nome h3{
height: 40px;
background: url("../img/ribbon.png") no-repeat center;
}

.tituloh {
margin-bottom: 30px;
background-color: #a41e34;
margin:0 auto;
float:none;
}

img.grayscale{ 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */
}

img.grayscale:hover{ 
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    filter: none;
}

.thumbnail {
    width: 180px;
    height: 170px;
    text-align: center;
    margin:0 auto;
    overflow: hidden; /* contain images within thumbnail boundaries */
    border: 0; /* removes Bootstrap's default border */
}
.thumbnail img { width:auto; height:auto;} /* to keep proportions */
.thumbnails h3 { text-align: center; padding: 10px; } /* captions can be styled with an inline element */


/*============================contactos==========================*/
.contactos {
margin-top: 20px;
}

.contactos li{
margin-right: 20px;
margin-bottom: 20px;
display: block;
list-style: none;
}

.contactos a {
list-style: none;
color: #fff;
margin: 10px;
}

footer{
background:rgba(0, 0, 0, 0.7);
height: 470px;

}