@charset "utf-8";

@font-face {
   font-display: auto;
}
@font-face {
    font-family: 'vag_roundregular';
    font-display: swap;
    src: url('vag_round-webfont.eot');
    src: url('vag_round-webfont.eot?#iefix') format('embedded-opentype'),
         url('vag_round-webfont.woff2') format('woff2'),
         url('vag_round-webfont.woff') format('woff'),
         url('vag_round-webfont.ttf') format('truetype'),
         url('vag_round-webfont.svg#vag_roundregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.azul{
    color:#0c4e9e;
}

section h1, article h1, aside h1, nav h1 {
  font-size: 2rem; /* ou 32px, ou o que preferir */
  font-weight: bold;
}

textarea:focus, input:focus, select:focus {
    outline: 0;
} 
textarea, input, select{
    width:85%; 
    padding: 3px; 
    padding-left: 10px; 
    border:1px solid #DFDFDF;             
    border-radius: 10px 10px 10px 10px;            
    -moz-border-radius: 10px 10px 10px 10px;            
    -webkit-border-radius: 10px 10px 10px 10px;     
}
.linkinter{
	text-decoration: none;
	color:#0c4e9e;
	border-bottom:dashed 1px;
}

/* CSS Document */
.toplogo{
	max-width:300px; 
	padding-top:15px;
	display: inline-block;
}
.toplogoimg{
	width:99%;
	display: inline-block;
}
.toplogoimg24{
	width:18%;
	display: inline-block;
}

.divTopAtendimento{
	width:auto;
	display: inline-block;
	text-align: center;
}
.divTopAtendimento a{
	text-decoration: none;
	color:#FFFFFF;
}
.divTopAtendimentoSocial{
	width:auto;
	display: inline-block;
	text-align: center;
	margin-left: 50px;
}
.divTopAtendimentoSocial a{
	text-decoration: none;
	color:#FFFFFF;
}
.divTop2 {
	width: auto;
	display: inline-block;
	padding-left: 20px;
}

ol.breadcrumb {
  padding: 10px 16px 0px 0px;
  list-style: none;
 }

ol.breadcrumb li {
  display: inline;
  font-size: 12px;
}

/* Add a slash symbol (/) before/behind each list item */
ol.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: ">";
}

/* Add a color to all links inside the list */
ol.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ol.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
} 

.ftnTitulo{
	font-size:14px; 
	font-weight:bold;
}
.ftnTitulo18{
	font-size:18px; 
	font-weight:bold;
}
.ftnTitulo16{
	font-size:16px; 
	font-weight:bold;
}

.ftnTitulo28{
	font-size:28px; 
	font-weight:bold;
}

.menuFlutuante{
	position:fixed;
	height: auto;
	width: 30px;
	right: 0px;
	top: 130px;
	padding: 10px;
	padding-top: 10px;
	background-color: #253f8e;
	border-radius:10px 0px 0px 10px;
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	-webkit-box-shadow: 1px 2px 18px 6px rgba(255,255,255,1);
	-moz-box-shadow: 1px 2px 18px 6px rgba(255,255,255,1);
	box-shadow: 1px 2px 18px 6px rgba(255,255,255,1);	
    z-index: 3;
}
.menuFlutuante img{
	margin-bottom: 10px;	
	width: 30px;
	border: 0px;
	cursor: pointer;
}

.divTop3 {
	width: auto;
	float: right;
	margin-top: 33px;
	max-width: 250px;
	border:1px solid #FFFFFF;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;	
	height: 30px;
	padding: 5px;
    margin-bottom: 10px;
    margin-right: -1px;
}
.divTop3 input[type="text"]{
	background-color: #0c4e9e;
	display: inline-block;
	border:0px;
	width: 70%;
	color:#FFFFFF;
	height: 28px;
    margin-top: -2px;
}
.divTop3 div{
	background-color: #FFFFFF;
	display: inline-block;
	border:0px #FFFFFF;
	width: 26%;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;		
	height: 40px;	
	margin-top: -5px;
	margin-right: -5px;
	float: right;
	text-align: center;
}
.divTop3 input[type="image"]{
	padding:6px;
	width:30px;
    padding-top: 8px;
    border:0px #FFFFFF;
}


/*
Menu
*/
/*Estilizando a nav da classe menu */
 .menu {
	 width: 100%;
	 height: 30px;
	 line-height:30px;
	 background-color: #dcdddf;
	 font-size:16px;
	 text-align:center;	 
     z-index: 999999;
 }

/*Estilizando as listas */
 .menu ul {
	 margin-top: 0px;
	 list-style: none;
	 width:100%;
	 max-width:1200px;
	 padding:0px;
	 display: inline-block;
 }

.menu ul li {
	 width: 15.5%;
	 display:inline-block;
 }

.menu a {
	 display: block;
	 text-decoration: none;
	 text-align: center;
	 background-color: #dcdddf;
	 color: #2c1f20;
 	border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;	 
	 transition: all .2s;
}

.menu ul ul {
	 position: absolute;
	 visibility: hidden;
	 display:block;
    z-index: 9999;
}
	
.menu ul li:hover ul {
	visibility: visible;
 }

.menu a:hover {
	 background-color: #FFFFFF;
	 color:#2A47A2;
 }

.menu ul ul li {
	 float: none;
	 width: 250px;
	 display:block;
 }

.menu ul ul li a {
  	 font-size:14px;
	 text-align:left;
	 background-color:#F3F3F3;
	 padding-left:20px;
	 border-radius:0px;
	 -moz-border-radius:0px;
	 -webkit-border-radius:0px;		 
 }

/*Criando o label */body
 label[for="bt_menu"]{
	 padding: 5px;
     position:absolute;
	 
	 color: #FFFFFF;
	 text-align: center;
	 font-size: 36px;
	 cursor: pointer;
	 height: 40px;
	 width:40px;
     margin-top:9px;
	 margin-top: -200px;
     margin-left:8px;
	 border-radius:5px;
	 -moz-border-radius:5px;
	 -webkit-border-radius:5px;		
     
 }

#bt_menu {
	 display: none;
 }

label[for="bt_menu"]{
	 display: none;
 }


.divArticle {
	width: 100%;
	text-align: center;
}



.linha-vertical {
  height: 30px;
  margin:5px;
  margin-bottom:-3px;
  border-left: 2px solid;
  display: inline-block;  
}

.btnVermelho{
	background-color:#ee1d23;
	border:1px solid #ee1d23;  
	
	display: inline-block; 
	padding:4px; 
	font-size:16px; 
	width:120px; 
	color:#FFFFFF; 
	cursor:pointer;
	transition: all .2s;
	border-radius:10px 10px 10px 10px; 
	-moz-border-radius:10px 10px 10px 10px; 
	-webkit-border-radius:10px 10px 10px 10px;
}
.btnVermelho:hover{
	background-color:#9E123A;
	border:1px solid #9E123A; 
}

.btnVerde{
	background-color:#3fad48;
	border:1px solid #3fad48;  
	padding:4px; 
	font-size:16px; 
	width:140px; 
	color:#FFFFFF; 
	cursor:pointer;
	transition: all .2s;
	border-radius:10px 10px 10px 10px; 
	-moz-border-radius:10px 10px 10px 10px; 
	-webkit-border-radius:10px 10px 10px 10px;
}
.btnVerde:hover{
	background-color:#227329;
	border:1px solid #227329; 
}


.divBottomBox{
	width:22%;
	float:left;
	border-right: 1px solid #FFFFFF;
	text-align: left;
	padding-left: 2%;
	font-size:14px;
}
.divBottomBox a{
    text-decoration: none;   
    color:#ffffff;
}
.boldLine{
	font-weight:bold; 
	line-height: 28px;	
}
.divBottomBox:last-child{
	border-right: 0px;
}


.radSetores{
	color:#ffffff; 
	font-size:14px;
	line-height:18px;
	text-align:left; 
	cursor:pointer;
	text-decoration:none;
}
.radSetores > span{
	background:url(radio.png?6) scroll no-repeat 0px 3px transparent; 
	overflow:hidden;
	float:left;
	width:13px;
	height:17px;
	margin-right:3px;
}
.radSetores:hover > span{
	background:url(radio.png?6) scroll no-repeat -26px 3px transparent; 
}
.radSetores:hover{
	color:#b2e0f7; 
}
.radSetores.selected > span{
	background-position: -13px 3px;
}
.radSetores.selected{
	color:#fcef03;
}
.menu-bottom{
	color:#0072bb; 
	font-family:'vag_roundregular';
	font-size:18px; 
	text-align:center; 
	cursor:pointer;
	padding:4px;
	padding-left:5px;
	padding-right:5px;
	text-decoration:none;
	margin-left:10px;
}
.menu-bottom:hover{
	color:#b2e0f7;
	font-weight:bold;
}
.menu-bottom2{
	color:#ffffff; 
	font-size:11px; 
	cursor:pointer;
	padding:2px;
	padding-left:2px;
	padding-right:2px;
	text-decoration:none;
}
.menu-bottom2:hover{
	text-decoration:underline;
}

.btn1-fazer-pedido {
  position:relative;
  height:22px;
  line-height:22px;
  width:110px;
  color:#ffffff; 
  font-size:12px; 
  cursor:pointer;
  background:#d1232a;
  border:1px solid #d1232a;
  padding-left:10px;
  margin-top:10px;
  text-align:left;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px; 
	border-radius: 15px;							  
}
.btn1-fazer-pedido:after {
	position: absolute;
	bottom: 3px;
	right: 3px;
	width: 18px;
	height: 18px;
	content: ' ';
	background: url("icon-seta.png?") scroll no-repeat -18px 0px transparent;
}
@media only screen and ( min-width:701px ){
	
/* quicksand-regular - latin */
	@font-face {
	  font-family: 'Quicksand';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: url('font/quicksand/quicksand-v9-latin-regular.eot'); /* IE9 Compat Modes */
	  src: local('Quicksand Regular'), local('Quicksand-Regular'),
		   url('font/quicksand/quicksand-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('font/quicksand/quicksand-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		   url('font/quicksand/quicksand-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
		   url('font/quicksand/quicksand-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('font/quicksand/quicksand-v9-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
	}

	@font-face {
	  font-family: 'Quicksand';
	  font-style: normal;
	  font-weight: bold;
	  font-display: swap;
	  src: url('font/quicksand/quicksand-v9-latin-700.eot'); /* IE9 Compat Modes */
	  src: local('Quicksand Bold'), local('Quicksand-Bold'),
		   url('font/quicksand/quicksand-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		   url('font/quicksand/quicksand-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		   url('font/quicksand/quicksand-v9-latin-700.woff') format('woff'), /* Modern Browsers */
		   url('font/quicksand/quicksand-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		   url('font/quicksand/quicksand-v9-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */
	}
	
	body{
		font-family: Quicksand;
		font-size:12px;
		margin:0px;	
	}	
	
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 700px) {


        body{
            font-family:sans-serif;
            font-size:12px;
            margin:2px;	
        }	
        article{
            margin: 2px;
			margin-top: 0px;
        }    
		.linha-vertical {
		  display:none
		}    
        .toplogo{
			float:right;
            max-width:800px; 
            width:75%;
            padding:5%;
            text-align:center;
            display: inline-block;
        }
        .toplogoimg{
            width:90%;
            display: inline-block;
        }
		.divTopAtendimentoSocial{
			width:100%;
			display: block;
			margin-left: 0px;
		}
		.divTopAtendimento{
			margin-left: 10px;
			margin-right: 10px;
			margin-bottom: 10px;
		}	
		.menuFlutuante{
			top:200px;
		}
	
		.divTop3 {
			clear: both;
			width: 90%;
			float: none;
			margin-top:3px;
			max-width: 1250px;
			border:0px solid #FFFFFF;
			border-radius: 10px 10px 10px 10px;
			-moz-border-radius: 10px 10px 10px 10px;
			-webkit-border-radius: 10px 10px 10px 10px;	
			height: 30px;
			padding: 5px;
			margin-bottom: 4px;
			margin-right: -1px;
		}
		.divTop3 input[type="text"]{
			background-color: #FFFFFF;
			display: inline-block;
			border:0px;
			width: 80%;
			color:#0c4e9e;
			height: 22px;
			margin-top: -2px;
			border-radius: 1px 1px 1px 1px;
			-moz-border-radius: 1px 1px 1px 1px;
			-webkit-border-radius: 1px 1px 1px 1px;	
			
		}
		.divTop3 div{
			background-color: #FFFFFF;
			display: inline-block;
			border:0px #FFFFFF;
			width: 16%;
			border-radius: 1px 1px 1px 1px;
			-moz-border-radius: 1px 1px 1px 1px;
			-webkit-border-radius: 1px 1px 1px 1px;		
			height: 28px;	
			margin-top: -2px;
			margin-right: -5px;
			float: right;
			text-align: center;
		}
		.divTop3 input[type="image"]{
			padding:4px;
			width:20px;
			padding-top: 8px;
			border:0px #FFFFFF;
		}	
	
        /*
        Menu
        */
        label[for="bt_menu"] {
         display: block;
         }

        #bt_menu:checked ~ .menu{
         margin-left: 0;
         }

        .menu{
             margin-top:1px;
             margin-left: -100%;
             transition: all .2s;
             width:100%;
             position: relative;
         }

         .menu a{
            text-align:left;
            border-radius:0px;
            -moz-border-radius:0px;
            -webkit-border-radius:0px;
             padding-left:20px;

         }

        .menu ul {
         width: 100%;

         }
        .menu ul li {
         width: 100%;
        }

        .menu ul ul {
        visibility:visible;
         position: static;
         max-height: 1000px;
         transition: all 0.5s;
         width:100%;
         }

        .menu ul li:hover ul {
             margin-left: 0;
             visibility:visible;
        }

        .menu ul ul li {
         float: none;
         width:100%;
         display:block;
        }  

        .menu ul li:hover ul {
             height: auto;
             max-height: 1000px;

         }

         .menu ul ul li a {
             padding-left:40px;
             text-align:left; 
             background-color:#F3F3F3;	 
         }

		.divArticle {
			margin-top: -25px;
			padding-top: -20px;
		}	
	
        .divBottomBox{
            width:100%;
            border-right: 0px solid #FFFFFF;

        }
        .divBottomBox:last-child{
            border-right: 0px;
        }	

		.divTop2 {
			display: block;
			padding-left: 0px;
			text-align: center;
		}

		.menu-bottom{
			font-size:11px; 
			padding:2px;
			padding-left:2px;
			padding-right:2px;
			margin-left:2px;
		}
	
}






.divTop {
	width: 100%;
	background-color: #0c4e9e;
	min-height: 90px;
	text-align: center;
	position: relative;
}
.divTop1 {
	width: 100%;
	max-width: 1200px;
	color: #FFFFFF;
	text-align: left;
	display: inline-block;
}



.divTop .divTop1 .divTop2 img {
	width: 30px;
	display: inline-block;
}
.divLimpa {
	clear: both;
}

.font16{
    font-size: 16px; 
}
.divArticle1 {
	width: 100%;
	max-width: 1200px;
	text-align: left;
    display: inline-block;
}
.divArticleCinza {
	background-color: #e0e1e3;
	width: 100%;
	text-align: center;
}
.divFooter {
	background-color: #0c4e9e;
	width: 100%;
	min-height: 90px;
	text-align: center;
}
.divFooterB {
	background-color: #FFFFFF;
	width: 100%;
	min-height: 90px;
	text-align: center;
}
.divFooter1 {
	width: 100%;
	max-width: 800px;
	text-align: center;
	display: inline-block;
	color: #ffffff;
	padding-bottom: 10px;
}
.inputNews {
	border: 1px solid #0c4e9e;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	color: #0c4e9e;
	background-color: #ffffff;
	height: 20px;
	padding: 4px;
    width:70%;
    display: inline-block;
	max-width: 300px;
}
.imgNews {
	float: left;
	width: 150px;
}
.divFooterB1 {
	width: 96%;
	padding: 2%;
	max-width: 1200px;
	color: #0c4e9e;
	text-align: left;
	display: inline-block;
}
.imgPagamento {
    float: right;
}
.divFooter2 {
	width: 96%;
	padding: 2%;
	max-width: 1200px;
	color: #FFFFFF;
	text-align: center;
	display: inline-block;
}
.imgBottomAtendente {
	width: 30px;
	display: inline-block;
}

.h1red{
	color:#ee1d23;
	font-size: 36px;
	font-weight: bold;
}
.h1azul{
	color:#0c4e9e;
	font-size: 36px;
	font-weight: bold;
}

.borderCinzaSimples{
	border:1px solid #e3e4e5;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
}

.aparece{
    display:block;
}
.esconde{
    display:none;
}