/*
	SAVIO PEDRAS - 16 de Dezembo de 2006
	CSS Author - Túlio Vargas
*/

*{
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
	list-style:none;
}

body {
	font:11px verdana, arial, helvetica, sans-serif;
	background:#90140C url(../images/stripes.gif) 50% 40px repeat-x;
}

a {
	color:#600000; 
	font-weight:bold;
}
a:visited { color:#000;}
a:hover { color:#90140C;}


h1 {
	font:normal 1.2em arial, verdana, helvetica, sans-serif;
	padding:5px 10px 2px;
	margin-bottom:10px;
}

h2 {
	font:bold 12px arial, verdana, helvetica, sans-serif;
	color:#333;
}

/* --------------------------------------------------------------------------------------------------
	MENU PRINCIPAL - TOPO 
-------------------------------------------------------------------------------------------------- */
#menuPrincipal {
	overlow:hidden;
	height:40px;
	width:100%;
	border-top:2px solid #FE9A26;
	background:#FFF url(../images/nav.gif) repeat-x;
}
html>body #menuPrincipal{
	position:fixed;
	left:0;
	top:0;
	border-bottom:3px solid #4A4A49;
}

#menuPrincipal ul{
	width:640px;
	margin:0 auto;
}
#menuPrincipal ul.es{ width:700px;}
#menuPrincipal ul.en{}
#menuPrincipal ul li{ display:inline;}
#menuPrincipal ul li a{
	display:block;
	float:left;
	padding:15px 15px;
	font:bold 11px verdana, arial, helvetica, sans-serif;
	color:#fff;
}

#menuPrincipal li a:hover, #menuPrincipal li#current a { background:url(../images/nav.gif) 0 -40px repeat-x;}


/* --------------------------------------------------------------------------------------------------
	GERAL - Corpo do Site 
-------------------------------------------------------------------------------------------------- */
#geral {
	display:table;
	width:732px;
	margin:0 auto;
	background-color:#F3F3F3;
}
html>body #geral{
	padding-top:43px;
}

/* --------------------------------------------------------------------------------------------------
	TOPO - barra de linguas 
-------------------------------------------------------------------------------------------------- */
#top {
	overflow:hidden;
	height:28px;
	width:100%;
	border-bottom:1px solid #000;
	background:#000 url(../images/stripes_small.gif) repeat-x;
}

#top h3{
	float:left;
	width:300px;
	padding:10px 0 0 6px;
	color:#FFF;
	font-size:10px;
}
html>body #top h3{
	font-size:8px;
}

#top ul {}
#top ul li { display:inline;}
#top ul li a{
	display:block;
	float:right;
	height:28px;
	text-align:center;
	text-decoration:none;
	color:#fff;
}
#top ul li a.j{ background:url(../images/red.jpg) left top repeat-x;}
#top ul li a.l{ background:url(../images/orange.jpg) left top repeat-x;}
#top ul li a.s{ background:url(../images/green.jpg) left top repeat-x;}

#top ul li a span{
	display:block;
	float:left;
	height:20px;
	padding:8px 8px 0 0;
	cursor:pointer;
}
#top ul li a img{
	float:left;
	margin:9px 8px 8px;
}


/* --------------------------------------------------------------------------------------------------
	LOGO - Imagem no Topo do site 
-------------------------------------------------------------------------------------------------- */
#logo {	
	height:120px;
	width:732px;
	background:#86221B url(../images/ad.gif) repeat-x;
}

/* --------------------------------------------------------------------------------------------------
	CONTENT PRINCIPAL
-------------------------------------------------------------------------------------------------- */
#contentPrincipal{ display:table;}

#contentPrincipal h1{
	border-bottom:1px solid #90140C;
	font:normal 1.9em arial, verdana, helvetica, sans-serif;
	color:#8A0700;
}
#contentPrincipal h1 span{
	font-size:10px;
	color:#4A4A49;
	padding-left:10px;
}

#contentPrincipal h2{ margin:20px 0 4px 0;}

/* #INSTITUCIONAL ----------------------------------------------------------- */
#institucional {
	margin:10px 0;
	padding:0 22px;
	width:400px;
	float:left;
}

#institucional form{ margin:0 0 0 10px; width:410px;}
#institucional form label{
	display:block;
	height:14px;
	padding:6px;
	font-weight:bold;
}
#institucional form input{
	height:20px;
	width:400px;
	margin:0 0 0 10px;
	border:1px solid #90140C;
}
#institucional form select{
	height:20px;
	width:400px;
	margin:0 0 0 10px;
	border:1px solid #90140C;
}
#institucional form textarea{
	height:200px;
	width:400px;
	margin:0 0 0 10px;
	border:1px solid #90140C;
}
#institucional form button{
	display:block;
	padding:3px 15px;
	margin:15px 0 15px 160px;
	border:1px solid #90140C;
	background:#FFF;
	cursor:pointer;
}

/* #LISTA-CONTATO ----------------------------------------------------------- */
#lista-contato{
	width:200px;
	margin:0 auto;
}

#lista-contato h5{
	margin:10px 0 0 0;
	border-bottom:1px solid #90140C;
	font:normal 1.1em arial, verdana, helvetica, sans-serif;
	color:#8A0700;
}

/* #MAPA ----------------------------------------------------------- */
#mapa{
	width:550px;
	margin:0 auto;
}

#mapa a.mapa{
	display:block;
	text-indent:-99999px;
	overflow:hidden;
	height:160px;
	width:500px;
	margin:0 auto;
	border:3px solid #90140C;
	background: url(../images/mapa_saviopedras.gif) left top no-repeat;
}
#mapa a.mapa:hover{ border:3px solid #4A4A49;}



/* #PRODUCTS-VIEW ---------------------------------------------------------- */

#productsView{
}

#productsView ul.productsView{
	height:31px;
	width:732px;
	background:url("../images/bckMenuProcutos.gif") left top repeat-x;
}
#productsView ul.productsView li{ display:inline;}
#productsView ul.productsView li a{
	display:block;
	float:left;
	height:23px;/*31*/
	padding:8px 22px 0;
}
#productsView ul.productsView li a:hover{ background:#FC9E23;}

#productsView ul.productsView li a.on{
	color:#90140C;
	background:#FC9E23;
}

#productsView .productsContent{ padding:20px;}

#productsView .productsContent .left{
	float:left;
	width:460px;
}

#productsView .productsContent .left img{ float:left; margin:0 10px 10px 0;}
#productsView .productsContent .left p{ line-height:20px; text-align:justify; font:13px verdana, arial, helvetica, sans-serif; }
#productsView .productsContent .left table{ margin:10px 0 20px; width:100%;}
#productsView .productsContent .left table thead{ }
#productsView .productsContent .left table thead tr{}
#productsView .productsContent .left table thead th{ padding:3px 0; background:url("../images/bckMenuProcutos.gif") left top repeat-x;}
#productsView .productsContent .left table tbody{ }
#productsView .productsContent .left table tbody tr{ }
#productsView .productsContent .left table tbody td{ padding:3px; border:1px solid #C2C2C2;}
#productsView .productsContent .left table tbody td.center{ text-align:center;}

#productsView .productsContent .right{ 
	float:right;
	width:227px;
}
#productsView .productsContent .right ul.pictures{ list-style:none;}
#productsView .productsContent .right ul.pictures li{
	width:100px;
   float:left;
   margin:0 6px 0 0;
}
#productsView .productsContent .right ul.pictures li img{
	cursor:pointer;
	border:1px #ccc solid;
	padding:2px;
	margin-bottom:10px;
	float: left;
	display: inline;
	width:100%;
}

/* #DESTAQUE --------------------------------------------------------------- */

#destaque {
	height:186px;/*206*/
	width:660px;/*732*/
	padding:10px 36px;
	border-top:1px solid #FEC782;
	border-bottom:1px solid #783C1C;
	background:#FE8624 url(../images/main.gif) repeat-x;
}

#destaque h1{}

#destaque ul{}
#destaque ul li{ display:inline;}
#destaque ul li a{
	display:block;
	float:left;
	margin:0 8px;
	cursor:pointer;
}
html>body #destaque ul li a{
	margin:0 10px;
}

#destaque ul li a img { border:3px solid #fff;}
#destaque ul li a img:hover {border:3px solid #90140C;}

#destaque span{
	display:block;
	text-align:center;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}




/* .CONTENT --------------------------------------------------------------- */
.content {
	float:left;
	width:330px;
	margin:20px 10px 30px 20px;
	font:normal 11px/18px arial, verdana, helvetica, sans-serif;
	text-align:justify;
	display:inline;
}

.content p{ padding:0 15px;}

.content img{ 
	display:block;
	margin:0 auto;
	border:3px solid #90140C;
	margin-bottom:5px;
}

.content ul.hover_list {}
.content ul.hover_list li { border-bottom:1px solid #783C1C;}
.content ul.hover_list li a {
	display:block;
	height:40px;
	color:#600000;
	line-height:40px;
	padding:0 0 0 15px;
}

.content ul.hover_list li a:hover, .content ul.hover_list li a:focus {
	background:#FD9339 url(../images/hover_list.jpg) repeat-x;
	color:#fff;
}




/* --------------------------------------------------------------------------------------------------
	RODAPE 
-------------------------------------------------------------------------------------------------- */
#rodape {
	clear:both;
	height:90px;
	width: 100%;
	color:#fff;
	font:normal 10px/25px arial, verdana, helvetica, sans-serif;
	color:#999;
	text-align:center;
	background:#000;
}
#rodape h4{
	font-size:10px;
}
#rodape ul li{ display:inline;}
#rodape ul li a{ color:#FFF;}
#rodape ul li a:hover{ text-decoration:underline;}
#rodape h5{
	text-align: right;
	padding-right: 10px;
	font: normal 10px arial, verdana, helvetica, sans-serif;
}

#rodape address{
	text-align:left;
}

#rodape h5 a, a:hover{
	color:#fff;
}

#rodape h5 a:hover{
	color: #90140C;
}