﻿@charset "utf-8";
/* CSS Document */
.login{
	/*float: left;*/
	/*margin-left: 185px;*/
	margin-top: 80px;
    margin-bottom: 111px;
	padding: 10px;
	font-size: 12px;
	color: #454545;
    width: 100%;
	/*width: 200px; */
	height: 550px; 
	/* margin-left: 50%;
  margin-right: 50%;*/
}
.info{
	float: left;
	margin-left: 65px;
	margin-top: 71px;
}

.input-login {
	background-color: #ffffff;
	/*border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;*/
	 border: 1px solid #ccc;
	/* Firefox v1.0+ */
	-moz-border-radius: 5px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius: 5px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius: 5px;
	color: #7f7f7f;
	font-size: 12px;
	height: 26px;
	/*width: 200px;*/
	margin-top: 6px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-right: 8px;
	padding-left: 8px;
}


.account-wall {
    background-color: #f7f7f7;
    /* just in case there no content ffffff */
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   
}

.login-title
{
    color: #555;
    font-size: 24px;
    font-weight: 400;
    display: block;
    text-align: center;
font-family: 'Francois One', sans-serif;
}

.profile-img {
    width:96px;
    height:96px;
    display:block;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
   /*  margin-bottom: 30px;
    margin-Right: 30px;
     margin-left: 30px;*/
     margin:0 auto 30px;
}


.button-user {
    color: #FFF;
    /*background: #1272b9;
    background-image: -webkit-linear-gradient(left, #4facfe 0%, #1d89ff 100%), -webkit-linear-gradient(left, #4facfe 0%, #1d89ff 100%);
    background-image: -moz-linear-gradient(left, #4facfe 0%, #1d89ff 100%), -moz-linear-gradient(left, #4facfe 0%, #1d89ff 100%);
    background-image: -o-linear-gradient(left, #4facfe 0%, #1d89ff 100%), -o-linear-gradient(left, #4facfe 0%, #1d89ff 100%);
    background-image: linear-gradient(to right, #4facfe 0%, #1d89ff 100%), linear-gradient(to right, #4facfe 0%, #1d89ff 100%);*/
    /*background: linear-gradient(to right, #4facfe 0%, #1d89ff 100%);*/
   /*background: linear-gradient(to right, #FD3012 0%, #F31C74 51%, #F31C74 100%);*/  /*Hey*/
  /*  background: linear-gradient(to right, #0e4e9d 0%, #653189 20%,#e94b25 100%);*/ /*HEY omny*/
	/*  background: linear-gradient(to right, #0085cd 0%, #0085cd 20%,#0085cd 100%); /*Puntos hey */
	   background: linear-gradient(to right, #074b89 0%, #074b89 20%,#074b89 100%); /*Puntos hey */
    /*background-color: #0F69A4;*/
    /* Firefox v1.0+ */
    -moz-border-radius: 20px;
    /* Safari v3.0+ and by Chrome v0.2+ */
    -webkit-border-radius: 20px;
    /* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
    border-radius: 20px;
    height: 36.5px;
    width: 200px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    font-size: 16px;
}
	
.button-user-subutton {
	color: #FFF;
	background-color: #0F69A4;/*00a1df*/
	/* Firefox v1.0+ */
	-moz-border-radius: 5px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius: 5px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius: 20px;
	height: 16.5px;
	width: 84.4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.button-user:hover {
    /*border: 1px solid #F31C74;*/
   /* border: 1px solid #e1231d;
    color: #e1231d;
    background: #fff;*/
	border: 1px solid #e50c1e;
    color: #dc0d20;
    background: #fff;
    /*background-color: #454545;
    background: #454545;*/
    /*background: linear-gradient(to right,#F31C74  0%, #F31C74 51%, #FD3012 100%);*/ /*W3C*/
    /*-webkit-transition: all .2s ease-in-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease-in-out;
	-webkit-transition-delay: initial;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;*/
}


  .modalPopup
    {
       /* background-color: #FFFFFF;*/
        border-width: 3px;
        border-style: solid;
       /* border-color: black;*/
        padding-top: 10px;
        padding-left: 10px;
        width: 300px;
        height: 140px;
    }
  .modalBackground
    {
        background-color: Black;
        filter: alpha(opacity=95);
        opacity: 0.8;
    }


