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