Bueno aqui te dejo el codigo CSS:
Spoiler:
@charset "utf-8"; /* CSS Document */ /*******************Generalizacion*******************************/ body { font-family: Arial, Helvetica, sans-serif; background-image:url(../img/fondo2lineas.jpg); background-repeat:no-repeat; background-position:50% 50%; background-attachment:fixed; background-color:#333333; padding-bottom:.8em; } /***************Estilo para los enlaces*****************/ a { color: #FFF; } a:hover { color: #FFFF33; text-decoration:none; } #sub a { color:#000000; /***ESTE ESTILO ES BORRABLE***/ } /******************************Estilo para las imagenes*********************************/ img { -webkit-box-shadow:0 1px 6px rgba(0, 0, 0, 1); -moz-box-shadow:0 1px 6px rgba(0, 0, 0, 1); box-shadow:0 1px 6px rgba(0, 0, 0, 1); } /******************************Estilo para los textos************************/ h1, h2, h3, h4, h5 { margin:1em 0; text-decoration:underline; color: #FFCC00; text-shadow: 0 3px 5px rgba(0, 89, 150, .8); } h1 { font-size:160%; font-family:"georgia", serif; } h2 { font-size:120%; font-family:"georgia", serif; } h3 { font-size:100%; } input { padding:.4em; } input:focus { border:2px solid #000; } b { text-decoration:underline; } p { text-align:justify; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-box-shadow:0 1px 6px rgba(50, 0, 0, 1); -moz-box-shadow:0 1px 6px rgba(50, 0, 0, 1); border-radius:5px; box-shadow:0 1px 6px rgba(50, 0, 0, 1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9a9a9)', endColorstr='#a7a7a7'); /* para IE */ background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to( #7a7a7a)); background: -moz-linear-gradient(top, #a9a9a9, #7a7a7a); /* for firefox 3.6+ */ padding:.5em; font-size:16px; } p span { text-decoration:underline; font-size:18px; border:none; } #contenido p span { border:none; } #contenido span { border:1px dotted #FFFF66; font-weight:700; } ul { font-size:14px; } li { list-style: url(../img/favicon.ico); } li b { font-size:20px; } label { padding:.1em; } /********************FIELDSETS************************/ fieldset { background-color:#666666; color:#FFF; -webkit-border-radius:5px; -webkit-box-shadow:0 1px 6px rgba(50, 0, 0, 1); border-radius:5px; box-shadow:0 1px 6px rgba(50, 0, 0, 1); -moz-border-radius:5px; -moz-box-shadow:0 1px 6px rgba(50, 0, 0, 1); border-color:#000000; } fieldset div label { display:block; margin:.5em 0 0 0; } fieldset div { margin:.4em 0; } fieldset { padding:.6em; } legend { font-size:15px; } /********************FORMULARIOS***********************/ form { padding:.4em; } /*************Diseño***************/ #contenedor { margin:0 auto; width:850px; background-color:#333333; -moz-border-radius:7px; -moz-box-shadow:4px 4px 3px rgba(12, 0, 0, 0.8); -webkit-border-radius:7px; -webkit-box-shadow:4px 4px 3px rgba(12, 0, 0, 0.8); border-radius:7px; box-shadow:4px 4px 3px rgba(12, 0, 0, 0.8); behavior: url(ie-css3.htc); } #sub { background-repeat:no-repeat; background-position:center; height:200px; } #cabecera { background-image:url(../img/banner.jpg); background-repeat:no-repeat; height:69px; } #contenido { padding:0 1em 1em 1em; font-size:15px; color: #FFFFFF; } #pie { height:25px; padding-top:.4em; padding-bottom:.4em; -webkit-box-shadow:0 -2px 8px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 -2px 8px rgba(0, 0, 0, 0.7); box-shadow:0 -2px 8px rgba(0, 0, 0, 0.7); margin-bottom:4px; } /*****************Menu del pie de pagina**********************/ ul.menu { width:300px; list-style:none; margin:0; padding:0; position:relative; left:40%; } ul.menu li { display:inline; } ul.menu li a { border-bottom-style:dotted; border-bottom-width:thin; text-decoration:none; } ul.menu li a:hover { border-bottom-style:none; } /*************************CLASES E IDENTIFICADORES********************************/ .enlaces { width:230px; height:170px; }
y asi lo llamo en mis paginas:
Spoiler:
<link rel="stylesheet" type="text/css" media="screen" href="css/estilogeneral.css" />
Espero y te sirva. Gracie.