/* reseteo universal*/
*{
	border: 0;
	margin: 0;
	padding: 0;
}

/*estilos del sitio*/
body{
	background-color: #fff;
	background-repeat: no-repeat;
	color: #FFF;
	font-family: Arial, Helvetica, Verdana;
    width: 100%;
    height: 100%;
}

/*********COMIENZO CONTENEDOR***********/
header, footer{
    background: #000
}

#contenido{
    background-color: #fff;
    margin: 0 auto;
    width: 100%;
}

#contenido a{
    color: black;
}

#contenido a:hover{
    color: red;
}

#titulo-arte-y-decoracion{
    color: black;
    font-family: "Century Gothic", "Times Roman", sans-serif;
    font-size: 1.13em;
    text-align: center;
    margin: 1.2em 0em 1em 0em;
}

#titulo-arte-y-decoracion h{
    position: relative;
}

#cerrar{
    opacity: 0.6;
    position: absolute;
    top: 20px;
    right: -355px;
}

#secciones-arte-y-decoracion{
    width: 100%;
    text-align: center;
}

.bloques{
    display: inline-block;
    margin: 0 0.2em;
    width: 263px;
    height: 441px;
}

.bloques p{
    background: url(../img/etiqueta-botones-arte-y-decoracion.jpg);
    background-position: center center;
    background-size: 100% 100%;
    color: black;
    font-size: 0.8em;
    font-family: "Century Gothic", "Times Roman", sans-serif;
    line-height: 2.5em;
    margin: 0em 0em;
    text-align: center;
}

#bloque3{
    position: relative;
}
    
#bloque3 h{
    position: absolute;
    font-size: 0.7em;
    line-height: 2em;
    bottom: 0;
    right: 0.5em;
}
/*********FINAL CONTENEDOR***********/

@media(max-width:1200px){
    
}


@media(max-width:959px){
    
}

@media(max-width:800px){
    #contenido li{
        width: 24.6%;
    }
}

@media(max-width:600px){
    .boton{
        position: static;
        vertical-align: middle;
        width: 100%;
    }        
}

@media(max-width:500px){
    
}

@media(max-width:400px){

}