@font-face {
        src:url("/resources/eclub/fonts/Gotham-Book.otf");
        font-family: gotham-book;
}

@font-face {
        src:url("/resources/eclub/fonts/Gotham-Bold.otf");
        font-family: gotham-bold;
}

body {margin:0px;padding:0px;font-family:gotham-book;}

#header {background-image:url('/resources/eclub/images/foto-bn.png');background-size:100% auto;width:100%;height:300px;padding-top:50px;text-align:center;position:relative;}
#header #contacte {position:absolute;top:20px;right:20px;color:#313c8e;font-family:gotham-bold}
#header #contacte a {color:#313c8e;text-decoration:none;font-size:20px;}

#barra {width:100%;background-image:url('/resources/eclub/images/barra3.png');height:110px;text-align:center;font-size:34px;color:white;}
#barra span {display:inline-block;padding-top:35px;}
#fletxa {width:100%;text-align:center;margin-top:-10px;}


#icones {padding-top:20px;padding-bottom:60px;padding-left:50px;padding-right:50px;vertical-align:top;}
#icones .content_icona {width:19%;text-align:center;display:inline-block;vertical-align:top;}
#icones .content_icona .titol {text-align:center;text-transform:uppercase;font-family:gotham-bold;font-size:20px;color:#313c8e;padding-top:30px;;height:50px;}
#icones .content_icona .descripcio {text-align:center;color:#313c8e;padding-top:30px;padding-left:25px;padding-right:25px;vertical-align:top;}