@charset "utf-8";
/* CSS Document */
/* geral */

* {
	margin:0; padding:0;
	font-family: arial
	}

body {
	margin-top:5px;
	background:url(../img/1024/bg_degradee.jpg) repeat-x fixed
	}

#centraliza{
	position:absolute;
	background-color: #fff; 
	width:990px; 
	left:50%;
	margin-left:-495px
} 

#header{
	background:url(../img/1024/bg_header.jpg) no-repeat top center;
	background-color:#93A9BF;
	width:100%;
	height:200px	
} 

#logo {
	float:left;
	width:223px;
	margin: 0 0 0 40px
}


#mainInfo {
	display: none
}


/* home */

#centralizaHome {
	position:absolute;
	background:url(../img/1024/bgVerde.gif) #013F20 repeat-x; 
	width:990px; 
	left:50%;
	margin-left:-495px
} 

/* Menu Principal Home */

#mainMenuHome {
	position:absolute;
	float: right; left: 710px;
	bord er: 1px double #fff;
	margin: 10px 0 0 0;
	padding: 5px 30px 5px 10px
}

#mainMenuHome li {
	display:block;
	}

#mainMenuHome li a {
	margin: 8px 40px 8px 0;
	font: normal 1.95em tahoma;
	color:#fff;
	text-decoration:none
}

#mainMenuHome li a:hover {
	color:#00CC66;
	text-decoration:underline
}

#mainMenuHome li.homeSelected {
	display: none;
}

#mainContentHome {
	width:980px;
	padding: 0
}

#banner {
	float:left;
	margin: -20px 0 0 0; padding: 0;
	background:url(../img/1024/bgBanner.jpg) repeat-x center;
	width:702px;height:450px
	}

#banner p {
	font:.90em arial;
	line-height:1.3em
	}

#banner p a {
	color:#006633;
	font-weight:bold;
	text-decoration:none;	
	}

#socialIcons {
	position:absolute; float:left;
	right:0; list-style:none; width:260px;
	margin: 400px 10px 0 0
}

#socialIcons li {
	list-style:none; display:inline;
}

#socialIcons li a {
	margin: 0 0 -10px 0;
	font: normal .001em arial; color:#013F1F;
	width: 50px; 
}

#socialIcons li a.twitterIcon {
	background:url(../img/1024/icon_twitter.jpg) no-repeat center;
	padding: 70px 50px 0 0
	}

#socialIcons li a.orkComm {
	background:url(../img/1024/icon_orkut_comm.jpg) no-repeat center;
	padding: 36px 36px 0 0
}

#socialIcons li a.orkProf {
	background:url(../img/1024/icon_orkut_prof.jpg) no-repeat center;
	padding: 36px 36px 0 0
}



/* Menu Principal páginas internas */

#mainMenu {
	text-align:center;
	margin: -28px 0 0 -95px
}

#mainMenu li.normal {
	display:inline;
	border-right:1px double #0BB357
	}

#mainMenu li.homeSelected, #mainMenu li.ultimoSelected {
	display:inline;
	}

#mainMenu li.selected {
	display:inline;
	border-right:1px double #0BB357
	}

#mainMenu li.ultimo {
	display:inline;
	}

#mainMenu li a {
	margin: 5px 20px 5px 18px;
	font: .95em arial;
	font-weight:normal;
	font-variant:normal;
	color:#fff;
	text-decoration:none
}

#mainMenu li a:hover {
	color:#00CC66;
	text-decoration:underline
}

#mainMenu li.selected a, #mainMenu li.selected a:hover, #mainMenu li.ultimoSelected a, #mainMenu li.ultimoSelected a:hover {
	color:#eebb32;
	cursor:pointer;
	text-decoration:none
}

#mainMenu li.homeSelected a, #mainMenu li.homeSelected a:hover {
	color:#006633;
	cursor:default;
	text-decoration:none
}

/* conteúdo */

#mainContent {
	float:left;
	width:990px;
	background:url(../img/1024/bg_mainContent.jpg) no-repeat top;
	margin: 8px 0 0 0;
	padding: 0
}

/* Containers */

#content {
	float: left;
	width:670px;
	padding: 0 0 0 10px
	}



#aSide { 
	float:right;
	width:auto
}



/* fake popup*/



#popup {
	position:absolute;
	left:80px; top:120px;
	background:#F3B806;
	margin: 0 0 0 10px;
	width: 400px;
	padding: 0 10px 0 0
}



#popup h2 {
	background:url(../img/header_yellow_secbox.jpg) no-repeat top left;
	font: 110% arial; color:#023E73;	
	padding: 4px 2px 26px 45px
}

#popup #linkFechar {
	position:absolute;
	right:15px; top:0;
	font: .8em arial; font-weight: bold; color:#023E73;	
	cursor: pointer;
	padding: 5px 2px 26px 45px
}

#popup p {
	font: .90em arial; color:#403001;	
	text-indent: 20px;
	margin: -8px 0 0 0;	
	padding: 2px 10px 12px 15px;
	background:url(../img/bg_yellow_secbox.jpg) repeat-y top left;
	}

#popup p b, #popup p strong {
	font: 1.1em arial; color:#403001;
	font-weight:bold	
}

#popup .boxFooter {
	padding:0;
	background:url(../img/bottom_yellow_secbox.jpg)  no-repeat bottom left;
}

/****************/



#destaque{
	background:url(../img/top_corner_destaque.jpg) #F1F3F1 no-repeat top left;	
	padding: 5px 10px 30px 5px
}

#destaque h2 {
	text-align:left;
	padding:2px 10px 5px 10px;
	font: bold 1.1em arial;
	color:#403001;
	line-height:1.5em
}

#destaque p {
	font:.90em arial;
	line-height:1.3em
}

#destaque p a {
	font:.90em arial; color:#006633;
	font-weight:bold;
	text-decoration:none;	
	line-height:1.3em
}

#destaque p a:hover, #banner p a:hover {
	text-decoration:underline;
	color:#000
}

#destaque img {
	float: left;
	margin:0 10px 0 0
}



/* link leia mais */



.leiaMais {
	float:right;
	width:auto;
	text-align:right;
	font:.95em arial; color:#330000;
	line-height:2.2em;
	margin: -15px 0 9px 0;
}



.leiaMais:hover {
	text-decoration:underline;
	color:#000
}



/* boxes da direita */



#outrosDestaques {
	background:#f1f1f1;
	margin: 0 0 10px 0;
	padding: 0 10px 10px 10px
}



#outrosDestaques h3 {
	font: bold 100% arial; color:#333300;	
	padding: 8px 2px 5px 0
}

#outrosDestaques p {
	font: 75% arial; color:#403001;	
	padding: 0 50px 10px 10px
}



/* boxes secundários inferiores */


#secondBoxes {
	float: left;
	width: 458px;
	padding: 5px 0 10px 3px
}

#blueSecBox {
	background:url(../img/bg_blue_secbox.jpg) repeat-y top left;
	margin: 0 0 10px 10px;
	width: 285px	
}

#blueSecBox h3 {
	background:url(../img/header_blue_secbox.jpg) no-repeat top left;
	font: 110% arial; color:#023E73;	
	padding: 4px 2px 20px 45px
}

#blueSecBox p {
	font: .80em arial; color:#403001;	
	text-indent: 20px;
	margin: -8px 0 0 0;	
	padding: 2px 10px 12px 15px
}

#blueSecBox p a, #blueSecBox ul li a {
	font-weight:bold;
	color:#003333;	
	text-decoration:none
}

#blueSecBox p a:hover, #blueSecBox ul li a:hover {
	color:#006633;
	text-decoration:underline
}


#blueSecBox .boxFooter {
	padding:0;
	background:url(../img/bottom_blue_secbox.jpg)  no-repeat bottom left;
}



/* rodapé */



#footer {
	background:url(../img/1024/bg_bottom.jpg) no-repeat;
	float:left;	text-align:center;
	padding: 27px 0 0 0;
	width:990px; height:29px;
	color:#fff;	font:.75em arial;
	}

#footer ul {
	margin: 0 0 0 174px
}
#footer li {
	display:inline;
	cursor:pointer;
	margin: 28px 15px 0 15px
}

#footer li a {
	color:#fff;
	text-decoration:none
}

#footer li a:hover {
	color:#00CC66;
	text-decoration:underline
}

#hiddenCounter {
	display:none
}

#infoLoja {
	float:left;
	text-align:center;
	padding: 5px;
	width:980px; height:29px;
	background:#8ea6c0;
	color:#fff;
	font:.75em arial;
	}


/* páginas internas*/

#conteudoInternas {
	padding: 8px 8px 30px 8px
}

#conteudoInternas h2 {
	padding:10px 20px 15px 20px;
	font: bold 1.1em arial;
	color:#fff;
	line-height:1.5em
}

#conteudoInternas h3 {
	padding:5px 20px 15px 20px;
	font: bold 1.0em arial;
	color:#403001;
	line-height:1.3em
}

#conteudoInternas  p {
	padding: 10px 20px 15px 20px;
	font:.80em arial;
	line-height:1.3em
}

#conteudoInternas  p a {
	font-weight:bold;
	color:#003333;	
	text-decoration:none
}

#conteudoInternas  p a:hover {
	color:#006633;	
	text-decoration:underline
}


#listasInternas {
	background:#f1f1f1;
	float: right;
	margin: 5px 0 5px 0;
	padding: 0 10px 10px 10px;
	width: 220px	
}

#listasInternas h3 {
	font: bold 100% arial; color:#333300;	
	padding: 8px 2px 5px 0
}

#listasInternas p {
	font: 70% arial; color:#403001;	
	padding: 0 0 10px 0
}

/* Menu Secundário */

#secMenu {
	float:left;
	margin: -35px 0 25px 220px;
}

#secMenu li {
	padding: 5px 3px ;
	background-color: #deeed5;
	float: left;
}
#secMenu li.normal {
	display:inline;
	border-bottom:1px double #ccc
	}

#secMenu li.homeSelected, #secMenu li.ultimoSelected {
	display:inline;
	}

#secMenu li.selected {
	background-color: #fff;
	display:inline;
	border-top:1px double #ccc;	bord er-left:1px double #ccc; bo rder-right:1px double #ccc
	}

#secMenu li.ultimo {
	display:inline;
	border-bottom:1px double #ccc
	}

#secMenu li a {
	margin: 5px 20px 5px 20px;
	font: .85em arial;
	font-weight:normal;
	font-variant:normal;
	color:#003366;
	text-decoration:none
}

#secMenu li a:hover {
	color:#00CC66;
	text-decoration:underline
}

#secMenu li.selected a, #secMenu li.selected a:hover, #secMenu li.ultimoSelected a, #secMenu li.ultimoSelected a:hover {
	color:#006633;
	cursor:pointer;
	text-decoration:
}

#secMenu li.homeSelected a, #secMenu li.homeSelected a:hover {
	color:#006633;
	cursor:default;
	text-decoration:none
}


/* catalogo */

#menuCatalogo {
	float:left;
	width: 308px;
	margin: 0 2px 15px 15px;
	padding: 15px 10px 20px 10px;

}

#menuCatalogo img {
	margin: 2px
}

#conteudoCatalogo {
	float:right;
	margin: 0 30px 30px 0;
	font:0.9em arial;
	line-height:1.3em;
	width: 560px
}

#frameMenu {
	width:750px;
	overflow:auto;
}

/* galeria */

#menuGaleria {
	overflow:auto;
	float:left;
	width: 308px;
	margin: 0 2px 15px 15px;
	padding: 15px 10px 20px 10px;

}

#menuGaleria img {
	width: 46px;
	margin: 2px
}

#conteudoGaleria {
	text-align:center;
	font:0.9em arial;
	line-height:1.3em;
	width:750px
}

/* formulario */
.formulario {
	margin-left:150px
	}



.formulario label {
	width:90px;
	padding:10px 0 3px 5px;
	display:block
}



.formulario .button {
	margin: 0 15px 0 15px
}



