/* ------------------------------
css reset (inicio)
ref: http://www.igorescobar.com/blog/2009/10/26/css-reset-firefox-perfeito-internet-explorer-torto/
------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, /*em, */font, img, ins, kbd, q, s, samp,
small, strike, /*strong, */sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background:#eeeeee;
}
ol, ul {
    /*list-style: none;*/
	list-style:disc;
	list-style-position:inside;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* ------------------------------
css reset (fim)
------------------------------ */


/* ------------------------------
GERAL (inicio)
------------------------------ */

body {
	/* 'PT Sans Narrow', "Cabin Condensed" e "font-weight: 400 (ou 700)" sao caracteristicas para uso do Google Fonts */
	font-family:Tahoma, lucida sans unicode, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:19px;
	color:#333;
	/*letter-spacing:-1px;
	text-transform:uppercase;*/
	text-decoration: none;
}

/* a:link........define o estilo do link no estado inicial; */ 
a:link {
	color:#06C;
	text-decoration: underline;
}

/* a:visited...define o estilo do link visitado; */ 
a:visited {
	color:#039;
	text-decoration: underline;
}

/* a:hover.....define o estilo do link quando passa-se o mouse sobre ele; */ 
a:hover {
	color:#3CF;
	text-decoration: underline;
}

/* a:active....define o estilo do link ativo (o que foi "clicado"). */ 
a:active {
	color:#0C0;
	text-decoration: underline;
}

h1 {
	color:#090;
	font-size:17px;
	line-height:22px;
	font-weight:bold;
}

h2 {
	color:#090;
	font-size:17px;
	line-height:22px;
}

li {
	padding-left:20px;
}

/* ------------------------------
GERAL (fim)
------------------------------ */



/* ------------------------------
MENU (inicio)
------------------------------ */

ul.tabs
{
	display: table;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

ul.tabs a
{
	color: #fff;
	font-size:17px;
	text-decoration:none;
}

ul.tabs a:hover
{
	color:#999;
}

ul.tabs li
{
	margin: 2px;
	padding-right:20px;
	padding-left:20px;
	list-style: none;
	display: table-cell;
	float: left;
	position: relative;
}

/*ul.tabs a
{
	position: relative;
	display: block;
}*/

/* menu-specific
*************************/

#menu
{
	width:100%;
	line-height:40px;
    margin-left: auto;
    margin-right: auto;
	background-image:url(../images/transp.png);
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#menu ul
{
	margin: 0 auto;
	margin-left: auto; /* nao usar padding aqui, senao nao funciona no IE */
    margin-right: auto;
	border:0px solid #00F;
}
/*
#menu ul li 
{
	color:#2e8be3;
	text-decoration:none;
	padding-left:16px; 
	padding-right:0px;
	font-weight:700;
	font-size: 13px;
	text-transform:uppercase;
}
*/
#menu ul li a img
{
	/*vertical-align: middle;*/
}
/*
#menu ul li a:hover
{
	background: url(../images/topselectionleft.png) top left no-repeat;
}
*/
#menu ul li a span
{
	display: block;
	padding: 10 15px 10 11px;
}

#menu ul li a:hover span
{
	/*background: url(../images/topselectionright.png) top right;*/
	background-color:#6551d1;
}

/* ------------------------------
MENU (fim)
------------------------------ */


/* ------------------------------
TITULO (inicio)
------------------------------ */

#titulo {
	font-weight:700;
	font-size:22px;
	color: #fff;
	text-transform:uppercase;
	text-align:center;
	padding-bottom:45px;
	padding-left:620px;
	border:0px solid #000;
}

/* ------------------------------
TITULO (fim)
------------------------------ */



/* ------------------------------
CABECALHO (inicio)
------------------------------ */

#header {
	width:970px;
    margin-left: auto;
    margin-right: auto;
	border:0px solid #F90;
	}
	
#logo-endereco {
	float:left;
	width:960px; /* com logos de redes sociais: width:800px;*/
	border:0px solid #fff;
	}

#logo {
	float:left;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:30px;
	border:0px solid #000;
	}
	
#endereco {
	width:555px; /* com logos de redes sociais: width nao declarada */
	text-align:right; /* com logos de redes sociais: text-align:left;*/
	padding-top:15px;
	padding-bottom:15px;
	padding-left:30px;
	float:left;
	border:0px solid #000;
	}
	
#endereco a{
	text-decoration:none;
	font-weight:bold;
	}
	
#redes-sociais {
	float:left;
	width:120px;
	padding-bottom:5px;
	padding-left:20px;
	text-align:right;
	border:0px solid #000;
	color:#fff;
	}
	
#redes-sociais img {
	padding-top:10px;
	padding-left:5px;
	}
	
/* ------------------------------
CABECALHO (fim)
------------------------------ */



/* ------------------------------
CONTEUDO (inicio)
------------------------------ */

#container {
	margin:auto;
	padding:0;
	width:100%;
	text-align:left;
	border:0px solid #0FF;
	}

#contents {
	width:970px;
	padding-top:0px;
    margin-left: auto;
    margin-right: auto;	
	border:0px solid #444;
	/*background-color:#fff;*/
	}
	
/*#conteudo { //////////////////////// COM O FUNDO USADO EM OUTROS SITE ////////////////////////////
	margin-top:35px; 
    padding:40px 67px 40px 50px;
	text-align:left;
	background-image:url(../images/bg_conteudo.png);
	background-repeat:repeat-y;
	border:0px solid #0FF;
	}*/

#conteudo {
	margin-top:0px; 
    padding:0px 20px 0px 20px;
	text-align:left;
	/*background-color:#fff;*/
	border:0px solid #0FF;
	}

#box_conteudo {
	display:inline-block;
	float:left;
    padding:/*30px*/ 0 0px 30px 0px;
	margin-right:30px;
	width:684px;
	border:0px solid #ccc;
	}

#txt_conteudo {
	display:inline-block;
	float:left;
	padding:20px 0px 30px 0px;
	width:715px;
	border:0px solid #000;
	}

#box_chamadas {
	display:inline-block;
	padding-left:35px;
	width:175px; /* COM FORM DE BUSCA: width:210px;*/
	/*background-color:#ddd;*/
	border:0px solid #444;
	text-align:center;
	}

/* ------------------------------
CONTEUDO (fim)
------------------------------ */



/* ------------------------------
RODAPE
------------------------------ 036*/

#footer_linha {
	clear:both; 
	width:970px; 
	height:1px; 
	background-color:#193149;
	margin-bottom:15px;
	}

#footer {
	height:60px;
	line-height:60px;
	clear:both;
	text-align: center;
	padding-top:0px;
	margin-top:0px;
	font-size:14px;
	color:#fff;
	background-color:#222; 
	}
	
/* ------------------------------
RODAPE - MENU INSTITUCIONAL
------------------------------ */



/* ------------------------------
TEXTOS (inicio)
------------------------------ */

.SubTitulo {
	color:#660099;
	font-size:17px;
	line-height:22px;
}

A.SubTitulo {
	color: #660099;
	text-decoration:none;
	text-transform:none;
}

A.SubTitulo:hover {
	color:#9966cc;
	text-decoration:none;
}

.SiteBy {
	color:#2e8be3;
	text-transform:uppercase;
}

A.Links {
	text-decoration:none;
}

A.Paginacao {
	text-decoration:none;
}





/* ------------------------------
TEXTOS (fim)
------------------------------ */



/* ------------------------------
PAGINAS (inicio)
------------------------------ */

/* HOME (inicio) */

#div_home1 {
	width:315px;
	height:680px;
	margin:10px 35px 0 0;
	padding:10px;
	text-align: left;
	float:left;
	border:1px solid #d4ddd4;
	background:url(http://www.macroparts.com.br/site/images/bg_box-home.png) #fff no-repeat;
	}
	
#div_home2 {
	width:315px;
	height:680px;
	margin:10px 0 0 0;
	padding:10px;
	text-align: left;
	vertical-align:top;
	float:left;
	border:1px solid #d4ddd4;
	background:url(http://www.macroparts.com.br/site/images/bg_box-home.png) #fff no-repeat;
	}

/* HOME (fim) */


/* GALERIA DE FOTOS (inicio) */

	#fotos { 
    margin-left: auto;
    margin-right: auto;
	border:0px solid #FF0;
	padding-top:20px;
	} 
	
	#fotos a {
	text-decoration:none;
	} 
	
	#fotos li { 
	display:inline; 
	float:left; 
	width:155px;
	height:170px;
	/*background-color:#f5f7f9; 
	padding:5px; */
	margin:5px;
	margin-bottom:20px;
	text-align: center; 
	border:0px solid #FF0;
	/*border-right: #a5a7aa solid 1px; 
	border-bottom: #a5a7aa solid 1px; */
	} 	
	
	/*
	#fotos_ultima li { 
	border:1px solid #FF0;
	} */	

	#fotos img { 
	border:0px solid #aaa;
	padding: 2px;	
	} 	

/* GALERIA DE FOTOS (fim) */


/* ------------------------------
PAGINAS (fim)
------------------------------ */

/* ------------------------------
FORMULARIOS (inicio)
------------------------------ */

input, textarea, select { 
	padding:9px;
	margin-bottom:10px;
	border: solid 1px #E5E5E5;
	outline: 0;
	/*font: normal 13px/100% Verdana, Tahoma, sans-serif;*/
	font-family: lucida sans unicode, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:15px;
	color: #888888;
	width:300px;
	background: #FFFFFF url('../demo/demo/bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

option { 
	width: 300px;
	max-width: 400px;
	/*height: 150px;*/
	line-height: 150%;
	}

input:hover, textarea:hover, select:hover, option:hover 
input:focus, textarea:focus select:focus, option:hover { 
	border-color: #09C; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}
	
checkbox, radio {
	width: 19px;
	height: 2500px;
	padding: 0 5px 0 0;
	display: block;
	clear: left;
	float: left;
	}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	margin-left:290px;
	margin-top:20px;
	background:#069;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	}
	
.submit input:hover {
	background:#09C;
	}
	
div.formulario label{
	display: block;
	}

div.formulario label span{
	display: block;
	float:left;
	width:270px;
	text-align:right;
	padding:10px 20px 0 0;
	border:0px solid #0FF;
	}

#divform {
	padding-left:290px; 
	padding-top:10px; 
	padding-bottom:20px;
	border:0px solid #444; 
	}

/* ------------------------------
FORMULARIOS (fim)
------------------------------ */



/* ------------------------------
TABELA (inicio)
------------------------------ */

#customers
{
width:715px;
border-collapse:collapse;
}
#customers td, #customers th 
{
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th 
{
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

/* ------------------------------
TABELA (fim)
------------------------------ */