 /* GLOBAL STYLES
    -------------------------------------------------- */
    /* Padding below the footer and lighter body text */

    body {
      padding-bottom: 40px;
      color: #5a5a5a;
    }


	.marketing h4 {
		font-size: 17.5px;
		font-weight: normal;
		margin-top: 20px;
	}

	.text-right { text-align:right;}
	.text-left { text-align:left;}
	.text-center { text-align:center;}

	/* Opções
	----------------------------------------------------*/
	.opcao {background: url(../img/imagens-restrita.png) no-repeat; display: block; position: relative; float:left; width:300px; }
		.boleto { background-position: 54px 0; padding-top: 200px;} .boleto:hover {background-position: 54px -506px;}
		.form { background-position: center 0; padding-top: 200px;} .form:hover {background-position: center -506px;}
		.visto { background-position: -747px 0; padding-top: 200px;} .visto:hover {background-position: -747px -506px;}

	/* Imagens diversas
	----------------------------------------------------*/
	.ico {background: url(http://www.csvlab.com.br/img/imagens.png) no-repeat; overflow: hidden; text-indent: 5000px; display: block; position: relative; float:left;}
		.logo { width:234px; height:80px; background-position:0 0; margin-top:30px}
		.via { width: 31px; height: 8px; background-position: 0 -178px; margin-left: 20px; margin-top: 6px;}

    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */

    /* Special class on .container surrounding .navbar, used for positioning it into place. */
    .navbar-wrapper {
      position: relative;
      z-index: 10;
      margin-top: 40px;
      margin-bottom: 40px; /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */

    }

	.navbar-inverse .brand, .navbar-inverse .nav > li > a {color: white;}

	.navbar-inverse .navbar-inner {
		background: #068AEE;
		background: -moz-linear-gradient(top, #068AEE 1%, #037AD3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#068AEE), color-stop(100%,#037AD3));
		background: -webkit-linear-gradient(top, #068AEE 1%,#037AD3 100%);
		background: -o-linear-gradient(top, #068AEE 1%,#037AD3 100%);
		background: -ms-linear-gradient(top, #068AEE 1%,#037AD3 100%);
		background: linear-gradient(to bottom, #068AEE 1%,#037AD3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#068aee', endColorstr='#037ad3',GradientType=0 );
	}

	.nav a.active {
		-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
		box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
	}

	.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .navbar .nav > li > a:hover, .nav a.active {
		background: #2ba4ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #2ba4ff 1%, #4c87eb 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#2ba4ff), color-stop(100%,#4c87eb)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #2ba4ff 1%,#4c87eb 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #2ba4ff 1%,#4c87eb 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #2ba4ff 1%,#4c87eb 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #2ba4ff 1%,#4c87eb 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba4ff', endColorstr='#4c87eb',GradientType=0 ); /* IE6-9 */
		color:#fff;
	}

	.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
		border-top-color: white;
		border-bottom-color: white;
	}

    /* Remove border and change up box shadow for more contrast */
    .navbar .navbar-inner {
      border: 0;
      -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.25);
         -moz-box-shadow: 0 2px 10px rgba(0,0,0,.25);
              box-shadow: 0 2px 10px rgba(0,0,0,.25);
    }

    /* Downsize the brand/project name a bit */
    .navbar .brand {
      padding: 14px 20px 16px; /* Increase vertical padding to match navbar links */
      font-size: 16px;
      font-weight: bold;
      text-shadow: 0 -1px 0 rgba(0,0,0,.5);
    }

    /* Navbar links: increase padding for taller navbar */
    .navbar .nav > li > a {
      padding: 15px 20px;
    }


    /* Offset the responsive button for proper vertical alignment */
    .navbar .btn-navbar {
      margin-top: 10px;
    }

	.sair {float: right; margin-top: 10px !important;}

    /* CUSTOMIZE THE NAVBAR
    -------------------------------------------------- */


    /* MARKETING CONTENT
    -------------------------------------------------- */

    /* Center align the text within the three columns below the carousel */
    .marketing .span4 {
      text-align: center;
    }
    .marketing h1 {
    	text-align: center;
		font-weight: normal;
		font-size: 50px;
		line-height: 1;
		letter-spacing: -1px;
		margin-bottom: 50px;
    }
    .marketing h2 {
      font-weight: normal;
    }
	.marketing h2 span {
		font-size: 16.5px;
	}
    .marketing .span4 p {
      margin-left: 10px;
      margin-right: 10px;
    }
	.form-signin {
		max-width: 300px;
		padding: 19px 29px 29px;
		margin: 30px auto 20px;
		background-color: white;
		border: 1px solid #E5E5E5;
		-webkit-border-radius: 6px;
		   -moz-border-radius: 6px;
				border-radius: 6px;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
		   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.075);
				box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	}


    /* Featurettes
    ------------------------- */

    .featurette-divider {
      margin: 60px 0; /* Space out the Bootstrap <hr> more */
    }
    .featurette {
      padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
      overflow: hidden; /* Vertically center images part 2: clear their floats. */
    }
    .featurette-image {
      margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
    }

    /* Give some space on the sides of the floated elements so text doesn't run right into it. */
    .featurette-image.pull-left {
      margin-right: 40px;
    }
    .featurette-image.pull-right {
      margin-left: 40px;
    }

    /* Thin out the marketing headings */
    .featurette-heading {
      font-size: 50px;
      font-weight: 300;
      line-height: 1;
      letter-spacing: -1px;
    }

label.error, label.error{
	color: red;
	font-size:11px;
	font-style: italic;
}

.textoServicoIndisponivel {
  font-size: 1.1rem;
  font-weight: 400;
}
