|
1342
|
1 body{
|
|
|
2 font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
|
|
|
3 font-size:12px;
|
|
|
4 }
|
|
|
5
|
|
|
6 p, h1, form, button{border:0; margin:0; padding:0;}
|
|
|
7 .spacer{clear:both; height:1px;}
|
|
|
8
|
|
|
9 /* ----------- My Form ----------- */
|
|
|
10 .formulario{
|
|
|
11 margin:0 auto;
|
|
|
12 width:500px;
|
|
|
13 padding:14px;
|
|
|
14 }
|
|
|
15 /* ----------- stylized ----------- */
|
|
|
16 #estilo {
|
|
|
17 border:solid 2px #b7ddf2;
|
|
|
18 background:#ebf4fb;
|
|
|
19 }
|
|
|
20
|
|
|
21 #estilo h1 {
|
|
|
22 font-size:14px;
|
|
|
23 font-weight:bold;
|
|
|
24 margin-bottom:8px;
|
|
|
25 }
|
|
|
26
|
|
|
27 #estilo p {
|
|
|
28 font-size:11px;
|
|
|
29 color:#666666;
|
|
|
30 margin-bottom:20px;
|
|
|
31 border-bottom:solid 1px #b7ddf2;
|
|
|
32 padding-bottom:10px;
|
|
|
33 }
|
|
|
34
|
|
|
35 #estilo p.error {
|
|
|
36 font-size:12px;
|
|
|
37 font-weight:bold;
|
|
|
38 color:red;
|
|
|
39 margin-bottom:20px;
|
|
|
40 border-bottom:solid 1px #b7ddf2;
|
|
|
41 padding-bottom:10px;
|
|
|
42 }
|
|
|
43
|
|
|
44 #estilo label{
|
|
|
45 display:block;
|
|
|
46 font-weight:bold;
|
|
|
47 text-align:right;
|
|
|
48 width:140px;
|
|
|
49 float:left;
|
|
|
50 }
|
|
|
51
|
|
|
52 #estilo .small{
|
|
|
53 color:#666666;
|
|
|
54 display:block;
|
|
|
55 font-size:11px;
|
|
|
56 font-weight:normal;
|
|
|
57 text-align:right;
|
|
|
58 width:140px;
|
|
|
59 }
|
|
|
60
|
|
|
61 #estilo input{
|
|
|
62 float:left;
|
|
|
63 font-size:12px;
|
|
|
64 padding:4px 2px;
|
|
|
65 border:solid 1px #aacfe4;
|
|
|
66 width:200px;
|
|
|
67 margin:2px 0 20px 10px;
|
|
|
68 }
|
|
|
69
|
|
|
70 .button {
|
|
|
71 -moz-box-shadow:inset 0px 1px 0px 0px #cae3fc;
|
|
|
72 -webkit-box-shadow:inset 0px 1px 0px 0px #cae3fc;
|
|
|
73 box-shadow:inset 0px 1px 0px 0px #cae3fc;
|
|
|
74 background-color:#79bbff;
|
|
|
75 -webkit-border-top-left-radius:18px;
|
|
|
76 -moz-border-radius-topleft:18px;
|
|
|
77 border-top-left-radius:18px;
|
|
|
78 -webkit-border-top-right-radius:18px;
|
|
|
79 -moz-border-radius-topright:18px;
|
|
|
80 border-top-right-radius:18px;
|
|
|
81 -webkit-border-bottom-right-radius:18px;
|
|
|
82 -moz-border-radius-bottomright:18px;
|
|
|
83 border-bottom-right-radius:18px;
|
|
|
84 -webkit-border-bottom-left-radius:18px;
|
|
|
85 -moz-border-radius-bottomleft:18px;
|
|
|
86 border-bottom-left-radius:18px;
|
|
|
87 text-indent:0;
|
|
|
88 border:1px solid #469df5;
|
|
|
89 display:inline-block;
|
|
|
90 color:#ffffff;
|
|
|
91 font-family:Arial;
|
|
|
92 font-size:15px;
|
|
|
93 font-weight:bold;
|
|
|
94 font-style:normal;
|
|
|
95 height:40px;
|
|
|
96 line-height:40px;
|
|
|
97 width:100px;
|
|
|
98 text-decoration:none;
|
|
|
99 text-align:center;
|
|
|
100 text-shadow:1px 1px 0px #287ace;
|
|
|
101 }
|
|
|
102 .button:hover {
|
|
|
103 background-color:#4197ee;
|
|
|
104 }
|
|
|
105 .button:active {
|
|
|
106 position:relative;
|
|
|
107 top:1px;
|
|
|
108 }
|
|
|
109
|
