/* ----------- MODIFICAÇÕES GERAIS -------------- */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	text-decoration: none;
}

body { 
	background: url(../img/fundo.jpg) repeat;
	background-color: #FFFFFF;
}

a { color: #004B8B; }

div { font: 11px Tahoma; }

#fundo_topo {
	background: url(../img/fundo_topo.jpg) repeat-x; 
}

#geral {
	width: 770px;
	background: url(../img/fundo_principal.gif) repeat-y; 
	margin: 0 auto;
}

#debugJS {
	display: none;
	position:absolute; 
	left: 10px; 
	top: 10px;
}

#topo { position: relative; }

/* ----------- TOPO -------------- */

#topo #topo-img {
	background: url(../img/banner_papirus.jpg);
	height: 203px;
}

#topo #logo {
	position:absolute;
	top: 5px;
	left: 10px;
}

#topo #flash_topo {
	position:absolute;
	top: 0px;
	left: 200px;
}

#barra_idiomas {
	position:absolute;
	width:770px;
	height:24px;
	top: 179px;
	left: 0px;
	background-image: url(../img/fundo_idiomas.gif);
	background-repeat: no-repeat;
}

#idiomas{
	vertical-align: top;
	position:relative;
	float: right;
	width: 250px;
	top: 7px;
}

#idiomas_outros{
	vertical-align: top;
	position:relative;
	left: 600px;
	top: 7px;
}

/* ----------- MENU HORIZONTAL -------------- */

#menu {position: relative;}

#menu ul {
	min-height: 37px;
	height: auto ! important;
	_height: 37px;
	width: 100%;
	background: url(../img/fundo_menu.gif) repeat-x;
}

#menu ul li { display: inline; }

#menu ul li a {
	float: left;
	padding: 10px 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	height: 17px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	position:relative;
	left:50px;
}

#menu ul li a:hover {
	color: white;
	background: url(../img/fundo_menu_over.gif);
}

/* ----------- SUBMENUS HORIZONTAIS -------------- */

#menu #submenu-empresa, #menu #submenu-produtos, #menu #submenu-servicos {
	display: none;
	position: absolute;
	top: 37px;
	z-index: 2;
	background-color: #EFEFEF;
	border-bottom-style: solid;
	border-bottom-width:medium;
	border-bottom-color:#0D73B8;
}

#menu #submenu-empresa { width: 164px; left: 101px; }
#menu #submenu-produtos { width: 164px; left: 203px; }
#menu #submenu-servicos { width: 164px; left: 281px; }

#menu #submenu-empresa ul, #menu #submenu-produtos ul, #menu #submenu-servicos ul {
	border: 0px;
	position:relative;
	left: -23px ! important ;
	background-image:none ! important;
}

#menu #submenu-empresa ul li, #menu #submenu-produtos ul li, #menu #submenu-servicos ul li {
	min-height: 40px;
	height: auto ! important;
	_height: 40px;
}

#menu #submenu-empresa ul li a, #menu #submenu-produtos ul li a,  #menu #submenu-servicos ul li a{
	border: 0px;
	padding:7px 10px;
	color: #003863;
	text-transform:none ! important;
	background: url(../img/fundo_submenu.gif) repeat-y ! important;
	width: 140px;
	height: 11px;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 9px;
	left: 30px ! important;
	font-weight: bold;	
}

#menu #submenu-empresa ul li a:hover, #menu #submenu-produtos ul li a:hover, #menu #submenu-servicos ul li a:hover{
	color: #0D73B8 ! important;
	background-image: none ! important;
}

/* ----------- CENTRO CAPA -------------- */

#centro {
	width: 762px;
	margin: 0 auto;
}

#fechacentro {
	clear:both;
}

#flash_centro {
	width: 762px;
	height: 140px;
	z-index:1;
}

#destaques #destaque-um, #destaques #destaque-dois, #destaques #destaque-tres {
	float: left;
	width: 192px;
	padding-left: 40px;
	padding-right: 20px;
	border-right: 1px solid #E9E9EA;
}

#destaques #destaque-tres {
	border-right:none ! important;
}

#destaques p {
	padding: 0px 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#6D6E71;
}

#destaques a {
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6D6E71;
	/*vertical-align: top;*/
	
}


/* ----------- CENTRO INTERNAS -------------- */

#modelo #modelo-principal, #modelo #modelo-secundario {
	float: left;
	border-right: 1px solid #E9E9EA;
	min-height: 450px;
	height: auto ! important;
	_height: 450px;
}

#modelo #modelo-principal {
	padding-left: 30px;
	padding-right: 20px;
	width: 449px;
	}
#modelo #modelo-principal-grande {
	padding-left: 30px;
	padding-right: 20px;
	width: 680px;
	}

#modelo #modelo-secundario {
	padding-left: 20px;
	padding-right: 20px;
	width: 130px;
	border:none ! important;
	}
	
/*#destaques #destaque-tres {
	border-right:none ! important;
}*/

#modelo p {
	padding: 0px 13px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#6D6E71;
}

#modelo a {
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
}

#modelo #modelo-texto, #modelo #modelo-fotos,  #modelo #modelo-fotos a {
	float: left;
}

#modelo #modelo-texto {
	padding-left: 0px;
	padding-right: 10px;
	width: 300px;
	clear:both;
	}
	
#modelo #modelo-texto-grande {
	padding-left: 0px;
	padding-right: 10px;
	width: 670px;
	clear:both;
	}
	
#modelo #modelo-texto-semfoto, #modelo #modelo-texto-semfoto a {
	padding-left: 0px;
	padding-right: 10px;
	width: 419px;
	clear:both;
	}

#modelo #modelo-fotos, #modelo #modelo-fotos a, #modelo #modelo-texto-grande a {
	width: 139px;
	}

#modelo #cases-topo, #modelo #cases, #modelo #cases-rodape, #enderecos-topo, #modelo #enderecos {
	width:220px;
}

#modelo #cases-topo {
	background-image:url(../img/cases_topo.gif);
	height: 45px;
}	

#modelo #enderecos-topo {
	height: 45px;
}	


#modelo #cases {
	width: 220px ! important;
	background-image:url(../img/cases_fundo.jpg);
	height: 52px;
}	

#modelo #enderecos {
	width: 180px ! important;
	background-image:url(../img/enderecos_fundo.gif);
	padding: 10px 20px;
}	

#modelo #enderecos p, #modelo #enderecos a{
	padding: 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}	

#modelo #cases-texto a {
	width: 110px ! important;
	padding-left: 30px;
	padding-top: 17px;
	padding-bottom:17px;
	float:left;
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px ! important;
	color:#6D6E71;
}	

#modelo #cases-imagem {
	width: 50px ! important;
	padding-right: 25px;
	float:right;
}	

#modelo #cases-rodape {
	width: 220px ! important;
	background-image:url(../img/cases_rodape.gif);
	height: 24px;
}	

#modelo #como-comprar-interno {
	float:left;
	width: 172px;
	padding-left: 20px;
	padding-right: 15px;
}

#modelo #como-comprar-interno p {
	padding-left: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#6D6E71;
}

/* ----------- BANNERS PRODUTOS -------------- */

#banner-produto-vitacarta, #banner-produto-vitaliner, #banner-produto-vitamax, #banner-produto-vitaprint, #banner-produto-vitabianco, #banner-produto-vitasolid {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight: bold;
	color:#FFFFFF;
	height: 19px;
	padding-top: 72px;
	padding-right: 20px;
	padding-bottom: 8px;
	padding-left: 20px;
}

#banner-produto-vitacarta a, #banner-produto-vitaliner a, #banner-produto-vitamax a, #banner-produto-vitaprint a, #banner-produto-vitabianco a, #banner-produto-vitasolid a {
	/*text-transform: uppercase;*/
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color:#FFFFFF;
}

#banner-produto-vitacarta a:hover, #banner-produto-vitaliner a:hover, #banner-produto-vitamax a:hover, #banner-produto-vitaprint a:hover, #banner-produto-vitabianco a:hover, #banner-produto-vitasolid a:hover {
	color: #F0F0F0;
}

#banner-produto-vitacarta {	background-image:url(../img/banner_vitacarta.png); 	}
#banner-produto-vitaliner {	background-image:url(../img/banner_vitaliner.png); 	}	
#banner-produto-vitamax {	background-image:url(../img/banner_vitamax.png); 	}	
#banner-produto-vitaprint {	background-image:url(../img/banner_vitaprint.png); 	}	
#banner-produto-vitabianco {background-image:url(../img/banner_vitabianco.png); }	
#banner-produto-vitasolid {	background-image:url(../img/banner_vitasolid.png); 	}	

#flash-processo {
	background-image:url(../img/fundo_processo.png);
	width: 652px;
	height: 325px;
	padding: 18px 12px;
}

/* ----------- ESTILOS DE TEXTO -------------- */

.titulo {
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 22px;
	color:#003863;
}

.titulo-menor {
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color:#003863;
}

.titulo-menor-verde {
	font-weight:bold;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	color:#99CA3C;
}

.subtitulo {
	font-weight:bold;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	color:#99CA3C;
}

.destaque_verde {	
	color: #99CA3C;
	font-weight: bold;
}

.link-glossario{	
	color: #77C9C6;
	font-weight: bold;
}

/* ----------- RODAPÉ -------------- */

#rodape {
	width: 770px;
	height: 70px;
	background: url(../img/fundo_rodape.gif) repeat-y;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: center;
	clear: both;
}

#rodape p {
	padding: 17px 0px;
	position: relative;
	font: 9px Tahoma;
	color: white;
}

#rodape a { color: white; }
#rodape a:hover { text-decoration: underline; }

#barra_inferior {
	width: 770px;
	height: 5px;
	background: url(../img/barra_inferior.gif) no-repeat;
	margin: 0 auto;
}



/* ----------- FORMULÁRIOS -------------- */

#contato input, textarea{
	        font-size: 11px;
			padding:3px;
	        margin-bottom: 10px;
	        color: #6D6E71;
			width: 290px;
			border:solid 1px;
			border-color:#99CA3C;
			background-color:#FFFFFF;
      }
	     
#contato .enviar{
width:80px;
float:left;
background-color:#FFFFFF;
}	   

#contato textarea{
	height:110px;
}        
        #contato label{
	        display: block;
	        width: 100px;
	        float: left;
	        color: #6D6E71;
        }
	
		#contato fieldset{
			padding: 20px;
	        border: none;
            width: 60%;
        }
		
		#faca_parte{
			width: 360px;
		}
		
		#faca_parte input, #faca_parte select{
	       
	        font-size: 11px;
			padding:3px;
	        margin-bottom: 5px;
			margin-top:5px;
	        color: #6D6E71;
			width:170px ! important;
			border:solid 1px;
			border-color:#99CA3C;
			background-color:#FFFFFF;
        }
		
		#faca_parte  textarea{ 
	        font-size: 11px;
			padding:3px;
	        margin-bottom: 10px;
	        color: #6D6E71;
			width:270px;
			border:solid 1px;
			border-color:#99CA3C;
			background-color:#FFFFFF;
        }
       
#faca_parte .enviar{
width:80px;
float:left;
background-color:#CCCCCC;
}	 
  
#faca_parte textarea{
	height:100px;
	width:320px;
}        

        #faca_parte label{
	        display: block;
			margin-top:4px;
	        width: 130px;
			height:20px;
	        float: left;
	        color: #6D6E71;
	        border-bottom: 1px dotted #cacaca;
        }
	
		#faca_parte fieldset{
	        padding: 20px;
	        border: 0px solid #ccc;
            width: 100%;
        }

#caixa-selecao, #modelo select{
	padding: 0px ! important;       
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6D6E71;
	width:65px;
	background-color:#FFFFFF;
	position:relative;
	bottom:-3px;
	border:solid 1px;
	border-color:#99CA3C;
  }
 
#pesquisa input, textarea{
	font-size: 12px;
	padding:3px;
	margin-bottom: 10px;
	color: #6D6E71;
	width: 290px;
	border:solid 1px;
	border-color:#99CA3C;
	background-color:#FFFFFF;
      }	
	  
#pesquisa .enviar{
width:80px;
float:left;
background-color:#FFFFFF;
}	

#pesquisa .radiogrupo {
	width:15px;
	height:15px;
	margin: 1px 5px 0px 0px;
	background-color:#FFFFFF;
	vertical-align: middle;

}	  

#pesquisa textarea{
	height:110px;
}        
        #pesquisa label{
	        display: block;
	        width: 500px;
	        float: left;
	        color: #6D6E71;
        }
	
		#pesquisa fieldset{
			padding: 20px;
	        border: none;
            width: 500px;
        }
