/*CSS*/

/*  global reset */
html *{
	padding: 0;
	margin: 0;
}
a img, :link img, :visited img {
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol, ul {
  list-style: none;
}

p{
	line-height: 18px;
}
/*  global reset */



/* base html */

body {
  background:url(../imagens/fundo.jpg);
  background-repeat:repeat;
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;/*this is in place to center in older browsers*/
}
a {
 text-decoration: none;
 color:#666666;
}
a:link {/* unvisited link */
 color:#666666;
}     
 
a:hover { /* mouse over link */
 color:#666666;
 text-decoration: underline;
}  
a:active {/* selected link */
 color:#666666;
}

h1 {
font-family:Arial, "Helvetica", sans-serif;
color:#333333;
font-size:16px;
}


/* end base html */

/*  Layout */
#wrapper{
	width: 900px;
	margin: 0 auto;
	text-align: left;

}


.roundedCorners{
padding: 10px;
background-color:#FFFFFF;
border:1px solid #FFFFFF;

/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}




/*  Topo */

#header {
	width: 876px;
	padding: 20px 12px 15px 12px;
	height: 100px;
	position: relative;
	background:#FFFFFF;
}

#logo {

background:url(../imagens/logo.png);
background-repeat:no-repeat;
width:250px;
height:132px;
position:absolute;
top:3px;
left:15px;
}

#menu {
	position: absolute;
	top: 105px;
	right: 2px;
	font-family:Arial, "Helvetica", sans-serif;
	font-size:14px;
	font-weight: normal;
	margin:0px;
	padding: 2px 0px  2px 10px;
	list-style:none;
	width: 472px;
	color:#666666;
	text-decoration: none;
	font-weight:bold;
	text-align:right;
	
}

#menu ul li { display: inline; }

#menu a {
text-align:right;
text-decoration:none;
color:#666666;
font-weight:bold;
padding:5px;
}

#menu a:hover {
color:#39487D;
text-decoration:none;
font-weight:bold;
}

#idioma{
	position: absolute;
	top:15px;
	right: 2px;
	width: 140px;
}
#idioma li{
	float: right;
}

#idioma a{
text-decoration:none;
text-align:right;
padding:3px;
}

#idioma a:hover{
text-decoration:none;
padding:3px;
}

/*  Conteudo - Tudo */

#content{
	float: left;
	width: 900px;
}

/*  Esquerda */
#col_left{
	float: left;
	width: 400px;
	padding: 10px 10px 10px 10px;
}
/*  Direita */

#col_right{
	float: right;
	width: 420px;
	padding:10px 0px 10px 18px;
}


/*  Home  */

#twitter{
	width: 390px;
	padding:10px;

}

#jquery{
	float: right;
	width: 420px;
	padding:10px 0px 10px 18px;
}

/*  Empresa  */

#sobre{
	width: 390px;
	padding:10px;
	
}

/*  Produtos  */

#produtos{
	width: 390px;
	padding:10px;

}

/*  Catálogo Online  */

#catonline {
height: 350px;
overflow:auto;
overflow-x: hidden;
}

/*  Serviços  */

#servicos{
	width: 390px;
	padding:10px;

}

/*  Contato  */

#form{
	width: 390px;
	padding:10px;

}

#endereco{
	width: 390px;
	padding:10px;

}

input:focus, textarea:focus {
background:#ffc;
}

input {
	border: solid 1px #333333;	
	margin: 2px;
	clear:none;

	}

select:focus {
background:#ffc;
}

form {
border:1px;
padding:5px;
}

label {
width:90px;
height:15px;
float:left;
clear: both;
display: block;
padding: 2px;
margin-top: 1px;
margin-right: 3px;
color:#333333;

}

textarea {
	width:250px;
	clear:none;
	margin-top: 1px;
	border: solid 1px #333333;	
	margin: 1px;
	}
	

/*  Rodapé */

#wrapperFooter{
width:900px;
margin: 0 auto;
text-align:left
}

#footer{
	width: 100%;
	background:#666666;
	clear:both;
	bottom:0px;
}
#footer p{
	text-align: right;
}

#footer a {
color:#999999;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}