﻿.box-cotacao
{
	border-radius: 8px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
	float: none;
}

.title-cotacao-home
{
	background: #1e7ac3;
	border-radius: 8px 8px 0 0;
	color: #fff;
	padding: 7px 0 7px 0;
	text-align: center;
	font-size: 19px;
}

.cotacao-home
{
	height: 100%;
	background: #fff;
	border-radius: 0 0 10px 10px;
	/*background: transparent;
    background: rgba(255, 255, 255, 0.9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc8a8a8a, endColorstr=#cc8a8a8a);*/
	zoom: 1;
	font-size: 13px;
	padding: 20px 20px 40px 20px;
	font-family: "proximanova regular","Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}


.formulario-home
{
}

	.formulario-home label
	{
		font-size: 1em;
	}


.styled-select select
{
	background: transparent;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 30px;
	-webkit-appearance: none;
	font-family: Arial;
	font-size: 12px;
}

.styled-select
{
	background: #fff;
	height: 30px;
	overflow: hidden;
	background: url(customselect-arrow-index.png) no-repeat right center #fff;
	border: 1px solid #ccc;
}



/*.formulario-home select {
        font-size: 1em;
      
        height: 35px;
        line-height: 35px;
        margin-bottom: 1px;
        border-color: #d4d4d4;
    }*/

.formulario-home input[type='text']
{
	font-size: 1em;
	width: 83%;
	height: 28px;
	line-height: 28px;
	margin-bottom: 1px;
	border: 1px solid #fff;
	padding-left: 5px;
}

.formulario-home input[type='submit']
{
	background: #ff6600;
	border: 0;
	height: 35px;
	line-height: 25px;
	width: 50%;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px;
	margin-bottom: 20px;
}

.formulario-home .botao-submit
{
	background: #ff6600;
	border: 0;
	height: 35px;
	line-height: 25px;
	width: 50%;
	color: #fff;
	text-transform: uppercase;
	border-radius: 3px;
	margin-bottom: 20px;
}


.coluna-esquerda-form
{
	float: none;
}


.coluna-direita-form
{
}

.tamanho-label
{
	float: none;
	padding-top: 10px;
}

.pular-linha
{
	clear: both;
	min-height: 40px;
}

.tamanho-label-motivo
{
	float: none;
}

.qtd-passageitos-txt
{
	clear: both;
	margin: 10px 0 5px 0;
}

.coluna-passageiro
{
	color: #7f7f7f;


	float: none;
}



.ida-volta
{
	float: none;
}


 .texto-slider-home {
  text-transform: uppercase; color: #ffffff; text-shadow: 0px 0px 12px rgba(0, 0, 0, 3)
    }




/*IFS###############################*/


/*OK*/
@media only screen and (min-width: 320px)
{
	.box-cotacao
	{
		float: right;
    
        
	}

	.cotacao-home
	{
		height: 100%;
            
	}



   

      .texto-slider-home {
    float: left; width: 100%; margin-top: 5%; font-size: 21px; text-align: center
    }





}

/*ok*/
/*@media only screen and (min-width: 481px) {
    .cotacao-home {
        
    }
  
    

}*/

/*ok*/
@media only screen and (max-width: 769px)
{

	.box-cotacao
	{
		float: none;
		margin: 0 auto;
		margin-top: -260px;
		width: 100%;
	}

	.cotacao-home
	{
		padding: 30px 30px 40px 30px;
		border-radius: 0;
	}




	.coluna-esquerda-form
	{
		min-height: 40px;
	}

	.coluna-direita-form
	{
		min-height: 40px;
	}

		.coluna-direita-form a
		{
			padding: 0 0 20px 0;
			float: right;
		}

	.qtd-passageitos-txt
	{
		min-height: 30px;
	}



	.pular-linha
	{
	}

	.tamanho-label-motivo
	{
		
		width: 120px;
	}


	.tamanho-label
	{
		
		width: 80px;
	}



	.coluna-passageiro
	{
		min-height: 40px;
        margin-top: 10px;
	}


		.coluna-passageiro label
		{
			width: 120px;
			
		}



	.ida-volta
	{
		margin-top: 10px;
		
		width: 100%;
	}

		.ida-volta label
		{
			padding-top: 5px;
			
			width: 30%;
		}


		.ida-volta div
		{
			
			width: 100%;
			border: 1px solid #ccc;
		}



			.ida-volta div input[type='text']
			{
				width: 90%;
			}


	.formulario-home input[type='submit']
	{
		float: right;
		margin-top: 26px;
	}

	.formulario-home .botao-submit
	{
		float: right;
		margin-top: 26px;
	}

	.motivo-viagem > .styled-select
	{
		width: inherit;
	}

		.motivo-viagem > .styled-select select
		{
			width: 120%;
		}

	.styled-select select
	{
		width: 120%;
	}



}

@media only screen and (min-width: 770px) and (max-width: 979px) {
    .texto-slider-home {
     font-size: 18px; text-align: left; }
}


/* ADICIONADO POSTERIORMENTE */
@media only screen and (min-width: 481px) and (max-width: 769px) {
    .box-cotacao {
        margin-top:  -650px;
        
    }
    .cotacao-home {
        
      
    }

      .texto-slider-home {
    float: left; width: 100%; margin-top: 15%; font-size: 25px; 
    }


}



/*@media only screen and (min-width: 481px) and (max-width: 769px)
{
	.box-cotacao
	{
		float: none;
		margin: 0 auto;
		margin-top: -430px;
		margin-left: 45px;
		width: 80%;
	}

	.cotacao-home
	{
	}

	.title-cotacao-home
	{
	}




	.coluna-esquerda-form
	{
		float: left;
		width: 49%;
	}

	.coluna-direita-form
	{
		float: right;
		width: 49%;
	}


	.styled-select select
	{
		width: 120%;
		margin-right: 10px;
	}

	.styled-select
	{
	}


	.coluna-esquerda-form select
	{
	}

	.coluna-direita-form > select
	{
		width: 120px;
	}

	.coluna-direita-form a
	{
		float: right;
		margin: 5px 5px 0 0;
	}

	.tamanho-label
	{
		float: left;
		width: 50px;
	}

	.tamanho-label-motivo
	{
		float: left;
		width: 130px;
		padding-top: 10px;
	}

	.motivo-viagem > .styled-select
	{
		width: inherit;
	}

		.motivo-viagem > .styled-select select
		{
			width: 110%;
		}


	.coluna-passageiro
	{
		float: left;
		width: 32%;
	}

		.coluna-passageiro > .styled-select
		{
			width: 96%;
		}

         .cinza_dest {
    background: #f1f1f1; padding: 10px 0 10px 10px
    }
    .cinza_dest2 {
        background: #f1f1f1; padding: 10px 0 10px 0
    }


	.ida-volta
	{
		margin-top: 10px;
		float: left;
		width: 50%;
	}

		.ida-volta > div
		{
			width: 98%;
			border: 1px solid #ccc;
		}

	.formulario-home input[type='submit']
	{
		float: right;
		margin-top: 20px;
	}

	.formulario-home .botao-submit
	{
		float: right;
		margin-top: 20px;
	}
}*/


/*@media only screen and (min-width: 768px) and (max-width: 859px) {
    .box-cotacao {
        float: right;
        margin-top: -370px;
    }

    .title-cotacao-home {
        
    }
}*/

/*ok*/ 
@media only screen and (min-width: 770px)
{

    .texto-slider-home {
    float: left; width: 50%; margin-top: 20%; font-size: 25px; text-align: left
    }

	.box-cotacao
	{
		float: right;
		margin-top: -470px;
	}

	.cotacao-home
	{
		width: 370px;
	}

	.title-cotacao-home
	{
	}



	.coluna-esquerda-form
	{
		float: left;
		width: 50%;
	}

	.coluna-direita-form
	{
		float: left;
		width: 50%;
	}


	.styled-select select
	{
		width: 148px;
	}

	.styled-select
	{
		width: 119px;
	}


	.coluna-esquerda-form select
	{
	}

	.coluna-direita-form > select
	{
		width: 120px;
	}

	.coluna-direita-form a
	{
		float: right;
		margin: 5px 5px 0 0;
	}

	.tamanho-label
	{
		float: left;
		width: 50px;
	}

	.tamanho-label-motivo
	{
		float: left;
		width: 130px;
		padding-top: 10px;
	}

	.motivo-viagem > .styled-select
	{
		width: 60%;
	}

		.motivo-viagem > .styled-select select
		{
			width: 120%;
		}


	.coluna-passageiro
	{
		float: left;
		width: 32%;
	}

		.coluna-passageiro > .styled-select
		{
			width: 90%;
		}

    .cinza_dest {
    background: #f1f1f1; padding: 10px 0 10px 10px
    }
    .cinza_dest2 {
        background: #f1f1f1; padding: 10px 0 10px 0
    }

	.ida-volta
	{
		margin-top: 10px;
		float: left;
		width: 50%;
	}

		.ida-volta > div
		{
			width: 95%;
			border: 1px solid #ccc;
		}

	.formulario-home input[type='submit']
	{
		float: right;
		margin-top: 20px;
	}

	.formulario-home .botao-submit
	{
		float: right;
		margin-top: 20px;
	}
}


div.error
{
	display: none;
	visibility: hidden;
}
