body{
                background-color: #fefefe;
                background-image:  url('../images/fondo.jpg');
                background-repeat: no-repeat;
                background-position: center;
                font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
                line-height:1.5;
                font-size:12px;
                color:#666;
                margin:0 auto;
            }
            h1{
                color:#4D5762;
                position:relative;
                word-spacing:-0.1em;
                font-size: 14px;
                line-height:18px;
                margin:0px;
                margin-left: 5px;
               
            }
            #pie {

                /*border-bottom: 1px solid #fff;*/
                color:#999;
                float:left;
                font-size:11px;
                width:100%;
                padding-bottom:2em;
            }
            #pie nav{
                float:none;
                text-align: center;
                padding-top:20px;
            }
            #pie a {
                color:#999;
                margin:0 4px;
                text-decoration:none;
                white-space:nowrap;
                border-bottom:1px solid #ccc;
                line-height:1.2em;
            }
            #pie a:hover, #pie a:active, #pie a:focus {
                color:#666;
                border-bottom:1px solid #999;
                text-decoration:none;
            }
            #pie p{
                clear:both;
                text-align:center;
                margin-bottom:24px;
                padding-top:12px;
                text-shadow:1px 1px 0 #fff;
            }
            /*formulario*/
            form {
                /*overflow:auto;*/
            }
            input:focus,textarea:focus,select:focus {
                outline-width:0; /* No outline border for Safary */
            }
            input[type="text"],input[type="password"],input[type="select"],input[type="search"],input[type="file"],input[type="date"],textarea,select {
                border-color:#C4C4C4 #E9E9E9 #E9E9E9 #C4C4C4;
                border-style:solid;
                border-width:1px;
                padding:4px;
                color:#777;
            }
            textarea {
                line-height:18px;
                overflow:auto;
                font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
            }
            textarea.small {
                height:5.5em;
            }
            textarea.medium {
                height:10em;
            }
            textarea.large {
                height:20em;
            }
            input.half,select.half,textarea.half {
                width:30%;
            }
            input.full,select.full,textarea.full {
                width:60%;
                margin-left: 80px;
            }
            input.title {
                font-size:20px;
            }
            input[type="submit"],input[type="reset"],input[type="button"] {
                margin-bottom:0;
            }
            input:focus,textarea:focus {
                -moz-box-shadow:0 1px 1px rgba(196,196,196,0.5);
                -webkit-box-shadow:0 1px 1px rgba(196,196,196,0.5);
                box-shadow:0 1px 1px rgba(196,196,196,0.5);
                -webkit-focus-ring-color:none;
                border-color:#c4c4c4;
                background-color:#FFFFF0;
            }
            fieldset {
                border:0 none;
                border-top:1px solid #ddd;
                margin:10px 0;
                padding:10px 0;
                position:relative;
            }
            legend {
                background:#fff;
                color:#93BB3A;
                font-weight:bold;
                padding:0 6px 0 0;
            }
            label {
                font-size:12px;
                font-weight:bold;
            }
            label.required:before {
                content:"*";
                color:red;
                font-family:Verdana,Arial,Helvetica,sans-serif;
            }
            label.ok {
                background:url("valid.gif") no-repeat;
                padding-left:16px;
            }
            label.error {
                color:#d00;
                text-transform:none;
                margin-left:6px;
            }
            label.choice {
                vertical-align:middle;
                font-weight:normal;
                text-transform:none;
            }
            fieldset small {
                color:#999;
                font-size:11px;
                display: block;
            }
            #usuario{
                background:url('../images/usuario.png') no-repeat left;
                padding-left:20px;
            }
            #clave{
                background:url('../images/clave.png') no-repeat left;
                padding-left:20px;
            }
            /*formulario boton*/
            .btn {
                display: inline-block;
                padding: 2px 20px;
                color: #777 !important;
                text-decoration: none;
                font-weight: bold;
                font-size: 11px;
                font-family: Tahoma, Arial, sans-serif;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                text-shadow: 0 1px 1px rgba(255,255,255,0.9);
                position: relative;
                cursor: pointer;
                border:1px solid #ccc !important;
            }
            .btn:hover, .btn:focus,.btn:active {
                outline:medium none;
                border:1px solid #329ECC !important;
                opacity:0.9;
                -khtml-opacity: .9;
                -moz-opacity: 0.9;
            }
            .btn-color {
                color: #fff !important;
                text-shadow: 0 1px 1px rgba(0,0,0,0.25);
                border:1px solid #22241a !important;
                background-color: #464844 !important;
            }
            #top {
                background-color: #282828;
                width:100%;
                background:-webkit-gradient(
                    linear,
                    left bottom,
                    left top,
                    color-stop(0.2, rgb(39,38,34)),
                    color-stop(0.8, rgb(50,50,50))
                    );
                background: -moz-linear-gradient(
                    center bottom,
                    rgb(39,38,34) 20%,
                    rgb(50,50,50) 80%
                    );
            }
            #cabecera{
                position: relative;
                height: 40px;
                overflow: hidden;
                border: 1px solid #aed0ea; background: #deedf7 url(../images/ui-bg_gloss-wave_75_2191c0_500x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold;

            }
            #titulo h1.logo{
            color:#fff;
            }

            #linea{
                border-bottom:1px solid #ccc;
                float:left;
                width:100%;
            }