/* 
    Document   : login
    Created on : 29-may-2012, 14:20:34
    Author     : jose
    Description:
        Purpose of the stylesheet follows.
*/

        body{
            font-family: Helvetica,Verdana, Arial, sans-serif;
            color:#343434;
        }
        #logo{
            padding: 105px 0 0;
        }
        #logo a {
            display: block;
            width: 430px;
            height: 119px;
            margin: 0 auto 50px;
            background: url(../images/logos/timpik3.png);
            background-repeat: no-repeat;
            background-position: center center;
            
        }
/*        body{
            background: url(../images/backgrounds/fondo_timpik.jpg) repeat;
        }*/
        .loginform, .forgetform{
            width: 430px;
            margin: 0 auto;
        }
        .loginform input[type="text"], .loginform input[type="password"], .forgetform input[type="text"], .forgetform input[type="password"]{
            height: 40px;
            border-radius: 10px;
            font-size: 20px;
            line-height: 25px;
        }
        .loginform label, .forgetform label{
            color: gray;
            font-weight: bold;
        }
        .user{
            width: 420px !important;
        }
        .pass{
            width: 300px !important;
        }
        .loginbutton{
            height: 44px;
            width: 110px;
            margin-bottom: 9px;
        }
        
        .forgetbutton{
            height: 44px !important;
            width: 100% !important;
            font-size: 15px !important;
            margin-bottom: 9px;
        }
        
        #returnLogin{
            font-size: 0.8em;
        }
        
        .checkbox{
            float:left;
        }
        
        #forgot{
            float:right;
            margin-right: 15px;
        }
        #register{
            float:right;
            color: #5C9244;
            margin-right: 5px;
        }
        #register:hover{
            color: #343434;
        }
        
        .loginform input:focus, .forgetform input:focus{
            border-color: #5C9244 !important;
        }
        .loginform a, .forgetform a{
            text-decoration:none;
            color: gray;
            font-weight: bold;
        }
        .loginform a:hover, .forgetform a:hover{
            color: #343434;            
        }
        
        #bottom-login{
            margin-top:10px;
            padding-bottom:40px;
        }
        
        #wrapperoculto #fb-login{
            width:550px;
            margin: 0 auto;
            text-align: center;
            margin-top: 20px;
            position: relative;
            height: 150px;
        }
        
       #wrapperoculto #fb-button{
            margin: 30px auto;
            display: block;
            width: 200px;
            height: 37px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            background: #3B5998;
            background: -moz-linear-gradient(top, #3B5998 0%, #3B5998 50%, #325190 50%, #325190 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B5998), color-stop(50%,#3B5998), color-stop(50%,#325190), color-stop(100%,#325190));
            background: -webkit-linear-gradient(top, #3B5998 0%,#3B5998 50%,#325190 50%,#325190 100%);
            background: -o-linear-gradient(top, #3B5998 0%,#3B5998 50%,#325190 50%,#325190 100%);
            background: -ms-linear-gradient(top, #3B5998 0%,#3B5998 50%,#325190 50%,#325190 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b5998', endColorstr='#325190',GradientType=0 );
            background: linear-gradient(top, #3B5998 0%,#3B5998 50%,#325190 50%,#325190 100%);
            box-shadow: 0px 3px 0px #213b6d;
            -moz-box-shadow: 0px 3px 0px #213b6d;
            -webkit-box-shadow: 0px 3px 0px #213b
        }
        
        #wrapperoculto #fb-button span{
            border-left: 1px solid #627BA8;
            
            float: left;
            min-height: 20px;
            margin-top: 7px;
            padding: 3px 12px;
            font-size: 14px;
            font-weight: 500;
            color: white;
        }
        
        #wrapperoculto .logowrapper{
            border-right: 1px solid #2F4F85;
        }
        #wrapperoculto .fb-logo{
            float: left;
            width: 11px;
            height: 20px;
            background: url(../images/logos/f-facebook.png);
            margin-top: 7px;
            padding: 3px 8px;
            background-repeat: no-repeat;
            background-position: center;
        }
        
        #wrapperoculto .separator{
            background: url(../images/separator.png);
            background-repeat: no-repeat;
            background-position: center;
            height: 20px;
            width: 550px;
        }
        #wrapperoculto #forgotpass{
            padding: 20px;
            width:350px;
        }
        #fancybox-title-float-main{
            font-size: 13px;
        }
        
    #mainmenu ul li{
       cursor: pointer; 
    }
    
    #logo{
       cursor: pointer; 
    }
/*    .brand:hover{
        background: #5C9244;
    }*/
  
.login{
/*    padding:10px !important;*/
    font-size: 14px;
}


.logout{
    line-height: 45px;
    color: white;
    text-decoration: none;
    font-size: 16px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0,0.25);
    text-decoration:none;
}
.logout:hover{
     color: #fbffb3;
    text-decoration: none;
    background-color: #FF9A00;
}
input[type="checkbox"]{
    height: 20px;
}

#wrapperoculto{
/*    background: url(../images/newlanding/backgrounds/green-noise.jpg);*/
    display:none;
}
