ivardiaweb/own.css
own.cssRaw
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
17@font-face {
18 font-family: 'jauria-bold';
19 src: url('tipos/jauria/Jauria-Bold-v.otf');
20 src:
21 local('jauria'),
22 local('jauria'),
23 url('tipos/jauria/Jauria-Bold-v.otf')
24 format('opentype');
25}
26@font-face {
27 font-family: 'jauria-cursiva';
28 src: url('tipos/jauria/jauria-Italic-v.otf');
29 src:
30 local('jauria'),
31 local('jauria'),
32 url('tipos/jauria/jauria-Italic-v.otf')
33 format('opentype');
34}
35/*
36Light pel text
37Blak pel menu de dalt
38I medium pel submeni
39*/
40/* got */
41@font-face {
42 font-family: 'got-light';
43 src: url('tipos/got/got_light.ttf');
44 src:
45 local('got'),
46 local('got'),
47 url('tipos/got/got_light.ttf')
48 format('opentype');
49}
50@font-face {
51 font-family: 'got-black';
52 src: url('tipos/got/got_black.ttf');
53 src:
54 local('got'),
55 local('got'),
56 url('tipos/got/got_black.ttf')
57 format('opentype');
58}
59@font-face {
60 font-family: 'got-medium';
61 src: url('tipos/got/got_medium.ttf');
62 src:
63 local('got'),
64 local('got'),
65 url('tipos/got/got_medium.ttf')
66 format('opentype');
67}
68body {
69
70 font: normal 16px 'got-light', sans-serif;
71 margin: 0;
72 padding: 0;
73}
74
75
76@media (min-width:900px) {
77 .own-container{
78 padding-left: 80px;
79 padding-right: 80px;
80 }
81}
82@media (max-width:900px) {
83 .own-container{
84 padding-left: 10px;
85 padding-right: 10px;
86 }
87}
88
89/* index */
90
91@media (min-width:900px) {
92 .own-indexBackgroundImage{
93 width: 100%;
94 /*height: 100%;*/
95 z-index: -2;
96 position: fixed;
97 left: 0px;
98 top: 0px;
99
100 }
101 .own-telgris{
102 height: 100%;
103 width: 100%;
104 z-index: -1;
105 position: fixed;
106 left: 0px;
107 top: 0px;
108
109 background: rgba(0, 0, 0, 0.5);
110 }
111}
112
113@media (max-width:900px) {
114 .own-indexBackgroundImage{
115 /*width: 100%;*/
116 height: 100%;
117 z-index: -2;
118 position: fixed;
119 left: 0px;
120 top: 0px;
121
122 }
123 .own-telgris{
124 height: 100%;
125 width: 100%;
126 z-index: -1;
127 position: fixed;
128 left: 0px;
129 top: 0px;
130
131 background: rgba(0, 0, 0, 0.5);
132 }
133}
134
135.own-opacity0{
136 opacity: 0;
137}
138.own-langIndex{
139 text-align: right;
140 margin-right: 50px;
141 display: block;
142}
143.own-langIndex a:link{
144 text-decoration: none;
145 color: #ffffff;
146 font-weight: bold;
147 display: inline-block;
148 margin: 10px;
149}
150.own-langIndex a:visited{
151 color: #ffffff;
152}
153
154.own-menu{
155 display: block;
156}
157.own-menuFixed{
158 /*display: block;*/
159 position: fixed;
160 background: #ffffff;
161 /*border-bottom: 1px solid #010101;*/
162 width: 100%;
163 top: 0px;
164
165}
166.own-overImage-logo{
167 /*margin-left: 30px;*/
168 width: 200px;
169
170}
171
172.own-whiteRecuadre{
173 border: 1px solid #ffffff!important
174}
175.own-whiteText{
176 color: #ffffff!important;;
177}
178.own-whiteText a:link{
179 color: #ffffff!important;
180}
181.own-whiteText a:visited{
182 color: #ffffff!important;
183}
184.own-whiteText a:hover{
185 color: #C85127!important;
186}
187/*.own-menuButtonsIndex{
188 float: right;
189 margin-right: 50px;
190}
191.own-menuButtonsIndex a:link{
192 text-decoration: none;
193 color: #ffffff;
194 font-weight: bold;
195 display: inline-block;
196 margin: 10px;
197}
198.own-menuButtonsIndex a:visited{
199 color: #ffffff;
200}
201.own-menuButtonsIndex a:hover{
202 color: #C85127;
203}*/
204
205
206
207
208.own-mainTitleBox{
209 left: 0;
210 margin-top: 10%;
211 width: 100%;
212 text-align: center;
213 font-family: jauria;
214}
215.own-mainTitle{
216 color: #ffffff;
217 background: #C85127;
218 font-size: 70px;
219 max-width: 500px;
220 margin-left: auto; /*temporal*/
221 margin-right: auto;
222 font-family: 'jauria-bold', sans-serif;
223}
224.own-subTitle{
225 color: #ffffff;
226 font-size: 30px;
227 font-family: 'jauria-cursiva', sans-serif;
228 margin-top: 8px;
229}
230.own-verkami{
231 /*border: 1px solid #000000;*/
232 margin-top: 20px;
233 cursor: pointer;
234}
235.own-socialNetworks{
236 /*margin-left: 2%;*/
237 margin-top: 15%;
238 display: inline-block;
239}
240.own-socialNetwork{
241 display: inline-block;
242 height: 20px;
243 margin-right: 5px;
244 cursor: pointer;
245}
246.own-socialNetwork-facebookMargin{
247 margin-right: 10px;
248}
249.own-teaser{
250 float: right;
251 /*margin-right: 100px;*/
252 margin-top: calc(15% - 10px);
253 color: #ffffff;
254 font-weight: bold;
255 font-size: 18px;
256 cursor: pointer;
257}
258
259.temp-marge1{
260 display: inline-block;
261 margin-top: 10%;
262}
263.own-whiteOverImage{
264 background: #ffffff;
265 padding-top: 10px;
266
267}
268@media (max-width:1080px) {
269 .own-caixaDescripcioIndex{
270 margin-top: 50px;
271 margin-left:auto;
272 margin-right:auto;
273 max-width: calc(100% - 100px);
274 min-width: 320px;
275 background: #ffffff;
276 font-size: 120%;
277 font: normal 18px 'got-medium', sans-serif;
278 text-align: center;
279 line-height: 125%;
280 }
281}
282@media (min-width:1080px) {
283 .own-caixaDescripcioIndex{
284 margin-top: 50px;
285 margin-left:auto;
286 margin-right:auto;
287 max-width: calc(100% - 600px);
288 min-width: 320px;
289 background: #ffffff;
290 font-size: 120%;
291 font: normal 18px 'got-medium', sans-serif;
292 text-align: center;
293 line-height: 125%;
294 }
295}
296
297.own-caixaImatgesIndex{
298 margin-top: 50px;
299 width: 100%;
300 text-align: center;
301 padding-bottom: 100px;
302 font: normal 18px 'got-medium', sans-serif;
303}
304.own-caixaImatgeIndex{
305 display: inline-block;
306 margin: 2%;
307}
308.own-imatgeIndex{
309 /*display: inline-block;*/
310 width: 210px;
311}
312
313
314.own-caixaImatgeIndex .own-textHoverImage{
315 position: absolute;
316 visibility: hidden;
317 text-decoration: none;
318 /*display: inherit;*/
319 z-index: 1px;
320 background: rgba(200, 81, 39, 0.4);
321 color: #ffffff;
322 font-weight: bold;
323 font-size: 24px;
324 padding-top: 90px;
325 /*padding-left: 100px;*/
326 width: 210px;
327 height: 210px;
328}
329
330.own-caixaImatgeIndex:hover .own-textHoverImage{
331 visibility:visible;
332}
333
334
335
336
337
338
339/* nosaltres apanyu */
340.own-caixaImatgesNosaltres{
341 margin-top: 50px;
342 width: 100%;
343 text-align: center;
344 padding-bottom: 100px;
345 font: normal 18px 'got-medium', sans-serif;
346}
347.own-caixaImatgeNosaltres{
348 display: inline-block;
349 margin: 2%;
350}
351.own-imatgeNosaltres{
352 /*display: inline-block;*/
353 width: 170px;
354}
355.own-caixaImatgeNosaltres .own-textHoverImage{
356 position: absolute;
357 visibility: hidden;
358 text-decoration: none;
359 /*display: inherit;*/
360 z-index: 1px;
361 background: rgba(200, 81, 39, 0.4);
362 color: #ffffff;
363 font-weight: bold;
364 font-size: 24px;
365 padding-top: 80px;
366 /*padding-left: 100px;*/
367 width: 170px;
368 height: 170px;
369}
370
371.own-caixaImatgeNosaltres:hover .own-textHoverImage{
372 visibility:visible;
373}
374/* fi nosaltres apanyu */
375
376/* /index */
377
378
379/* footer */
380.own-footer{
381 width: 100%;
382 text-align: center;
383 background: #262626;
384 height: 250px;
385 padding-top: 20px;
386 padding: 2%;
387 height: auto;
388 font: normal 16px 'got-medium', sans-serif;
389}
390.own-footer h4{
391 color: #ffffff;
392}
393.own-footer a:link {
394 color: #C85127;
395 text-decoration: none;
396 display: block;
397 margin-bottom: 20px;
398}
399.own-footer a:visited {
400 color: #C85127;
401}
402.own-footer a:hover {
403 color: #dd7955;
404}
405.own-caixaFooter{
406 display: inline-block;
407 width: 250px;
408 vertical-align: top;
409 text-align: left;
410 margin-left: 50px;
411}
412/* /footer */
413
414
415
416/* projecte, bakur, agenda */
417.own-lang{
418 text-align: right;
419 /*margin-right: 50px;*/
420 display: block;
421}
422.own-lang a:link{
423 text-decoration: none;
424 color: #000000;
425 /*font-weight: bold;*/
426 display: inline-block;
427 margin: 10px;
428}
429.own-lang a:visited{
430 color: #000000;
431}
432.own-bold{
433 font-weight: bold;
434}
435@media (min-width:555px) {
436 .own-menuButtons{
437 float: right;
438 font: normal 18px 'got-black', sans-serif;
439
440 -webkit-transition: all 0.5s; /* Safari */
441 transition: all 0.5s;
442 }
443 .own-menuButtons a:link{
444 text-decoration: none;
445 color: #000000;
446 font-weight: bold;
447 display: inline-block;
448 margin: 10px;
449 font-size: 20px;
450 padding-bottom: 5px;
451 }
452 .own-menuButtons a:visited{
453 color: #000000;
454 }
455 .own-menuButtons a:hover{
456 color: #C85127;
457 }
458
459 .own-showMenuButton{
460 display: none;
461 }
462}
463@media (max-width:555px) {
464 .own-menuButtons{
465 /*float: right;*/
466 text-align: center;
467 font: normal 18px 'got-black', sans-serif;
468 display: none;
469
470 -webkit-transition: all 0.5s; /* Safari */
471 transition: all 0.5s;
472 }
473 .own-menuButtons a:link{
474 text-decoration: none;
475 color: #000000;
476 font-weight: bold;
477 display: block;
478 margin: 10px;
479 font-size: 20px;
480 padding-bottom: 5px;
481 }
482 .own-menuButtons a:visited{
483 color: #000000;
484 }
485 .own-menuButtons a:hover{
486 color: #C85127;
487 }
488
489 .own-showMenuButton{
490 display: inline-block;
491 cursor: pointer;
492 float: right;
493 margin-right: 20px;
494 margin-top: 20px;
495 font-weight: bold;
496
497 padding: 10px;
498 border: 1px solid #000000;
499 }
500}
501.own-displayShowBlock{
502 display: block!important;
503}
504
505.own-currentPageMenu{
506 color: #C85127!important;
507 border-bottom: 3px solid #C85127;
508 padding-left: 7px;
509 padding-right: 7px;
510}
511.own-imgHeader{
512 width: 100%;
513 margin-top: 50px;
514 margin-bottom: 30px;
515
516 position: absolute;
517 left: 0px;
518}
519.own-nosaltresContent{
520 width: 100%;
521 text-align: center;
522 margin-top: 30%;
523}
524@media (min-width:990px) {
525 .own-linksLeft{
526 display: inline-block;
527 vertical-align: top;
528 margin-top: 20px;
529 margin-right: 40px;
530 margin-bottom: 40px;
531 max-width: 100px;
532 font: normal 18px 'got-medium', sans-serif;
533 }
534 .own-linksLeft a:link{
535 text-decoration: none;
536 color: #000000;
537 font-weight: bold;
538 display: block;
539 margin: 10px;
540 margin-bottom: 30px;
541 text-align: center;
542 /*border-top: 1px solid #000000;*/
543 padding-top: 20px;
544 width: 120px;
545 }
546 .own-linksLeft a:visited{
547 color: #000000;
548 }
549 .own-linksLeft a:hover{
550 color: #C85127;
551 }
552}
553@media (max-width:990px) {
554 .own-linksLeft{
555 display: inline-block;
556 vertical-align: top;
557 margin-top: 20px;
558 margin-right: 40px;
559 margin-bottom: 40px;
560 /*max-width: 100px;*/
561 font: normal 18px 'got-medium', sans-serif;
562 }
563 .own-linksLeft a:link{
564 text-decoration: none;
565 color: #000000;
566 font-weight: bold;
567 display: inline-block;
568 margin: 10px;
569 margin-bottom: 30px;
570 text-align: center;
571 /*border-top: 1px solid #000000;*/
572 padding-top: 20px;
573 width: 120px;
574 }
575 .own-linksLeft a:visited{
576 color: #000000;
577 }
578 .own-linksLeft a:hover{
579 color: #C85127;
580 }
581}
582
583.own-hr{
584 border: 1px solid #000000;
585}
586
587.own-orange{
588 color: #C85127!important;
589}
590.own-projecteText{
591 display: inline-block;
592 max-width: 600px;
593 text-align: left;
594 vertical-align: top;
595 padding: 10px;
596 padding-bottom: 40px;
597 line-height: 120%;
598}
599.own-projecteText h3{
600 font: normal 25px 'got-medium', sans-serif;
601}
602
603
604.own-desplegableAmagat{
605 display: none;
606
607}
608.own-desplegable{
609 display: block;
610 z-index: 1;
611 position: absolute;
612 background: #C85127;
613 max-width: 600px;
614 margin-left: 18%;
615 padding: 30px;
616}
617
618.own-rightBox{
619 display: inline-block;
620 vertical-align: top;
621 margin-top: 30px;
622 text-align: left;
623}
624.own-rightBox a:link{
625 text-decoration: none;
626 color: #000000;
627 font-weight: bold;
628 display: block;
629 margin: 10px;
630 margin-bottom: 20px;
631}
632.own-rightBox a:visited{
633 color: #000000;
634}
635.own-rightBox a:hover{
636 color: #C85127;
637}
638
639@media (max-width:1200px) {
640 .own-textBoxLeft{
641 display: inline-block;
642 vertical-align: top;
643 margin-top: 20px;
644 margin-right: 20px;
645 margin-bottom: 40px;
646 max-width: 600px;
647 text-align: left;
648 font-weight: bold;
649 font: normal 18px 'got-medium', sans-serif;
650 line-height: 115%;
651 }
652}
653@media (min-width:1200px) {
654 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
655 display: inline-block;
656 vertical-align: top;
657 margin-right: 10px;
658 margin-bottom: 40px;
659 max-width: 200px;
660 text-align: left;
661 font-weight: bold;
662 font-size: 22px;
663 font: normal 22px 'got-medium', sans-serif;
664 line-height: 115%;
665 }
666}
667
668.own-nosaltresCenterRight{
669 display: inline-block;
670 max-width: 800px;
671 text-align: left;
672 vertical-align: top;
673}
674.own-imgTopText{
675 width: 100%;
676 margin-bottom: 30px;
677}
678
679.own-nosaltresTitle{
680 /*font-size: 45px;*/
681 font-weight: bold;
682 padding-left: 7%;
683 text-align: left;
684 margin-top: 30px;
685 margin-bottom: 30px;
686 font: normal 55px 'got-black', sans-serif;
687}
688.own-nosaltresText{
689 display: inline-block;
690 max-width: 600px;
691 text-align: left;
692 vertical-align: top;
693 padding-bottom: 40px;
694 line-height: 120%;
695}
696
697.own-inlineBlock{
698 display: inline-block!important;
699}
700
701
702.own-agendaData{
703 font-weight: bold;
704 color: #C85127;
705}
706.own-agendaTitol{
707 font-weight: bold;
708}
709.own-agendaContent{
710 font-style: italic;
711}
712
713.own-tableRed{
714 background: #ECB7A9;
715 border: 0px solid #ffffff;
716}
717
718.own-contacteContent{
719 width: 100%;
720 text-align: center;
721 padding-bottom: 30px;
722}
723.own-contacteTitle{
724 /*font-size: 45px;*/
725 font-weight: bold;
726 padding-left: 7%;
727 text-align: left;
728 top: 0px;
729 margin-top: 30px;
730 margin-bottom: 30px;
731 font: normal 55px 'got-black', sans-serif;
732}
733.own-contacteText{
734 display: inline-block;
735 max-width: 600px;
736 text-align: left;
737 vertical-align: top;
738 padding-bottom: 40px;
739 line-height: 180%!important;
740 font: normal 16px 'got-medium', sans-serif;
741}
742.own-contacteImage{
743 /*float: left;*/
744 display: inline-block;
745 max-width: 400px;
746 margin-right: 40px;
747 margin-bottom: 30px;
748}