/* 

    Document   : login

    Created on : 21-oct-2013, 14:52:11

    Author     : daniel

    Description:

        Purpose of the stylesheet follows.

*/



root { 

    display: block;

}



 html, body {

                padding:0;

                margin:0;

                background-color: #F1F1F1;

                width:100%;

                font-family: 'Arial';

                font-size: 14px;

                font-style: normal;

                font-weight: normal;

                font-variant: normal;

            }

            .wrapper {

                width: 100%;

                height: auto;

            }

            .box-login-out {

                width: 100%;

                background: white;

                padding: 5px 0;

                margin-top: 5%; 

                border-top: solid 1px #CCC;

                border-bottom: solid 1px #CCC;

            }

            .box-login {

                width: 100%;

                background-image: linear-gradient(bottom, #B8DBFE 0%, #E6F2FF 100%);

                background-image: -o-linear-gradient(bottom, #B8DBFE 0%, #E6F2FF 100%);

                background-image: -moz-linear-gradient(bottom, #B8DBFE 0%, #E6F2FF 100%);

                background-image: -webkit-linear-gradient(bottom, #B8DBFE 0%, #E6F2FF 100%);

                background-image: -ms-linear-gradient(bottom, #B8DBFE 0%, #E6F2FF 100%);



                background-image: -webkit-gradient(

                    linear,

                    left bottom,

                    left top,

                    color-stop(0, #B8DBFE),

                    color-stop(1, #E6F2FF)

                    );

                padding: 30px 0;

            }

            .box-login2 {



            }   

            .creado{

                width:100%; 

                background:#9DBB2D; 

            }

            .width960 {

                width: 960px;

                margin: auto;

            }

            .logo {

                float:left;

                width: 272px;

                height: 100px;

            }

            .logo img {

                margin-left: 80px;

            }

            .box-right {

                float:left;

                width: 450px;

                background: transparent;

            }

            .box-right a {

                font-size: 13px;

                text-decoration: none;

                color: #333;

            }

            .box-right a:hover {

                text-decoration: underline;

            }

            .formulario {

                background: white;

                border: solid 1px #CCC;

            }

            .head-form {

                background-image: linear-gradient(bottom, #CFD0D1 0%, #F2F2F2 100%);

                background-image: -o-linear-gradient(bottom, #CFD0D1 0%, #F2F2F2 100%);

                background-image: -moz-linear-gradient(bottom, #CFD0D1 0%, #F2F2F2 100%);

                background-image: -webkit-linear-gradient(bottom, #CFD0D1 0%, #F2F2F2 100%);

                background-image: -ms-linear-gradient(bottom, #CFD0D1 0%, #F2F2F2 100%);



                background-image: -webkit-gradient(

                    linear,

                    left bottom,

                    left top,

                    color-stop(0, #CFD0D1),

                    color-stop(1, #F2F2F2)

                    );

                color: black;

                padding: 5px 10px;

                font-weight: bold;

                font-size: 13px;

            }

            .labels {

                width: 80px;

                float: left;

                margin-right: 20px;

                padding: 10px;

                font-size: 13px;

                font-weight: bold;

            }

            .campos {

                float: left;

                width: 250px; 

                background: white;

                padding-top: 12px;

                margin-bottom: 10px;

            }

            .campos div {

                margin-top: 5px;

            }

            .campos input {

            }

            .footer {

                width: 100%;

                position: fixed;

                bottom: 0;

            }

            .copyright {

                width: 960px;

                margin: auto;

                text-align: center;

                margin-bottom: 20px;

                font-size: 12px;

                color: #666;

            }

             #frmlogin .x-tool-after-title{

 display: none;

 cursor:none;

 }

 .errorcontent{



 border: 1px solid red;

 background-color: #FFF2F2;

 color:red;

 }

 .okcontent{

 background-color: #dff0d8;

 border-color: #d6e9c6;

 color: #468847;

 }

 

.x-tip {

          width: auto !important;

      }

      .x-tip-body {

          width: auto !important;

      }

      .x-tip-body span {

          width: auto !important;

      }