a:link { color: #C85127; text-decoration: none; } a:visited { color: #C85127; } a:hover { color: #dd7955; } a:active { color: #C85127; } @font-face { font-family: 'jauria-bold'; src: url('tipos/jauria/Jauria-Bold-v.otf'); src: local('jauria'), local('jauria'), url('tipos/jauria/Jauria-Bold-v.otf') format('opentype'); } @font-face { font-family: 'jauria-cursiva'; src: url('tipos/jauria/jauria-Italic-v.otf'); src: local('jauria'), local('jauria'), url('tipos/jauria/jauria-Italic-v.otf') format('opentype'); } /* Light pel text Blak pel menu de dalt I medium pel submeni */ /* got */ @font-face { font-family: 'got-light'; src: url('tipos/got/GothaXLig.otf'); src: local('got'), local('got'), url('tipos/got/GothaXLig.otf') format('opentype'); } @font-face { font-family: 'got-black'; src: url('tipos/got/GothaBla.otf'); src: local('got'), local('got'), url('tipos/got/GothaBla.otf') format('opentype'); } @font-face { font-family: 'got-medium'; src: url('tipos/got/GothaMed.otf'); src: local('got'), local('got'), url('tipos/got/GothaMed.otf') format('opentype'); } body { font: normal 16px 'got-light', sans-serif; margin: 0; padding: 0; } @media (min-width:900px) { .own-container{ padding-left: 80px; padding-right: 80px; } } @media (max-width:900px) { .own-container{ padding-left: 10px; padding-right: 10px; } } /* index */ @media (min-width:900px) { .own-indexBackgroundImage{ width: 100%; /*height: 100%;*/ z-index: -2; position: fixed; left: 0px; top: 0px; } .own-telgris{ height: 100%; width: 100%; z-index: -1; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); } } @media (max-width:900px) { .own-indexBackgroundImage{ /*width: 100%;*/ height: 100%; z-index: -2; position: fixed; left: 0px; top: 0px; } .own-telgris{ height: 100%; width: 100%; z-index: -1; position: fixed; left: 0px; top: 0px; background: rgba(0, 0, 0, 0.5); } } .own-opacity0{ opacity: 0; } .own-langIndex{ text-align: right; margin-right: 50px; display: block; } .own-langIndex a:link{ text-decoration: none; color: #ffffff; font-weight: bold; display: inline-block; margin: 10px; } .own-langIndex a:visited{ color: #ffffff; } @media (min-width:900px) { .own-menu{ display: block; margin-top: -25px; } } @media (max-width:900px) { .own-menu{ display: block; } } .own-menuFixed{ /*display: block;*/ position: fixed; background: rgba(255,255,255, 1); width: 100%; top: 0px; left: 0px; z-index: 10px; } @media (min-width:900px) { .own-overImage-logo{ margin-left: 80px; width: 200px; transition: all 0.5s; } .own-overImage-logo_index{ margin-left: 0px; } } @media (max-width:900px) { .own-overImage-logo{ /*margin-left: 80px;*/ width: 200px; transition: all 1s; } } .own-overImage-logo-small{ width: 100px!important; transition: all 0.5s; } .own-whiteRecuadre{ border: 1px solid #ffffff!important } .own-whiteText{ color: #ffffff!important;; } .own-whiteText a:link{ color: #ffffff!important; } .own-whiteText a:visited{ color: #ffffff!important; } .own-whiteText a:hover{ color: #C85127!important; } /*.own-menuButtonsIndex{ float: right; margin-right: 50px; } .own-menuButtonsIndex a:link{ text-decoration: none; color: #ffffff; font-weight: bold; display: inline-block; margin: 10px; } .own-menuButtonsIndex a:visited{ color: #ffffff; } .own-menuButtonsIndex a:hover{ color: #C85127; }*/ .own-mainTitleBox{ left: 0; margin-top: 10%; width: 100%; text-align: center; font-family: jauria; } .own-mainTitle{ color: #ffffff; background: #C85127; font-size: 70px; max-width: 500px; margin-left: auto; /*temporal*/ margin-right: auto; font-family: 'jauria-bold', sans-serif; } .own-subTitle{ color: #ffffff; font-size: 30px; font-family: 'jauria-cursiva', sans-serif; margin-top: 8px; } .own-verkami{ /*border: 1px solid #000000;*/ margin-top: 20px; cursor: pointer; } .own-socialNetworks{ /*margin-left: 2%;*/ margin-top: 15%; display: inline-block; } .own-socialNetwork{ display: inline-block; height: 20px; margin-right: 5px; cursor: pointer; } .own-socialNetwork-facebookMargin{ margin-right: 10px; } .own-teaser{ float: right; /*margin-right: 100px;*/ margin-top: calc(15% - 10px); color: #ffffff; font-weight: bold; font-size: 18px; cursor: pointer; } .temp-marge1{ display: inline-block; margin-top: 10%; } .own-whiteOverImage{ background: #ffffff; padding-top: 10px; } @media (max-width:1080px) { .own-caixaDescripcioIndex{ margin-top: 50px; margin-left:auto; margin-right:auto; max-width: calc(100% - 100px); min-width: 320px; background: #ffffff; font-size: 120%; font: normal 18px 'got-medium', sans-serif; text-align: center; line-height: 125%; } } @media (min-width:1080px) { .own-caixaDescripcioIndex{ margin-top: 50px; margin-left:auto; margin-right:auto; max-width: calc(100% - 600px); min-width: 320px; background: #ffffff; font-size: 120%; font: normal 18px 'got-medium', sans-serif; text-align: center; line-height: 125%; } } .own-caixaImatgesIndex{ margin-top: 50px; width: 100%; text-align: center; padding-bottom: 100px; font: normal 18px 'got-medium', sans-serif; } .own-caixaImatgeIndex{ display: inline-block; margin: 2%; } .own-imatgeIndex{ /*display: inline-block;*/ width: 210px; } .own-caixaImatgeIndex .own-textHoverImage{ position: absolute; /*visibility: hidden;*/ text-decoration: none; z-index: 1px; background: rgba(200, 81, 39, 0.3); color: #ffffff; font-weight: bold; font-size: 24px; padding-top: 90px; width: 210px; height: 210px; } .own-caixaImatgeIndex:hover .own-textHoverImage{ visibility:visible; background: rgba(200, 81, 39, 0.0); } /* nosaltres apanyu */ .own-caixaImatgesNosaltres{ margin-top: 50px; width: 100%; text-align: center; padding-bottom: 100px; font: normal 18px 'got-medium', sans-serif; } .own-caixaImatgeNosaltres{ display: inline-block; margin: 2%; } .own-imatgeNosaltres{ /*display: inline-block;*/ width: 170px; } .own-caixaImatgeNosaltres .own-textHoverImage{ position: absolute; visibility: hidden; text-decoration: none; /*display: inherit;*/ z-index: 1px; background: rgba(200, 81, 39, 0.4); color: #ffffff; font-weight: bold; font-size: 24px; padding-top: 80px; /*padding-left: 100px;*/ width: 170px; height: 170px; } .own-caixaImatgeNosaltres:hover .own-textHoverImage{ visibility:visible; } /* fi nosaltres apanyu */ /* /index */ /* footer */ .own-footer{ width: 100%; text-align: center; background: #262626; height: 250px; padding-top: 20px; padding: 2%; height: auto; font: normal 16px 'got-medium', sans-serif; } .own-footer h4{ color: #ffffff; } .own-footer a:link { color: #C85127; text-decoration: none; display: block; margin-bottom: 20px; } .own-footer a:visited { color: #C85127; } .own-footer a:hover { color: #dd7955; } .own-caixaFooter{ display: inline-block; width: 300px; vertical-align: top; text-align: left; margin-left: 50px; } /* /footer */ /* projecte, bakur, agenda */ @media (min-width:900px) { .own-lang{ text-align: right; margin-right: 80px; display: block; margin-top: 20px; } .own-lang_marginIndex{ margin-right:0px; } } @media (max-width:900px) { .own-lang{ text-align: right; /*margin-right: 50px;*/ display: block; } } .own-lang a:link{ text-decoration: none; color: #000000; /*font-weight: bold;*/ display: inline-block; margin: 10px; } .own-lang a:visited{ color: #000000; } .own-bold{ font-weight: bold; } .own-menuButtons-small{ margin-top: 0px!important; } @media (min-width:555px) { .own-menuButtons{ float: right; font: normal 18px 'got-black', sans-serif; -webkit-transition: all 0.5s; /* Safari */ transition: all 0.5s; margin-top: 20px; margin-right: 80px; } .own-menuButtons_Index{ margin-right: 0px; } .own-menuButtons a:link{ text-decoration: none; color: #000000; font-weight: bold; display: inline-block; margin: 10px; font-size: 20px; padding-bottom: 5px; } .own-menuButtons a:visited{ color: #000000; } .own-menuButtons a:hover{ color: #C85127; } .own-showMenuButton{ display: none; } } @media (max-width:555px) { .own-menuButtons{ /*float: right;*/ text-align: center; font: normal 18px 'got-black', sans-serif; display: none; -webkit-transition: all 0.5s; /* Safari */ transition: all 0.5s; } .own-menuButtons a:link{ text-decoration: none; color: #000000; font-weight: bold; display: block; margin: 10px; font-size: 20px; padding-bottom: 5px; } .own-menuButtons a:visited{ color: #000000; } .own-menuButtons a:hover{ color: #C85127; } .own-showMenuButton{ display: inline-block; cursor: pointer; float: right; margin-right: 20px; margin-top: 3px; font-weight: bold; padding: 8px; border: 1px solid #000000; } } .own-displayShowBlock{ display: block!important; } .own-currentPageMenu{ color: #C85127!important; border-bottom: 3px solid #C85127; padding-left: 7px; padding-right: 7px; } .own-imgHeader{ width: 100%; margin-top: 50px; margin-bottom: 30px; position: absolute; left: 0px; z-index:-1; } .own-nosaltresContent{ width: 100%; text-align: center; } @media (min-width:990px) { .own-linksLeft{ display: inline-block; vertical-align: top; margin-top: 20px; margin-right: 80px; margin-bottom: 40px; max-width: 100px; font: normal 18px 'got-medium', sans-serif; } .own-linksLeft a:link{ text-decoration: none; color: #000000; font-weight: bold; display: block; margin: 10px; margin-bottom: 30px; text-align: center; /*border-top: 1px solid #000000;*/ padding-top: 20px; width: 120px; } .own-linksLeft a:visited{ color: #000000; } .own-linksLeft a:hover{ color: #C85127; } } @media (max-width:990px) { .own-linksLeft{ display: inline-block; vertical-align: top; margin-top: 20px; margin-right: 40px; margin-bottom: 40px; /*max-width: 100px;*/ font: normal 18px 'got-medium', sans-serif; } .own-linksLeft a:link{ text-decoration: none; color: #000000; font-weight: bold; display: inline-block; margin: 10px; margin-bottom: 30px; text-align: center; /*border-top: 1px solid #000000;*/ padding-top: 20px; width: 120px; } .own-linksLeft a:visited{ color: #000000; } .own-linksLeft a:hover{ color: #C85127; } } table, th, td { border-top: 1px solid black; border-bottom: 1px solid black; } .own-hr{ border: 1px solid #000000; } .own-orange{ color: #C85127!important; } .own-projecteText{ display: inline-block; max-width: 600px; text-align: left; vertical-align: top; padding: 10px; padding-bottom: 40px; line-height: 120%; } .own-projecteText h3{ font: normal 25px 'got-medium', sans-serif; } .own-desplegableAmagat{ display: none; } .own-desplegable{ display: block; z-index: 1; position: absolute; background: #C85127; max-width: 600px; margin-left: 18%; padding: 30px; } .own-rightBox{ display: inline-block; vertical-align: top; margin-top: 30px; text-align: left; } .own-rightBox a:link{ text-decoration: none; color: #000000; font-weight: bold; display: block; margin: 10px; margin-bottom: 20px; } .own-rightBox a:visited{ color: #000000; } .own-rightBox a:hover{ color: #C85127; } @media (max-width:1200px) { .own-textBoxLeft{ display: inline-block; vertical-align: top; margin-top: 20px; margin-right: 20px; margin-bottom: 40px; max-width: 600px; text-align: left; font-weight: bold; font: normal 18px 'got-medium', sans-serif; line-height: 115%; } } @media (min-width:1200px) { .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/ display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 40px; max-width: 200px; text-align: left; font-weight: bold; font-size: 22px; font: normal 22px 'got-medium', sans-serif; line-height: 115%; } } .own-nosaltresCenterRight{ display: inline-block; max-width: 800px; text-align: left; vertical-align: top; } .own-imgTopText{ width: 100%; margin-bottom: 30px; } .own-nosaltresTitle{ /*font-size: 45px;*/ font-weight: bold; padding-left: 5.3%; text-align: left; margin-top: 30px; margin-bottom: 30px; font: normal 55px 'got-black', sans-serif; } .own-nosaltresText{ display: inline-block; max-width: 600px; text-align: left; vertical-align: top; padding-bottom: 40px; line-height: 120%; } .own-inlineBlock{ display: inline-block!important; } .own-agendaData{ font-weight: bold; color: #C85127; } .own-agendaTitol{ font-weight: bold; } .own-agendaContent{ font-style: italic; } .own-tableRed{ background: #ECB7A9; border: 0px solid #ffffff; } .own-projecteContent{ width: 100%; text-align: center; padding-bottom: 30px; margin-top: 30%; } .own-contacteContent{ width: 100%; text-align: center; padding-bottom: 30px; } .own-contacteTitle{ /*font-size: 45px;*/ font-weight: bold; padding-left: 7%; text-align: left; top: 0px; margin-top: 30px; margin-bottom: 30px; font: normal 55px 'got-black', sans-serif; } .own-contacteText{ display: inline-block; max-width: 600px; text-align: left; vertical-align: top; padding-bottom: 40px; line-height: 180%!important; font: normal 16px 'got-medium', sans-serif; } .own-contacteImage{ /*float: left;*/ display: inline-block; max-width: 400px; margin-right: 40px; margin-bottom: 30px; } .own-maxWidth250px{ max-width: 250px; } .own-anulaPanel{ border: 0px solid #ffffff!important; font-size: 16px!important; max-width: 250px!important; } .own-invisible{ visibility: hidden; }