html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{_font-size:100%;}


	body, html {
		margin: 0;
		padding:0;
	}

	html {
		background: #76B9E3 url(../imagens/bg_blue.jpg) repeat-x scroll 0 0;
	}      
		
        body {     			
				font-family: "Trebuchet MS", sans-serif;
				background-image: url(imagens/bg_bottom.gif);
                background-repeat: no-repeat;
                background-attachment:scroll;
				margin: 0; 
				padding: 0;
				text-align: center; 
				color: #000000;	
				
		}	
		/*img, div, a, input { behavior: url(iepngfix.htc); }*/

                #nuvens {
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 600px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	top:0;
	left: 1px;
	}
	#nuvens .nuvem { position: absolute; }
	#nuvens .nuvem01 {
		background: url(../imagens/nuvem_01.gif) no-repeat 0 0;		
		width: 815px;
		height: 676px;
		right: -815px;
		top: 27px;
	}
	#nuvens .nuvem02 {
		background: url(../imagens/nuvem_02.png) no-repeat 0 0;		
		
		width: 412px;
		height: 218px;
		right: -412px;		
		top: 100px;
	}
	#nuvens .nuvem03 {
		background: url(../imagens/nuvem_03.png) no-repeat 0 0;
		
		width: 541px;
		height: 339px;
		top: 334px;
		right: -541px;
		
	}
	#nuvens #nfx { position: relative;}


		
		#hipercontainer{
			
			/*background-image:url(../imagens/bg_bottom.gif) repeat-x left bottom;*/
			width: 100%;
			height:100%;
			
			}
		
		#container{
            width: 940px;
            margin: 0 auto;
			text-align: left; 
			height: 100%;
			position:relative;
			overflow:visible;
        }
		
		
		#header {
			position:relative;
			overflow:visible;
			height: 105px;
			width:940px;
	    }
		
		#conteudo {
		width:940px;
		/*min-height: 600px;*/
		padding: 0 0 20px 0;
		position:relative;		
		/*background:#CCC;	*/		
		overflow: visible;
		margin-bottom: 0px;
		z-index:50;	
		}
		
		*html #conteudo{
				margin-bottom: 10px;
			}
		
		#footerMilho{
			margin-left: 0px;
			background:url(../imagens/bg_bottom.gif.png) repeat-x bottom;		

                        margin-bottom: 0px;
			width: 100%;
			height: 120px;
			position:relative;
			z-index:4;
        }	
		

	.abs {position: absolute;}

    #menu {
		width: 330px;
		height: 40px;
		overflow: hidden;
		margin-top: 30px;
		margin-left: 610px;
                behavior: url(iepngfix.htc);
	}

	#homeBackBtn {
		margin-left: 535px;
		_margin-left: 525px;
		margin-left: 515px;
		margin-top: 45px;
		position: absolute;
		cursor: pointer;
	}
	
	
	
	

	#menu #content-menu { height: 40px; overflow: hidden }
	#menu #content-menu .image { float:left; cursor: pointer; }
	#menu #content-menu img { position: relative; top: -41px; }
	#menu #content-menu img.active {top: -1px;}

	#menu #content-menu div img#kelloggs { width: 91px; height: 81px; }
	#menu #content-menu div img#produtos { width: 79px; height: 81px; }
	#menu #content-menu div img#dicas { width: 53px; height: 81px; }
	#menu #content-menu div img#faleconosco { width: 107px; height: 81px; }

     #logo {
		background: url(imagens/logo.1.3.gif) no-repeat 0 0;        
		width: 179px;
		height: 89px;
		margin-top: 12px;
		margin-left: 26px;
		cursor: pointer;
		
      }
				
		
		
		#footer-container {
		margin-bottom: 0px;
		/*padding: 30px 10px 0px 230px;*/
		margin: 20px auto;
		width: 494px;		
		height: 30px;		
		position:relative;
		z-index:51;
		
		}
		
		* html #footer-container{				
				text-align:center;	
			}
		

	#loading {
			font: normal normal bold 16px/18px "Trebuchet MS",  Verdana, Arial, sans-serif;
			color: #fff;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			text-shadow: 0.1em 0px #000;
			border-radius: 8px;
			background: #09598C;
			padding: 8px;
			padding-left: 15px;
			width: 148px;
			height: 20px;
			position: absolute;
			z-index: 99;		
			margin: 0; 
			padding: 0;
			overflow: hidden;
			top:350px; left: 450px;		
			
		}
		
		#loading span {
			display: block;
			position: absolute;
			margin-left: 27px;
			margin-top: 0px;
		}

	     
	
.roundcont {
	width: 940px;
	background-color: #d9ebf7;
	color: #000;
	float:left;
	opacity: 0.8; /*- Previsto nas CSS3 j� � suportado atualmente pelo Firefox 2 e pelo �pera 9, o valor da opacidade varia de 0 a 1;*/
	moz-opacity: 0.8;/* - Declara��o propriet�ria para servir navegadores Mozilla, o valor da opacidade varia de 0 a 1;*/
	filter: alpha(opacity=80); /*- Declara��o propriet�ria para servir navegadores IE o valor da opacidade varia de 0 a 100 . */
}

.roundcont p {
	margin: 0 10px;
	letter-spacing: -1px;
	color: #3a7f94;
	font:  normal normal normal 15px/15px "Trebuchet MS", Verdana, Arial, sans-serif;
	margin-bottom: 0px;
}

.roundcount ul li {
		list-style-type:square ;
		margin: 0 0 7px 20px;
		font-size: 14px;
	}


.roundtop { 
	background: url(../imagens/tr.gif) no-repeat top right; 
}

.roundbottom {
	background: url(../imagens/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}


#institucional-ct{
	margin-top: 40px;	
        _margin-top: 12px;
}



div.akelloggs_ct ul li{
	    list-style-type:square ;
		margin: 0 0 7px 20px;
		letter-spacing: -1px;
		color: #000;
		font:  normal normal normal 15px/15px "Trebuchet MS", Verdana, Arial, sans-serif;
		margin-bottom: 8px;
		
		}
		
		
div.akelloggs_ct {
		padding: 20px;
		min-height: 40px;
		margin-top: 0px;
		_margin-top: 0px;}
	div.akelloggs_ct p {
		letter-spacing: -1px;
		color: #3a7f94;
		font:  normal normal normal 15px/15px "Trebuchet MS", Verdana, Arial, sans-serif;
		margin-bottom: 8px; }
	#akellogs-container > p:first-child { font-weight: bold; font-size: 16px; }
	#akellogs-container .boxvideo {
		float: right;
		background: url(imagens/box-video-bg.cache.gif) no-repeat 0 0;
		width: 396px;
		margin: 0 0 7px 7px;
		height: 332px; }		

#kelloggs_nav {
		position: relative;
		width: 400px;
		float:right;
		margin-right: 50px;
		margin-top: 14px;			
		overflow: visible;
		letter-spacing: -1px;
		color: #3a7f94;
		font:  normal normal normal 15px/15px "Trebuchet MS", Verdana, Arial, sans-serif;
}
	* html #kelloggs_nav {
		margin-top: 10px;
	}
	#kelloggs_nav ul, #kelloggs_nav ul li {
		display: block;
		list-style: none;
	}
	#kelloggs_nav ul li {
		float: left;
		margin-left: 5px;
	}
	#kelloggs_nav ul li a {
		float: left;
		display: block;
		padding: 2px;
		text-align: center;
		color: #26355F;
		text-decoration: none;
		font-size: 16px;
		margin-left: 5px;
	}
	#kelloggs_nav ul li a:hover,
	#kelloggs_nav ul li a.active {
		border-bottom: solid 2px #C20416;
		
	}
#kelloggs_nav ul li a.active{	font-weight: bold;}

	#pyram {
		background: url(imagens/pyramid.1.2.png) no-repeat 0 0;
		_background: none;
		_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imagens/pyramid.1.2.png',sizingMethod='image');
		width: 684px;
		height: 362px;
		position: absolute;
		margin-left: 100px;
		margin-top: 35px;
	}
	
	img.ca {
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	}
	
	
	
	* html img.ca{
			opacity:0;
			-moz-opacity: 0;
			filter: alpha(opacity=0);		
		}
		
		
	img.trans {
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	}	

	
	/*
	div.akelloggs_ct {
		padding: 20px;
		margin-top: 50px;
		*margin-top: 60px;
		}
*/


		div.respon_cp{ margin-top:49px; }
		
        .respon_cp p.pline {
		letter-spacing: -1px;
		color: #2E6678 !important;
		/*font:  normal normal normal 13px/17px Verdana, Arial, sans-serif;*/
        font:  normal normal normal 13px/17px "Trebuchet MS", Verdana, Arial, sans-serif;
		margin: 1px 0 10px 26px; }
	.respon_cp h3 {
		font: normal normal normal 14px/16px "Trebuchet MS",  Verdana, sans-serif;
		margin:  0 0 10px  26px; padding: 0; color: #222;  }
	.respon_cp h4{
		font: normal normal normal 14px/16px "Trebuchet MS",  Verdana, sans-serif;
		margin: 12px 0 3px 26px; color: #333;
		text-transform: uppercase; }
	.respon_cp p.footer {
		text-align: right;
		font: italic small-caps normal 14px/16px Arial, sans-serif; }
		
		
	#home{
				width:940px;
				height:350px;
				position:relative;
				}
			
			#home-left {
				width: 600px;
				height: 330px;
				position:absolute;
				left:0;				
				}				
        
			#home-right {
				width: 310px;
				height: 330px;
				position:relative;
				float:right;
				/*
				margin-left:610px;
				_left:0px;
					*/			
				
				}
				
				
				
				
				
	
	
	




.dialog {
    position:relative;
    margin:0px auto;
    min-width:8em;
    max-width:1000px; /* based on image dimensions */
    color:#000;
    z-index:1;
    margin-left:12px; /* default, width of left corner */
    margin-bottom:0.5em; /* spacing under dialog */
	
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
    /*background:transparent url(my-image.png) no-repeat top right;
    _background-image:url(dialog2-blue.gif);*/
	background: transparent url(../imagens/box.cache.png) no-repeat top right;
	_background-image: url(../imagens/box.cache.new.gif);
	/*filter: alpha(opacity=80);*/
	
	
}

.dialog .content {
    
	position:relative;
    zoom:1;
    _overflow-y:hidden;
	
    padding:0px 12px 0px 0px;
	
}
/*
*html .dialog .content{	
		 
}
*/
.dialog .t {
    /* top+left vertical slice */
    position:absolute;
    left:0px;
    top:0px;
    width:12px; /* top slice width */
    margin-left:-12px;
    height:100%;
    _height:1600px; /* arbitrary long height, IE 6 */
    background-position:top left;
	
}

.dialog .b {
    /* bottom */
    position:relative;
    width:100%;
}

.dialog .b,
.dialog .b div {
    height:30px; /* height of bottom cap/shade */
    font-size:1px;
}

.dialog .b {
    background-position:bottom right;
}

.dialog .b div {
    position:relative;
    width:12px; /* bottom corner width */
    margin-left:-12px;
    background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
    position:relative;
}

.dialog .wrapper {
    /* extra content protector - preventing vertical overflow (past background) */
    position:static;
    max-height:1000px;
    overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
    /* margins will blow out backgrounds, leaving whitespace. */
    padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
    padding-bottom:0px;
}




.accordionWrapper{display:inline-block; overflow:hidden; width:915px;}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;
							width:915px;
							color: #3a7f94;
							padding: 6px;
							left:2px;
							overflow:hidden;
							border-top: solid 1px #ccdee6;
							letter-spacing:-1px;
							font: normal normal bold 18px "Century Gothic", Verdana;
							font-weight: 100;
							}
.accordionWrapper div.title_a{cursor:pointer;
							width:915px;
							color:#cc091b;
							padding: 6px;
							overflow:hidden;
							letter-spacing:-1px;
							font-weight:bold;
							font: normal normal bold 18px "Century Gothic", Verdana;
							padding-left: 25px;
							background: url(imagens/arrow1.gif) no-repeat 5px 10px;
							border-bottom: solid 4px #d7e9f3;
							background-position: 5px 14px;
							font-weight: 100;
							}							
.accordionWrapper div.content{display:none;padding-left: 110px; padding-top: 20px; padding-right: 30px; height: 90px;}
        
        .box {
		position: relative;
		margin: 0px auto;
		min-width: 8em;
		max-width: 1000px;
		color: #fff;
		z-index: 1;
		margin-left: 15px;
		_margin-left: 25px;
                margin-bottom: 0.5em; }
		
	

	.box .content,
	.box .t,
	.box .b,
	.box .b div {
	 background: transparent url(imagens/box.cache.png) no-repeat top right;
	 _background-image: url(imagens/box.cache.gif); /* IE lt 7 */ 
	 }

	.box .content {
		width: 500px;
		zoom: 1;
		padding: 0 15px 0 0;
		_overflow-y: hidden;
		_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
		}
		
	.box .t {
		/* top+left vertical slice */
		position: absolute;
		z-index: 2;
		width: 15px; /* top slice width */
		margin-left: -15px;
                _margin-left: 0px;
		height: 100%;
		background-position: top left;
		_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
		
		
		
	.box .b {
		/* bottom */
		position: absolute;
                _position: static;
		 }
		
		
	.box .b,
	.box .b div {
		height:30px; /* height of bottom cap/shade */
		font-size:1px; }
	.box .b {
		background-position:bottom right;
		_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
	.box .b div {
		position:absolute;
		width:15px; /* bottom corner width */
		margin-left:-15px;
		background-position:bottom left;
		_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
	.box .hd,
	.box .bd,
	.box .ft {
	 position:relative; }
	.box .wrapper {
	 position:static;
	 max-height:1000px;
	 overflow:hidden; }
	.boxtitle {
		position: absolute; margin-top: 12px; z-index: 4; }
	.boxtitle h2 {
		font-size: 18px; color: black; padding:0 0 0 20px; margin: 0;}
			
        		
			
			
	#contato_right p {
		font: normal normal normal 16px/16px "Trebuchet MS", Verdana, Arial, sans-serif;letter-spacing: -1px;color: #3E7794;margin-top: 30px;}
	#contato_right p span {
		color:#57798a;}

	#frmContato .column {
		float: left;
		width: 290px;
		overflow: hidden;
	}


	#frmContato .break {
		clear: both;
		float: none;
	}

	#frmContato fieldset {
		margin-bottom: 6px;
		_margin-bottom: 3px;
	}
	#frmContato legend {
		font-size: 12px;
		padding: 0;
		display: block;
		_margin-left: -6px; /* ie hack */
		
	}
	#frmContato legend,
	#frmContato label,
	#frmContato fieldset,
	#frmContato p {
		font: normal normal bold 12px "Trebuchet MS",  Arial, sans-serif;
		color: #334674;
	}

	#frmContato label, #frmContato legend { font-weight: bold; color: #49778F; }

	#frmContato input.txt {
		border: solid 1px #69a7c6;
		width: 200px;
	}
	
	#txtMsg {
		width: 590px;				
		_height: 75px;
		border: solid 1px #69a7c6;
	}