@charset "utf-8";

::-webkit-input-placeholder { color: #878787; } /* WebKit */
:-moz-placeholder { color: #878787; } /* Firefox 18- */
::-moz-placeholder { color: #878787; } /* Firefox 19+ */
:-ms-input-placeholder { color: #878787; } /* IE 10+ */

@font-face 
{
    font-family: "avenir";
    src: local("fonts/avenir-light.otf"),
	url("fonts/avenir-light.otf") format("eot"),
    url("fonts/avenir-light.otf") format("woff"),
    url("fonts/avenir-light.otf") format("truetype"),
    url("Ubuntu-Title-webfont.svg#UbuntuTitle") format("svg");
}

body 
{
    background-color: #FFFFFF;
    width: auto;
    margin: 0 auto;
    font-family: avenir;
    font-size: 14px;
}


html 
{
    min-height: 100%;
    background-color: #FFFFFF;
    /*background-image: url('../imgs/background.jpg');*/
    font-family: avenir;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #FFFFFF;
}


.label-text
{
	font-family: avenir;
	color: #999999;
}

.label-white
{
	font-family: avenir;
	color: #FFFFFF;
}

.label-title
{
    color: #FD3D1D;
    font-size: 20px;
    font-family: avenir;
}

.label-big
{
    color: #FFFFFF;
    font-size: 40px;
    font-family: avenir;
}


.login-frame
{
	color: #FFFFFF;
    width:400px; 
    background: #333333; 
    border-radius: 0px; 
    height:280px;
    margin-bottom: 145px;
    font-size: 14px;
    -webkit-box-shadow: outset 3px 3px 4px rgba(200,200,200,0.2);
    box-shadow: outset 3px 3px 4px  rgba(200,200,200,0.2);
}

.login-frametemp
{
	color: #FFFFFF;
    width:400px; 
    background: #73B850; 
    border-radius: 0px; 
    height:280px;
    margin-bottom: 145px;
    font-size: 14px;
    -webkit-box-shadow: outset 3px 3px 4px rgba(200,200,200,0.2);
    box-shadow: outset 3px 3px 4px  rgba(200,200,200,0.2);
}


.whatsapp-frame
{
	color: #878787;
    width:250px; 
    background: #F3F3F3; 
    border-radius: 15px; 
    height:60px;
    -webkit-box-shadow: outset 3px 3px 4px rgba(200,200,200,0.2);
    box-shadow: outset 3px 3px 4px  rgba(200,200,200,0.2);
    position: fixed; 
    bottom:60px; 
    right:10px; 
    font-size: 20px;
}

.login-username 
{ 
    color: #FD3D1D;
    width: 250px;
    padding: 3px 0px 3px 5px;
    border: 0px solid #FFFFFF;
    background: #EEEEEE url(../imgs/icons/ico_loginuser.png) no-repeat 3px 7px;
    height: 25px;
    margin-top: 2px;
    margin-bottom: 20px;
    line-height:15px;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
    box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
    padding-left: 30px;
    font-size: 13px;
    border-radius: 5px;
} 

.login-username:focus
{ 
	background: #FFFFFF url(../imgs/icons/ico_loginuser.png) no-repeat 3px 7px;
}

.login-username:hover
{ 
	background: #FFFFFF url(../imgs/icons/ico_loginuser.png) no-repeat 3px 7px;
}

.login-password 
{ 
    color: #FD3D1D;
    width: 250px;
    padding: 3px 0px 3px 5px;
    border: 0px solid #FFFFFF;
    background: #EEEEEE url(../imgs/icons/ico_loginpass.png) no-repeat 3px 8px;
    height: 25px;
    line-height:15px;
    margin-top: 2px;
    margin-bottom: 35px;
    outline: 0;
    -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
    box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
    padding-left: 30px;
    font-size: 13px;
    border-radius: 5px;
}

.login-password:focus
{ 
    background: #FFFFFF url(../imgs/icons/ico_loginpass.png) no-repeat 3px 8px;
}

.login-password:hover
{ 
    background: #FFFFFF url(../imgs/icons/ico_loginpass.png) no-repeat 3px 8px;
}

.button-round-white a
{
    font-family:avenir;
    font-size:14px;
    color: #FD3D1D;
    text-decoration: none;
    background-color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 50px;
}

.button-round-white a:hover
{
    background-color: #DDDDDD;
    text-decoration: none;
} 

.button-round-orange a
{
    font-family:avenir;
    font-size:14px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #FF5500;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 50px;
}

.button-round-orange a:hover
{
    background-color: #D74708;
    text-decoration: none;
} 

.button-round-nav a
{
    font-family:avenir;
    font-size:14px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #00254a;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 50px;
}

.button-round-nav a:hover
{
    background-color: #333333;
    text-decoration: none;
} 


.label-sub-gray
{
    color: #777777;
    font-size: 16px;
    font-family: avenir;
}

.label-medium-blue
{
    color: #FF5500;
    font-size: 22px;
    font-family: avenir;
}