@charset "utf-8";

/* --------------------------------------------------------------
 * Filename:	basic.css
 * Description:	Regras das estruturas básicas do site.
 * Version:		1.0.0 (2009-11-19) YYYY-MM-DD
 * Website:		http://www.interisk.com.br/
 * Author:		Luiz R. Junior – Rya Brasil
 *
 * == STRUCTURE =================================================
 * 
 * Page width: 690px  static, vertical centralized
 *
 * $__globals	Definicoes de estilos a elementos globais
 * $__header	Definições do cabeçalho da página
 * $__sisveg	Definições da barra de login para o sistema Sisveg
 * $__main		Definições do conteúdo principal
 * $__menu		Definições do menu de navegação
 * $__content	Definições dos elementos do conteúdo 
 * $__footer	Definições dos elementos do rodapé 
 * -------------------------------------------------------------- */
 
/* $__globals
 * --------------------------------------------------------------------*/
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre, blockquote,  
br, hr, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dd, ol, ul, li, 
table, caption, tbody, thead, tfoot, tr, th, td,
form, fieldset, label, legend, input, select, embed {
	margin:0;
	padding:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

body {
	background:url(../images/fundo_site.jpg) repeat-x #e4e4e4;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#333333;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: "\0020";
	display: block; 
	height: 0; 
	clear: both;
	visibility: hidden;
	overflow:hidden;
}

.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */

.clear { clear:both; }

.displaypic {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

#sombra {
	position:relative;
	width:780px;
	margin:auto;
	background-color:#FFFFFF;
	background-image:url(../images/sombra.jpg);
	background-repeat:repeat-y;
	padding:0 7px;
}


/* $__header
 * --------------------------------------------------------------------*/
#topo {
	position:relative;
	width:780px;
	height:125px;
	border-bottom:#A81F1C 1px solid;
	background-color:#FFFFFF;
}

#topo p.brand {
	position:absolute;
	left:12px;
	top:12px;
	background:url(../images/logoNikkey.jpg) no-repeat;
	width:450px;
	height:86px;
}

#topo p a {
	display:block;
	width:100%;
	height:100%;
}

#top_icons {
	position:absolute;
	list-style:none;
	width:154px;
	height:9px;
	left:5px;
	bottom:5px;
}

#top_icons li { display:inline-block; float:left; height:9px; }
#top_icons li a { display:block; width:100%; height:100%; background:url(../images/top-icons.gif) no-repeat; }

#top_icons li a.home { width:51px; background-position:0 0; }
#top_icons li a.home:hover { background-position:0 -10px; }
#top_icons li a.contato { width:53px; background-position:-51px 0; }
#top_icons li a.contato:hover { background-position:-51px -10px; }
#top_icons li a.mapa { width:50px; background-position:-104px 0; }
#top_icons li a.mapa:hover { background-position:-104px -10px; }


#maos_topo {
	position:absolute;
	top:40px;
	right:10px;
}

#cevs {
	position:absolute;
	left:215px;
	bottom:2px;
	font-size:10px;
}


/* $__sisveg
 * --------------------------------------------------------------------*/

#sisveg {
	position:absolute;
	z-index:10;
	right:7px; top:0;
	height:30px;
	font-size:9px;
	background-color:#fff;
}

#sisveg #frmSisvegLogin {
	margin:0;
	font-size:9px;
	width:270px;
	background-image:url(../images/fundo_login_sisveg.jpg);
	background-repeat:no-repeat;
	text-align:left;
	color:#FFF;
	padding:1px 5px;
}

#frmSisvegLogin input { border:0px; }
#frmSisvegLogin .help { font-size:9px; text-align:right; }
#frmSisvegLogin .help a { text-decoration:none; color:#000; }



/* $__footer
 * --------------------------------------------------------------------*/

#rodape {
	position:relative;
	clear:both;
	width:780px;
	height:60px;
	background-color:#EFEFEF;
	border-top:2px solid #A81F1C;
	border-bottom:#000000 solid 1px;
}

#rodape p {
	font-size:10px;
	text-align:left;
	margin:0 7px;
}

#rodape ul { list-style:none; font-size:10px; height:15px; margin:5px; }
#rodape ul li { display:inline-block; float:left; padding:0 0 0 3px; }
#rodape ul li a { color:#A81F1C; text-decoration:none; }
#rodape ul li a:hover { color:#333; text-decoration:underline; }


/******************************************
 *  Menu de Navegação Esquerdo
 ******************************************/
#menuL {
	position:relative;
	display:block;
	width:213px;
	float:left;
}

#atendimento {
	margin-left:7px;
	margin-top:7px;
}

#menuL p.utilitario {
	font-size:9px;
	margin-left:7px;
	text-align:justify;
}

#menuL p.utilitario a {
	color:#333333;
	text-decoration:none;
	border:0;
}

#menuL p.utilitario a:hover {
	color:#A81F1C;
	text-decoration:underline;
}


/******************************************
 *  Conteúdo central
 ******************************************/
#conteudo {
	position:relative;
	width:567px;
	float:right;
	text-align:left;
}

#conteudo h1 {
	font-size:22px;
	font-weight:bold;
	color:#333333;
	margin:5px 10px;
	margin-top:20px;
	width:550px;
	height:35px;
}

#conteudo h1.empresa { background:url(../images/title_Empresa.gif) no-repeat; }
#conteudo h1.fitossanitario { background:url(../images/title_Fitossanitario.gif) no-repeat; }
#conteudo h1.controlepragas { background:url(../images/title_ControlePragas.gif) no-repeat; }
#conteudo h1.classificacao-vegetal { background:url(../images/title_ClassificacaoVegetal.gif) no-repeat; }
#conteudo h1.contato { background:url(../images/title_FaleConosco.gif) no-repeat; }


#conteudo h3 {
	font-size:12px;
	margin:5px 10px;
}

#conteudo p {
	font-size:12px;
	text-align:justify;
	text-indent:20px;
	margin:5px 10px;
	margin-top:20px;
	line-height:1.7em;
}

#conteudo p a {
	color:#A81F1C;
	text-decoration:none;
}

#conteudo p a:hover {
	color:#333;
	text-decoration:underline;
}

.marca {
	font-weight:bold;
	color:#A81F1C;
}

#conteudo .unidades {
	font-size:12px;
	color:#000;
	margin-top:0px;
	margin-left:15px;
	margin-right:3px;
	text-indent:0;
}

#conteudo .title {
	margin-left:10px;
	margin-top:7px;
}

#conteudo .subTitle {
	margin-left:10px;
	margin-top:25px;
}

ul.listInternal {
	margin:20px 0px;
	padding:0;
}

ul.listInternal li {
	margin:10px 0px 0px 40px;
	font-size:12px;
	text-decoration:none;
	list-style:none;
	list-style-image:url(../images/bullet_novidades.jpg);
	list-style-position:outside;
}

ul.listInternal li a {
	color:#333;
	text-decoration:none;
	font-weight:bold;
}

ul.listInternal li a:hover {
	color:#A81F1C;
	text-decoration:underline;
}

.fonte {
	text-indent:0px;
	margin-left:20px;
}

.fonte strong {
	font-style:normal;
	font-weight:normal;
	border-top:1px solid #000;
}