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/GothaXLig.otf');
44 src:
45 local('got'),
46 local('got'),
47 url('tipos/got/GothaXLig.otf')
48 format('opentype');
49}
50@font-face {
51 font-family: 'got-black';
52 src: url('tipos/got/GothaBla.otf');
53 src:
54 local('got'),
55 local('got'),
56 url('tipos/got/GothaBla.otf')
57 format('opentype');
58}
59@font-face {
60 font-family: 'got-medium';
61 src: url('tipos/got/GothaMed.otf');
62 src:
63 local('got'),
64 local('got'),
65 url('tipos/got/GothaMed.otf')
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@media (min-width:900px) {
154 .own-menu{
155 display: block;
156 margin-top: -25px;
157 }
158}
159@media (max-width:900px) {
160 .own-menu{
161 display: block;
162 }
163}
164.own-menuFixed{
165 /*display: block;*/
166 position: fixed;
167 background: rgba(255,255,255, 1);
168 width: 100%;
169 top: 0px;
170 left: 0px;
171 z-index: 10px;
172}
173@media (min-width:900px) {
174 .own-overImage-logo{
175 margin-left: 80px;
176 width: 200px;
177 transition: all 0.5s;
178
179 }
180 .own-overImage-logo_index{
181 margin-left: 0px;
182
183 }
184}
185@media (max-width:900px) {
186 .own-overImage-logo{
187 /*margin-left: 80px;*/
188 width: 200px;
189 transition: all 1s;
190
191 }
192}
193.own-overImage-logo-small{
194 width: 100px!important;
195 transition: all 0.5s;
196}
197
198.own-whiteRecuadre{
199 border: 1px solid #ffffff!important
200}
201.own-whiteText{
202 color: #ffffff!important;;
203}
204.own-whiteText a:link{
205 color: #ffffff!important;
206}
207.own-whiteText a:visited{
208 color: #ffffff!important;
209}
210.own-whiteText a:hover{
211 color: #C85127!important;
212}
213/*.own-menuButtonsIndex{
214 float: right;
215 margin-right: 50px;
216}
217.own-menuButtonsIndex a:link{
218 text-decoration: none;
219 color: #ffffff;
220 font-weight: bold;
221 display: inline-block;
222 margin: 10px;
223}
224.own-menuButtonsIndex a:visited{
225 color: #ffffff;
226}
227.own-menuButtonsIndex a:hover{
228 color: #C85127;
229}*/
230
231
232
233
234.own-mainTitleBox{
235 left: 0;
236 margin-top: 10%;
237 width: 100%;
238 text-align: center;
239 font-family: jauria;
240}
241.own-mainTitle{
242 color: #ffffff;
243 background: #C85127;
244 font-size: 70px;
245 max-width: 500px;
246 margin-left: auto; /*temporal*/
247 margin-right: auto;
248 font-family: 'jauria-bold', sans-serif;
249}
250.own-subTitle{
251 color: #ffffff;
252 font-size: 30px;
253 font-family: 'jauria-cursiva', sans-serif;
254 margin-top: 8px;
255}
256.own-verkami{
257 /*border: 1px solid #000000;*/
258 margin-top: 20px;
259 cursor: pointer;
260}
261.own-socialNetworks{
262 /*margin-left: 2%;*/
263 margin-top: 15%;
264 display: inline-block;
265}
266.own-socialNetwork{
267 display: inline-block;
268 height: 20px;
269 margin-right: 5px;
270 cursor: pointer;
271}
272.own-socialNetwork-facebookMargin{
273 margin-right: 10px;
274}
275.own-teaser{
276 float: right;
277 /*margin-right: 100px;*/
278 margin-top: calc(15% - 10px);
279 color: #ffffff;
280 font-weight: bold;
281 font-size: 18px;
282 cursor: pointer;
283}
284.own-teaser a:link{
285 color: #ffffff!important;
286}
287.own-teaser a:visited{
288 color: #ffffff!important;
289}
290.own-teaser a:hover{
291 color: #ffffff!important;
292}
293
294.temp-marge1{
295 display: inline-block;
296 margin-top: 10%;
297}
298.own-whiteOverImage{
299 background: #ffffff;
300 padding-top: 10px;
301
302}
303@media (max-width:1080px) {
304 .own-caixaDescripcioIndex{
305 margin-top: 50px;
306 margin-left:auto;
307 margin-right:auto;
308 max-width: calc(100% - 100px);
309 min-width: 320px;
310 background: #ffffff;
311 font-size: 120%;
312 font: normal 18px 'got-medium', sans-serif;
313 text-align: center;
314 line-height: 125%;
315 }
316}
317@media (min-width:1080px) {
318 .own-caixaDescripcioIndex{
319 margin-top: 50px;
320 margin-left:auto;
321 margin-right:auto;
322 max-width: calc(100% - 600px);
323 min-width: 320px;
324 background: #ffffff;
325 font-size: 120%;
326 font: normal 18px 'got-medium', sans-serif;
327 text-align: center;
328 line-height: 125%;
329 }
330}
331
332.own-caixaImatgesIndex{
333 margin-top: 50px;
334 width: 100%;
335 text-align: center;
336 padding-bottom: 100px;
337 font: normal 18px 'got-medium', sans-serif;
338}
339.own-caixaImatgeIndex{
340 display: inline-block;
341 margin: 2%;
342}
343.own-imatgeIndex{
344 /*display: inline-block;*/
345 width: 210px;
346}
347
348
349.own-caixaImatgeIndex .own-textHoverImage{
350 position: absolute;
351 /*visibility: hidden;*/
352 text-decoration: none;
353 z-index: 1px;
354 background: rgba(200, 81, 39, 0.3);
355 color: #ffffff;
356 font-weight: bold;
357 font-size: 24px;
358 padding-top: 90px;
359 width: 210px;
360 height: 210px;
361}
362
363.own-caixaImatgeIndex:hover .own-textHoverImage{
364 visibility:visible;
365 background: rgba(200, 81, 39, 0.0);
366}
367
368
369
370
371
372
373/* nosaltres apanyu */
374.own-caixaImatgesNosaltres{
375 margin-top: 50px;
376 width: 100%;
377 text-align: center;
378 padding-bottom: 100px;
379 font: normal 18px 'got-medium', sans-serif;
380}
381.own-caixaImatgeNosaltres{
382 display: inline-block;
383 margin: 2%;
384}
385.own-imatgeNosaltres{
386 /*display: inline-block;*/
387 width: 170px;
388}
389.own-caixaImatgeNosaltres .own-textHoverImage{
390 position: absolute;
391 visibility: hidden;
392 text-decoration: none;
393 /*display: inherit;*/
394 z-index: 1px;
395 background: rgba(200, 81, 39, 0.4);
396 color: #ffffff;
397 font-weight: bold;
398 font-size: 24px;
399 padding-top: 80px;
400 /*padding-left: 100px;*/
401 width: 170px;
402 height: 170px;
403}
404
405.own-caixaImatgeNosaltres:hover .own-textHoverImage{
406 visibility:visible;
407}
408/* fi nosaltres apanyu */
409
410/* /index */
411
412
413/* footer */
414.own-footer{
415 width: 100%;
416 text-align: center;
417 background: #262626;
418 height: 250px;
419 padding-top: 20px;
420 padding: 2%;
421 height: auto;
422 font: normal 16px 'got-medium', sans-serif;
423}
424.own-footer h4{
425 color: #ffffff;
426}
427.own-footer a:link {
428 color: #C85127;
429 text-decoration: none;
430 display: block;
431 margin-bottom: 20px;
432}
433.own-footer a:visited {
434 color: #C85127;
435}
436.own-footer a:hover {
437 color: #dd7955;
438}
439.own-caixaFooter{
440 display: inline-block;
441 width: 300px;
442 vertical-align: top;
443 text-align: left;
444 margin-left: 50px;
445}
446/* /footer */
447
448
449
450/* projecte, bakur, agenda */
451@media (min-width:900px) {
452 .own-lang{
453 text-align: right;
454 margin-right: 80px;
455 display: block;
456 margin-top: 20px;
457 }
458 .own-lang_marginIndex{
459 margin-right:0px;
460 }
461}
462@media (max-width:900px) {
463 .own-lang{
464 text-align: right;
465 /*margin-right: 50px;*/
466 display: block;
467 }
468}
469
470.own-lang a:link{
471 text-decoration: none;
472 color: #000000;
473 /*font-weight: bold;*/
474 display: inline-block;
475 margin: 10px;
476}
477.own-lang a:visited{
478 color: #000000;
479}
480.own-bold{
481 font-weight: bold;
482}
483.own-menuButtons-small{
484 margin-top: 0px!important;
485}
486
487@media (min-width:555px) {
488 .own-menuButtons{
489 float: right;
490 font: normal 18px 'got-black', sans-serif;
491
492 -webkit-transition: all 0.5s; /* Safari */
493 transition: all 0.5s;
494 margin-top: 20px;
495 margin-right: 80px;
496 }
497 .own-menuButtons_Index{
498 margin-right: 0px;
499 }
500 .own-menuButtons a:link{
501 text-decoration: none;
502 color: #000000;
503 font-weight: bold;
504 display: inline-block;
505 margin: 10px;
506 font-size: 20px;
507 padding-bottom: 5px;
508 }
509 .own-menuButtons a:visited{
510 color: #000000;
511 }
512 .own-menuButtons a:hover{
513 color: #C85127;
514 }
515
516 .own-showMenuButton{
517 display: none;
518 }
519}
520@media (max-width:555px) {
521 .own-menuButtons{
522 /*float: right;*/
523 text-align: center;
524 font: normal 18px 'got-black', sans-serif;
525 display: none;
526
527 -webkit-transition: all 0.5s; /* Safari */
528 transition: all 0.5s;
529 }
530 .own-menuButtons a:link{
531 text-decoration: none;
532 color: #000000;
533 font-weight: bold;
534 display: block;
535 margin: 10px;
536 font-size: 20px;
537 padding-bottom: 5px;
538 }
539 .own-menuButtons a:visited{
540 color: #000000;
541 }
542 .own-menuButtons a:hover{
543 color: #C85127;
544 }
545
546 .own-showMenuButton{
547 display: inline-block;
548 cursor: pointer;
549 float: right;
550 margin-right: 20px;
551 margin-top: 3px;
552 font-weight: bold;
553
554 padding: 8px;
555 border: 1px solid #000000;
556 }
557}
558.own-displayShowBlock{
559 display: block!important;
560}
561
562.own-currentPageMenu{
563 color: #C85127!important;
564 border-bottom: 3px solid #C85127;
565 padding-left: 7px;
566 padding-right: 7px;
567}
568.own-imgHeader{
569 width: 100%;
570 margin-top: 50px;
571 margin-bottom: 30px;
572
573 position: absolute;
574 left: 0px;
575 z-index:-1;
576}
577.own-nosaltresContent{
578 width: 100%;
579 text-align: center;
580}
581@media (min-width:990px) {
582 .own-linksLeft{
583 display: inline-block;
584 vertical-align: top;
585 margin-top: 20px;
586 margin-right: 80px;
587 margin-bottom: 40px;
588 max-width: 100px;
589 font: normal 18px 'got-medium', sans-serif;
590 }
591 .own-linksLeft a:link{
592 text-decoration: none;
593 color: #000000;
594 font-weight: bold;
595 display: block;
596 margin: 10px;
597 margin-bottom: 30px;
598 text-align: center;
599 /*border-top: 1px solid #000000;*/
600 padding-top: 20px;
601 width: 120px;
602 }
603 .own-linksLeft a:visited{
604 color: #000000;
605 }
606 .own-linksLeft a:hover{
607 color: #C85127;
608 }
609}
610@media (max-width:990px) {
611 .own-linksLeft{
612 display: inline-block;
613 vertical-align: top;
614 margin-top: 20px;
615 margin-right: 40px;
616 margin-bottom: 40px;
617 /*max-width: 100px;*/
618 font: normal 18px 'got-medium', sans-serif;
619 }
620 .own-linksLeft a:link{
621 text-decoration: none;
622 color: #000000;
623 font-weight: bold;
624 display: inline-block;
625 margin: 10px;
626 margin-bottom: 30px;
627 text-align: center;
628 /*border-top: 1px solid #000000;*/
629 padding-top: 20px;
630 width: 120px;
631 }
632 .own-linksLeft a:visited{
633 color: #000000;
634 }
635 .own-linksLeft a:hover{
636 color: #C85127;
637 }
638}
639table, th, td {
640 border-top: 1px solid black;
641 border-bottom: 1px solid black;
642}
643
644.own-hr{
645 border: 1px solid #000000;
646}
647
648.own-orange{
649 color: #C85127!important;
650}
651.own-projecteText{
652 display: inline-block;
653 max-width: 600px;
654 text-align: left;
655 vertical-align: top;
656 padding: 10px;
657 padding-bottom: 40px;
658 line-height: 120%;
659}
660.own-projecteText h3{
661 font: normal 25px 'got-medium', sans-serif;
662}
663
664
665.own-desplegableAmagat{
666 display: none;
667
668}
669.own-desplegable{
670 display: block;
671 z-index: 1;
672 position: absolute;
673 background: #C85127;
674 max-width: 600px;
675 margin-left: 18%;
676 padding: 30px;
677}
678
679.own-rightBox{
680 display: inline-block;
681 vertical-align: top;
682 margin-top: 30px;
683 text-align: left;
684}
685.own-rightBox a:link{
686 text-decoration: none;
687 color: #000000;
688 font-weight: bold;
689 display: block;
690 margin: 10px;
691 margin-bottom: 20px;
692}
693.own-rightBox a:visited{
694 color: #000000;
695}
696.own-rightBox a:hover{
697 color: #C85127;
698}
699
700@media (max-width:1200px) {
701 .own-textBoxLeft{
702 display: inline-block;
703 vertical-align: top;
704 margin-top: 20px;
705 margin-right: 20px;
706 margin-bottom: 40px;
707 max-width: 600px;
708 text-align: left;
709 font-weight: bold;
710 font: normal 18px 'got-medium', sans-serif;
711 line-height: 115%;
712 }
713}
714@media (min-width:1200px) {
715 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
716 display: inline-block;
717 vertical-align: top;
718 margin-right: 10px;
719 margin-bottom: 40px;
720 max-width: 200px;
721 text-align: left;
722 font-weight: bold;
723 font-size: 22px;
724 font: normal 22px 'got-medium', sans-serif;
725 line-height: 115%;
726 }
727}
728
729.own-nosaltresCenterRight{
730 display: inline-block;
731 max-width: 800px;
732 text-align: left;
733 vertical-align: top;
734}
735.own-imgTopText{
736 width: 100%;
737 margin-bottom: 30px;
738}
739
740.own-nosaltresTitle{
741 /*font-size: 45px;*/
742 font-weight: bold;
743 padding-left: 5.3%;
744 text-align: left;
745 margin-top: 30px;
746 margin-bottom: 30px;
747 font: normal 55px 'got-black', sans-serif;
748}
749.own-nosaltresText{
750 display: inline-block;
751 max-width: 600px;
752 text-align: left;
753 vertical-align: top;
754 padding-bottom: 40px;
755 line-height: 120%;
756}
757
758.own-inlineBlock{
759 display: inline-block!important;
760}
761
762
763.own-agendaData{
764 font-weight: bold;
765 color: #C85127;
766}
767.own-agendaTitol{
768 font-weight: bold;
769}
770.own-agendaContent{
771 font-style: italic;
772}
773
774.own-tableRed{
775 background: #ECB7A9;
776 border: 0px solid #ffffff;
777}
778.own-projecteContent{
779 width: 100%;
780 text-align: center;
781 padding-bottom: 30px;
782 margin-top: 30%;
783}
784.own-contacteContent{
785 width: 100%;
786 text-align: center;
787 padding-bottom: 30px;
788}
789.own-contacteTitle{
790 /*font-size: 45px;*/
791 font-weight: bold;
792 padding-left: 7%;
793 text-align: left;
794 top: 0px;
795 margin-top: 30px;
796 margin-bottom: 30px;
797 font: normal 55px 'got-black', sans-serif;
798}
799.own-contacteText{
800 display: inline-block;
801 max-width: 600px;
802 text-align: left;
803 vertical-align: top;
804 padding-bottom: 40px;
805 line-height: 180%!important;
806 font: normal 16px 'got-medium', sans-serif;
807}
808.own-contacteImage{
809 /*float: left;*/
810 display: inline-block;
811 max-width: 400px;
812 margin-right: 40px;
813 margin-bottom: 30px;
814}
815
816.own-maxWidth250px{
817 max-width: 250px;
818}
819
820.own-anulaPanel{
821 border: 0px solid #ffffff!important;
822 font-size: 16px!important;
823 max-width: 250px!important;
824}
825.own-invisible{
826 visibility: hidden;
827}