You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
827 lines
14 KiB
827 lines
14 KiB
|
|
|
|
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;
|
|
}
|
|
.own-teaser a:link{
|
|
color: #ffffff!important;
|
|
}
|
|
.own-teaser a:visited{
|
|
color: #ffffff!important;
|
|
}
|
|
.own-teaser a:hover{
|
|
color: #ffffff!important;
|
|
}
|
|
|
|
.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;
|
|
}
|