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<style>
 17@font-face {
 18    font-family: jauria;
 19
 20    src: local("Helvetica Neue Bold"),
 21       local("HelveticaNeue-Bold"),
 22       url(tipos/jauria/jauria-Italic-v.otf);
 23}
 24
 25.own-container{
 26}
 27
 28/* index */
 29
 30@media (min-width:550px) {
 31  .own-indexBackgroundImage{
 32    width: 100%;
 33    /*height: 100%;*/
 34    z-index: -1;
 35    position: fixed;
 36    left: 0px;
 37    top: 0px;
 38  }
 39}
 40
 41@media (max-width:550px) {
 42  .own-indexBackgroundImage{
 43    /*width: 100%;*/
 44    height: 100%;
 45    z-index: -1;
 46    position: fixed;
 47    left: 0px;
 48    top: 0px;
 49  }
 50}
 51.own-langIndex{
 52  text-align: right;
 53  margin-right: 50px;
 54  display: block;
 55}
 56.own-langIndex a:link{
 57  text-decoration: none;
 58  color: #ffffff;
 59  font-weight: bold;
 60  display: inline-block;
 61  margin: 10px;
 62}
 63.own-langIndex a:visited{
 64  color: #ffffff;
 65}
 66
 67.own-menu{
 68  display: block;
 69  padding-left: 50px;
 70  padding-right: 50px;
 71}
 72.own-overImage-logo{
 73  margin-left: 30px;
 74  width: 200px;
 75
 76}
 77.own-whiteText a:link{
 78  color: #ffffff!important;
 79}
 80.own-whiteText a:visited{
 81  color: #ffffff!important;
 82}
 83.own-whiteText a:hover{
 84  color: #C85127!important;
 85}
 86/*.own-menuButtonsIndex{
 87  float: right;
 88  margin-right: 50px;
 89}
 90.own-menuButtonsIndex a:link{
 91  text-decoration: none;
 92  color: #ffffff;
 93  font-weight: bold;
 94  display: inline-block;
 95  margin: 10px;
 96}
 97.own-menuButtonsIndex a:visited{
 98  color: #ffffff;
 99}
100.own-menuButtonsIndex a:hover{
101  color: #C85127;
102}*/
103
104
105
106
107.own-mainTitleBox{
108  left: 0;
109  margin-top: 10%;
110  width: 100%;
111  text-align: center;
112  font-family: jauria;
113}
114.own-mainTitle{
115  color: #ffffff;
116  background: #C85127;
117  font-size: 45px;
118  width: 400px;
119  margin-left: auto; /*temporal*/
120  margin-right: auto;
121}
122.own-subTitle{
123  color: #ffffff;
124  font-style: italic;
125  font-size: 24px;
126}
127.own-verkami{
128  /*border: 1px solid #000000;*/
129  cursor: pointer;
130}
131.own-socialNetworks{
132  margin-left: 2%;
133  margin-top: 5%;
134  display: inline-block;
135}
136.own-socialNetwork{
137  display: inline-block;
138  height: 20px;
139  margin-right: 5px;
140  cursor: pointer;
141}
142.own-socialNetwork-facebookMargin{
143  margin-right: 10px;
144}
145.own-teaser{
146  float: right;
147  margin-right: 2%;
148  margin-top: calc(6% - 10px);
149  color: #ffffff;
150  font-weight: bold;
151  font-size: 18px;
152}
153
154.temp-marge1{
155  display: inline-block;
156  margin-top: 10%;
157}
158.own-whiteOverImage{
159  background: #ffffff;
160  padding-top: 10px;
161
162}
163.own-caixaDescripcioIndex{
164  margin-top: 50px;
165  margin-left:auto;
166  margin-right:auto;
167  max-width: calc(100% - 300px);
168  min-width: 320px;
169  background: #ffffff;
170}
171.own-caixaImatgesIndex{
172  margin-top: 50px;
173  width: 100%;
174  text-align: center;
175  padding-bottom: 100px;
176}
177.own-imatgeIndex{
178  display: inline-block;
179  margin: 2%;
180  width: 210px;
181}
182/*  /index  */
183
184
185/* footer */
186.own-footer{
187  width: 100%;
188  text-align: center;
189  background: #262626;
190  height: 250px;
191  padding-top: 20px;
192  padding: 2%;
193}
194.own-footer h3{
195  color: #ffffff;
196}
197.own-footer a:link {
198   color: #C85127;
199   text-decoration: none;
200   display: block;
201}
202.own-footer a:hover {
203   color: #dd7955;
204}
205.own-caixaFooter{
206  display: inline-block;
207  width: 250px;
208  vertical-align: top;
209}
210/* /footer */
211
212
213
214/* projecte, bakur, agenda */
215.own-lang{
216  text-align: right;
217  margin-right: 50px;
218  display: block;
219}
220.own-lang a:link{
221  text-decoration: none;
222  color: #000000;
223  /*font-weight: bold;*/
224  display: inline-block;
225  margin: 10px;
226}
227.own-lang a:visited{
228  color: #000000;
229}
230.own-bold{
231  font-weight: bold;
232}
233
234.own-menuButtons{
235  float: right;
236  margin-right: 50px;
237}
238.own-menuButtons a:link{
239  text-decoration: none;
240  color: #000000;
241  font-weight: bold;
242  display: inline-block;
243  margin: 10px;
244  font-size: 20px;
245}
246.own-menuButtons a:visited{
247  color: #000000;
248}
249.own-menuButtons a:hover{
250  color: #C85127;
251}
252.own-currentPageMenu{
253  color: #C85127;
254}
255.own-imgHeader{
256  width: 100%;
257  margin-top: 50px;
258  margin-bottom: 30px;
259}
260.own-nosaltresContent{
261  width: 100%;
262  text-align: center;
263}
264.own-linksLeft{
265  display: inline-block;
266  vertical-align: top;
267  margin-top: 20px;
268  margin-right: 40px;
269  margin-bottom: 40px;
270  max-width: 100px;
271}
272.own-linksLeft a:link{
273  text-decoration: none;
274  color: #000000;
275  font-weight: bold;
276  display: block;
277  margin: 10px;
278  margin-bottom: 30px;
279  text-align: center;
280  border-top: 1px solid #000000;
281  padding-top: 20px;
282  width: 120px;
283}
284.own-linksLeft a:visited{
285  color: #000000;
286}
287.own-linksLeft a:hover{
288  color: #C85127;
289}
290.own-orange{
291  color: #C85127!important;
292}
293.own-projecteText{
294  display: inline-block;
295  max-width: 600px;
296  text-align: left;
297  vertical-align: top;
298  padding: 10px;
299  padding-bottom: 40px;
300}
301
302.own-rightBox{
303  display: inline-block;
304  vertical-align: top;
305  margin-top: 30px;
306}
307.own-rightBox a:link{
308  text-decoration: none;
309  color: #000000;
310  font-weight: bold;
311  display: block;
312  margin: 10px;
313}
314.own-rightBox a:visited{
315  color: #000000;
316}
317.own-rightBox a:hover{
318  color: #C85127;
319}
320
321@media (max-width:960px) {
322  .own-textBoxLeft{
323    display: inline-block;
324    vertical-align: top;
325    margin-top: 20px;
326    margin-right: 20px;
327    margin-bottom: 40px;
328    max-width: 600px;
329    text-align: left;
330    font-weight: bold;
331  }
332}
333@media (min-width:960px) {
334  .own-textBoxLeft{
335    display: inline-block;
336    vertical-align: top;
337    margin-top: 20px;
338    margin-right: 20px;
339    margin-bottom: 40px;
340    max-width: 100px;
341    text-align: left;
342    font-weight: bold;
343  }
344}
345
346.own-nosaltresCenterRight{
347  display: inline-block;
348  max-width: 800px;
349  text-align: left;
350  vertical-align: top;
351}
352.own-imgTopText{
353  width: 100%;
354  margin-bottom: 30px;
355}
356
357.own-nosaltresTitle{
358  font-size: 45px;
359  font-weight: bold;
360  padding-left: 7%;
361  text-align: left;
362}
363.own-nosaltresText{
364  display: inline-block;
365  max-width: 650px;
366  text-align: left;
367  vertical-align: top;
368}