1 @charset "utf-8";
2 html{
3 width:100%;
4 }
5 body {
6 display:block;
7 background-color : #FFF;
8 height :1200px;
9 width:100%;
10 margin:0 auto;
11 overflow-x:hidden;
12 }
13
14 #contenedor {
15 margin :auto;
16 height:1000px;
17 width:100%;
18 }
19 #lateral img {
20 position:absolute;
21 left:1px;
22 top:250px;
23 }
24 #lateral{
25
26 }
27 #registro {
28 position:absolute;
29 left:1416px;
30 top:7px;
31 width : 244px;
32 height : 141px;
33 border:#9BA5F9 1px solid;
34 background-color:#EFEFEF;
35 }
36 #registro form {
37 position:absolute;
38 top:17px;
39 }
40 #registro img {
41 position:absolute;
42 left:-1416px;
43 top:-6px;
44 }
45
46
47 #registro input[type=button] {
48 float : left;
49 margin-top : 18px;
50 margin-left : 137px;
51 background-color : #AAF;
52 }
53
54
55
56 #registro form a{
57 position:absolute;
58 left:26px;
59 top:79px;
60
61 }
62
63
64 #gallery {
65 position:absolute
66 left:21px;
67 top:16px;
68 width : 30%;
69 }
70 #images {
71 height : 225px;
72 background : #eef5f6;
73 margin-bottom : 20px;
74 }
75 #image {
76 position:absolute;
77 top:301px;
78 left:330px;
79 width : 692px;
80 height : 55%;
81 background : #fff url(images/loading.gif) no-repeat center center;
82 }
83 #image img {
84 position : absolute;
85 top : 1px;
86 left : 9px;
87 }
88 #thumbwrapper {
89 position:absolute;
90 top:700px;
91 left:305px;
92 width : 685px;
93 height : 100px;
94 background : #fff;
95 }
96 #thumbarea {
97 position :absolute;
98 top:6px;
99 left:5px;
100 overflow : hidden;
101 height : 100px;
102 width : 685px;
103
104 }
105 #thumbs {
106 position : absolute;
107 list-style : none;
108 margin-left : 5px;
109 height : 100px;
110 width : 10000px;
111 border-right : 5px solid #fff;
112 }
113 #thumbs li {
114 float : left;
115 margin-right : 5px;
116 cursor : pointer;
117 }
118 .imgnav {
119 position : absolute;
120 height : 409px;
121 width : 684px;
122 z-index : 100;
123 width : 20%;
124 z-index : 100;
125 outline : none;
126 cursor : pointer;
127 }
128 #previmg {
129 left : 0;
130 background : url(images/left.gif) no-repeat left center;
131 border-left : 5px solid #fff;
132 }
133 #nextimg {
134 right : 0;
135 background : url(images/right.gif) no-repeat right center;
136 border-right : 5px solid #fff;
137 }
138 #texto{
139 position:absolute;
140 left : 1095px;
141 top :328px;
142 }
143 #texto p {
144 font-family : Verdana, Geneva, sans-serif;
145 font-size : 14px;
146 color : #666;
147 width:550px;
148 }
149 #texto h3 {
150 text-align:center;
151 font-family : Verdana, Geneva, sans-serif;
152 color : #09f;
153 }
154 ul.MenuBarHorizontal {
155 font-family:Verdana, Geneva, sans-serif;
156 position:absolute;
157 top:147px;
158 left:517px;
159 list-style-type : none;
160 font-size : 18px;
161 cursor : default;
162 width : 60%;
163 height :20%;
164
165 }
166 ul.MenuBarActive {
167 z-index : 1000;
168 }
169 ul.MenuBarHorizontal li {
170 margin : 0;
171 padding : 0;
172 list-style-type : none;
173 font-size : 100%;
174 position : relative;
175 text-align : center;
176 cursor : pointer;
177 width : 9.5em;
178 float : left;
179 }
180 ul.MenuBarHorizontal ul {
181 margin : 0;
182 padding : 0;
183 list-style-type : none;
184 font-size : 100%;
185 z-index : 1020;
186 cursor : default;
187 width : 8.2em;
188 position : absolute;
189 left : -1000em;
190 }
191 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
192 left : auto;
193 }
194 ul.MenuBarHorizontal ul li {
195 width : 8.2em;
196 }
197 ul.MenuBarHorizontal ul ul {
198 position : absolute;
199 margin : -5% 0 0 95%;
200 }
201 ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
202 left : auto;
203 top : 0;
204 }
205 ul.MenuBarHorizontal ul {
206 border : 1px solid # FFF;
207 }
208 ul.MenuBarHorizontal a {
209 display : block;
210 cursor : pointer;
211 background-color : #0F0374;
212 padding : 0.5em 0.75em;
213 color : #fff;
214 text-decoration : none;
215 }
216 ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
217 background-color : #7275F8;
218 color : #0c0;
219 }
220 ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
221 background-color : #7275F8;
222 color : #600;
223 }
224 ul.MenuBarHorizontal a.MenuBarItemSubmenu {
225 background-image : url(SpryMenuBarDown.gif);
226 background-repeat : no-repeat;
227 background-position : 95% 50%;
228 color : #ffc;
229 }
230 ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
231 background-image : url(SpryMenuBarRight.gif);
232 background-repeat : no-repeat;
233 background-position : 95% 50%;
234 }
235 ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
236 background-image : url(SpryMenuBarDownHover.gif);
237 background-repeat : no-repeat;
238 background-position : 95% 50%;
239 }
240 ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
241 background-image : url(SpryMenuBarRightHover.gif);
242 background-repeat : no-repeat;
243 background-position : 95% 50%;
244 }
245 ul.MenuBarhorizontal ul {
246 color : #600;
247 }
248 @media projection, screen {
249 ul.MenuBarHorizontal li.MenuBarItemIE {
250 display : inline;
251 float : left;
252 background : #fff;
253 }
254 }
255 #contenido{
256 position:relative;
257 left:10%;
258 top:10%;
259
260 }
261 #mapa {
262 position:relative;
263 left : 56%;
264 top : -23.25%;
265 }
266
267 #contenedor #direccion{
268 position:relative;
269 left : 20%;
270 top : 29%;
271 width:35%;
272 height:53%;
273
274 }
275 #contenedor #direccion #icono{
276 float:left;
277 width:20%;
278 height:20%;
279
280 }
281 #contenedor #direccion #icono img {
282 float:left;
283 margin-bottom:18%;
284 }
285
286 #h2{
287 float:left;
288 width:63%;
289 height:20%;
290 margin-bottom:10%;
291 }
292 #h2 h2{
293 float:none;
294 margin-bottom:10%;
295 }
296
297 b {
298 font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
299 font-size:75%;
300 color : #06c;
301 }
302 form textarea {
303 background : #FFF;
304 float : right;
305 }
306 form input {
307 background : #FFF;
308 margin-right : 5px;
309 float : right;
310 }
311 h2 {
312 color : #06c;
313 text-align : center;
314 /*margin-left : 0%;*/
315 margin-top : 2%;
316 }
317 .servicios {
318 width : 100%;
319 height : 19%;
320 position : relative;
321 left : 375px;
322 top : 213px;
323 }
324
325 .servicios p {
326 font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
327 font-size : 0.545em;
328 color : #666;
329 }
330
331 #zona_privada {
332 font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
333 color : #06c;
334 width : 552px;
335 height : auto;
336 position : relative;
337 left : 426px;
338 top : 15px;
339 }
340 #zona_privada h2 {
341 text-align : center;
342 position : relative;
343 top : -114px;
344 left : -157px;
345 }
346 #contenedor #registro_usuario {
347 position:relative;
348 left:10%;
349 top:26%;
350 width:84%;
351 }
352 #contenedor #registro_usuario h2 {
353 text-align:center;
354 }
355
356 #contenedor #presupuesto {
357 position:relative;
358 left : 26%;
359 top : 34%;
360 width:20%;
361 height:33%;
362 border:#9BA5F9 1px solid;
363
364 }
365 #contenedor #presupuesto h1 {
366 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
367 text-align:left;
368 margin-top:-2%;
369 color : #06c;
370 width:130%;
371 padding-left:3%;
372 }
373 #formulario{
374 position:relative;
375 left : 56%;
376 top : -4.25%;
377 background-color:#630;
378 }
379 #contenedor #formulario form {
380
381 float:left;
382 position:relative;
383 left:-1%;
384 top:10%;
385 width:36%;
386 border:#9BA5F9 1px solid;
387 background-color:#EFEFEF;
388 }
389
390 #contenedor #formulario form b {
391 float:left;
392 margin-left:-12%;
393 padding-left:18%;
394 }
395 #contenedor #formulario form input {
396 float:left;
397 margin-left:1%;
398 }
399
400 #formulario2{
401 position:relative;
402 left : 20%;
403 top : 20.75%;
404 background-color:#630;
405 }
406 #contenedor #formulario2 form {
407
408 float:left;
409 position:relative;
410 left:-1%;
411 top:10%;
412 width:36%;
413 border:#9BA5F9 1px solid;
414 background-color:#EFEFEF;
415 }
416
417 #contenedor #formulario2 form b {
418 float:left;
419 margin-left:-12%;
420 padding-left:18%;
421 }
422 #contenedor #formulario2 form input {
423 float:left;
424 margin-left:1%;
425 }
426 #contenedor #presupuesto img {
427 padding-left:9%;
428 padding-right:1%;
429 }
430 #contenedor #servicios {
431 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
432 position:relative;
433 top:-64%;
434 left:26%;
435 }
436 #contenedor #servicios p {
437 color:#999;
438 width:50%;
439 }
440
441
442
443 Este ShareCode tiene versiones:
Enlace
El enlace para compartir es: