.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline{ padding-top:0 !important; float:left; }
.radio, .checkbox { padding-left: 0 !important; }

label.error {color: red; margin: 0 .5em 0 .5em; font-size: 10px }

hr	{ height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

td.rowred	{ background-color: #FFCC66; }


.form_on{
	display: block;
}

.form_off{
	display: none;
}

.desabilitado{
	color: #999;
}

.contrato{
	overflow:scroll;
	height: 250px;
	background-color: #FFF;
	padding: 10px 10px 10px 10px;
	border: 1px #cccccc solid;
}

.container-busca{
	margin: 10px 0;
	float: left;
}

#nome_executivo {
	max-width: 200px;
}

.caixa_busca{
	border-radius: 4px;
	border: 1px solid #cbcbcb;
	background-color: #d6d6d6;
	color: #FFFFFF;
	float: left;
	height: 32px;
}

.www{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #2d2430;
	padding: 3px 8px;
	height: 100%;
	display:block;
	float: left;
}
.caixa_busca input{
	box-sizing: border-box;
	color: #000000;
	background-color:#FFFFFF;
	border-width: 0px;
	width: 150px;
	height: 28px;
	margin: 1px;
	display: inline;
	float: left;
	padding: 3px 8px;
}

.caixa_busca select{
	color: #000000;
	background-color:#d6d6d6;
	height: 31px;
	display: inline;
	float: left;
	border: 0px;
}

.button {
	padding:.05em .25em .05em .25em;
	width:auto;
	overflow:visible;
}

.botao_verificar{
	padding-left: 5px;
	display: inline;
}
.select_container{
	margin: 5px 0 5px 4px;
	border: 0;
	position: relative;
	width: 74px;
	height: 15px;
	overflow: hidden;
}

#planos{
	float: left;
	margin: 0 auto;
	width:100%;
}



.seletor-plano-container {
	cursor: pointer;	
	opacity: 0.4;
}

.englobe .title-plano{
	max-width: 350px;	
}

.plano {
	min-height: 255px;
	clear:left;
	padding: 10px;
    background-color: #FBFBFB;
	border:1px solid #F5F5F5;
	box-shadow: 1px 1px 1px #F5F5F5; 
	text-align: center;box-sizing: border-box;
	margin-bottom: 20px;
}

.plano h3 {
    margin-top: 7px;
    color: #2C7DB8;
    font-size: 16px;
}

.titleH2 { 
	
    text-align: center;
    color: #2C7DB8;
}


.plano:hover{
	background-color: #ECECEC;
}



.box-titulo-plano {
	width:100%;
	margin: 0 0 0 1px;
    float: left;
	background-color:#555555;
}

.plano-selecionado {
    opacity: 1;
}


.blue{
	color: #2C7DB8;	
}

.orange {
	background-color:#FB9903;
}



.box-titulo-plano h2 {
    margin: 0;
    line-height: 46px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}



h2.valores-planos {
	font-size:44px;
	font-weight:bold;
	color:#2C7DB8;
	margin-top:0 !important;
    letter-spacing: -1px;
}
h2.valores-planos small {
	color:#2C7DB8;
    font-size: 18px;
    margin-right: 5px;
}

.plano p {
	font-size: 16px;
	font-weight:normal;
	color:#666666;
	font-family:Calibri, "Trebuchet MS", Helvetica, sans-serif;
	letter-spacing:0.6px;
}

.plano .btn-xs.pill {
    padding: 1px 6px;
	margin: 0 2px 2px 0;
}


/* neutro */
.plano.plano-neutro {
    background: #e8fbde;
}
.plano.plano-neutro h2, .plano.plano-neutro h2 *, .plano.plano-neutro h3 {
    color: #97c05c;
}

/* fornecedor */
.plano.plano-fornecedor {
    background: #e4e4e4;
}
.plano.plano-fornecedor .pill {
    background-color: #6b6b6b;
    color: #fff;
}
.plano.plano-fornecedor h2, .plano.plano-fornecedor h2 *, .plano.plano-fornecedor h3 {
    color: #6b6b6b;
}

/* multifornecedor */
.plano.plano-multifornecedor {
    background: #c6ecf5;
}
.plano.plano-multifornecedor h2, .plano.plano-multifornecedor h2 *, .plano.plano-multifornecedor h3 {
    color: #00b1dd;
}
.plano.plano-multifornecedor .pill {
    background-color: #00b1dd;
    color: #fff;
}

/* metabuscador */
.plano.plano-metabuscador {
    background: #0071dd29;
}
.plano.plano-metabuscador h2, .plano.plano-metabuscador h2 *, .plano.plano-metabuscador h3 {
    color: #2585e0;
}

/* receptivo */
.plano.plano-receptivo, 
.plano.plano-tursites_fornecedor_exclusivo {
    background: #f4dbff;
}
.plano.plano-receptivo h2, .plano.plano-receptivo h2 *, .plano.plano-receptivo h3,
.plano.plano-tursites_fornecedor_exclusivo h2, .plano.plano-tursites_fornecedor_exclusivo h2 *, .plano.plano-tursites_fornecedor_exclusivo h3 {
    color: #8b00c7;
}

.plano.plano-receptivo .pill,
.plano.plano-tursites_fornecedor_exclusivo .pill {
    background-color: #8b00c7;
    color: #fff;
}


section#box-painel-administrativo{
	background: #c5e1ca; /* Old browsers */
	background: -moz-linear-gradient(left,  #c5e1ca 0%, #e3f3e8 50%, #c5e1ca 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c5e1ca), color-stop(50%,#e3f3e8), color-stop(100%,#c5e1ca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #c5e1ca 0%,#e3f3e8 50%,#c5e1ca 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #c5e1ca 0%,#e3f3e8 50%,#c5e1ca 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #c5e1ca 0%,#e3f3e8 50%,#c5e1ca 100%); /* IE10+ */
	background: linear-gradient(to right,  #c5e1ca 0%,#e3f3e8 50%,#c5e1ca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e1ca', endColorstr='#c5e1ca',GradientType=1 ); /* IE6-9 */
	margin: 15px 3px 0 3px;
	width: 100%;
	padding: 11px;
	line-height:200%;
	font-size:15px;
	color: #4b6b0a;
}
section#box-painel-administrativo h2{
	padding: 1px 0 7px 0;
	margin: 0;
	font-weight: bold; 
	font-size: 15pt; 
}



section#box-hospedagem{
	background: #c9dfea; /* Old browsers */
	background: -moz-linear-gradient(left,  #c9dfea 0%, #eaf5f7 50%, #c9dfea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c9dfea), color-stop(50%,#eaf5f7), color-stop(100%,#c9dfea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #c9dfea 0%,#eaf5f7 50%,#c9dfea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #c9dfea 0%,#eaf5f7 50%,#c9dfea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #c9dfea 0%,#eaf5f7 50%,#c9dfea 100%); /* IE10+ */
	background: linear-gradient(to right,  #c9dfea 0%,#eaf5f7 50%,#c9dfea 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9dfea', endColorstr='#c9dfea',GradientType=1 ); /* IE6-9 */
	line-height:200%;
	width: 100%;
	padding: 11px;
	font-size:15px;
	margin: 15px 3px 0 3px;
	color: #0e627c;
}
section#box-hospedagem h2{
	padding: 1px 0 7px 0;
	margin: 0;
	font-weight: bold; 
	font-size: 15pt; 
}






section#box-decreto{
	background: #eedfdf; /* Old browsers */
	background: -moz-linear-gradient(left,  #eedfdf 0%, #fff5f5 50%, #eedfdf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eedfdf), color-stop(50%,#fff5f5), color-stop(100%,#eedfdf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #eedfdf 0%,#fff5f5 50%,#eedfdf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #eedfdf 0%,#fff5f5 50%,#eedfdf 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #eedfdf 0%,#fff5f5 50%,#eedfdf 100%); /* IE10+ */
	background: linear-gradient(to right,  #eedfdf 0%,#fff5f5 50%,#eedfdf 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eedfdf', endColorstr='#eedfdf',GradientType=1 ); /* IE6-9 */
	line-height:200%;
	width: 100%;
	padding: 11px;
    /*box-shadow: 6px 6px 8px #cccccc;*/
	font-size:15px;
	margin: 15px 3px 0 3px;
	color: #a40000;
}


section#box-decreto h2{
	padding: 1px 0 7px 0;
	margin: 0;
	font-weight: bold; 
	font-size: 15pt; 
}



label{
	font-weight:normal;
}






.dados-carregados-automaticamente label {
    font-size: 17px;
}

/* checkbox */
/*
See the explanation of the animation here:
http://codepen.io/timseverien/pen/yvJkm
*/
@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@-moz-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@-ms-keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
@keyframes check {
  0% {
    height: 0;
    width: 0;
  }
  25% {
    height: 0;
    width: 10px;
  }
  50% {
    height: 20px;
    width: 10px;
  }
}
.wrapper {
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  left: 50%;
  position: absolute;
  text-align: center;
}

.checkbox, .checkbox-alt {
  display: inline-block;
  height: 50px;
  
  width: 50px;
}
.checkbox label, .checkbox-alt label {
	border: 2px solid #fff;
	border-radius: 4px;
	display: block;
	height: 30px;
	margin: 10px;
	position: relative;
	width: 30px;
}
.checkbox label:after, .checkbox-alt label:after {
	/*
	This element has a border on the right, and top. By rotating it looks like a check symbol, but the wrong way. That's why I'm flipping it with scaleX(-1)
	*/
	-moz-transform: scaleX(-1) rotate(135deg);
	-ms-transform: scaleX(-1) rotate(135deg);
	-webkit-transform: scaleX(-1) rotate(135deg);
	transform: scaleX(-1) rotate(135deg);
	/*
	I want to position the symbol using the left top, because when increasing the width and height of an object, it expands from the top left corner as well. That is what makes it looks like it's being drawn.
	*/
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	border-right: 4px solid rgba(255, 255, 255, 0);
	border-top: 4px solid rgba(255, 255, 255, 0);
	content: '';
	display: block;
	height: 20px;
	left: 2px;
	position: absolute;
	top: 15px;
	position: absolute;
	width: 10px;
}
.checkbox label:hover:after, .checkbox-alt label:hover:after {
  border-color: #bdd;
}
.checkbox input, .checkbox-alt input {
  display: none;
}
.checkbox input:checked + label:after, .checkbox-alt input:checked + label:after {
  -webkit-animation: check 0.8s;
  -moz-animation: check 0.8s;
  -o-animation: check 0.8s;
  animation: check 0.8s;
  border-color: #FFF;
}
.checkbox.checkbox-alt label:hover:after, .checkbox-alt.checkbox-alt label:hover:after {
  -webkit-animation: check 0.8s ease infinite;
  -moz-animation: check 0.8s ease infinite;
  -o-animation: check 0.8s ease infinite;
  animation: check 0.8s ease infinite;
}
.checkbox.checkbox-alt input:checked + label:after, .checkbox-alt.checkbox-alt input:checked + label:after {
  -webkit-animation: none;
  -moz-animation: none;
  -o-animation: none;
  animation: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 100;
}

#contrato_wrapper{
	margin: 10px 0;
}









#formularioCadastro {
	padding-bottom: 20px;
	float: left;
	width: 100%;
}

#gif-responsivo p {
	font-size:18px !important;
}
/* seta o tamanho de tudo no jqueryui */
.ui-widget {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.descricoes {
	display: none;
	clear: both;
}

.nao-preenchido:focus {
  border-color: #FF0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

#termos-condicoes{
	float: left;
}
.alerta-termos-condicoes{
	background: rgba(0, 0, 0, 0) linear-gradient(to right, #c5e1ca 0%, #e3f3e8 50%, #c5e1ca 100%) repeat scroll 0 0;
	color: #4b6b0a;
	font-size: 15px;
	line-height: 200%;
	margin: 20px 0;
	padding: 11px;
	width: 100%;
}
.box-aceito-condicoes{
	background-color: #f1f1f1;
	border: 1px solid #dddddd;
	float: left;
	margin: 5px 0;
	padding: 5px 10px;
	width: 100%;
	color: #333;
	border-radius: 5px;
}
.box-aceito-condicoes .checkbox label{
	margin: 10px 10px 5px 5px;
}

.box-aceito-condicoes h5{
	margin: 5px 0;
}
.box-aceito-condicoes .checkbox input:checked + label::after, .checkbox-alt input:checked + label::after {
	border-color: #333;
}

.box-aceito-condicoes .checkbox label, .checkbox-alt label {
	border: 2px solid #333;
}

.box-aceito-condicoes .checkbox label:hover:after, .checkbox-alt label:hover:after {
	border-color: #aaa;
}

#botaoAceitoContratacao{
	margin-top: 10px;
	display: block;
	float: left;
	white-space: normal;
}

#camposObrigatorios{
	display: block;
	width: 100%;
}
#camposObrigatorios b{
	text-align: right;
	display: block;
}
/*
.checkbox input {
	display: block;
}
*/

#contratante_cnpj_info {
    position: absolute;
    top: 60px;
    right: 20px;
    border: 1px solid #e2e2e2;
    padding: 10px;
    background: #f8f8f8;
    color: #666;
    width: 220px;
    border-radius: 5px;
    z-index: 999;
    box-shadow: 2px 2px 4px -3px #000000;
	font-size: 14px;
}
#contratante_cnpj_info::before {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #e2e2e2;
    position: absolute;
    top: -20px;
    right: 20px;
}
#contratante_cnpj_info::after {
    content: "";
    border: 10px solid transparent;
    border-bottom-color: #f8f8f8;
    position: absolute;
    top: -18px;
    right: 20px;
}

.fornecedor-info label {
	margin-top: 5px;
}

@media only screen and (max-width:768px){
		
		
	#contratante_cnpj_row *:not(i) {
		width: 100%;
		display: inline-block;
	}
	.seletor-plano-container{
		margin-left: 0px;
	}
		
	.box-titulo-plano h2 {
		margin-top: 7px;
		margin-left: 50px;
		color: #fff;
		font-weight: bold;
		font-size: 25px;
		line-height: 32px;
	}
	#contratante_cnpj_info {
		width: 360px;
		position: relative;
		top: 0px;
		left: 0px;
	}
	
}