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