.clear { clear: both; }

/* Inicio Alinhamento da pagina de Contato */

#contato-container {
	display: table;
	padding-top: 20px;
	padding-left: 30px;
	width: 100%;
	height: 100%;
	
}
#contato-form {
	padding-top: 50px;
	padding-left: 60px;
	padding-right: 16px;
	position:relative;
	width: 55%;
	height: 100%;
	
	float: left;
}
#contato-address {
	display:table;
	position: relative;
	width: 45%;
	padding-left: 10px;
	height: 100%;
	float: left;
}

/* Layout do Campos do Formularios */

.form-fields {
border: #ebebeb 1px solid; /*Cor, espessura e estilo da borda do campo*/
font-size: 12px; /*Tamanho da fonte de dentro do campo*/
padding: 3px; /*Margem interna do campo*/
border-radius: 5px; /*Cantos arredondados do campo*/
height: 35px; /*Altura*/
max-width: 450px; /*Largura*/
}

.form-fields-textarea {
border: #ebebeb 1px solid; /*Cor, espessura e estilo da borda do campo*/
font-size: 12px; /*Tamanho da fonte de dentro do campo*/
padding: 3px; /*Margem interna do campo*/
border-radius: 5px; /*Cantos arredondados do campo*/
height: 100px; /*Altura*/
max-width: 450px; /*Largura*/
}

.form-submit {
	
/* border: #333 1px solid; /*Cor, espessura e estilo da borda do botão*/
/* font-size: 12px; /*Tamanho da fonte*/
/* font-size: 12px; /*Tamanho da fonte*/
/* font-weight: 400; /*Peso da fonte (Negrito)*/
/* padding: 3px; /*Margem interna do botão*/

background-color: #0067ac; /*Cor de fundo*/
/* width: 70px; /*Largura*/
/* height:  30px; /*Altura*/
/* color: #0067ac; /*Cor da fonte*/
}

/* Inicio da @media pagina de Contato */

@media screen and (max-width:999px)
{
     #contato-container {
			 width: 800px; 
	     padding-left: 10px;}

    #contato-form
    {
       width: auto;
			 padding-left: 10px;
    }
}


@media screen and (max-width:650px)
{
    #contato-container {
			 width: 590px; 
	     padding-left: 10px;}

    #contato-form
    {
       float: none;
       width: auto;
			 padding-left: 0px;
    }
}
/* Fim da @media pagina de Contato */

/* Fim do Alinhamento da pagina de Contato */


/* Inicio do Alinhamento da pagina de Demonstração */

#dem-container {
	display: table;
	width: 100%;
	height: 100%;
	
}

#dem-form {
	padding-right: 16px;
	position:relative;
	width: 55%;
	height: 100%;
	
	float: left;
}

#dem-banner-container {
	position: relative;
	width: 45%;
	padding-left: 10px;
	height: 100%;
	float: left;
}

#dem-banner-img {
	text-align: justify;
}

#dem-banner-text {
	text-align: justify;
}


/* Inicio da @media pagina de Contato */

@media screen and (max-width:999px)
{
     #dem-container {
			 width: auto; 
	     padding-left: 10px;
			}
			#demo-form    {
       width: auto;
			 padding-left: 10px;
    	}
}


@media screen and (max-width:480px)
{
    #dem-container {
			 width: auto; 
	     padding-left: 10px;}

    #dem-form
    	{
       float: none;
       width: auto;
			 padding-left: 0px;
    	}
		#dem-banner-text 
		{
			width: 400;
			float:none;
			clear: both; 
			text-align:justify;
		}
	
}
/* Fim da @media pagina de Demonstração */

/* Fim do Alinhamento da pagina de Demonstração */