@media screen and (max-width: 736px) { /* PARA DISPOSITIVOS PEQUENOS*/
#pctablet, .pctablet {display:none;}
#smartphone, .smartphone{display:block}
}
@media screen and (min-width: 737px) { /* PARA DISPOSITIVOS GRANDES*/
#pctablet, .pctablet{display:block;}
#smartphone, .smartphone{display:none}
}
@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS (SMARTPHONES E TABLETS)*/
.site-width{
	width:99%;
	position:relative;
	margin:0 auto;
}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
.site-width{
	width:1000px;
	position:relative;
	margin:0 auto;
}
}

@media screen and (min-width: 1280px) and (max-width: 1600px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
.site-width{
	width:1100px;
	position:relative;
	margin:0 auto;
}
}

@media screen and (min-width: 1601px) { /* PARA DISPOSITIVOS MUITO GRANDES (PCS COM ALTA RESOLUÇÃO)*/
.site-width{
	width:1240px;
	position:relative;
	margin:0 auto;
}
}
.responsive {
  width: 100%;
  height: auto;
}

/*-------------------------------------------------------------------
LAYOUT
--------------------------------------------------------------------*/
html { 
  background: url(/images/entrada.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.row{padding:0px; margin:0px;}
body{margin:0px; padding:0px;}

@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS (SMARTPHONES E TABLETS)*/
#entrada-box-position{width:100%; position:relative; float:left; padding:20px 0px 0px 0px;}
#entrada-box{width:100%; position:relative; float:left; margin:0px 0px 20px 0px; opacity:1; text-align:center;}
#topo-logotipo{width:100%; position:relative; float:left; text-align:center;}
#logotipo-size{width:100%;}
#entrada-box-size{ width:300px;}
#logotipo-margem-bottom{width:100%; position:relative; float:left; text-align:center; margin-top:50px;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#entrada-box-position{width:100%; position:relative; float:left; margin:5% 0px 0px 0px; text-align:center }
#entrada-box{position:relative; float:left; margin:0px 20px 0px 20px; opacity:1;}
#topo-logotipo{width:100%; position:relative; float:left; text-align:center;}
#logotipo-size{width:720px;}
#entrada-box-size{ width:400px;}
#logotipo-margem-bottom{width:100%; position:relative; float:left; text-align:center; margin-top:20px;}
}

@media screen and (min-width: 1280px) and (max-width: 1365px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#entrada-box-position{width:100%; position:relative; float:left; margin:3% 0px 0px 0px; text-align:center }
#entrada-box{position:relative; float:left; margin:0px 70px 0px 70px; opacity:1;}
#topo-logotipo{width:100%; position:relative; float:left; text-align:center;}
#logotipo-size{width:710px;}
#entrada-box-size{ width:400px;}
#logotipo-margem-bottom{width:100%; position:relative; float:left; text-align:center; margin-top:0px;}
}

@media screen and (min-width: 1366px) and (max-width: 1600px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#entrada-box-position{width:100%; position:relative; float:left; margin:3% 0px 0px 0px; text-align:center }
#entrada-box{position:relative; float:left; margin:0px 70px 0px 70px; opacity:1;}
#topo-logotipo{width:100%; position:relative; float:left; text-align:center;}
#logotipo-size{width:780px;}
#entrada-box-size{ width:400px;}
#logotipo-margem-bottom{width:100%; position:relative; float:left; text-align:center; margin-top:0px;}
}
@media screen and (min-width: 1601px) and (max-width: 2159px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#entrada-box-position{width:100%; position:relative; float:left; margin:3% 0px 0px 0px; text-align:center }
#entrada-box{position:relative; float:left; margin:0px 70px 0px 70px; opacity:1;}
#topo-logotipo{width:100%; position:relative; float:left; text-align:center;}
#logotipo-size{width:899px;}
#entrada-box-size{ width:500px;}
#logotipo-margem-bottom{width:100%; position:relative; float:left; text-align:center; margin-top:50px;}
}
@media screen and (min-width: 2160px) { /* PARA DISPOSITIVOS GRANDES*/
#entrada-box-position{width:100%; position:relative; float:left; margin:8% 0px 0px 0px; text-align:center }
#entrada-box{position:relative; float:left; margin:0px 70px 0px 70px; opacity:1;}
#topo-logotipo{width:100%; position:relative; float:left; text-align:center;}
#logotipo-size{width:899px;}
#entrada-box-size{ width:549px;}
#logotipo-margem-bottom{width:100%; position:relative; float:left; text-align:center; margin-top:100px;}
}

#entrada-box:hover{opacity:0.7;}
/***************************************************************************
MÓDULO DIREITOS
****************************************************************************/
a.termos:link {
font-family: 'Open Sans', sans-serif; font-size:0.9em; color: #fff; 
}
a.termos:visited {
font-family: 'Open Sans', sans-serif; font-size:0.9em; color: #fff; 
}
a.termos:hover {
font-family: 'Open Sans', sans-serif; font-size:0.9em; color: #fff; text-decoration:underline;
}
a.termos:active {
font-family: 'Open Sans', sans-serif; font-size:0.9em; color: #fff;
}
a.termosrodape:link {
font-family: 'Open Sans', sans-serif; font-size:0.9em; color: #666769; 
}
a.termosrodape:visited {
font-family: 'Open Sans', sans-serif; font-size:0.9em; color: #666769; 
}
a.termosrodape:hover {
font-family: 'Open Sans', sans-serif; font-size:0.9em; color: #666769; text-decoration:underline;
}
a.termosrodape:active {
font-family: 'Open Sans', sans-serif; font-size:0.9em; color: #666769;
}
@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
#direitos-div{width:100%; padding:25px 0px 25px 0px; position:relative; float:left; background-color:rgba(0,23,38,1);}
#direitos-texto{
	font-family:  'Montserrat', sans-serif;
    font-size: 0.9em;
	text-align:left;
	width:100%;
	position:relative;
	float:left; 
	text-align:center;
	color:#fff;
	font-weight:400;
	padding:0px 0px 20px 0px;
	}
#direitos-logo{ width:100%; position:relative; float:left; text-align:center}
#direitos-developed{font-family: 'Russo One', sans-serif; font-size: 0.9em; color: #fff; position:relative; float:left; margin:5px 15px 0px 0px; font-weight:300;}
.rodape-redessociais{display:inline-block}
}
@media screen and (min-width: 1024px) { /* PARA DISPOSITIVOS GRANDES*/
#direitos-div{width:100%; padding:30px 0px 25px 0px; position:fixed; bottom:0px; left:0px; z-index:1; background-color:rgba(0,23,38,1);}

#direitos-texto{
	font-family:  'Montserrat', sans-serif;
    font-size: 0.9em;
	text-align:left;
	color:#fff;
	font-weight:400;
	margin-top:5px;
	}
#direitos-logo{ width:100%; position:relative; float:left; margin-top:0px; text-align:right}
#direitos-developed{font-family:  'Montserrat', sans-serif; font-size: 0.8em; color: #fff; position:relative; float:left; margin:5px 15px 0px 0px; font-weight:500;}
}