@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,500,700);

/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, header, tr, th, td, p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

body {
	font: 62.5% /*onde 62.5% equivale a 12px*/ verdana, arial, tahoma, sans-serif;
}

.bordatable{
	border:#000 1px solid !important;
	box-shadow:#000 3px 2px 1px -1px;
	margin:10px auto;
}

table.bordatable td{
	border:#000 1px solid !important;
}

a {
	text-decoration:none;
	color:inherit;
}

a:hover{
	text-decoration:none;
}

a img {
	border:0;
}

a.link:hover{
	text-decoration:underline;
}

html, body {
   margin:0;
   padding:0;
   height:100%;
}

.tudo {
   min-height: 100%;
   position: relative;
   overflow:auto;
}

#conteudo{
	position:relative;
	display: table;
	width:80%;
	margin:auto;
	height: inherit;
}

/*CSS PARA O TOPO*/
#topo{
	position:relative;
	display:block;
	width:100%;
	height: 165px;
	background-image: linear-gradient( to bottom, #EEE 20%, white 10%);
}

#topo #cooperados{
	position:absolute;
	top:2%;
	right:0;
}

#topo span.titulo{
	position: absolute;
	display:block;
	top:35%;
	right:0;
}

/* CSS DO MENU RESPONSIVO */
#menu_responsivo img, #lista{
	display: none;
	visibility: hidden;
}

/*CSS PARA O MENU*/
#topo #menu{
	position:absolute;
	right:0;
	bottom:25px;
	width:65%;
	display:block;
}

#topo #menu ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align: right;
}

#topo #menu ul li{
	display:inline-block;
	line-height:25px;
	border-bottom: 2px transparent solid;
	margin-left:2.5%;
}

#topo #menu ul li:hover{
	border-bottom: 2px #8C0000 solid;
}

#topo #menu ul li.seta{
	background: url(../img_site/seta_menu.png) no-repeat right center;
	padding-right: 2%;
}

#topo #menu ul li.seta:hover{
	border-bottom: 2px transparent solid;
}

/*CSS PARA O SUBMENU*/
#topo #menu ul li > ul{
	display: none;
}

#topo #menu ul li:hover > ul{
	display:block;
}

#topo #menu ul li > ul{
	position:absolute;
	padding:0;
	margin:0;
	list-style:none;
	z-index:100;
}

#topo #menu ul li > ul > li.submenu{
	position:relative;
	display:block;
	width:100%;
	min-width:100px;
	height:auto;
	text-align:left;
	margin-left:0;
	background-color: #770000;
	padding:0 7px 0 7px;
	color:#FFF;
	font-family:"Ubuntu";
	font-size:1.4em;
	font-weight:normal;
	color:#FFF;
}

#topo #menu ul li > ul > li.submenu:hover{
	background-color: #550000;
	border-bottom: transparent 2px solid;
}

#topo #menu ul li > ul > li .identar{
	padding-left:15px;
}

.titulo_cooperativas{
	font-family:"Ubuntu";
	font-size: 3.0em;
	color:#391907;
	text-align:center;
	font-weight: 200;
}

/* CSS PARA O TOPO DAS INTERNAS */
#topo_internas{
	position:relative;
	display:block;
	width:100%;
	min-height:95px;
	line-height:95px;
	background-color:#8C0000;
	margin-bottom:2%;
}

#conteudo.corpopaginasinternas{
	margin-bottom:230px;
	min-height:300px
}

#conteudo.corpopaginasinternas p, #conteudo.corpopaginasinternas div{
	font-family:"Ubuntu";
	color:#333;
	font-size:1.4em;
	line-height:2;
	font-weight:normal;
	text-align:justify;
}


/* CSS PARA A MENSAGEM */	
#mensagem{
	display:block;
	width:100%;
	padding: 4% 0 5% 0;
	background-color:#8c0000;
	text-align:center;
}

/*CSS PARA NOTÍCIAS*/
#noticias{
	display:block;
	position:relative;
	width:100%;
	padding: 3% 0 80px 0;
}

div.imagenoticia{
	position: relative;
	display:block;
	width:50%;
	float:left;
	height:354px;
	background-color:#000;
	overflow:hidden;
	text-align:center;
	color:#FFF;
}

div.imagenoticia img{
	position:relative;
	height:100%;
	width:100%;
	
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}

div.imagenoticia img:hover{
	opacity: 0.6;
}

div.imagenoticia .info{
	position: absolute;
	top: 2%;
	left: 2%;
	width:207px;
	height:35px;
	line-height:35px;
	text-align:center;
	border-radius:5px;
	background-color:#8C0000;
	z-index:1;
}

div.imagenoticia #textonot{
	position:absolute;
	left:1%;
	bottom:2%;
	width:98%;
	height:auto;
	display:block;
	text-align:left;
}

/*CSS NOTICIAS DO MERCADO*/
#noticiasdomercado{
	position:relative;
	width:47%;
	float:right;
	min-height:200px;
	height:347px;	
	overflow:hidden;
}

#noticiasdomercado .titulo{
	display:block;
	position:relative;
	padding: 7px;
	width:97%;
	border-bottom:#8c0000 solid 3px;
	background-image: linear-gradient( to right, #8C0000 40%, white 10%);

	-webkit-column-span: all; /* Chrome, Safari, Opera */
	-moz-column-span: all;
	-ms-column-span: all;
	-o-column-span: all;
    column-span: all;
	overflow:hidden;
	
}

.rss::before{
	content:url(../img_site/imgnoticiadomercado.png);
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.rss{
	position: relative;
	display:block;
	padding:0 0 0 7px;
	width: 95%;
	height: 70px;
	margin: 0 0 19px 0;
	overflow:hidden;
}

.rss_p{
	position:relative;
	display:block;
	width:99%;
	height:280px;
	margin-top: 28px;

	
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-ms-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	
	-webkit-column-fill:auto;
	-moz-column-fill:auto;
	-ms-column-fill:auto;
	-o-column-fill:auto;
	column-fill:auto;

	
	font-family:"Ubuntu";
	font-size: 1.8em;
	color:#000;
	font-weight:normal;
	
}

.linktopo{
	position:absolute;
	display:block;
	top:-30px;
	right:0;
	width:97px;
	height:30px;
	line-height:30px;
	background-color:#222222;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

/*CSS PARA O RODAPE*/
#rodape{
	position:absolute;
	bottom:0;
	width:100%;
	height: 150px;
	background-color:#EEEEEE;
	border-top:#000 5px solid;
}

#rodape span.cocca{
	display:block;
	width:auto;
	margin-top: 5%;
}

#rodape img[name="adaptweb"]{
	position:absolute;
	display:block;
	right:0;
	bottom: 30%;
}

#rodape span.endereco{
	position: absolute;
	right:0;
	bottom:5%;
	padding: 1% 0 1% 4%;
	border-left: 1px dotted #CCC;
	width:39%;
	display:block;
}




/*CSS PARA AS FONTES*/
.fonte_10_escura_r{
	font-family:"Ubuntu";
	font-size: 1.0em;
	color:#222222;
}

.fonte_14_escura_r{
	font-family:"Ubuntu";
	font-size: 1.4em;
	color:#222222;
	font-weight:300;
}

.fonte_16_escura_r{
	font-family:"Ubuntu";
	font-size: 1.6em;
	color:#1f1f1f;
	font-weight: normal;
	text-decoration:none;
}

.fonte_16_escura_b{
	font-family:"Ubuntu";
	font-size: 1.6em;
	color:#222222;
	font-weight: bold;
}

.fonte_16_branco_b{
	font-family:"Ubuntu";
	font-size: 1.6em;
	color:#FFF;
	font-weight: 400;
}

.fonte_25_branco_b{
	font-family:"Ubuntu";
	font-size: 2.5em;
	color:#FFF;
	font-weight: 400;
}

.sombra_texto{
	text-shadow: 2px 2px 2px #000;
}

.fonte_25_escura_r{
	font-family:"Ubuntu";
	font-size: 2.5em;
	color:#111111;
	font-weight: normal;
}

.fonte_30_branco_r{
	font-family:"Ubuntu";
	font-size: 3.0em;
	color:#fff;
	font-weight: normal;
}

.fonte_12_cinza_r{
	font-family:"Ubuntu";
	font-size: 1.2em;
	color:#888;
	font-weight: normal;
}

h1{
	font-family:"Ubuntu";
	font-size:25px;
	color:#FFF;
	text-transform:uppercase;
}

h2{
	font-family:"Ubuntu";
	font-size:20px;
	color:#000;
	text-transform:uppercase;
	margin-bottom:1%;
}

@media only screen and (max-width: 768px){
/*CSS PARA O CONTEUDO*/
#conteudo{
	width:95%;
}

body {
	font: 59% /*onde 62.5% equivale a 12px*/ verdana, arial, tahoma, sans-serif;
}


#topo #menu {
	display:none;
}

#topo img[name="logo"] {
	position:absolute;
	width:20%;
	top:10%;
	height:auto;
}

#topo span.titulo{
	position: absolute;
	width: 70%;
	right: 9%;
	display: block;
}

/* CSS DO MENU RESPONSIVO */
#menu_responsivo img, #lista{
	display:block;
	visibility:visible;
}

#menu_responsivo{
	float: right;
	width: auto;
	height: auto;
	margin-top: 10%;
	margin-right:15px;
	z-index:6000;
}

#menu_responsivo img{
	width:100%;
	height:auto;
}

#lista{
	position: absolute;
	display:block;
	float: right;
	top: 100px;
	right: 0px;
	width: 280px;
	height: auto;
	background-color: #FFF;
	border-radius:8px;
	z-index:100;
}

#lista ul{
	width:230px; 
	height: auto; 
	text-align: left;
}

#lista li{
	display: table;
	height: 30px;
	width: 226px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	vertical-align: middle;
	line-height: 30px;
}

#lista li:last-child{
	border-bottom:none;
}


.lista{
	font-family: "ubuntu";
	font-size: 16px;
	color: #333;
	text-decoration: none;
	padding-left: 20px;
}

.lista:hover{
	color: #f51212;
}

#escurece{
	position: absolute;
	background-color:#000;
	opacity: 0.4;
	width:100%;
	min-height:100%;
	z-index: 3000; 
}

/*CSS PARA SUBMENU PRODUTOS */

#lista ul li ul{
	list-style-type: disc;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

#lista ul li ul li{
	width: 97%;
	height:32px;
	line-height:32px;
	text-align:left;
	padding-left:4px;
	margin-left:40px;
	border-bottom:none;
}

#lista ul li ul li a{
	font-family: "ubuntu";
	color: #333;
	font-size: 13px;
	text-decoration: none;
}

#lista ul li ul li a:hover{
	color:#f51212;
}



/*CSS PARA NOTÍCIAS*/
#noticias{
}

div.imagenoticia{
	width:90%;
	float: none;
	margin:auto;
}

div.imagenoticia img{
	max-height:100%;
	width: 100%;
}

div.imagenoticia img:hover{
}

div.imagenoticia .info{
}

div.imagenoticia #textonot{
}

/*CSS NOTICIAS DO MERCADO*/
#noticiasdomercado{
	width:90%;
	float: none;
	margin: 5% auto 0;
}

#noticiasdomercado .titulo{	
}

.rss::before{
}

.rss{
}

.rss_p{
}



/*CSS PARA O RODAPE*/
#rodape{
	height: 140px;
	text-align:center;
}

#rodape span.cocca{
	display:block;
	width:auto;
	margin-top: 5%;
}

#rodape img[name="adaptweb"]{
	position: relative;
	display: block;
	margin: 2% auto 0;
}

#rodape span.endereco{
	display: none;
}

}

@media only screen and (max-width: 480px){
/*CSS PARA O CONTEUDO*/
#conteudo{
	width:96%;
}

body {
	font: 50% /*onde 62.5% equivale a 12px*/ verdana, arial, tahoma, sans-serif;
	background-color:#FFF;
}

/*CSS PARA O TOPO*/
#topo{
	position:relative;
	display:block;
	width:100%;
	height: 100px;
	background-image: none;
	background-color:#FFF;
}

#topo #cooperados{
	position:absolute;
	top:2%;
	right:0;
	display:none;
}


#topo #menu {
	display:none;
}

#topo img[name="logo"] {
	position:absolute;
	width:25%;
	top:5%;
	height:auto;
}

#topo span.titulo{
	display: none;
}

/* CSS DO MENU RESPONSIVO */
#menu_responsivo img, #lista{
	display:block;
	visibility:visible;
}

#menu_responsivo{
	float: right;
	width: auto;
	height: auto;
	margin-top: 10%;
	margin-right:15px;
	z-index:6000;
}

#menu_responsivo img{
	width:100%;
	height:auto;
}

#lista{
	position: absolute;
	float: right;
	top: 100px;
	right: 0px;
	width: 280px; 
	height: auto; 
	background-color: #FFF;
}

#lista ul{
	width:230px; 
	height: auto; 
	text-align: left;
}

#lista li{
	display: table;
	height: 30px;
	width: 226px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	vertical-align: middle;
	line-height: 30px;
}

#lista li:last-child{
	border-bottom:none;
}


.lista{
	font-family: "ubuntu";
	font-size: 16px;
	color: #333;
	text-decoration: none;
	padding-left: 20px;
}

.lista:hover{
	color: #f51212;
}

#escurece{
	position: absolute;
	background-color:#000;
	opacity: 0.4;
	width:100%;
	min-height:100%;
	z-index: 3000; 
}

/*CSS PARA SUBMENU PRODUTOS */

#lista ul li ul{
	list-style-type: disc;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

#lista ul li ul li{
	width: 97%;
	height:32px;
	line-height:32px;
	text-align:left;
	padding-left:4px;
	margin-left:40px;
	border-bottom:none;
}

#lista ul li ul li a{
	font-family: "ubuntu";
	color: #333;
	font-size: 13px;
	text-decoration: none;
}

#lista ul li ul li a:hover{
	color:#f51212;
}



/*CSS PARA NOTÍCIAS*/
#noticias{
	
}

div.imagenoticia{
	width:95%;
	height:auto;
	float: none;
	margin:auto;
}

div.imagenoticia img{
	max-height:100%;
	width: 100%;
}

div.imagenoticia img:hover{
}

div.imagenoticia .info{
	width:30%;
	overflow:hidden;
}

div.imagenoticia #textonot{
}

div.imagenoticia .sub{
	display:none;
}
/*CSS NOTICIAS DO MERCADO*/
#noticiasdomercado{
	width:95%;
	float: none;
	margin: 5% auto 0;
	height:auto;
}

#noticiasdomercado .titulo{
	display:block;
	position:relative;
	padding: 7px;
	width:97%;
	border-bottom:#8c0000 solid 3px;
	background-image: linear-gradient( to right, #8C0000 50%, white 10%);

	-webkit-column-span: all; /* Chrome, Safari, Opera */
	-moz-column-span: all;
	-ms-column-span: all;
	-o-column-span: all;
    column-span: all;
	overflow:hidden;
	
}

.rss::before{
	content:url(../img_site/imgnoticiadomercado.png);
	display:block;
	position:absolute;
	left:0;
	top:0;
}

.rss{
	position: relative;
	display:block;
	padding:0 0 0 7px;
	width: 95%;
	height: 35px;
	margin: 0 0 19px 0;

}

.rss_p{
	position:relative;
	display:block;
	width:99%;
	height: auto;
	margin-top: 28px;
	padding-bottom: 5px;

	
	-webkit-column-count: 1;
	-moz-column-count: 1;
	-ms-column-count: 1;
	-o-column-count: 1;
	column-count: 1;
	
	-webkit-column-fill:auto;
	-moz-column-fill:auto;
	-ms-column-fill:auto;
	-o-column-fill:auto;
	column-fill:auto;

	
	font-family:"Ubuntu";
	font-size: 1.8em;
	color:#000;
	font-weight:normal;
	
}



/*CSS PARA O RODAPE*/
#rodape{
	height: 140px;
	text-align:center;
}

#rodape span.cocca{
	display:block;
	width:auto;
	margin-top: 5%;
}

#rodape img[name="adaptweb"]{
	position: relative;
	display: block;
	margin: 2% auto 0;
}

#rodape span.endereco{
	display: none;
}

}