/*CSS PADRÃO SITE*/

#topo-infos {
    width: 1000px;
    height: 40px;
    margin: auto;
}

#topo-infos ul#lst-servicos-top {
	width: 1000px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
}

#topo-infos #lst-servicos-top li.li-border {
    border-right: 1px dashed #dcdcdc;
}

#topo-infos #lst-servicos-top li {
    float: left;
    color: #777777;
    padding: 12px 10px 13px 11px;
}

#topo-infos #lst-servicos-top li a {
    color: #777777;
    text-decoration: none;
}

.bt-login-pcontratos{
	background: #c51f2d;
    font-size: 16px;
    padding: 5px 15px 5px 15px;
    margin-top: -8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
	}
	
/*ESTRUTURA*/

body {
    margin: 0;
    background: #f5f5f5;
}

.logo-gc{
	width:100%;
	height:auto;
	text-align:center;
	margin-bottom:20px;
	margin-top:10px;
}

.logo-gc img{
	width:230px;
	height:auto;
}

.estrutura-pcontratos{
	width:980px;
	height:auto;
	font-family: Lato;
	background: #ffffff;
	border: 1px solid #e5e5e5;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
	margin: 0 auto;
}

.box-fixo-conhecer{
	width: 148px;
    height: auto;
    background: #c51f2d;
    color: #ffffff;
    text-align: center;
    position: fixed;
    margin-top: 170px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    font-weight: 900;
    padding: 15px;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.57);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.57);
	z-index: 3;
}

.box-fixo-conhecer a{text-decoration:none; color:#ffffff;}
.box-fixo-conhecer a:hover{text-decoration:underline; color:#ffffff;}

.header-pcontratos{
	background: url(../img/portal-contratos-2018/bg.jpg) no-repeat top center;
    background-size: 1680px;
    height: auto;
    width: 950px;
    padding: 15px;
    text-align: center;
}

.header-pcontratos .pcportal{
    width: auto;
    height: auto;
    display: inline-block;
}

.header-pcontratos img{
    width: 180px;
    height: auto;
}

.header-pcontratos .pctxt{
    color: #FFFFFF;
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
    display: inline-block;
    text-align: left;
    margin-left: 40px;
    vertical-align: top;
    margin-top: 44px;

}

.aviso-pcontratos{
	background:url(../img/portal-contratos-2018/bg-textura-claro.jpg) repeat;
    height: auto;
    width: 950px;
    padding: 15px;
}

.aviso-pcontratos .boxesq {
    width: auto;
    height: auto;
    float: left;
    border-right: 2px solid #545454;
    padding-right: 10px;
}

.boxesq .portaltxt {
    font-size: 49px;
    font-weight: 900;
    text-align: center;
    color: #575757;
    line-height: 46px;
}

.boxesq .corporativotxt {
    font-size: 25px;
    line-height: 26px;
    font-weight: 900;
    text-align: center;
    color: #575757;
}

.aviso-pcontratos .boxdir {
	width: auto;
    height: auto;
    float: right;
    font-size: 24px;
    line-height: 31px;
    font-weight: bold;
    text-align: right;
    color: #575757;
    margin-top: 5px;
}

.box-info-pcontratos{
	height: auto;
    width: 950px;
    padding: 25px 15px 25px 15px;
    background: #FFFFFF;
    text-align: center;
}

.box-info-pcontratos .boxinfoimagem{
    height: auto;
    width: auto;
    display: inline-block;
}

.box-info-pcontratos .boxinfoimagem img{
	height: auto;
    width: 500px;
}

.box-info-pcontratos .boxinfotxt{
    height: auto;
    display: inline-block;
    width: 400px;
    vertical-align: top;
	color: #545454;
}

#alignleft{text-align:left}
#alignright{text-align:right}

.box-info-pcontratos .boxinfotxt .infotitulo{
    font-size: 32px;
    font-weight: 900;
    line-height: 36px;
}

#infotitulovermelho{color: #c9202e;}
#infotitulocinza{color: #545454;}

.box-info-pcontratos .boxinfotxt .infodescricao1{
    font-size: 21px;
    font-weight: 100;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.box-info-pcontratos .boxinfotxt .infodescricao2{
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
}

.box-info-pcontratos .boxinfotxt .infocoments{
    font-size: 13px;
    font-weight: 300;
    line-height: 0;
    margin-bottom: 20px;
}

.info-desc-1-faixa1{margin-left:75px;}
.info-desc-2-faixa1{margin-left:152px;}

.info-desc-1-faixa2{margin-right:75px;}
.info-desc-2-faixa2{margin-right:152px;}

.infoclientes{display: inline-block; width: 515px;}

.infoclientes .boxmarcas {
	width: 96px;
    height: 96px;
    border: 1px solid #e2e2e2;
    float: left;
    margin: 2px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.infoclientes .boxmarcas img{
    width: 92px;
    height: 92px;
    padding: 2px;
	}
	
.infoclientes .boxmarcas img:hover{
     filter:alpha(opacity=30);
     opacity: 0.3;
     -moz-opacity:0.3;
     -webkit-opacity:0.3;
}


#nossosclientes{padding-top: 55px;}

.box-saber-mais-icon{
	height: auto;
    width: 980px;
    text-align: center;
    position: absolute;
	}
	
.box-saber-mais-icon img{width:205px; height:auto;}

.box-saber-mais{
    height: auto;
    width: 950px;
    padding: 95px 15px 25px 15px;
    background: url(../img/portal-contratos-2018/bg-textura-escuro.jpg) repeat;
    text-align: center;
    margin-top: 90px;
}

.box-saber-mais .titsaber{color: #ffffff; font-size: 32px; font-weight: 900; line-height: 65px;}
.box-saber-mais .txtsaber{color: #ffffff; font-size: 18px; font-weight: 300; line-height: 20px;}
.box-saber-mais .imgtbcontato img{width: 367px; height: auto; margin-top: 20px; cursor: pointer;}


.box-cuidamos{
	height: auto;
    width: 950px;
    padding: 25px 15px 25px 15px;
    text-align: center;
    font-size: 42px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 50px;
    color: #c9202e;
}

.box-cuidamos .txtcuidamos{color: #ffffff; font-size: 32px; font-weight: 900; line-height: 65px;}

.box-gimbaoffice{
    height: auto;
    width: 950px;
    padding: 25px 15px 25px 15px;
    background: url(../img/portal-contratos-2018/bg-textura-claro.jpg) repeat;
    text-align: center;
}

.box-gimbaoffice img{ width:334px; height:auto;}

.box-gimbaoffice .txtgimbaoffice{
	text-align: center;
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
    color: #545454;
    margin-top: 16px;
	}
	

#boxinfo1{display:none;}
#boxinfo2{}



.faixa-divisoria{
width:100%;
height:1px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,545454+50,ffffff+99 */
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU0NTQ1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left, #ffffff 1%, #e2e2e2 50%, #ffffff 99%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#ffffff), color-stop(50%,#e2e2e2), color-stop(99%,#ffffff)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left, #ffffff 1%,#e2e2e2 50%,#ffffff 99%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left, #ffffff 1%,#e2e2e2 50%,#ffffff 99%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left, #ffffff 1%,#e2e2e2 50%,#ffffff 99%); /* IE10 preview */
background: linear-gradient(to right, #ffffff 1%,#e2e2e2 50%,#ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */
}
/*-------------------------------*/


/*CLIENTES MODAL*/


.cliente-modal{
    width: 524px;
    height: auto;
    background: #FFFFFF;
    font-family: Lato;
    padding: 5px 15px 5px 15px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
}

.cliente-modal-faixa{
	width:520px;
	height:10px;
	background:#545454;
}

.cliente-modal-logo{
    width: auto;
    height: auto;
    text-align: center;
}

.cliente-modal-logo img{
    width: 220px;
    height: auto;
}

.cliente-modal-txt{
    width: 520px;
    height: auto;
    line-height: 20px;
    padding-top: 20px;
    color: #5f5f5f;
    text-align: justify;
}

.cliente-modal-txt .span3{
    line-height: 22px;
	}

.cliente-modal-txt .span1, .span2{
	line-height: 30px;
}

.cliente-modal-txt .span4{
	line-height: 70px;
}

.cliente-modal-txt .span4 a{
	text-decoration:none;
	color:#c51f2d;
	font-weight:bold;
}

.cliente-modal-txt .span4 a:hover{
	text-decoration:underline;
	color:#c51f2d;
	font-weight:bold;
}

.vitrine-mobile{display:none;}


/*CLIENTES MODAL*/


@media screen and (max-width: 980px) {}

@media screen and (max-width: 768px) {
	
.canais {
    float: right;
    height: 32px;
    margin-top: 0px;
}

.lojavirtual{float: left;}
	
	.bt-login-pcontratos {
    background: #c51f2d;
    font-size: 15px;
    padding: 2px 8px 2px 8px;
    margin-top: 0px;
    margin-left: 10px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
	
	.vitrine-mobile {
    display: block;
    height: 23px;
    margin: 10px 0;
}

	#topo-infos{display:none;}
	
	.linklojavirtual{
	color: #4c4c4c;
    font-weight: 900;
    margin: 2px;
    clear: both;
    line-height: 22px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	}
	
	
	.estrutura-pcontratos {width: 100%; border: 0px;}
	.header-pcontratos {width: 100%; padding: 0px;}
	.aviso-pcontratos {width: 100%; padding: 20px 0px 20px 0px;}
	.box-info-pcontratos {width: 100%; padding: 25px 0px 25px 0px;}
	.box-saber-mais-icon {width: 100%;}
	.box-saber-mais {width: 100%; padding: 95px 0px 25px 0px;}
	.box-cuidamos {width: auto; padding: 25px 0px 25px 0px; font-size: 38px; line-height: 45px; margin-left: 10px; margin-right: 10px;}
	.box-gimbaoffice {width: 100%; padding: 25px 0px 25px 0px;}
	
	.aviso-pcontratos .boxesq {margin-left: 10px;}
	.boxesq .portaltxt {font-size: 35px; line-height: 35px;}
	.boxesq .corporativotxt {font-size: 18px; line-height: 16px;}
	.aviso-pcontratos .boxdir {font-size: 19px; line-height: 23px; margin-top: 3px; margin-right: 10px; width: 576px;}
	
	.box-info-pcontratos .boxinfotxt {width: 100%; text-align: right;}
	#alignright{text-align:left}
	#boxinfo1{display:block;}
	#boxinfo2{display:none;}
	
	br{display:none;}
	#nossosclientes {padding-top: 0px;}
	
	.header-pcontratos .pctxt {font-size: 39px; line-height: 44px; width: 500px;}	
	.box-info-pcontratos .boxinfotxt .infodescricao1 {font-size: 25px; line-height: 31px; margin-left: 10px; margin-right: 10px; padding-bottom: 10px;}
	.box-info-pcontratos .boxinfotxt .infodescricao2 {margin-left: 10px; margin-right: 10px; font-size: 15px; line-height: 22px;}
	.box-info-pcontratos .boxinfotxt .infotitulo {margin-left: 10px; margin-right: 10px;}
	.box-gimbaoffice .txtgimbaoffice {width: auto; margin-left: 180px; margin-right: 180px;}
	.box-info-pcontratos .boxinfotxt .infocoments {font-size: 13px; font-weight: 300; line-height: 10px; margin-bottom: 15px; margin-left: 10px;}
	
	.infoclientes {width: 730px;}
	.infoclientes .boxmarcas {width: 135px; height: 135px;}
	.infoclientes .boxmarcas img {width: 130px; height: 130px;}
	.box-fixo-conhecer {    margin-top: 34px; display: none;}
	
	.cliente-modal-txt br{ display:block !important}
	
	}

@media screen and (max-width: 600px) {
	
	.header-pcontratos img {width: 140px;}
	.header-pcontratos .pctxt {font-size: 31px; line-height: 33px; width: 400px; margin-left: 26px; margin-top: 36px;}
	.boxesq .portaltxt {font-size: 40px; line-height: 40px;}
	.boxesq .corporativotxt {font-size: 21px; line-height: 14px;}
	.aviso-pcontratos .boxdir {font-size: 16px; line-height: 18px; margin-right: 10px; width: 392px;}
	.box-info-pcontratos .boxinfoimagem img {height: auto; width: 440px;}
	.box-info-pcontratos .boxinfotxt .infotitulo {font-size: 24px; line-height: 0px; margin-bottom: 5px; margin-top: 20px;}
	.box-info-pcontratos .boxinfotxt .infodescricao1 {font-size: 21px; line-height: 24px;}
	.box-info-pcontratos .boxinfotxt .infodescricao2 {font-size: 13px; line-height: 19px;}
	.box-cuidamos {font-size: 24px; line-height: 34px;}
	.box-saber-mais .imgtbcontato img {width: 227px; margin-top: 12px;}
	.box-saber-mais-icon img {width: 145px;}
	.box-saber-mais {padding: 35px 0px 15px 0px;}
	.box-gimbaoffice .txtgimbaoffice {margin-left: 80px; margin-right: 80px;}
	.infoclientes {width: 565px;}
	.cliente-modal {width: 474px;}
	.cliente-modal-txt {width: 100%;}
	}

@media screen and (max-width: 480px) {
	
	.header-pcontratos img {width: 120px;}
	.header-pcontratos .pctxt {font-size: 24px; line-height: 28px; width: 304px; margin-left: 15px; margin-top: 28px;}
	.aviso-pcontratos .boxesq {padding-right: 5px;}
	.boxesq .portaltxt {font-size: 30px; line-height: 38px;}
	.boxesq .corporativotxt {font-size: 15px; line-height: 14px;}
	.aviso-pcontratos .boxdir {font-size: 15px; line-height: 16px; width: 317px;}
	.box-info-pcontratos .boxinfotxt .infotitulo {font-size: 28px; line-height: 34px;}
	.box-info-pcontratos .boxinfotxt .infodescricao1 {font-size: 20px; line-height: 23px; padding-top: 0px;}
	.infoclientes {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
	.box-cuidamos {line-height: 28px;}
	.infoclientes .boxmarcas {
    width: 130px;
    height: 130px;
}
	.infoclientes .boxmarcas img {width: 126px; height: 126px;}
	.cliente-modal {width: 363px;}
	.cliente-modal-txt {width: 100%; font-size: 14px;}
	}
	
@media screen and (max-width: 414px) {	
	.box-info-pcontratos .boxinfoimagem img {
    height: auto;
    width: 390px;
}
}

@media screen and (max-width: 380px) {
	
	.header-pcontratos .pcportal {width: auto; height: auto; display: inline-block;}	
	.header-pcontratos .pctxt {font-size: 19px; line-height: 23px; width: 241px; margin-left: 5px; margin-top: 27px;}
	.header-pcontratos img {width: 100px;}
	.aviso-pcontratos .boxesq {padding-right: 0px; width: 95%; text-align: center; margin-left: 10px; margin-right: 10px; border-right: none;}
	.boxesq .portaltxt {font-size: 24px; line-height: 24px; display: inline-block;}
	.boxesq .corporativotxt {font-size: 24px; line-height: 24px; display: inline-block; margin-left: 5px;}
	.aviso-pcontratos .boxdir {font-size: 15px; line-height: 18px; width: auto; text-align: center; margin-left: 10px; margin-right: 10px;}
	.box-info-pcontratos .boxinfoimagem img {height: auto; width: 100%;}
	.box-info-pcontratos .boxinfotxt .infodescricao1 {font-size: 18px; line-height: 23px; padding-top: 0px; margin-left: 5px; margin-right: 5px;}
	.box-gimbaoffice .txtgimbaoffice {margin-left: 20px; margin-right: 20px; font-size: 14px; width: auto; line-height: 17px;}
	.box-cuidamos {line-height: 27px; font-size: 20px; padding: 20px 0px 20px 0px;}
	.infoclientes {display: inline-block; width: 352px; margin-top: 10px;}
	.infoclientes .boxmarcas {width: 110px; height: 110px;}
	.infoclientes .boxmarcas img {width: 102px; height: 102px;}
	.cliente-modal {width: 273px;}
	.cliente-modal-logo img {width: 160px;}
	}

@media screen and (max-width: 320px) {
	
	.bt-login-pcontratos {
    font-size: 13px;
}

.linklojavirtual {
    line-height: 16px;
    font-size: 15px;
}
	
	.infoclientes {width: 290px;}
	.infoclientes .boxmarcas {width: 135px; height: 135px;}
	.infoclientes .boxmarcas img {width: 133px; height: 133px;}
	.infoclientes .boxmarcas img {width: 126px; height: 126px;}
	.cliente-modal {width: 219px;}
}