@charset "utf-8";
/* CSS Document */

/* LIST */
section.page a.logo{width:-moz-calc(14.2857% - 14px); width:-webkit-calc(14.2857% - 14px); width:-o-calc(14.2857% - 14px); width:calc(14.2857% - 14px); display:block; float:left; border:1px solid #e5e5e5; padding:0px; margin:0px 0px 14px 13px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
section.page a.logo:nth-of-type(7n + 1){clear:left; margin:0px 0px 14px 0px;}
section.page a.logo:hover{background-color:#f5f5f5;}

/* INFO */
section.page div.info{position:relative; padding:0px; margin:0px 0px 30px 0px;}
section.page div.info p{display:block; font-size:13px; text-align:justify; line-height:18px; padding:0px; margin:0px;}
section.page div.info h3{display:block; font-family:'OpenSansLight'; font-size:18px; color:#000; text-decoration:none; font-weight:normal; font-style:normal; text-transform:uppercase; line-height:22px; padding:0px; margin:0px 0px 10px 0px;}
section.page div.info img{display:block; float:left; border:1px solid #e5e5e5; padding:0px; margin:0px 20px 0px 0px;}

/* OTHER */
section.page a.item div.info{margin:0px;}

/* MOBILE */
@media only screen and (max-width: 1100px){
    section.page a.logo{width:-moz-calc(16.6666% - 12px); width:-webkit-calc(16.6666% - 12px); width:-o-calc(16.6666% - 12px); width:calc(16.6666% - 12px); margin:0px 0px 12px 12px;}
    section.page a.logo:nth-of-type(7n + 1){clear:none; margin:0px 0px 12px 12px;}
    section.page a.logo:nth-of-type(6n + 1){clear:left; margin:0px 0px 12px 0px;}
}

@media only screen and (max-width: 900px){
    section.page a.logo{width:-moz-calc(20% - 10px); width:-webkit-calc(20% - 10px); width:-o-calc(20% - 10px); width:calc(20% - 10px); margin:0px 0px 10px 10px;}
    section.page a.logo:nth-of-type(7n + 1),
    section.page a.logo:nth-of-type(6n + 1){clear:none; margin:0px 0px 10px 10px;}
    section.page a.logo:nth-of-type(5n + 1){clear:left; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 700px){
    section.page a.logo{width:-moz-calc(25% - 8px); width:-webkit-calc(25% - 8px); width:-o-calc(25% - 8px); width:calc(25% - 8px); margin:0px 0px 8px 8px;}
    section.page a.logo:nth-of-type(7n + 1),
    section.page a.logo:nth-of-type(6n + 1),
    section.page a.logo:nth-of-type(5n + 1){clear:none; margin:0px 0px 8px 8px;}
    section.page a.logo:nth-of-type(4n + 1){clear:left; margin:0px 0px 8px 0px;}
}

@media only screen and (max-width: 550px){
    section.page a.logo{width:-moz-calc(33.3334% - 6px); width:-webkit-calc(33.3334% - 6px); width:-o-calc(33.3334% - 6px); width:calc(33.3334% - 6px); margin:0px 0px 6px 6px;}
    section.page a.logo:nth-of-type(7n + 1),
    section.page a.logo:nth-of-type(6n + 1),
    section.page a.logo:nth-of-type(5n + 1),
    section.page a.logo:nth-of-type(4n + 1){clear:none; margin:0px 0px 6px 6px;}
    section.page a.logo:nth-of-type(3n + 1){clear:left; margin:0px 0px 6px 0px;}
}

@media only screen and (max-width: 450px){
    section.page div.info img{float:none; margin:0px auto 15px auto;}
}

@media only screen and (max-width: 400px){
    section.page a.logo{width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:-o-calc(50% - 5px); width:calc(50% - 5px); margin:0px 0px 6px 6px;}
    section.page a.logo:nth-of-type(7n + 1),
    section.page a.logo:nth-of-type(6n + 1),
    section.page a.logo:nth-of-type(5n + 1),
    section.page a.logo:nth-of-type(4n + 1),
    section.page a.logo:nth-of-type(3n + 1){clear:none; margin:0px 0px 6px 6px;}
    section.page a.logo:nth-of-type(2n + 1){clear:left; margin:0px 0px 6px 0px;}
}