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
285.temp-marge1{
286 display: inline-block;
287 margin-top: 10%;
288}
289.own-whiteOverImage{
290 background: #ffffff;
291 padding-top: 10px;
292
293}
294@media (max-width:1080px) {
295 .own-caixaDescripcioIndex{
296 margin-top: 50px;
297 margin-left:auto;
298 margin-right:auto;
299 max-width: calc(100% - 100px);
300 min-width: 320px;
301 background: #ffffff;
302 font-size: 120%;
303 font: normal 18px 'got-medium', sans-serif;
304 text-align: center;
305 line-height: 125%;
306 }
307}
308@media (min-width:1080px) {
309 .own-caixaDescripcioIndex{
310 margin-top: 50px;
311 margin-left:auto;
312 margin-right:auto;
313 max-width: calc(100% - 600px);
314 min-width: 320px;
315 background: #ffffff;
316 font-size: 120%;
317 font: normal 18px 'got-medium', sans-serif;
318 text-align: center;
319 line-height: 125%;
320 }
321}
322
323.own-caixaImatgesIndex{
324 margin-top: 50px;
325 width: 100%;
326 text-align: center;
327 padding-bottom: 100px;
328 font: normal 18px 'got-medium', sans-serif;
329}
330.own-caixaImatgeIndex{
331 display: inline-block;
332 margin: 2%;
333}
334.own-imatgeIndex{
335 /*display: inline-block;*/
336 width: 210px;
337}
338
339
340.own-caixaImatgeIndex .own-textHoverImage{
341 position: absolute;
342 /*visibility: hidden;*/
343 text-decoration: none;
344 z-index: 1px;
345 background: rgba(200, 81, 39, 0.3);
346 color: #ffffff;
347 font-weight: bold;
348 font-size: 24px;
349 padding-top: 90px;
350 width: 210px;
351 height: 210px;
352}
353
354.own-caixaImatgeIndex:hover .own-textHoverImage{
355 visibility:visible;
356 background: rgba(200, 81, 39, 0.0);
357}
358
359
360
361
362
363
364/* nosaltres apanyu */
365.own-caixaImatgesNosaltres{
366 margin-top: 50px;
367 width: 100%;
368 text-align: center;
369 padding-bottom: 100px;
370 font: normal 18px 'got-medium', sans-serif;
371}
372.own-caixaImatgeNosaltres{
373 display: inline-block;
374 margin: 2%;
375}
376.own-imatgeNosaltres{
377 /*display: inline-block;*/
378 width: 170px;
379}
380.own-caixaImatgeNosaltres .own-textHoverImage{
381 position: absolute;
382 visibility: hidden;
383 text-decoration: none;
384 /*display: inherit;*/
385 z-index: 1px;
386 background: rgba(200, 81, 39, 0.4);
387 color: #ffffff;
388 font-weight: bold;
389 font-size: 24px;
390 padding-top: 80px;
391 /*padding-left: 100px;*/
392 width: 170px;
393 height: 170px;
394}
395
396.own-caixaImatgeNosaltres:hover .own-textHoverImage{
397 visibility:visible;
398}
399/* fi nosaltres apanyu */
400
401/* /index */
402
403
404/* footer */
405.own-footer{
406 width: 100%;
407 text-align: center;
408 background: #262626;
409 height: 250px;
410 padding-top: 20px;
411 padding: 2%;
412 height: auto;
413 font: normal 16px 'got-medium', sans-serif;
414}
415.own-footer h4{
416 color: #ffffff;
417}
418.own-footer a:link {
419 color: #C85127;
420 text-decoration: none;
421 display: block;
422 margin-bottom: 20px;
423}
424.own-footer a:visited {
425 color: #C85127;
426}
427.own-footer a:hover {
428 color: #dd7955;
429}
430.own-caixaFooter{
431 display: inline-block;
432 width: 300px;
433 vertical-align: top;
434 text-align: left;
435 margin-left: 50px;
436}
437/* /footer */
438
439
440
441/* projecte, bakur, agenda */
442@media (min-width:900px) {
443 .own-lang{
444 text-align: right;
445 margin-right: 80px;
446 display: block;
447 margin-top: 20px;
448 }
449 .own-lang_marginIndex{
450 margin-right:0px;
451 }
452}
453@media (max-width:900px) {
454 .own-lang{
455 text-align: right;
456 /*margin-right: 50px;*/
457 display: block;
458 }
459}
460
461.own-lang a:link{
462 text-decoration: none;
463 color: #000000;
464 /*font-weight: bold;*/
465 display: inline-block;
466 margin: 10px;
467}
468.own-lang a:visited{
469 color: #000000;
470}
471.own-bold{
472 font-weight: bold;
473}
474.own-menuButtons-small{
475 margin-top: 0px!important;
476}
477
478@media (min-width:555px) {
479 .own-menuButtons{
480 float: right;
481 font: normal 18px 'got-black', sans-serif;
482
483 -webkit-transition: all 0.5s; /* Safari */
484 transition: all 0.5s;
485 margin-top: 20px;
486 margin-right: 80px;
487 }
488 .own-menuButtons_Index{
489 margin-right: 0px;
490 }
491 .own-menuButtons a:link{
492 text-decoration: none;
493 color: #000000;
494 font-weight: bold;
495 display: inline-block;
496 margin: 10px;
497 font-size: 20px;
498 padding-bottom: 5px;
499 }
500 .own-menuButtons a:visited{
501 color: #000000;
502 }
503 .own-menuButtons a:hover{
504 color: #C85127;
505 }
506
507 .own-showMenuButton{
508 display: none;
509 }
510}
511@media (max-width:555px) {
512 .own-menuButtons{
513 /*float: right;*/
514 text-align: center;
515 font: normal 18px 'got-black', sans-serif;
516 display: none;
517
518 -webkit-transition: all 0.5s; /* Safari */
519 transition: all 0.5s;
520 }
521 .own-menuButtons a:link{
522 text-decoration: none;
523 color: #000000;
524 font-weight: bold;
525 display: block;
526 margin: 10px;
527 font-size: 20px;
528 padding-bottom: 5px;
529 }
530 .own-menuButtons a:visited{
531 color: #000000;
532 }
533 .own-menuButtons a:hover{
534 color: #C85127;
535 }
536
537 .own-showMenuButton{
538 display: inline-block;
539 cursor: pointer;
540 float: right;
541 margin-right: 20px;
542 margin-top: 3px;
543 font-weight: bold;
544
545 padding: 8px;
546 border: 1px solid #000000;
547 }
548}
549.own-displayShowBlock{
550 display: block!important;
551}
552
553.own-currentPageMenu{
554 color: #C85127!important;
555 border-bottom: 3px solid #C85127;
556 padding-left: 7px;
557 padding-right: 7px;
558}
559.own-imgHeader{
560 width: 100%;
561 margin-top: 50px;
562 margin-bottom: 30px;
563
564 position: absolute;
565 left: 0px;
566 z-index:-1;
567}
568.own-nosaltresContent{
569 width: 100%;
570 text-align: center;
571}
572@media (min-width:990px) {
573 .own-linksLeft{
574 display: inline-block;
575 vertical-align: top;
576 margin-top: 20px;
577 margin-right: 80px;
578 margin-bottom: 40px;
579 max-width: 100px;
580 font: normal 18px 'got-medium', sans-serif;
581 }
582 .own-linksLeft a:link{
583 text-decoration: none;
584 color: #000000;
585 font-weight: bold;
586 display: block;
587 margin: 10px;
588 margin-bottom: 30px;
589 text-align: center;
590 /*border-top: 1px solid #000000;*/
591 padding-top: 20px;
592 width: 120px;
593 }
594 .own-linksLeft a:visited{
595 color: #000000;
596 }
597 .own-linksLeft a:hover{
598 color: #C85127;
599 }
600}
601@media (max-width:990px) {
602 .own-linksLeft{
603 display: inline-block;
604 vertical-align: top;
605 margin-top: 20px;
606 margin-right: 40px;
607 margin-bottom: 40px;
608 /*max-width: 100px;*/
609 font: normal 18px 'got-medium', sans-serif;
610 }
611 .own-linksLeft a:link{
612 text-decoration: none;
613 color: #000000;
614 font-weight: bold;
615 display: inline-block;
616 margin: 10px;
617 margin-bottom: 30px;
618 text-align: center;
619 /*border-top: 1px solid #000000;*/
620 padding-top: 20px;
621 width: 120px;
622 }
623 .own-linksLeft a:visited{
624 color: #000000;
625 }
626 .own-linksLeft a:hover{
627 color: #C85127;
628 }
629}
630table, th, td {
631 border-top: 1px solid black;
632 border-bottom: 1px solid black;
633}
634
635.own-hr{
636 border: 1px solid #000000;
637}
638
639.own-orange{
640 color: #C85127!important;
641}
642.own-projecteText{
643 display: inline-block;
644 max-width: 600px;
645 text-align: left;
646 vertical-align: top;
647 padding: 10px;
648 padding-bottom: 40px;
649 line-height: 120%;
650}
651.own-projecteText h3{
652 font: normal 25px 'got-medium', sans-serif;
653}
654
655
656.own-desplegableAmagat{
657 display: none;
658
659}
660.own-desplegable{
661 display: block;
662 z-index: 1;
663 position: absolute;
664 background: #C85127;
665 max-width: 600px;
666 margin-left: 18%;
667 padding: 30px;
668}
669
670.own-rightBox{
671 display: inline-block;
672 vertical-align: top;
673 margin-top: 30px;
674 text-align: left;
675}
676.own-rightBox a:link{
677 text-decoration: none;
678 color: #000000;
679 font-weight: bold;
680 display: block;
681 margin: 10px;
682 margin-bottom: 20px;
683}
684.own-rightBox a:visited{
685 color: #000000;
686}
687.own-rightBox a:hover{
688 color: #C85127;
689}
690
691@media (max-width:1200px) {
692 .own-textBoxLeft{
693 display: inline-block;
694 vertical-align: top;
695 margin-top: 20px;
696 margin-right: 20px;
697 margin-bottom: 40px;
698 max-width: 600px;
699 text-align: left;
700 font-weight: bold;
701 font: normal 18px 'got-medium', sans-serif;
702 line-height: 115%;
703 }
704}
705@media (min-width:1200px) {
706 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
707 display: inline-block;
708 vertical-align: top;
709 margin-right: 10px;
710 margin-bottom: 40px;
711 max-width: 200px;
712 text-align: left;
713 font-weight: bold;
714 font-size: 22px;
715 font: normal 22px 'got-medium', sans-serif;
716 line-height: 115%;
717 }
718}
719
720.own-nosaltresCenterRight{
721 display: inline-block;
722 max-width: 800px;
723 text-align: left;
724 vertical-align: top;
725}
726.own-imgTopText{
727 width: 100%;
728 margin-bottom: 30px;
729}
730
731.own-nosaltresTitle{
732 /*font-size: 45px;*/
733 font-weight: bold;
734 padding-left: 5.3%;
735 text-align: left;
736 margin-top: 30px;
737 margin-bottom: 30px;
738 font: normal 55px 'got-black', sans-serif;
739}
740.own-nosaltresText{
741 display: inline-block;
742 max-width: 600px;
743 text-align: left;
744 vertical-align: top;
745 padding-bottom: 40px;
746 line-height: 120%;
747}
748
749.own-inlineBlock{
750 display: inline-block!important;
751}
752
753
754.own-agendaData{
755 font-weight: bold;
756 color: #C85127;
757}
758.own-agendaTitol{
759 font-weight: bold;
760}
761.own-agendaContent{
762 font-style: italic;
763}
764
765.own-tableRed{
766 background: #ECB7A9;
767 border: 0px solid #ffffff;
768}
769.own-projecteContent{
770 width: 100%;
771 text-align: center;
772 padding-bottom: 30px;
773 margin-top: 30%;
774}
775.own-contacteContent{
776 width: 100%;
777 text-align: center;
778 padding-bottom: 30px;
779}
780.own-contacteTitle{
781 /*font-size: 45px;*/
782 font-weight: bold;
783 padding-left: 7%;
784 text-align: left;
785 top: 0px;
786 margin-top: 30px;
787 margin-bottom: 30px;
788 font: normal 55px 'got-black', sans-serif;
789}
790.own-contacteText{
791 display: inline-block;
792 max-width: 600px;
793 text-align: left;
794 vertical-align: top;
795 padding-bottom: 40px;
796 line-height: 180%!important;
797 font: normal 16px 'got-medium', sans-serif;
798}
799.own-contacteImage{
800 /*float: left;*/
801 display: inline-block;
802 max-width: 400px;
803 margin-right: 40px;
804 margin-bottom: 30px;
805}
806
807.own-maxWidth250px{
808 max-width: 250px;
809}
810
811.own-anulaPanel{
812 border: 0px solid #ffffff!important;
813 font-size: 16px!important;
814 max-width: 250px!important;
815}
816.own-invisible{
817 visibility: hidden;
818}