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 1s;
178
179 }
180 .own-overImage-logo_index{
181 margin-left: -80px;
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 1s;
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: 50px;*/
446 display: block;
447 margin-top: 20px;
448 }
449}
450@media (max-width:900px) {
451 .own-lang{
452 text-align: right;
453 /*margin-right: 50px;*/
454 display: block;
455 }
456}
457
458.own-lang a:link{
459 text-decoration: none;
460 color: #000000;
461 /*font-weight: bold;*/
462 display: inline-block;
463 margin: 10px;
464}
465.own-lang a:visited{
466 color: #000000;
467}
468.own-bold{
469 font-weight: bold;
470}
471.own-menuButtons-small{
472 margin-top: 0px!important;
473}
474@media (min-width:555px) {
475 .own-menuButtons{
476 float: right;
477 font: normal 18px 'got-black', sans-serif;
478
479 -webkit-transition: all 0.5s; /* Safari */
480 transition: all 0.5s;
481 margin-top: 20px;
482 }
483 .own-menuButtons a:link{
484 text-decoration: none;
485 color: #000000;
486 font-weight: bold;
487 display: inline-block;
488 margin: 10px;
489 font-size: 20px;
490 padding-bottom: 5px;
491 }
492 .own-menuButtons a:visited{
493 color: #000000;
494 }
495 .own-menuButtons a:hover{
496 color: #C85127;
497 }
498
499 .own-showMenuButton{
500 display: none;
501 }
502}
503@media (max-width:555px) {
504 .own-menuButtons{
505 /*float: right;*/
506 text-align: center;
507 font: normal 18px 'got-black', sans-serif;
508 display: none;
509
510 -webkit-transition: all 0.5s; /* Safari */
511 transition: all 0.5s;
512 }
513 .own-menuButtons a:link{
514 text-decoration: none;
515 color: #000000;
516 font-weight: bold;
517 display: block;
518 margin: 10px;
519 font-size: 20px;
520 padding-bottom: 5px;
521 }
522 .own-menuButtons a:visited{
523 color: #000000;
524 }
525 .own-menuButtons a:hover{
526 color: #C85127;
527 }
528
529 .own-showMenuButton{
530 display: inline-block;
531 cursor: pointer;
532 float: right;
533 margin-right: 20px;
534 margin-top: 3px;
535 font-weight: bold;
536
537 padding: 8px;
538 border: 1px solid #000000;
539 }
540}
541.own-displayShowBlock{
542 display: block!important;
543}
544
545.own-currentPageMenu{
546 color: #C85127!important;
547 border-bottom: 3px solid #C85127;
548 padding-left: 7px;
549 padding-right: 7px;
550}
551.own-imgHeader{
552 width: 100%;
553 margin-top: 50px;
554 margin-bottom: 30px;
555
556 position: absolute;
557 left: 0px;
558 z-index:-1;
559}
560.own-nosaltresContent{
561 width: 100%;
562 text-align: center;
563}
564@media (min-width:990px) {
565 .own-linksLeft{
566 display: inline-block;
567 vertical-align: top;
568 margin-top: 20px;
569 margin-right: 80px;
570 margin-bottom: 40px;
571 max-width: 100px;
572 font: normal 18px 'got-medium', sans-serif;
573 }
574 .own-linksLeft a:link{
575 text-decoration: none;
576 color: #000000;
577 font-weight: bold;
578 display: block;
579 margin: 10px;
580 margin-bottom: 30px;
581 text-align: center;
582 /*border-top: 1px solid #000000;*/
583 padding-top: 20px;
584 width: 120px;
585 }
586 .own-linksLeft a:visited{
587 color: #000000;
588 }
589 .own-linksLeft a:hover{
590 color: #C85127;
591 }
592}
593@media (max-width:990px) {
594 .own-linksLeft{
595 display: inline-block;
596 vertical-align: top;
597 margin-top: 20px;
598 margin-right: 40px;
599 margin-bottom: 40px;
600 /*max-width: 100px;*/
601 font: normal 18px 'got-medium', sans-serif;
602 }
603 .own-linksLeft a:link{
604 text-decoration: none;
605 color: #000000;
606 font-weight: bold;
607 display: inline-block;
608 margin: 10px;
609 margin-bottom: 30px;
610 text-align: center;
611 /*border-top: 1px solid #000000;*/
612 padding-top: 20px;
613 width: 120px;
614 }
615 .own-linksLeft a:visited{
616 color: #000000;
617 }
618 .own-linksLeft a:hover{
619 color: #C85127;
620 }
621}
622table, th, td {
623 border-top: 1px solid black;
624 border-bottom: 1px solid black;
625}
626
627.own-hr{
628 border: 1px solid #000000;
629}
630
631.own-orange{
632 color: #C85127!important;
633}
634.own-projecteText{
635 display: inline-block;
636 max-width: 600px;
637 text-align: left;
638 vertical-align: top;
639 padding: 10px;
640 padding-bottom: 40px;
641 line-height: 120%;
642}
643.own-projecteText h3{
644 font: normal 25px 'got-medium', sans-serif;
645}
646
647
648.own-desplegableAmagat{
649 display: none;
650
651}
652.own-desplegable{
653 display: block;
654 z-index: 1;
655 position: absolute;
656 background: #C85127;
657 max-width: 600px;
658 margin-left: 18%;
659 padding: 30px;
660}
661
662.own-rightBox{
663 display: inline-block;
664 vertical-align: top;
665 margin-top: 30px;
666 text-align: left;
667}
668.own-rightBox a:link{
669 text-decoration: none;
670 color: #000000;
671 font-weight: bold;
672 display: block;
673 margin: 10px;
674 margin-bottom: 20px;
675}
676.own-rightBox a:visited{
677 color: #000000;
678}
679.own-rightBox a:hover{
680 color: #C85127;
681}
682
683@media (max-width:1200px) {
684 .own-textBoxLeft{
685 display: inline-block;
686 vertical-align: top;
687 margin-top: 20px;
688 margin-right: 20px;
689 margin-bottom: 40px;
690 max-width: 600px;
691 text-align: left;
692 font-weight: bold;
693 font: normal 18px 'got-medium', sans-serif;
694 line-height: 115%;
695 }
696}
697@media (min-width:1200px) {
698 .own-textBoxLeft{ /*a pantalla gran, barra lateral left*/
699 display: inline-block;
700 vertical-align: top;
701 margin-right: 10px;
702 margin-bottom: 40px;
703 max-width: 200px;
704 text-align: left;
705 font-weight: bold;
706 font-size: 22px;
707 font: normal 22px 'got-medium', sans-serif;
708 line-height: 115%;
709 }
710}
711
712.own-nosaltresCenterRight{
713 display: inline-block;
714 max-width: 800px;
715 text-align: left;
716 vertical-align: top;
717}
718.own-imgTopText{
719 width: 100%;
720 margin-bottom: 30px;
721}
722
723.own-nosaltresTitle{
724 /*font-size: 45px;*/
725 font-weight: bold;
726 padding-left: 5.3%;
727 text-align: left;
728 margin-top: 30px;
729 margin-bottom: 30px;
730 font: normal 55px 'got-black', sans-serif;
731}
732.own-nosaltresText{
733 display: inline-block;
734 max-width: 600px;
735 text-align: left;
736 vertical-align: top;
737 padding-bottom: 40px;
738 line-height: 120%;
739}
740
741.own-inlineBlock{
742 display: inline-block!important;
743}
744
745
746.own-agendaData{
747 font-weight: bold;
748 color: #C85127;
749}
750.own-agendaTitol{
751 font-weight: bold;
752}
753.own-agendaContent{
754 font-style: italic;
755}
756
757.own-tableRed{
758 background: #ECB7A9;
759 border: 0px solid #ffffff;
760}
761.own-projecteContent{
762 width: 100%;
763 text-align: center;
764 padding-bottom: 30px;
765 margin-top: 30%;
766}
767.own-contacteContent{
768 width: 100%;
769 text-align: center;
770 padding-bottom: 30px;
771}
772.own-contacteTitle{
773 /*font-size: 45px;*/
774 font-weight: bold;
775 padding-left: 7%;
776 text-align: left;
777 top: 0px;
778 margin-top: 30px;
779 margin-bottom: 30px;
780 font: normal 55px 'got-black', sans-serif;
781}
782.own-contacteText{
783 display: inline-block;
784 max-width: 600px;
785 text-align: left;
786 vertical-align: top;
787 padding-bottom: 40px;
788 line-height: 180%!important;
789 font: normal 16px 'got-medium', sans-serif;
790}
791.own-contacteImage{
792 /*float: left;*/
793 display: inline-block;
794 max-width: 400px;
795 margin-right: 40px;
796 margin-bottom: 30px;
797}
798
799.own-maxWidth250px{
800 max-width: 250px;
801}
802
803.own-anulaPanel{
804 border: 0px solid #ffffff!important;
805 font-size: 16px!important;
806 max-width: 250px!important;
807}
808.own-invisible{
809 visibility: hidden;
810}