/*Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{	border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;	font-weight:normal;}
ol,ul{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;}

/*Layout*/
.centraliza /*Centraliza o conteúdo de acordo com uma resolução de 1024 X 768*/
{
	width:1000px;
	height:auto;
	margin:0 auto;
}
.esconde /*Esconde os textos*/
{
	overflow:hidden;
	text-indent:-999px;
}
.clear /*Retira os floats*/
{
	clear:both;
}
.red{color:#FF0000;}
.fLeft{float:left;}
.fNone{float:none;}
.dBlock{display:block;}
.block{display:block; float:left;}

#ok{
	margin: 10px 0 0 0;
	padding: 7px;
	background: #F1FFEC;
	color: #004000;
	border: 2px solid #238C00;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	box-shadow: 1px 1px 8px #AAA;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

/*WIDTHS*/
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}


/*Box azul web com borda arredondada*/
.bg_titulo{height:38px;}
.bg_titulo span.topo
{
	width:10px;
	height:38px;
	display:block;
	background:url(../img/detalhes/bg-azul-esq.jpg) no-repeat;
	float:left;
}
.bg_titulo span.centro{
	font-size:25px;
	color:#FFF;
	height:38px;
	display:block;
	float:left;
	background:#069;
	line-height:38px;
}
.bg_titulo span.base{
	width:10px;
	height:38px;
	display:block;
	background:url(../img/detalhes/bg-azul-dir.jpg) no-repeat;
	float:left;
}

/*Logotipo e menus das páginas*/
#topo{
	width:100%;
	height:104px;
	background:url(../img/topo/bg.png) repeat-x;
	position:relative;
	z-index:3;
}
	#topo h1	{
		width:186px;
		height:66px;
		background:url(../img/topo/l2sys.jpg) no-repeat;
		margin:8px 0 0 0;
		float:left;
	}
	#topo ul{
		float:left;
		margin:34px 0 0 40px;
	}
		#topo ul li{float:left;}
			#topo ul li a
			{
				font:12px Verdana, Helvetica, sans-serif;
				color:#2B4B6C;
				text-decoration:none;
				padding:0 10px;
				height:25px;
				line-height:25px;
				display:block;
				
			}
			#topo ul li a:hover{
				color:#142434;
				text-decoration:underline;
			}
			#topo ul li a.ativo{
				color:#FFFFFF;
				background:url(../img/topo/bg-link.jpg) repeat-x;
				cursor:default;
				text-decoration:none;
			}
/*Slide show apresentando a empresa e alguns produtos*/
#slideshow{
	width:100%;
	height:319px;
	background:url(../img/slideshow/bg.jpg) repeat-x;
	position:relative;
	top:-19px;
}
#slideshow2{
	width:100%;
	height:319px;
	background:url(../img/slideshow/bg2.jpg) repeat-x;
	position:relative;
	top:-19px;
}
	#slideshow .centraliza{
		height:300px;
		position:relative;
	}
		#slideshow ul{
			position:absolute;
			top:0;
			margin-left:0;
		}
		
		#slideshow .bt_mais{
			display:block;
			position:absolute;
			bottom:40px;
			right:200px;
		}
			#slideshow .bt_mais a{
				width:148px;
				height:37px;
				background:url(../img/slideshow/bt.png) no-repeat;
				display:block;
			}
			#slideshow .bt_mais a:hover{
				background-position:0 -37px;
			}
/*É uma breve introdução da empresa com uma foto ilustrativa na página inícial*/
#home{
	color:#006699;
	margin-bottom:20px;
}
	#home h2{
		font-size:30px;
		background:url(../img/detalhes/linha.jpg) no-repeat left bottom;
		padding-bottom:5px;
		margin-bottom:20px;
	}
	#home .img{
		width:186px;
		height:140px;
		background:#EAEAEA url(../img/logos/l2sys.jpg) no-repeat center center;
		float:left;
		padding:0 5px;
		border:1px solid #DDD;
	}
	#home p{
		width:775px;
		margin:10px 0 0 20px;
		float:left;
	}
/*Produtos em destaque na página inícial normalmente são exibidos dois produtos*/	
#produtos_destaque{
	width:710px;
	float:left;
	margin-right:20px;
}
	#produtos_destaque .centro{width:690px;}
	#produtos_destaque ul{margin:20px 0 0 0;}
		#produtos_destaque ul li{
			width:336px;
			float:left;
			margin-right:35px;
		}
		
		#produtos_destaque ul li.margN{margin:0;}
			#produtos_destaque ul li img{
				float:left;
				margin-right:10px;
			}
			#produtos_destaque ul li p	{
				float:left;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				color:#333333;
				text-align:justify;
				line-height:17px;
			}
				#produtos_destaque ul li p strong{
					display:block;
					font-size:16px;
					font-weight:bold;
					color:#069;
					margin-bottom:10px;
				}
				#produtos_destaque .saiba_mais{
					display:block;
					color:#2C4870;
					font-weight:bold;
					text-decoration:none;
					padding:0 0 0 15px;
					float:right;
					width:80px;
					height:11px;
					line-height:11px;
					margin:30px 0 0 0;
					background:url(../img/detalhes/bt_mais.jpg) no-repeat;
				}
				#produtos_destaque .saiba_mais.first{margin:12px 0 0 0;}
				#produtos_destaque .saiba_mais:hover{color:#0F1826;}
/*Últimas 4 notícias cadastradas no site*/
#sidebar{
	background:url(../img/detalhes/ln-vert-pont.jpg) repeat-y left top;
	padding-left:22px;
	min-height:270px;
	float:left;
}
	#sidebar .centro{width:206px;}
	#sidebar ul{width:226px;}
		#sidebar ul li{
			background:#E2E2E2;
			margin:8px 0;
			padding:0 6px;
		}
			#sidebar ul li a{
				font-size:12px;
				color:#069;
				text-decoration:none;
			}
				#sidebar ul li a:hover{color:#002D42;}

/*Formatação diferenciada para páginas internas*/
#interna .centro{width:980px;}
#interna .box, #interna .box2{
	padding-top:20px;
	clear:both;
	font-size:14px;
	color:#333;
}
#interna .box img{border:none;}
	#interna .box h3, #interna .box2 h3{
		font-size:17px;
		font-weight:bold;
	}
	#interna .box p, #interna .box2 p{
		margin:10px 0;
		line-height:25px;
	}
	#interna .box b, #interna .box2 b{color:#069;}
	#interna .box ul{
		font-size:12px;
		font-weight:bold;
		list-style:inside disc;
		margin:10px 0 10px 15px;
		line-height:25px;
	}
	#interna .saiba_mais{
		display:block;
		color:#2C4870;
		font-weight:bold;
		text-decoration:none;
		width:80px;
		height:11px;
		line-height:11px;
		padding:0 0 0 18px;
		float:right;
		background:url(../img/detalhes/bt_mais.jpg) no-repeat;
	}
		#interna .saiba_mais:hover{color:#0F1826;}

#interna img{
	float:left;
	margin:0 10px 0 0;
}

/*Formatação da Página de Notícia*/
#interna img{border:2px solid #CCC; padding:2px; margin:10px;}
#noticia{padding:5px 0; min-height:400px;}
#noticia p{font-size:14px; color:#333; margin:5px 0; width:100%; text-align:justify; line-height:25px;}
#noticia .data{font-size:13px; margin:10px 0; font-weight:bold; display:block; width:100%; text-align:right; color:#069;}
#noticia .data span{font-weight:normal; font-size:12px;}
#noticia ul{list-style:inside disc; font-size:13px;}
/*Formatação especifica da página de CLIENTES*/
#interna .box2 {
	width:100%;
	border-bottom: 1px solid #CCC;
	float:left;
	height:150px;
	padding:20px 0 20px 0;
}
#interna .texto-empresa{
	font-size:14px;
	color:#333;
	font-family:arial, helvetica, sans-serif;
	line-height:25px;
	margin:15px 0 0 0;
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
	text-indent:20px;
}
#interna .box2 .image{
	float:left;
	display:block;
	border:1px solid #DDD;
	width:230px;
	height:150px;
}
#interna .box2 .image img{margin:0;}
#interna .box2 a{color:#069; text-decoration:none; font-weight:bold;}
#interna .box2 .texto{width:500px; float:right; margin:0 240px 0 0;}
#interna .box2 .texto strong{display:block; float:left;}


/*Formatação especifica da página EMPRESA*/
.image-empresa-l2{
	background:#EFEFEF;
	border:1px solid #DDD;
	padding:17px;
}

/*Formatação dos formulários do site*/
#formularios{
	width:710px;
	min-height:480px;
	float:left;
	margin-right:20px;
}
	#formularios .centro{width:690px;}
	
/*Formatação do formulário de contato*/
#formularios legend{color:#AAA; font-size:13px; padding:10px 0 0 0;}
#formularios p{padding:5px 0; margin:2px 0;}
#formularios label{font-size:14px; color:#333;}
#formularios label.error{font-size:12px; color:#FF0000; display:block; text-align:center;}
#formularios input, #formularios textarea, #formularios select{
	border:1px solid #BBB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:3px;
	box-shadow:1px 1px 8px #BBB;
}
#formularios input:hover, #formularios textarea:hover, #formularios select:hover{cursor:pointer; border:1px solid yellow;}
#formularios input:focus, #formularios textarea:focus, #formularios select:focus{border:1px solid #069;}
#formularios textarea{height:120px;}
#btn_contato{background:#069; color:#FFF; font-weight:bold; cursor:pointer;}
#btn_contato:hover{}


/*Rodapé com o endereço o logotipo e o copyright*/
#rodape{
	float:left;
	width:100%;
	height:140px;
	background:url(../img/rodape/bg.jpg) repeat-x;
	margin-top:40px;
}
	#rodape p{
		color:#CCD9EB;
		font-size:12px;
		line-height:18px;
	}
		.local{
			height:75px;
			background:url(../img/rodape/linha.jpg) repeat-x bottom;
			position:relative;
		}
			.local p	{
				width:373px;
				float:left;
				margin-top:18px;
			}
			.local h1{
				width:143px;
				height:51px;
				position:absolute;
				top:10px;
				right:0;
				background:url(../img/rodape/l2.jpg) no-repeat;
			}
		.copy{position:relative; margin-top:20px;}
			.copy img{
				position:absolute;
				top:0;
				right:0;
			}