*{
margin: 0;
padding: 0;
}
html,body{
/*background: url(../img/web.jpg);*/
height: 100%;
}
.header{
width:100%; /* Establecemos que el header abarque el 100% del documento */
overflow:hidden; /* Eliminamos errores de float */
height: 100px;
background:#88888a;
margin-bottom:20px;
text-align: center;
}
.header p{
color: #fff;
text-align: center;
padding-top: 1.2em;
font-size: 1.5em;
}
.container{
min-height: 100%;
height: auto !important;
height: 100%;
width: 100%;
}
.main{
width: 93.5%;
margin-left: auto;
margin-right: auto;
background: #fff;
}
.cuadro{
float: left;
background: #9CCD43;
width: 240px;
height: 240px;
margin-right: 4px;
margin-top: 5px;
}
.cuadro p, .cuadro2 p {
text-align: center;
padding-top: 4em;
font-size: 1.5em;
}
.cuadro2{
float: left;
background: #9CCD43;
width: 240px;
height: 240px;
margin-right: 4px;
margin-bottom: 65px;
margin-top: 5px;
}
#footer{
width:100%; /* Establecemos que el header abarque el 100% del documento */
height: 100px;
background:#88888a;
text-align: center;
}
#footer #contacto{
font-size: 1.4em;
color: #fff;
padding-top: 40px;
}
#footer a{
font-size: 1.5em;
color: #fff;
}
a{
color: #fff;
}
article:hover{
background:#90BC93;
opacity: .8;
transition: opacity .8s ease-in-out;
}