/*
INDEX CSS
Copyright (c) 2007, Lecom Tecnologia.
*/

img {
border:0;}


body {
margin:0;
padding:0;
text-align:center;
background-color:#333333;

}

#container { 
	width:1000px;
	margin:auto;
	text-align:left;
	}
	
a{
font-family:Tahoma;
font-size:10px;
color:#CCCCCC;
text-decoration:none;
}

a:hover{
font-family:Tahoma;
font-size:10px;
color:#CCCCCC;
text-decoration:none;
}

a.nada{
font-family:Tahoma;
font-size:10px;
color:#CCCCCC;
text-decoration:none;
}

a.nada:hover{
font-family:Tahoma;
font-size:10px;
text-decoration:none;
}

a.link{
font-family:Tahoma;
font-size:10px;
color:#CCCCCC;
text-decoration:none;
}

a.link:hover{
font-family:Tahoma;
font-size:10px;
color:#CCCCCC;
background-color:#666666;
text-decoration:none;
}

.fonte10, #rodape {
font-family:Tahoma;
font-size:10px;
color:#CCCCCC;
}


.fonte11, #conteudo, #conteudotecnogres, #conteudofalecom, #conteudoondecomprar {
font-family:Tahoma;
font-size:11px;
color:#CCCCCC;
}

#topo{
height:134px;
width:100%;
}

#som{
float:right;
widows:auto;
height:auto;
margin-right:22px;
}

div#conteudo {
width:98%;
height:333px;
padding-left:15px;
padding-top:15px;
background-color:#666666;
}

div#conteudotecnogres {
width:98%;
height:333px;
padding-left:15px;
padding-top:15px;
background-color:#666666;
background-image:url(../img/bg_atecnogres.jpg);
background-repeat:no-repeat;
background-position:right;
}

div#conteudofalecom {
width:98%;
height:430px;
padding-left:15px;
padding-top:15px;
background-color:#666666;
background-image:url(../img/bg_contato.jpg);
background-repeat:no-repeat;
background-position:top right;
}

div#conteudoondecomprar {
width:98%;
padding-left:15px;
padding-top:15px;
background-color:#666666;
background-repeat:no-repeat;
background-position:top right;
min-height:333px;
_height:333px;
}



#destaquesrelative {
width:357px;
height:300px;
position:relative;
}


#destaquesbg {
width:357px;
height:300px;
background-color:#000000;
position:absolute;
filter: alpha(opacity:70);
KHTMLOpacity: 0.70;
MozOpacity: 0.70;
opacity: 0.70;
}

#destaques {
width:357px;
height:250px;
padding-top:20px;
position:absolute;
font-family:Tahoma;
font-size:11px;
color:#FFFFFF;
}


#rodape{
text-align:right;
width:100%;
height:25px;
}


#topo img{
margin-left:10px;
}

#flags {
	width:100px;
	float:right;
	margin-top:5px;
}

#dhtmltooltip{
	position: absolute;
	width: auto;
	border: 1px dashed #D4D4D4;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 1000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	position:absolute;
}


#menu{
margin-top:16px;
height:24px;
background-color:#000000;
/*filter: alpha(opacity:20);
KHTMLOpacity: 0.20;
MozOpacity: 0.20;
opacity: 0.20;}
*/
}

#nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
	#nav li {
		float: left;
		margin: 0 1px;
	}

		#nav li a {
			display: block;
			height: 25px;
		}

			#nav li a span {
				display: none;
			}

.btnHome {
	background: url(../img/menu_1.gif) no-repeat center;
	width: 81px;
}
	.btnHome:hover {
		background: url(../img/menu_on_1.gif) no-repeat center;
	}

.btnATecno {
	background: url(../img/menu_3.gif) no-repeat center;
	width: 62px;
}
	.btnATecno:hover {
		background: url(../img/menu_on_3.gif) no-repeat center;
	}
	
.btnObras {
	background: url(../img/menu_10.gif) no-repeat center;
	width: 56px;
}
	.btnObras:hover {
		background: url(../img/menu_on_10.gif) no-repeat center;
	}


.btnProdutos {
	background: url(../img/menu_5.gif) no-repeat center;
	width: 60px;
}
	.btnProdutos:hover {
		background: url(../img/menu_on_5.gif) no-repeat center;
	}

.btnOndeComprar {
	background: url(../img/menu_7.gif) no-repeat center;
	width: 80px;
}
	.btnOndeComprar:hover {
		background: url(../img/menu_on_7.gif) no-repeat center;
	}

.btnContato {
	background: url(../img/menu_9.gif) no-repeat center;
	width: 60px;
}
	.btnContato:hover {
		background: url(../img/menu_on_9.gif) no-repeat center;
	}

.btnDownload {
	background: url(../img/menu_11.gif) no-repeat center;
	width: 79px;
}
	.btnDownload:hover {
		background: url(../img/menu_on_11.gif) no-repeat center;
	}	
	
.btnPaineis {
	background: url(../img/menu_12.gif) no-repeat center;
	width: 55px;
}
	.btnPaineis:hover {
		background: url(../img/menu_on_12.gif) no-repeat center;
	}
		
#formcontato form {
width:500px;

}


#formcontato button {
	margin:5px 0 0 90px;
	font-size:1em;
	}
	
#formcontato label { 
	display:block;
	padding:5px 5px;
	margin-bottom:2px;
	padding-left:15px;
	}
	
	#formcontato label span {
	display:block;
		float:left;
		width:15%;
		text-align:right;
		padding-right:4px;
		}
	
#formcontato input {
	width:70%;
	}
	
label     { font-weight: bold; }
textarea  { height: 100px; width: 70% !important; }
input, select, textarea {
	background:#747474;
	border:1px solid #949494;
	color:#f1f1f1;
	font-size:11px;
	padding: 2px;
	}
	
	input:focus, select:focus, textarea:focus,
	input.focus, select.focus, textarea.focus {
		background:#666;
		}

button {
	background:#393939;
	border:1px solid #787878;
	color:#f1f1f1;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
	padding:2px;
	_padding:0 2px;
	}


#formrepresent{
	width:140px;
	float:left;
}

#formrepresent label{
	padding:5px;
	width:130px;
	float:left;
}

#formrepresent button{
	margin-left:5px;
}

#formrepresent input{
	width:122px;
}

#formrepresent select{
	width:128px;
}

#representante{
	float:left;
	width:300px;
	padding-left:15px;
}

#representante a{
	color:#CCCCCC;
	text-decoration:none;
	padding:6px;
}

#representante a:hover{
	color:#FFF;
	text-decoration:none;
	padding:6px;
}

.vendedor {
	color:#999999;
	padding:5px;
	margin-bottom:1em;
	}

	.fn { font-size:1em; font-weight:bold; }
	.adr, .contact { padding:5px; border-bottom:1px solid #CCC; margin-bottom:2px;  }
	.contact {  padding:2px 5px;}
	.org  {
		padding: 2px 0;
		font-size:1.1em;
		margin:0;
	}
	
	.org a {
		display:block;
		border-bottom:1px solid #00A2B2;	
	}
	
	.tel, .cel, .fax, .mail, .site { 
		padding-left:5px;
		border-bottom:1px solid #CCC;
		padding-bottom:2px;
		margin-bottom:2px; 
		}
	
.fechado {
	overflow:hidden;
	height:40px;
	}
	
.aberto {
	overflow:visible;
	height:auto;
	}
	
	
#dhtmltooltip{
	position: absolute;
	width: auto;
	border: 1px dashed #D4D4D4;
	padding: 2px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 1000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#545D63;
	font-size:11px;
	font-weight:normal;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

.simbolos {
	float:left;
	margin-left:5px;
}

ul.produto {
	margin:0;
	padding:0;
	width:530px;
}


li.produto {
	margin-left:3px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	float:left;
}

li.produto img {
	border:#666666;
	text-decoration:none;
}

ul#produtos {
	margin-left:-13px;
	padding-left:-13px;
	list-style:none;
}

ul#produtos li {
	/*float:left;*/
}

ul#produtos li ul {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	float:none;
	min-height:220px;
	
}

ul#produtos li ul li {
	float:left;
	padding:2px;
	white-space:nowrap;
}

ul.produto{
	list-style:none;
}

ul.produto li.categoria {
	clear:both;
	padding:10px;
}

ul.produto li.categoria a {
	font: bold 13px arial;
}

ul.produto li.categoria a span{
	float:left;
	display:block;
	padding-left:5px;
}

ul.produto li.categoria a img{
	float:left;
}

p.obs{
	clear:both;
}

.imageshadow {
	border:2px solid #00A2B2;
}

ul#atecnogres {
	margin-left:0px;
}

ul#atecnogres li{
	padding:5px;
	margin-right:15px;
	list-style:none;
	float:left;
}

ul#atecnogres li a{
	padding:3px;
	display:block;
	border:1px solid #999;
}

ul#atecnogres li a:hover{
	border:1px solid #00A2B2;
}

.imageshadow {
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=3);
}

li.paineis{
  list-style:none; 
  margin:10px 10px;
  margin-top:5px; 
  float:left; 
  text-align:center;
  width:130px;
  height:180px;
}

li.downloads{
  border-bottom:dashed 1px #CCCCCC; 
  margin-top:10px;
  padding: 10px 10px;
  list-style:none;
  margin-bottom:5px;
  
}

li.listagemdownload{
  list-style:none;
  margin-top:10px;
}

ul.categoriadownload{
   margin-top:25px;
}