/*Estilo para tablets*/
@media only screen and (min-width: 788px) and (max-width: 979px) {
    
img {
max-width: 100%;
height: auto;
}
    
.container {
width: 768px;
margin: 0 auto;

}

.logo{
width: 100%
}
        
.introducao {
margin-bottom: 20px;
height: 200px;
}
    
.bemvindo {
margin: 0 auto;
margin-bottom: 20px;
}
    
 .bemvindo h1 {
font-size: 1em;

}


/*Footer*/
    
    
.footer {
width: 100%;
}
    

.footer_redes ul li a {
	border: 3px solid #fec63e;
	display: block;
	padding: 6px;

}

.footer_redes ul li a img{
	width: 26px;
	height: 26px;
}

/*Produtos*/

.produto_item h2{
	top: -150px;
	margin-bottom: -56px;
}

.produto_icone {
	padding: 41px 0;
}

.produto_info p{
	font-size: 14px;
	line-height: 20px;
	height: 122px;
	padding: 20px 30px;
}

.produto_info ul li {
	width: 181px;
	height: 49px;
}

} /* Final do estilo para tablets */

/*Estilo para smartphone*/
@media only screen and (max-width: 787px) {

img {
max-width: 100%;
height: auto;
}
    
.navbar-nav{
    display: inline;
}
       
.navbar-nav{
	text-align: center;
}

.navbar-nav ul li {
	margin: 5px;
}

.navbar-nav ul li a {
	border: 4px solid #000;
	width: 136px;
	display: block;
	float: left;
}

.navbar-nav ul li a:hover {
	border-color: #fff;
}

.navbar-nav ul li a.navbar-nav {
	border-color: #fff;
}

    
.banner {
max-width: 700px;
height: 200px;
margin-bottom: 20px;
background: url("../img/topo-agenda-sindiupes-mobile.png") no-repeat center;
background-position: center;
/*border-bottom: 5px solid red; */
background-size: cover;
    
}
    
    
.btn {
max-width: 80%;

}


.btn-desl {
max-width: 80%;

 }
.footer {
width: 100%;
height: 145px;  
margin-bottom: 20px;
margin-top: 40px;
background: url("../img/rodape-responsivo.png") no-repeat center;
background-position: center;
/*border-bottom: 5px solid red; */
background-size: cover;

margin: 0 auto;
}
    
    
.login{
margin: 0 auto;
    
}
    
img {
max-width: 100%;
height: auto;
}
    
.footer p {
font-size: 14x;
line-height: 22x;
padding: 10x;
text-align: center;

}
.container {
max-width: 90%;
margin: 0 auto;
}

.logo{
width: 100%;
margin: 0 auto;
     
}
    
.header img {
margin: 0 auto 10px auto;
}

.header_menu {
text-align: center;
}

.header_menu ul li {
margin: 5px;
}

.header_menu ul li a {
border: 4px solid #000;
width: 136px;
display: block;
float: left;
}

.header_menu ul li a:hover {
border-color: #fff;
}

.header_menu ul li a.menu_ativo {
border-color: #fff;
}

/*Introducao*/

.introducao h1 {
font-size: 36px;
}
    
.text-introducao{
clear: both;
    
}

.bemvindo {
max-width: 100%;
margin: 0 auto;
margin-bottom: 10px;
}
    
 .bemvindo ul li {
font-size: 1.2em;

}
    .bemvindo h1 {
font-size: 1.5em;

}
    
/*.introducao {
    margin-bottom: 20px;
	background: url("../img/bg-mobile.jpg") no-repeat center;
	background-size: cover;
    height: 200px;
}*/
    

/*Introdução Interna*/

.introducao-interna {
	margin-top: 0px;
}

/*Call*/
.call {
	padding-top: 10px;
	margin-bottom: 40px;

}
.bemvindo {
margin: 0 auto;
margin-bottom: 20px;
}
    
.bemvindo ul li {

}

.bemvindo p{
}

.aviso p{
max-width: 100%;
text-align: center;
padding: 10px;
	
}

    
.login input{
    width: 300px;
    
}

.form {
	padding-right: 0px;
}

.orcamento_dados ul {
	padding-right: 0px;
}
    
 .introducao-inicio-votacao {
height: 150px;
margin-top: 20px;
     padding-top: 30px;

}

/*Contato*/

.contato_form {
	padding-right: 0px;
	margin-bottom: 40px;
}



} /* Final do estilo para smartphone */