/*
 * Estilos CSS | INDICE DE MARCAS 
 *
 * Martín Rodríguez Jáuregui
 * Para el sitio web de PERTOVT Y CIA SRL
 */

body {
    margin: 0;
    background-color: #c5c5c5;
}

header {
    padding-top: 50px;
    background-color: gainsboro;
    max-height: 900px;
}

section {
    padding: 0;
}

p {
    font-size: 1.5em;
}

h1 {
    font-size: 2.5em;    
}

h3 {
    font-size: 2em;    
}

h4 {
    font-size: 1.75em;    
}

.textoIntroductorio {
    background-color:white;
    padding: 75px 0 25px 0;
} 

.textoIntroductorio h1{
    color:black;
} 

.listado {
    padding: 25px 0;    
    background-color:#ccc;
    text-align: center;
} 

.listadoImagenes img {
    display: inline;
    margin: auto;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);            
}

.listadoImagenes img:hover {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);            
}

.listadoImagenes a:hover,a:focus,a:active {
    background-color: #ccc !important;
}

.listadoTexto a:link,a:visited {
    text-transform: none;
    color: black;
}

.listadoTexto a:hover,a:focus,a:active {
    text-decoration-line: none;
    color:white;
    background-color: black;
    padding: 1px 35px;
}

footer {
    font-size: 0.75em;
    padding: 25px 0;
    background-color: black;
    color:white;
}