/*---------------------------------------
 CSS Geral 
---------------------------------------*/

* {
	margin:0;
	padding:0;
	outline:none;
	border:none;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}
body, html {width:100%; height:100%;}
html {overflow: -moz-scrollbars-vertical;}
ul{list-style:none;}

/* LINKS */
a {	color:#603118;	text-decoration:none; outline:none;}
a:hover {color:#fff;}
body#artista a {color:#fff;	text-decoration:none;}

/* LOGO */
h1 a {
	width:221px;
	height:125px;
	display:block;
	float:left;
	margin-top:35px;
	margin-left:50px;
	background:url(../imagens/logo.gif) no-repeat top left;
}

/* LOGO INTERNA */
#content-interna h1 a {
	width:225px;
	height:23px;
	margin-left:13px;
	display:block;
	background: url(../imagens/logo-interna.png) no-repeat top left;
}

/* h3 */

h3 { border-bottom:1px solid #f1f1f1; margin:20px 0 10px 0;}


/* image replacement */
.ir {
	text-indent:-99999px;
	overflow:hidden;
	text-decoration:none;
	display:block;
}

.clear {
	clear:both;
	display:block;
	height:1px;
	width:10px;
	display:table;
}

.bold {font-weight:bold;}
.underline { font-style:italic; font-size:10px;}

/* textos superiores */
.txt {
	float:right;
	padding:0 20px;
	border-bottom:1px solid #603118;
	color:#603118;
	margin:22px 0 0 0;
}


div#content, div#content-interna {
	margin:0 auto;
	width:1010px;
}

/*---------------------------------------
Backgrounds internas
---------------------------------------*/
body#home {	background:#e48538 url(../imagens/bg.gif) no-repeat top center;}
body#trofeus-bronze { background:#f1d07a; }
body#trofeus-aluminio {	background:#4e7fa9; }
body#esculturas-atitudes {	background:#8e415b; }
body#esculturas-limites  { background:#4f716d; }
body#pronta-entrega  { background:#b04220; }
body#artista  { background:#9d170d; }
body#clientes, body#destaques  { background:#c35635; }
body#contato  { background:#8fd7e0; }

		 
/*
---------------------------------------
NAV-HOME
---------------------------------------
*/

ul {
	display:block;
	padding: 0;
	margin:10px 0 0 5px;
	list-style: none;
	}

ul li {position:relative;}

ul li a {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	display: block;
	text-decoration: none;
	color:#603118;	
	padding:0 0 22px 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul ul {
	position:absolute;
	display:none;
	top: 0px;
	margin-top:-8px;
}
ul ul#trofeus {left:55px;}
ul ul#escultura {left:70px;}
ul ul#clientes {left:55px;}

li ul li a { 
	padding:3px; 
	color:#603118;
} /* Sub Menu Styles */


li:hover ul ul, li.over ul ul { display:none; }
li:hover ul, li li:hover ul, li.over ul, li li.over ul { 
	display: block;
} /* The magic */

#content-interna ul ul.show {display:block;}
#content-interna ul ul.show li a {border:none; background:none;}

#content-interna ul ul#submenu {left:128px;	top:2px;}
#content-interna ul ul#submenu a {font-size:14px;}

/*---------------------------------------
NAV-interna
---------------------------------------*/
#content-interna ul#nav {margin:135px 0 0 10px;}

#content-interna ul#nav li a {
	display:block;
	font:13px;
	font-weight:bold;
	color:#654040;
}

/*----------links do submenu--------------*/

#content-interna ul#nav li a.link-ativo, #content-interna ul#nav li a:hover, #content-interna ul#nav li a.active { color:#fff;}

#content-interna ul#nav li a.first {
	height:50px;
	font-size:14px;
	background:url(../imagens/barrinha-nav.png) no-repeat top left;
	border:none;
}

#content-interna ul#nav li a.first:hover {height:50px;}
#content-interna ul#nav li.second {margin-top:35px;}

/*-------- Home  -----------*/

#content #col-left, #content #col-center, #content #col-right,
#content-interna #col-left, #content-interna #col-center, #content-interna #col-right {
	float:left;
	height:100%;
}

#content #col-left {width:160px;}
#content #col-left img {margin:280px 0 0 8px;}

#content #col-center {width:545px;}
#content #col-center img {margin-top:280px;}

#content #col-right {width:300px;}
#content #col-right img {margin-top:120px;}

#content #col-right p.label-home {
	width:227px;
	height:58px;
	margin:112px 0 0 51px;
	background:url(../imagens/label-home.gif) no-repeat;
	border:none;
}


/*---------------------------------------
Internas
---------------------------------------*/
body#trofeus-bronze #content-interna #col-left {background:url(../imagens/bg-trofeu-bronze.gif) no-repeat;}
body#trofeus-aluminio #content-interna #col-left {background:url(../imagens/bg-trofeu-aluminio.gif) no-repeat;}
body#esculturas-atitudes #content-interna #col-left {background:url(../imagens/bg-escultura-atitudes.gif) no-repeat;}
body#esculturas-limites #content-interna #col-left {background:url(../imagens/bg-escultura-limites.gif) no-repeat;}
body#pronta-entrega #content-interna #col-left {background:url(../imagens/bg-pronta-entrega.gif) no-repeat;}
body#artista #content-interna #col-left {background:url(../imagens/bg-artista.gif) no-repeat;}
body#clientes #content-interna #col-left {background:url(../imagens/bg-clientes.gif) no-repeat;}
body#clientes #content-interna #col-right {background:url(../imagens/bg-clientes-right.gif) no-repeat;}
body#destaques #content-interna #col-left {background:url(../imagens/bg-destaques.gif) no-repeat;}
body#contato #content-interna #col-left {background:url(../imagens/bg-contato.gif) no-repeat;}

#content-interna {height:100%; position:relative;}

#content-interna #col-left {width:245px;}
#content-interna #col-center {width:595px; background:#fff;}
#content-interna #col-right { width:165px;}

/*------- IMAGENS DAS INTERNAS -------*/

body #content-interna #col-left img, body #content-interna #col-right img {
	position:relative;
	bottom:0px;
}

/*---------------------------------------
TEXTO SUPERIOR RIGHT
---------------------------------------*/

#col-right p { 
	color:#fff;
	border-top:1px solid #fff; 
	margin:36px 0 0 0;
	padding:7px 0 0 7px;
	font:13px normal; 
}
#col-right p .bold { font-size:11px;} 
#col-right p a { color:#603118;}
#col-right p a:hover { color:#fff; }
body#artista #col-right p a { color:#EFD5C2;}
body#artista #col-right p a:hover { color:#fff; }

/*---------------------------------------
clientes
---------------------------------------*/

.empresas {
	margin:40px 0 0 0;
	color:#603118;
	padding:0 10px 0 20px;
}

body#artista .empresas {margin-top:10px;}
body#artista .empresas img { padding-top:10px;}

p.dedicatoria { text-align:right; padding-right:10px; font-size:11px;}

.empresas ul li {clear:both; font-size:11px; line-height:15px;}
.empresas p {margin-top:10px;}

body#clientes #col-left img {right:0px;}
body#clientes #col-right img, body#artista #col-right img {left:0px;}


/*---------------------------------------
contato
---------------------------------------*/
.box-direito {
	text-align:right;
	float:right;
	width:230px;
	margin:240px -70px 0 0;
	color:#603118;
}

.box-contato {
	text-align:right;
	float:right;
	width:235px;
	clear:both;
	padding:5px 15px 0 0;
	margin:130px 0 0 0;
	color:#603118;
}
.box-contato a:hover {color:#9D170D;}
body#contato #col-left img {left:0px;}

.linha {margin:2px 0; border-top:1px solid #603118;}
.box-contato .bold {margin:6px 0 0 0; width:115px; float:left; font-size:14px;}

.box-contato .email {padding-bottom:7px;}
.box-contato .email a, .box-contato .tit {fontsize:16px; font-weight:bold; }
.box-contato .tit {margin-bottom:5px; font-size:13px;}
/*---------------------------------------
imagens
---------------------------------------*/

#photos ul {
	float:left;
	width:595px;
	height:240px;
	margin:45px 0 0 0;
}

.thumbs li, body#destaques .thumbs li {
	float:left;
	position:relative;
	display:block;
	width:198px;
	color:#603118;
	margin:0px;
}

.thumbs li p {
	float:left;
	margin-left:2px;
	width:155px;
	text-align:center;
	width:192px;
	font-size:10px;
	margin-top:5px;
}


.thumbs .bold { font-size:10px;}

.thumbs li img {
	width:198px;
	height:163px;
	margin:27px 0 0 0;
	float:left;
}

/*---------------------------------------
imagens da página Destaque
---------------------------------------*/

body#destaques .thumbs li, body#destaques .thumbs li p {width:295px;}

body#destaques .thumbs li img {
	width:255px;
	height:185px;
	margin:0 0 5px 18px;
	border:4px solid #C35635;
}


/*--------------paginação-----------------*/
#paginacao {
	float:right;
	border-bottom:1px solid #603118;	
	text-align:right;
	padding:0 20px;
	margin:60px 0 0 0;
}

#paginacao p, #paginacao p a, #paginacao p span.inativo {font-size:14px; margin:0 5px;}
#paginacao p a:hover, #paginacao p a.active { color:#B04220; }
#paginacao p a.active { font-weight:bold; }
#paginacao p span.inativo {color:#bbb;}

/* cores das bordas */
.line {margin-top:-64px; width:594px; float:left; }

body#trofeus-bronze .line  {border-bottom:1px solid #dcc574;}
body#trofeus-aluminio .line  {border-bottom:1px solid #4E7FA9;}
body#esculturas-atitudes .line  {border-bottom:1px solid #8E415B;}
body#esculturas-limites .line  {border-bottom:1px solid #4F716D;}
body#pronta-entrega .line  {border-bottom:1px solid #B04220;}
body#clientes .line, body#destaques .line  {border-bottom:1px solid #C35635;}









