/* BAMBOO
    www.agenciabamboo.com.br | (62) 3091.5373
*/
 
/*
===========================
CONTEÚDO:

01 Configurações iniciais
02 Tipografia
03 Estrutura
04 Cabeçalho
05 Rodapé
06 Conteúdo
07 Extras
08 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Configurações iniciais -----------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
html, body {
	height: 100%;
    /*background: url("../../midia/images/logon/bg.jpg") center top no-repeat;*/
    background-size: cover;
	background: #EEEEEE;
	overflow: hidden;
}

* html {
	height: 100%; /* hack para IE6 que trata height como min-height */
}

* { margin: 0; padding: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}  
.content{ width: 47%; float: left;}
#right{ width: 53%; float: left;}
#right iframe{width: 100%; min-height: 1049px; position: relative;}
@media (max-width: 1024px) {
    .content{ width: 100%; float: none;}
    #right{ width: 100%; float: none;}
    iframe{display: none}
}

/* Box sizing */
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    margin: 0;
    padding: 0;
    outline: none;
}

li {
    list-style: none;
}

/* ---------------------------------------------------------------------------------------------------------- 
02 Tipografia -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875rem 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

@font-face {
    font-family:Roboto,sans-serif;
    src: url('../fonts/SansaPro-Light.eot');
    src: url('../fonts/SansaPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SansaPro-Light.ttf') format('truetype'),
    url('../fonts/SansaPro-Light.svg#SansaPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family:Roboto,sans-serif;
    src: url('../fonts/SansaPro-SemiBold.eot');
    src: url('../fonts/SansaPro-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SansaPro-SemiBold.ttf') format('truetype'),
    url('../fonts/SansaPro-SemiBold.svg#SansaPro-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

/* ---------------------------------------------------------------------------------------------------------- 
03 Estrutura -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*____________________________________________________________________________________________________*hOME*/

h1 {
    font-family:Roboto,sans-serif;
    font-weight: 600;
    font-style: normal;
	color: #008e56;
	font-size: 45px;
    line-height: 30px;
    margin-bottom: 20px;
}

h2 {
    font-family:Roboto,sans-serif;
    font-weight: 600;
    font-style: normal;
    color: #008e56;
    font-size: 65px;
}

h3 {
    font-family:Roboto,sans-serif;
    font-weight: 600;
    font-style: italic;
    color: #6d6a69;
    font-size: 24px;
}

p {
    font-family:Roboto,sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size: 15px;
	color: #676767;
}

strong {
    font-family:Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
}

a {
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    text-decoration: none;
    border: none 0;
}

img {
    text-decoration: none;
    border: none 0;
}

strong {
    font-weight: bold;
}

.clearBoth, .cl {
	clear: both;
}

.logo{
    background: url("logo.png") center top no-repeat;
    width: 390px;
    height: 120px;
}

.center {
    width: 720px;
    padding: 0;
    margin: 0 200px auto;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #adadad;
}

:-moz-placeholder {
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #adadad;
}

::-moz-placeholder {
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #adadad;
}

:-ms-input-placeholder {
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #adadad;
}

input[placeholder] {
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #adadad;
}

input:-moz-placeholder {
    font-size: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #adadad;
}


/* ---------------------------------------------------------------------------------------------------------- 
04 Cabeçalho ------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#header {
		
	padding: 20px 0px 20px 0px;
    margin-left: auto;
    margin-right: auto;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 380px;
}

#header a {
    margin-left: 60px;
}

/* ---------------------------------------------------------------------------------------------------------- 
05 Rodapé ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
#footer {
    padding: 25px 0px 40px 0px;
    margin-left: auto;
    margin-right: auto;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -o-transition: all 0.25s;
    transition: all 0.25s;
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 380px;
}

#footer p {
    width: 380px;
    font-family: Arial;
    font-size: 14px;
    font-style: italic;
    color: #3a5ea8;
    text-align: center;
}

#footer span {
    display: block;
    width: 350px;
    font-family: Arial;
    font-size: 13px;
    color: #666666;
    text-align: center;
    margin-left: 20px;
    margin-bottom: 30px;
}

/* ---------------------------------------------------------------------------------------------------------- 
06 Conteúdo -------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#content {
	width: 100%;
}

.formulario-cliente {
	height: 508px;
	max-width: 380px;
	min-width: 380px;


    border-radius: 4px;
	padding: 20px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;	
	-moz-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

.formulario-cliente h1 {
    margin-left: 87px;
}

.formulario-cliente h1 span {
    font-family:Roboto,sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 25px;
    display: block;
}

.formulario-cliente form {
    width: 316px;
    height: 330px;
    background: url("bg-form.png") no-repeat;
    padding-top: 102px;
    padding-left: 47px;
    padding-right: 47px;
    margin-left: 40px;
}

.formulario-cliente form label {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 16px;
}

.formulario-cliente form label span {
    display: block;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #008e56;
    margin-bottom: 5px;
}

.formulario-cliente form label input[type="text"], .formulario-cliente form label input[type="password"] {
    width: 100%;
    height: 26px;
    border: 1px solid #c3c2c1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 10px;
    font-family: Arial;
    font-size: 15px;
    color: #6d6a69;
}

.formulario-cliente form input[type="submit"] {
	margin-left: -15px;
    display: block;
    width: 75px;
    height: 30px;
    background: #ff9f00;
    border: 0 none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
    cursor: pointer;
    float: left;
}

.esqueci {
    font-family: Arial;
    font-size: 12px;
    color: #676767;
    margin-top: 8px;
    float: right;
    text-decoration: underline;
}

/* ---------------------------------------------------------------------------------------------------------- 
07 Extras ---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
.formulario-cliente form label input[type="text"].erro, .formulario-cliente form label select.erro {
    border: 1px solid #FF4949;
}

/* ---------------------------------------------------------------------------------------------------------- 
08 Media queries  -------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */



/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

}

/********************************/



p.mensagem
{
    color: #fff;
    font-weight: normal;
    font-style: italic;
    font-size: 16px;
    float: left;
    width: 300px;
    clear: both;
    line-height: 22px;
    margin-top: 10px;
    margin-bottom: 15px;
}




.box-alerta
{
    padding: 5px;
    margin: 10px auto 0px auto;
    text-align: center;
    width: 230px;
    color: #FFFFFF;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    text-transform: uppercase;
    display: block;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    color: #008e56;
    margin-bottom: 5px;
}


#tboxEmail {
    width: 100%;
    height: 26px;
    border: 1px solid #c3c2c1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 10px;
    font-family: Arial;
    font-size: 15px;
    color: #6d6a69;
    margin-bottom: 16px;
}

#ddlistEmpresas{
    width: 100%;
    height: 26px;
    border: 1px solid #c3c2c1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 10px;
    font-family: Arial;
    font-size: 15px;
    color: #6d6a69;
    margin-bottom: 16px;
    margin-left: -20px;
    margin-top: 15px;

}

.noleft
{
    margin-left: 0px !important;
}


.toleft h2{
    font-weight: 600;
    font-size: 65px;
    color: #676767;
    margin-top: 8px;
    padding: 0px;
    margin: 15px 0px 5px -15px;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    float: left;
    width: 300px;
    line-height: 1.15;
}

.toleft h3{
    font-weight: 600;
    font-size: 65px;
    color: #676767;
    margin-top: 8px;
    padding: 0px;
    margin: 15px 0px 5px -20px;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    float: left;
    width: 290px;
    line-height: 1.15;

}

.toleft p{

    padding: 5px;
    margin: 0px auto 0px -20px;
    text-align: left;
    width: 300px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    display: block;
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    color: #008e56;
    margin-bottom: 5px;
}

.toleft a{
    font-family: Arial;
    font-size: 12px;
    color: #676767;
    margin-top: 8px;
    float: right;
    text-decoration: underline;

}

#RegularExpressionValidator1{

    font-family: Arial;
    font-size: 12px;
    color: #676767;
    margin-top: 8px;
    float: left;
    margin-left: 15px;

}

.formulario-cliente form label input[type="text"], .formulario-cliente form label input[type="password"] {
    width: 100%;
    height: 26px;
    border: 1px solid #c3c2c1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 0 10px;
    font-family: Arial;
    font-size: 15px;
    color: #6d6a69;
}

.corp{
    display: block !important;
    width: 350px !important;
    font-family: Arial !important;
    font-size: 12px !important;
    color: #666666 !important;
    text-align: center !important;
    margin-left: 20px !important;
    margin-bottom: 2% !important;
    margin-top: 0px !important;
}