1
  2/*
  3a:link {
  4   color: #C85127;
  5   text-decoration: none;
  6}
  7a:visited {
  8   color: #C85127;
  9}
 10a:hover {
 11   color: #dd7955;
 12}
 13a:active {
 14   color: #C85127;
 15}*/
 16<style>
 17@font-face {
 18    font-family: jauria;
 19
 20    src: local("Helvetica Neue Bold"),
 21       local("HelveticaNeue-Bold"),
 22       url(tipos/jauria/jauria-Italic-v.otf);
 23}
 24
 25.own-container{
 26}
 27
 28/* index */
 29
 30@media (min-width:550px) {
 31  .own-indexBackgroundImage{
 32    width: 100%;
 33    /*height: 100%;*/
 34    z-index: -1;
 35    position: fixed;
 36    left: 0px;
 37    top: 0px;
 38
 39    -webkit-transition: opacity 1s ease-in-out;
 40    -moz-transition: opacity 1s ease-in-out;
 41    -o-transition: opacity 1s ease-in-out;
 42    transition: opacity 1s ease-in-out;
 43  }
 44}
 45
 46@media (max-width:550px) {
 47  .own-indexBackgroundImage{
 48    /*width: 100%;*/
 49    height: 100%;
 50    z-index: -1;
 51    position: fixed;
 52    left: 0px;
 53    top: 0px;
 54
 55    -webkit-transition: opacity 1s ease-in-out;
 56    -moz-transition: opacity 1s ease-in-out;
 57    -o-transition: opacity 1s ease-in-out;
 58    transition: opacity 1s ease-in-out;
 59  }
 60}
 61.own-opactity0{
 62  opacity: 0;
 63}
 64.own-langIndex{
 65  text-align: right;
 66  margin-right: 50px;
 67  display: block;
 68}
 69.own-langIndex a:link{
 70  text-decoration: none;
 71  color: #ffffff;
 72  font-weight: bold;
 73  display: inline-block;
 74  margin: 10px;
 75}
 76.own-langIndex a:visited{
 77  color: #ffffff;
 78}
 79
 80.own-menu{
 81  display: block;
 82  padding-left: 50px;
 83  padding-right: 50px;
 84}
 85.own-overImage-logo{
 86  margin-left: 30px;
 87  width: 200px;
 88
 89}
 90.own-whiteText a:link{
 91  color: #ffffff!important;
 92}
 93.own-whiteText a:visited{
 94  color: #ffffff!important;
 95}
 96.own-whiteText a:hover{
 97  color: #C85127!important;
 98}
 99/*.own-menuButtonsIndex{
100  float: right;
101  margin-right: 50px;
102}
103.own-menuButtonsIndex a:link{
104  text-decoration: none;
105  color: #ffffff;
106  font-weight: bold;
107  display: inline-block;
108  margin: 10px;
109}
110.own-menuButtonsIndex a:visited{
111  color: #ffffff;
112}
113.own-menuButtonsIndex a:hover{
114  color: #C85127;
115}*/
116
117
118
119
120.own-mainTitleBox{
121  left: 0;
122  margin-top: 10%;
123  width: 100%;
124  text-align: center;
125  font-family: jauria;
126}
127.own-mainTitle{
128  color: #ffffff;
129  background: #C85127;
130  font-size: 45px;
131  width: 400px;
132  margin-left: auto; /*temporal*/
133  margin-right: auto;
134}
135.own-subTitle{
136  color: #ffffff;
137  font-style: italic;
138  font-size: 24px;
139}
140.own-verkami{
141  /*border: 1px solid #000000;*/
142  margin-top: 20px;
143  cursor: pointer;
144}
145.own-socialNetworks{
146  margin-left: 2%;
147  margin-top: 5%;
148  display: inline-block;
149}
150.own-socialNetwork{
151  display: inline-block;
152  height: 20px;
153  margin-right: 5px;
154  cursor: pointer;
155}
156.own-socialNetwork-facebookMargin{
157  margin-right: 10px;
158}
159.own-teaser{
160  float: right;
161  margin-right: 2%;
162  margin-top: calc(6% - 10px);
163  color: #ffffff;
164  font-weight: bold;
165  font-size: 18px;
166}
167
168.temp-marge1{
169  display: inline-block;
170  margin-top: 10%;
171}
172.own-whiteOverImage{
173  background: #ffffff;
174  padding-top: 10px;
175
176}
177@media (max-width:1080px) {
178  .own-caixaDescripcioIndex{
179    margin-top: 50px;
180    margin-left:auto;
181    margin-right:auto;
182    max-width: calc(100% - 300px);
183    min-width: 320px;
184    background: #ffffff;
185    font-size: 18px;
186  }
187}
188@media (min-width:1080px) {
189  .own-caixaDescripcioIndex{
190    margin-top: 50px;
191    margin-left:auto;
192    margin-right:auto;
193    max-width: calc(100% - 700px);
194    min-width: 320px;
195    background: #ffffff;
196    font-size: 18px;
197  }
198}
199
200.own-caixaImatgesIndex{
201  margin-top: 50px;
202  width: 100%;
203  text-align: center;
204  padding-bottom: 100px;
205}
206.own-caixaImatgeIndex{
207  display: inline-block;
208  margin: 2%;
209}
210.own-imatgeIndex{
211  /*display: inline-block;*/
212
213  width: 210px;
214}
215.own-caixaImatgeIndex .own-textHoverImage{
216  position: absolute;
217  visibility: hidden;
218  text-decoration: none;
219  /*display: inherit;*/
220  z-index: 1px;
221  background: rgba(200, 81, 39, 0.4);
222  color: #ffffff;
223  font-weight: bold;
224  font-size: 24px;
225  padding-top: 90px;
226  /*padding-left: 100px;*/
227  width: 210px;
228  height: 210px;
229}
230
231.own-caixaImatgeIndex:hover .own-textHoverImage{
232  visibility:visible;
233}
234/*  /index  */
235
236
237/* footer */
238.own-footer{
239  width: 100%;
240  text-align: center;
241  background: #262626;
242  height: 250px;
243  padding-top: 20px;
244  padding: 2%;
245}
246.own-footer h3{
247  color: #ffffff;
248}
249.own-footer a:link {
250   color: #C85127;
251   text-decoration: none;
252   display: block;
253}
254.own-footer a:hover {
255   color: #dd7955;
256}
257.own-caixaFooter{
258  display: inline-block;
259  width: 250px;
260  vertical-align: top;
261}
262/* /footer */
263
264
265
266/* projecte, bakur, agenda */
267.own-lang{
268  text-align: right;
269  margin-right: 50px;
270  display: block;
271}
272.own-lang a:link{
273  text-decoration: none;
274  color: #000000;
275  /*font-weight: bold;*/
276  display: inline-block;
277  margin: 10px;
278}
279.own-lang a:visited{
280  color: #000000;
281}
282.own-bold{
283  font-weight: bold;
284}
285
286.own-menuButtons{
287  float: right;
288  margin-right: 50px;
289}
290.own-menuButtons a:link{
291  text-decoration: none;
292  color: #000000;
293  font-weight: bold;
294  display: inline-block;
295  margin: 10px;
296  font-size: 20px;
297}
298.own-menuButtons a:visited{
299  color: #000000;
300}
301.own-menuButtons a:hover{
302  color: #C85127;
303}
304.own-currentPageMenu{
305  color: #C85127!important;
306  border-bottom: 3px solid #C85127;
307  padding-left: 7px;
308  padding-right: 7px;
309}
310.own-imgHeader{
311  width: 100%;
312  margin-top: 50px;
313  margin-bottom: 30px;
314}
315.own-nosaltresContent{
316  width: 100%;
317  text-align: center;
318}
319.own-linksLeft{
320  display: inline-block;
321  vertical-align: top;
322  margin-top: 20px;
323  margin-right: 40px;
324  margin-bottom: 40px;
325  max-width: 100px;
326}
327.own-linksLeft a:link{
328  text-decoration: none;
329  color: #000000;
330  font-weight: bold;
331  display: block;
332  margin: 10px;
333  margin-bottom: 30px;
334  text-align: center;
335  border-top: 1px solid #000000;
336  padding-top: 20px;
337  width: 120px;
338}
339.own-linksLeft a:visited{
340  color: #000000;
341}
342.own-linksLeft a:hover{
343  color: #C85127;
344}
345.own-orange{
346  color: #C85127!important;
347}
348.own-projecteText{
349  display: inline-block;
350  max-width: 600px;
351  text-align: left;
352  vertical-align: top;
353  padding: 10px;
354  padding-bottom: 40px;
355}
356
357
358.own-desplegableAmagat{
359  display: none;
360
361}
362.own-desplegable{
363  display: block;
364  z-index: 1;
365  position: absolute;
366  background: #C85127;
367  max-width: 600px;
368  margin-left: 18%;
369  padding: 30px;
370}
371
372.own-rightBox{
373  display: inline-block;
374  vertical-align: top;
375  margin-top: 30px;
376  text-align: left;
377}
378.own-rightBox a:link{
379  text-decoration: none;
380  color: #000000;
381  font-weight: bold;
382  display: block;
383  margin: 10px;
384  margin-bottom: 30px;
385}
386.own-rightBox a:visited{
387  color: #000000;
388}
389.own-rightBox a:hover{
390  color: #C85127;
391}
392
393@media (max-width:1200px) {
394  .own-textBoxLeft{
395    display: inline-block;
396    vertical-align: top;
397    margin-top: 20px;
398    margin-right: 20px;
399    margin-bottom: 40px;
400    max-width: 600px;
401    text-align: left;
402    font-weight: bold;
403  }
404}
405@media (min-width:1200px) {
406  .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
407    display: inline-block;
408    vertical-align: top;
409    margin-top: 20px;
410    margin-right: 20px;
411    margin-bottom: 40px;
412    max-width: 200px;
413    text-align: left;
414    font-weight: bold;
415    font-size: 22px;
416  }
417}
418
419.own-nosaltresCenterRight{
420  display: inline-block;
421  max-width: 800px;
422  text-align: left;
423  vertical-align: top;
424}
425.own-imgTopText{
426  width: 100%;
427  margin-bottom: 30px;
428}
429
430.own-nosaltresTitle{
431  font-size: 45px;
432  font-weight: bold;
433  padding-left: 7%;
434  text-align: left;
435}
436.own-nosaltresText{
437  display: inline-block;
438  max-width: 600px;
439  text-align: left;
440  vertical-align: top;
441  padding-bottom: 40px;
442}