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