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

* {padding: 0; margin: 0;}
/* {border: solid 1px pink;} */

/*============================ FONTS */
@font-face {font-family: 'ApexSMT'; src: url('fonts/ApexSansMediumT.ttf');}
@font-face {font-family: 'ApexSBkT'; src: url('fonts/ApexSansBookT.ttf');}
@font-face {font-family: 'ApexSBlT'; src: url('fonts/ApexSansBoldT.ttf');}								
@font-face {font-family: 'TradeGothic'; src: url('fonts/TradeGothic.otf');}
@font-face {font-family: 'TGothicB'; src: url('fonts/TradeGothic_B.otf');}

/*============================ ESTRUCTURA */
body {background-color: #e3e4e6; font-family: TradeGothic;}
.principal {width: 1200px; margin: 0 auto 40px; box-shadow: 0px 0px 50px 10px rgba(0,0,0,0.5);}
.cap {width 100%; height: 225px; background-color: white; padding: 40px 0px 0px 80px;}
.cos {position:relative; width: 1060px; padding: 40px 70px 0px 70px; background-image: url('img/fons_impossible.jpg');}
.logo {width: 175px; height: 175px;}
.about {position:relative; left: 960px; width:88px; height: 72px; padding: 18px 2px 0px 0px; font-size: 20px; line-height: 25px;
        background-image: url('img/about.png'); color:white; text-align: center; z-index: 1;}

/*============================ GENERALS */
h1 {text-align:justify; font-size: 60px; color: #ffd58f; padding-right: 140px; line-height: 70px; letter-spacing: 3px;}
.cos > h2 {text-align:justify; padding: 0px 10px; font-weight: normal; font-size: 28px; margin-top: 40px; margin-bottom:41px; font-family:ApexSBkT;}
.titol {text-align: justify; vertical-align:bottom; padding-left:60px; color: #707173; font-size:22px; font-family:ApexSMT; overflow:hidden;}
.social {position: relative; top: 4px;}
.fitxa {float: left; width: 178px; height: 355px; margin: 10px 8px; padding: 20px 2px 0 15px; border-radius: 5px;}
.dades {width:165px;}
.dades td {width:160px;}
.clar {background-color: rgba(255,255,255,0.46);}
.clar h4 {color: #ff4326;}
.fosc {background-color: rgba(0,0,0,0.35);}
.fosc h4 {color: #ffd58f;}
.fosc p, .fosc .lema {color: white;}
.lema {vertical-align:top;}
.lema h3 {line-height: 17px; margin-bottom: 9px; font-size: 16px; font-family:TGothicB;}
.contacte h4 {margin: 6px 0px; font-size:16px; text-transform: uppercase;  font-weight:normal; font-family:TGothicB;}
.contacte h5 {font-size:14px; font-weight:normal; font-family:TGothicB;}
.contacte p {margin: 4px 0px;}
.foto {width: 170px; height: 170px; border: solid 2px white; background-size:cover; background-position: top center;}
.nom {margin-top:14px; margin-bottom:2px; font-size:15px; text-transform: uppercase; font-family:TGothicB;}
.fitxa_gran {float: right; width: 475px; height: 235px; margin: 10px 14px 10px 0px; padding: 70px; border-radius: 5px;}
a {text-decoration: none; color: black;}
.fosc a {color: white;}
.titol a {color: #707173;}
.fitxa_gran > h2 {font-size: 42px; color: #6b7577; margin-bottom: 20px; font-family:TGothicB; padding-right:15px;}
.fitxa_gran > h5 {font-size: 20px; font-family:TGothicB;}
.negre {font-family:ApexSBlT;}