1 #barratop2 {3 background:url(imagenes/cabezerapag.png) no-repeat;4 background-size: auto;5 width:900px;6 height: 24px;7 margin: 0 auto;8 }9 #contenedor10 {11 margin: 0 auto;12 width: 900px;13 padding:0;14 overflow:hidden;15 background: url(imagenes/fondocontenido.png) repeat-y;16 }17 .logo18 { 19 background: url(imagenes/logozabezera.png) no-repeat;20 background-size: auto;21 width: 619px;22 height: 137px;23 float: left;24 }25 body26 {27 margin:0 20px;28 padding:0;29 font-family:Helvetica;30 font-size:12px;31 background:url(imagenes/fondo.jpg);32 }33 #registro34 { 35 width: 269px;36 margin-left: 11px;37 background-image:url(imagenes/fondoformualrio.png);38 background-repeat:repeat-y;39 float:left;40 }41 input.text, select.text, textarea.text 42 {43 background: rgb(135,129,184);44 border: 1px solid #393939;45 border-radius: 3px 3px 3px 3px;46 color: #393939;47 font-size: 12px;48 padding: 5px;49 width:200px;50 margin: 0 15px;51 }52 .registrarse53 {54 margin:0 60px;55 }56 57 // CSS DE LA BARRA DE MENU58 59 nav {60 display: block;61 border: 1px solid #222;62 position: relative;63 background-color: rgb(193,196,198);64 font: 10px Tahoma, sans-serif;65 width: 500px;66 float: left;67 }68 69 nav img70 {71 display: block; 72 float: right;73 }74 nav ul {75 padding: 0; 76 margin: 0; 77 }78 79 nav ul:after { 80 content: "."; 81 display: block; 82 height: 0; 83 clear: both; 84 visibility: hidden; 85 }86 87 nav li { 88 position: relative; 89 float: left; 90 list-style-type: none; 91 }92 93 nav li a { 94 display: block; 95 padding: 10px 20px; 96 border-left: 1px solid #999; 97 border-right: 1px solid #222; 98 color: #000; 99 text-decoration:none; 100 }101 102 nav li a:focus { 103 outline: none; 104 text-decoration: underline; 105 }106 107 nav li:first-child a { 108 border-left: none; 109 }110 111 nav li.ultimo a { 112 border-right: none; 113 }114 115 nav li:hover ul { 116 display:block; 117 }118 nav a span { 119 display: block; 120 float: right; 121 margin-left: 5px; 122 }123 nav ul ul { 124 display: none; 125 width: 100%; 126 position: absolute; 127 left: 0; 128 background: rgb(135,129,184); 129 }130 nav ul ul li { 131 float: none; 132 }133 nav ul ul a { 134 padding: 5px 10px; 135 border-left: none; 136 border-right: none; 137 font-size: 14px; 138 }139 nav ul ul a:hover { 140 background-color: rgb(135,129,184);141 }142 143 nav { 144 border-radius:4px;145 box-shadow:2px 2px 2px rgba(0,0,0,.75);146 147 background-image:-moz-linear-gradient(0% 22px 90deg, rgb(193,196,198), #999); 148 background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from rgb(193,196,198), to(#FBE080)); 149 }150 151 nav li:hover { 152 background-image:-moz-linear-gradient(0% 100px 90deg, #999, #FBE080); 153 background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#FBE080), to(#999)); 154 }155 156 157 nav ul ul { 158 border-bottom-left-radius:4px; 159 border-bottom-right-radius:4px;160 box-shadow:2px 2px 2px rgba(0,0,0,.8); 161 background-color:rgb(135,129,184); 162 }163 nav ul ul li { 164 border-left:1px solid rgba(0,0,0,0.1); 165 border-right:1px solid rgba(0,0,0,0.1); 166 }167 nav ul ul li.ultimo { 168 border-left:1px solid rgba(0,0,0,0.1); 169 border-bottom:1px solid rgba(0,0,0,0.1);170 border-bottom-left-radius:4px; 171 border-bottom-right-radius:4px; 172 }173 nav ul ul a:hover { 174 background-color:rgb(193,196,198); 175 }176 Enlace
El enlace para compartir es: