Gracias, Wikipedia.
ShareCode
Permalink: http://www.treeweb.es/u/974/ 01/02/2011

ShareCode

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:
  1. Documento sin título ... (24/04/2013)
Enlace
El enlace para compartir es:

Powered by TreeWeb
© TreeWeb 2010. Todos los derechos reservados