*{
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}

body{
	font-size: 14px;
	color: #373435;}

.clear{ clear: both; }
ul{ list-style: none; }

a{ color: #373435; text-decoration: none; }
.align{ width: 960px; margin: 0 auto; }

/*====================================================================================*/
/* TOPO ==============================================================================*/
/*====================================================================================*/
#topo{
	position: absolute;
	z-index: 99;
	top: 0;
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0 0;
	}

#topo .align{ position: relative; }
#topo .logotipo{ float: left; display: block; }

/* [Menu */
#topo .menu{
	width: 960px;
	height: 20px;
	line-height: 20px;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
	}

#topo .menu li{ color: #EE353A; display: inline; margin: 0 0 0 3px; }
#topo .menu li a{ color: #373435; font-size: 13px; font-weight: bold; text-transform: uppercase; }
#topo .menu li a:hover{ color: #EE353A; }
#topo .ativo{ color: #EE353A !important; }
/* Menu] */

/* [Associe-se */
#topo .associe-se-home{ bottom: inherit !important; margin: 260px 0 0 0 !important; }
#topo .associe-se{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 99;
	width: 190px;
	display: block;
	padding: 60px 0 0 0;
	text-align: center;
	background: url(http://www.coophesp.com.br/site/images/bg-associe-se.png) no-repeat center top;
	}

#topo .associe-se > strong{ color: #EE353A; }
#topo .associe-se > span{ display: block; margin: 5px 0 0 0; }

#topo .associe-se:hover{ background-image: url(http://www.coophesp.com.br/site/images/bg-associe-se-h.png); }
#topo .associe-se:hover > strong{ color: #373435; }
/* Associe-se] */



/*====================================================================================*/
/* BANNER ============================================================================*/
/*====================================================================================*/
#banner{ position: relative; z-index: 9; width: 100%; height: 265px; }
#banner .align{ height: 190px; }

.banner-home{ position: relative; z-index: 9; width: 100%; height: 400px !important; }
.banner-home .align{ height: 345px !important; }


/* Rotator Principal */
div.rotator{ position: relative; width: 100%; height: 400px; margin: 0 auto; background: url(loader.gif) no-repeat center; }
div.rotator .rotator-int{ width: 100% !important; height: 100% !important; }

div.rotator .link{ width: 100%; height: 100%; display: block; }
div.rotator .link .image{ position: absolute; width: 100%; height: 100%; display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	}

div.rotator .link .box-text{
	position: relative;
	z-index: 9999;
	bottom: 0;
	display: block;
	background: url(bg-box-text.png) repeat center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	 	-ms-box-sizing: border-box;
	}
div.rotator .link .box-text > .int{ position: absolute; bottom: 0; display: block; }
div.rotator .link .box-text > .int .titulo{ font-size: 16px; font-weight: bold; text-transform: uppercase; display: block; }
div.rotator .link .box-text > .int .descricao{ font-size: 14px; width: 370px; display: block; }
div.rotator .link .box-text > .int .veja-mais{ margin: 5px 0 0 0; }
div.rotator .link .box-text > .int:hover .veja-mais{ text-decoration: underline; }

div.rotator .slidesjs-control,
div.rotator .slidesjs-container{ height: 100% !important; }
/* Rotator Principal */



/* [Chamada */
.chamada{ position: absolute; bottom: 0; left: 0; display: block; }
.chamada > .titulo{ font-size: 16px; font-weight: bold; text-transform: uppercase; display: block; }
.chamada > .descricao{ font-size: 14px; width: 370px; display: block; }
.chamada > .veja-mais{ margin: 5px 0 0 0; }

.chamada:hover .veja-mais{ text-decoration: underline !important; }
/* Chamada] */


/* [Banner home */
.banner-content{
	width: 470px;
	height: 280px;
	background: #aaa;
	}

.banner-content img{
	width: 470px;
	height: 280px;
	}
/* Banner home] */



/*====================================================================================*/
/* CONTEÚDO ==========================================================================*/
/*====================================================================================*/
#content{
	width: 960px;
	margin: -48px auto 0;
	padding: 90px 0 25px 0;
	background: url(http://www.coophesp.com.br/site/images/bg-content.png) no-repeat center top;
	}

#content h1{ color: #EE353A; font-size: 16px; font-weight: bold; text-transform: uppercase; display: block; margin: 0 0 10px 0; }

.col-left{ width: 220px; float: left; }
.col-right{ width: 710px; float: right; }

.inv-left{ width: 650px; float: left; }
.inv-right{ width: 280px; float: right; }

.veja-mais{ color: #EE353A; font-size: 11px; font-weight: bold; float: left; display: block; text-transform: uppercase; }
.veja-mais:hover{ text-decoration: underline; }


.home-left{ width: 470px; float: left; }
.home-right{ width: 460px; float: right; }


/* [Informativos */
.informativos li{
	margin: 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #7B7D7F;
	}

.informativos li a{ width: 100%; display: table; }

.informativos li a > .image{ width: 75px; height: 75px; float: left; margin: 0 5px 5px 0; }
.informativos li a > .image img{ width: 100%;}
.informativos li a > .data{ display: block; font-size: 12px; }
.informativos li a > .titulo{ font-size: 14px; font-weight: bold; display: block; margin: 0 0 5px 0; }

.informativos li a:hover > .titulo{ color: #EE353A; }

/* [Colunas home */
.p-home{ margin: 30px 0 0 0; }
.col-home{
	color: #fefefe;
	width: 230px;
	height: 65px;
	float: left;
	padding: 95px 0 20px 0;
	text-align: center;
	background-position: center 20px;
	background-repeat: no-repeat;
	}

.col-home > strong{ font-size: 14px; display: block; margin-bottom: 5px; }
.col-home > span{ font-size: 14px; display: block; padding: 0 30px; }

.col-home:hover > strong,
.col-home:hover > span{ text-decoration: underline; }

.green{  background-color: #24B254; background-image: url(http://www.coophesp.com.br/site/images/ic-cooperativismo.png) !important; }
.yellow{ background-color: #F9E63A; background-image: url(http://www.coophesp.com.br/site/images/ic-informativos.png) !important; color: #373435; margin-left: 13px; margin-right: 13px; }
.blue{ 	 background-color: #00AFEF; background-image: url(http://www.coophesp.com.br/site/images/ic-eventos.png) !important; margin-left: 0; margin-right: 13px; }
.red { background-color: #EE353A; background-image: url(http://www.coophesp.com.br/site/images/ic-area.png) !important; }


#contentLeft {
	width: 200px;
	margin: 0 20px 0 0;
	float: left;}

#contentLeft a {
	display: block;
	font-sizE: 13px;
	padding: 7px 0;
	border-bottom: 1px solid #EE353A; }

#contentLeft a:hover,
#contentLeft .ativo {color: #EE353A;}

#contentRight {
	width: 740px;
	float: left;}



/*====================================================================================*/
/* FOOTER ============================================================================*/
/*====================================================================================*/
#footer{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	background: url(http://www.coophesp.com.br/site/images/bg-footer.jpg) repeat-x top;
	}

#footer .logotipo{ float: left; }
#footer .direitos{ font-size: 12px; float: left; margin: 20px 0 0 0; }
#footer .assinatura{ font-size: 12px; float: right; margin: 20px 0 0 0; }
#footer .assinatura a{ font-weight: bold; }
#footer .assinatura a:hover{ color: #EE353A; }





/*====================================================================================*/
/* PADRÕES ===========================================================================*/
/*====================================================================================*/
/* Página */
.publicacoes{ margin-bottom: 10px; text-align: justify; }
.publicacoes .tit_pub{ font-size: 16px; display: block; }
.publicacoes .small_pub{ color: #aaa; display: block; margin: 0 0 15px 0; }

.conteudo_diverso{ width: 100%; display: block; margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px dashed #ddd; }
.lkRelacionados{ font-size: 12px; }
.link_back{ color: #00a1db; font-size: 12px; font-weight: bold; }
.link_back:hover{ text-decoration: underline !important; }

/* Publicações */
.pubBorder{ margin: 5px 0; display: block; border-bottom: 1px dashed #ddd; }
.publicacoes_list{ display: table; padding: 10px; }
.publicacoes_list img{ width: 80px; height: 80px; float: left; display: block; margin: 0 10px 0 0; border: 3px solid #ddd; }

.publicacoes_list .pData{ color: #D93939; font-size: 11px; display: block; }
.publicacoes_list .pTitulo{ color: inherit; font-size: 14px; font-weight: bold; display: block; margin: 0 0 3px 0; }
.publicacoes_list .pDesc{ font-size: 12px; display: block; }

.publicacoes_list:hover{ background: #F7F7F8; }
.publicacoes_list:hover .pTitle{ color: #D93939; }
.publicacoes_list:hover img{ border: 3px solid #D93939; }

.pVideos img{ width: 80px !important; float: left !important; display: block !important; margin: 0 10px 0 0 !important; border: 3px solid #ddd !important; }

/* Páginação */
.lista_paginas{ width: 100%; margin: 20px 0; text-align: center; }
.lista_paginas span,
.lista_paginas a{ margin: 0 5px; }

.pagina_anterior_proxima{ color: #606060; font-size: 12px; }
.pagina_anterior_proxima:hover{ color: #D93939; }

.pagina_numero{ color: #606060; font-size: 12px; padding: 4px 8px; border: 1px solid #606060; }
.pagina_numero:hover{ color: #fefefe; border: 1px solid #D93939; background: #D93939; }
.pagina_numero_ativo{ color: #fefefe; font-size: 12px; padding: 4px 8px; border: 1px solid #D93939; background: #D93939; }

/* Thumbs Imagens */
.thumbs_glr{ width: 100px; float: left; display: block; margin: 0 10px 10px 0; border: 3px solid #ddd; }
.thumbs_glr:hover{ border-color: #D93939; }
.thumbs_glr img{ width: 100px; }








/*----AGENDA------*/
.eventosBox {
	padding: 0 0 25px 0;
	margin: 0 0 25px 0;}

.mes {
	border-top: 1px solid #DDD;
	padding: 5px 0;
	margin: 10px 0;
	display:block;
	font-size: 19px;
	text-decoration:none;}

.mes strong {font-weight: normal;}

.mes:hover {color: #CC2128; border-color: #CC2128;}

.mes span {float:right; font-size: 12px;}

.agenda_list {
	display:block;
	height: 25px;
	line-height: 25px;
	padding: 7px 0;
	margin: 0 0 0 20px;
	text-decoration: none;
	border-top: 1px dashed #DDD;
	font-size: 13px;}

.agenda_list span,
.agenda_list strong {
	display:block;
	float: left;}

.agenda_list img{
	float:left;
	height:50px;
	margin:0 10px 0 0;
	border:5px solid #FFF;}

.agenda_list:hover {
	text-decoration: none;
	color: #CC2128;;}

.agenda_list:hover span {text-decoration: underline;}

.agenda_list span{
	color: #CC2128;
	border-right: 1px solid #CC2128;
	font-weight:bold;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;}

.mes-data {padding: 0 0 25px 0;}
/*----AGENDA------*/



.cookieAdvisor {  background-color: #FF545C;  padding: 1.2em;  border-radius: 5px;  max-width: 24em;  display: flex;  flex-direction: column;  flex-wrap: nowrap;  bottom: 1em;  left: 1em;  position: fixed;  z-index: 9999;  overflow: hidden;  font-size: 16px;  line-height: 1.5em;  opacity: 1;  transition: opacity 1s ease; }
.cookieAdvisor span,.cookieAdvisor a {display: block; color: rgba(255,255,255,1);}
.cookieAdvisor span {margin-bottom: 1em;}
.cookieAdvisor span > a {opacity: .7; padding: .2em; text-decoration: underline; transition: .25s;}
.cookieAdvisor span > a:hover {opacity: 1;}
.cookieAdvisor .cookieBt {  text-align: center;  display: inline;  flex: none;  align-items: center;  align-content: space-between;}
.cookieAdvisor .cookieBt a {  display: inline-block;  min-width: 140px;  flex: 1;  background-color: #FFFFFF;  border-radius: 5px;  padding: .4em .8em;  font-size: .9em;  font-weight: 700;  border: none;  text-align: center;  white-space: nowrap;  cursor: pointer;  outline: none; color:#FF545C;}
.cookieAdvisor .cookieBt a:hover {text-decoration: underline;}
.row-grid-termos label {margin: 0 !important; display: flex !important; align-items: center; padding: 10px 12.5px; background-color: #f2f2f2; cursor: pointer;}
.row-grid-termos input[type=radio],
.row-grid-termos input[type=checkbox] {margin: 0 7.5px 0 0 !important; float: none !important;}
.row-grid-termos a {border-bottom: 1px dotted #FF545C; margin: 0 5px;}
.row-grid-termos a:hover {color: #FF545C;}