/*  */

* {
margin: 0;
padding: 0;
}

html {
background: url(../images/bg_top_pattern.jpg) top left repeat-x;
}

body{
background: url(../images/bg_top.jpg) top center no-repeat;
}

h2{
font-size: 20px;
font-weight: normal;
color: #ff0000;
margin: 0 0 10px 0;
}
h2 a{
text-decoration: none;
}


h3{
font-size: 12px;
color: #636363;
margin: 0 0 5px 0;
font-size: 40px;
padding: 5px 0 3px 0;	
}
h3 a{
}


h4{
font-size: 20px;
color: #636363;
margin: 0 0 10px 0;
}

h5{
font-size: 12px;
font-weight: bold;
margin: 5px 0;
}

ul {
margin: 0 0 0 15px;
}

fieldset {
border: 1px solid #C5C5C5;
font-size: 11px;
}

p {
padding: 0 0 10px 0; margin: 0; 
color:#636363;
}

p b {
font-weight: bold;
}

/* Classes várias
***************************************/

/* imagens */
.img_border{
border: 10px solid #fff;
margin: 0 10px 0 0;
}
.separator_big {
clear: both;
background: url(../images/separator_big.gif);
height: 12px;
margin: 20px 0;
}
.separator_small {
background: url(../images/separator_small.gif);
height: 2px;
margin: 20px 0;
}

.hrSmall {
width: 960px;
border: none;
height: 2px;
background: #bbb;
color: #bbb;
}
.hrBig {
width: 960px;
border: none;
height: 10px;
background: #e0e0e0;
color: #e0e0e0;
}

/* colors */
.white{
color: #fff;
}
.red{
color: #f00;
}
.black {
color: #111;
}
.grey{
color: #636363;
}
.bgwhite{
background: #fff;
}
.bggrey {
background: #eee;
}

.bold{
font-weight: bold;
}

.textcenter {
text-align: center;
}
.left{
float: left;
}
.float-right{
float: right;
}
.paddingl20 {
padding: 0 0 0 20px;
}
.paddingr20 {
padding: 0 20px 0 0;
}
.paddingr10 {
padding: 0 10px 0 0;
}

.fontsmall {
font-size: 11px;
}

#container {
margin: 0 auto;
width: 960px;
}


/* Header
***************************************/

#header {
width: 960px;
margin: 0 auto;
}

#logo {
margin: 0 0 0 10px;
width: 690px;
height: 126px;
}

#nav_bg {
margin: 0 0 0 10px;
height: 40px;
width: 940px;
background:#202020;
}

#nav {
position: absolute;
z-index: 2;
top: 126px;
margin: 0 0 0 10px;
color: #555;
padding: 10px;
}
#nav_main ul {
}
#nav_main li {
	list-style:none;
	display:inline;
	margin-right:0px;
}

#nav_main a {
	padding:7px 10px;
	color:#ccc;
	text-decoration:none;
	margin-right:0px;
}

#nav_main a:hover {
	background:#114e78;
	color:#fff;
}

#nav_main a.active {
	background:#207ab8;
	color:#fff;
	font-weight:bold;
}

#banner {
position: absolute;
z-index: 1;
}
#banner2 {
height: 243px;
}


/* Main
***************************************/

#main {
background: url(../images/bg_main.gif) repeat-y;
margin: -2px 0 0 0;
line-height: 1.3em;
}

#main_top {
background: url(../images/bg_main-top.gif) no-repeat;
}

#main_left {
width: 330px;
margin: 30px 0 20px 20px;
font-size: 11px;
float: left;
}
#main_right {
float: right;
width: 550px;
margin: 25px 30px 25px 20px;
}
#main_center {
background: url(../images/main_center.gif);
width: 710px;
}
#main_bottom {
background: url(../images/main_bottom.gif);
width: 710px;
height: 9px;
}
#main_rightLeft {
float: left;
width: 270px;

}
#main_rightRight {
float: right;
width: 270px;
}

.modulo_left {
margin: 0 20px 30px 0;
}

.modulo_left_content{
width: 210px;
float: right;
margin: 0 -20px 0 0;
padding: 0 0 0 0;
}

/* submenu
************************************************************/
.submenu {
	/*margin:10px 0;*/
	margin:0;
	background-color:#ddd;
	border:1px solid #ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	padding: 10px;

}
.submenu ul {
/*
	margin:0;
	list-style:none;
	background-color:#fff;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
*/
	margin:0;
	list-style:none;
}
.submenu li  {
	background: #eee;
	font:bold 14px "Lucida Sans",Arial,Helvetica,sans-serif;
	height:18px;
	margin:0;
	display:block;
	padding:8px 20px;
	border-bottom:1px solid #ddd;
}
.submenu li.active {
	background:#207ab8;
}
.submenu li.active:hover {
	background:#207ab8;
}
.submenu li a {
	color:#6c3e8c;
	height:100%;
	margin:0;
	display:block;
}
.submenu li a.active {
color: #fff;
}
.submenu li:hover {
background: #fff;
}
.submenu li:last-child {
	border-bottom:none;
}
.submenu li li a {
	margin:0;
	text-decoration:none;
	border-bottom:1px solid #ddd;
}
.submenu li li a:link,.submenu li li a:visited {
	text-decoration:none;
}
.submenu li a:link,.submenu li a:visited {
	text-decoration:none;
	-moz-border-radius:3px;
}
.submenu li.current_page_item a {
	text-decoration:none;
}
.submenu li.current-cat a {
	text-decoration:none;
}
.submenu li a:hover {
	text-decoration:none;
}
.submenu li li a:hover {
	text-decoration: none;
}

.submenu_claro {
	/*margin:10px 0;*/
	margin:0;
	background-color:#eee;
	border:1px solid #ddd;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	padding: 10px;

}


/* thumbnail
************************************************************/
.thumbnail {
margin: 0 20px 15px 0;
padding: 15px;
background-color:#fff;
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.thumbnail_last {
margin: 0 0 15px 0;
padding: 15px;
background-color:#fff;
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}


/* Produtos
************************************************************/
#box {
margin: 0 0 0 20px;
}

#box ul {
margin: 0 0 0 20px;
padding:0;
}

#box li {
list-style: none;
width:440px;
border-bottom: 1px dotted #aaa;
height: 50px;
vertical-align: middle;
}
#box ul li:hover{
color:#000;
}

#box ul li a{
color:#636363;
margin:0;
padding:3px;
padding-left:30px;
text-decoration:none;
line-height:50px;
}

#box ul li img{
float: right;
vertical-align: middle;
}

.odd {
background: #eee url(../images/icon_pdf.png) center left no-repeat;

}
.odd:hover {
background: #e6eef8 url(../images/icon_pdf.png) center left no-repeat;
}
.even {
background: #fff url(../images/icon_pdf.png) center left no-repeat;
}
.even:hover {
background: #e6eef8 url(../images/icon_pdf.png) center left no-repeat;
}




#modulo_servicos {
color: #fff;
margin: 0 -10px 20px -10px;
padding: 10px 0 0 10px;
background: url(../images/bg_servicos.png) no-repeat;
height: 160px;
}
#modulo_servicos h4{
color: #fff;
}
#modulo_servicos div{
margin: 0 0 0 -8px;
}

.modulo_right {
margin: 0 20px 30px 0;
}

.titulo {
font-size: 12px;
font-weight: bold;
}
.txt_white {
color: #fff;
}

/* botao */
a.ovalbutton{
background: transparent url(../images/bt_left.png) no-repeat top left;
display: block;
float: left;
line-height: 23px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 31px; /* Height of button background height */
padding-left: 15px; /* Width of left menu image */
text-decoration: none;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
font-weight: bold;
color: #000; /*button text color*/
}
a.ovalbutton span{
font-size: 11px;
font-weight: bold;
color: #636363;

background: transparent url(../images/bt_right.png) no-repeat top right;
display: block;
padding: 5px 15px 6px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #00a;
}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
margin: 30px 0 0 0;
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}


/* Contactos
***************************************/

#search_box {
    width: 285px;
    height: 32px;
    background: url(skin1/images/bg_search_box.png);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 210px;
    background: none;
}
#search_box #go {
    float: right;
    margin: 2px 2px 0 0;
}



/* Contactos
***************************************/
.paddingl20 label{
float: left;
width: 50px;
font-weight: bold;
}
.paddingl20 span{
float: right;
width: 230px;
margin: 0 10px 0 0;
}
#mapa_vendedores {
width: 270px;
height: 240px;
}



/* Footer
***************************************/

#footer {
background: #1d1d1d url(../images/bg_footer.gif) ;
height: 257px;
}
#footer_wrap {
width: 960px;
margin: 0 auto;
}

/* footer */
#footer-wrap {
height: 257px;
padding: 15px;
font: normal 12px 'Trebuchet MS', Tahoma, sans-serif;	
background: #1d1d1d url(../images/bg_footer.gif) top repeat-x;
color: #999;
}
#footer-wrap h3 {
	font: normal 'Trebuchet MS', Tahoma, sans-serif;
	color: #ABABAB;	
}
#footer-content {	
	margin: 0 auto;		
	width: 940px;
	text-align: left;		
}
#footer-content a {	
	color: #eee;
}

#footer-content .col {
	width: 340px;
	padding: 0 0 0 0;			
	display: inline;
}
#footer-content .col img {
margin: 0 10px 0 0;
vertical-align: bottom;
}
#footer-content .col2 {
	width: 138px;
	padding: 50px 0 0 0;	
	display: inline;	
}
#footer-content .space-sep {
	margin-right: 120px;
}

#footer-content label {
clear: left;
float: left;
width: 75px;
font-weight: bold;
color: #6a6a6a;
}
#footer-content .footer_span{
float: left;
}




/* credits */
#credits {
font-size: 10px;
color: #bbb;
}
#credits img{
vertical-align: middle;
}
#contactos {
text-align: center;
font-size: 11px;
color: #666;
margin: 20px 0;
}
#contactos li{
margin: 0 20px;
list-style-type: square;
display: inline;
}

#options{
width:620px;
}
#options ul{
list-style: none;
padding: 0;
margin: 20px 0;
}
#options li {
float: left;
margin: 0 10px;
}
#options li a {
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 180px;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}
/* Hide from IE5-Mac \*/
#options li a {
float: none
}
/* End hide */

/*
#options {
width: 620px;
margin: 20px 0;
text-align: center;
}
.btOptions{
width: 200px;
background: #eee;
text-decoration: none;
padding: 3px 10px;
}
*/

/* formulario */
.innerContent label { display: inline-block; float: left; height: 30px; line-height: 30px; width:100px; margin: 0 0 0 20px; }
.innerContent label.label_imagem { margin: 30px 0 0 20px; }
.innerContent input, textarea, select { width: 250px; margin: 0px 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; webkit-border-radius:5px; }
.innerContent input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
.innerContent input.checkbox { width: 16px; height: 16px; margin: 0; }

.innerContent input.submit { float: left; margin: 0 0 0 120px; width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
.innerContent input.submit:hover { background:#444; }
.innerContent input.submit2 { float: left; margin: 0 0 0 20px; width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
.innerContent input.submit2:hover { background:#444; }
.innerContent input.edit_button { float: left; margin: 0 0 0 20px; width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; }
.innerContent input.edit_button:hover { background:#444; }

.innerContent textarea {height:120px; width:410px;}
.innerContent textarea.wysiwyg {height:350px; width:400px;}
.innerContent small.small_form {margin: 0 0 0 220px;}
.innerContent img { vertical-align: middle; margin: 0 5px 0 0;}


/* texto */
#content_home p, #content_home ul{
line-height: 20px;
color: #c1c1c1;
font-size: 13px;
}
#content_home a{
color: #c1c1c1;
}

#content_home ul{
}

#content_home ul li{
/*list-style: circle;
text-indent: 20px;*/
margin: 0 0 0 20px;
}

#content {
background:#e9e7e8 url(../images/bg_main_content.gif) top center repeat-x;
padding: 15px;
/*margin: -20px;*/
width: 942px;
/*min-height: 350px;*/
border:2px solid #e9e7e8;
}

#content p, #content ul{
line-height: 1.6;
color: #c1c1c1;
font-size: 13px;
}
#content a{
color: #2222ff;
}

#content ul{
}

#content ul li{
/*list-style: circle;
text-indent: 20px;
margin: 0 0 0 20px;*/
}

#content p {
color: #555;
margin: 0 0 1em 0;
}


/* imagens */
.trabalhos{
	float: left;
	padding:10px;
	margin-left: 30px;
	width: 255px;
}

.imagem_bg{
	background-image:url(../images/bg_imagens.gif);
	background-repeat:no-repeat;
	padding:10px;
}

/* Apresentação Empresa
*************************************/
#fotos_empresa {
float: left;
width: 272px;
}

.texto {
float: right;
width: 600px;
}

.col {
float: left;
width: 45.313%;	
}
.col-2 {
float: right;
width: 45.313%;
margin-right: 4.688%;
}

ol {
line-height: 1.6;
color: #555;;
font-size: 13px;
}

.photoCaption {
margin: 5px 0;
color: #777;
width: 252px;
text-align: center;
font-size: 73%;
font-style: italic;
}


/* Loja
*************************************/
#breadcrumbs p {
font-size: 12px;
font-style: italic;
color: #b6b6b6;
}
#breadcrumbs p.activo{
font-weight: bold;
color: #000;
}

#breadcrumbs1_loja {
margin: 0 auto;
width: 700px;
height: 49px;
background: url(../images/loja/breadcrumbs1.png) no-repeat;
}
#breadcrumbs2_loja {
margin: 0 auto;
width: 700px;
height: 49px;
background: url(../images/loja/breadcrumbs2.png) no-repeat;
}
#breadcrumbs3_loja {
margin: 0 auto;
width: 700px;
height: 49px;
background: url(../images/loja/breadcrumbs3.png) no-repeat;
}
#breadcrumbs4_loja {
margin: 0 auto;
width: 700px;
height: 49px;
background: url(../images/loja/breadcrumbs4.png) no-repeat;
}

#breadcrumbs_loja_txt1 {
float: left;
margin: 5px 0 0 70px;
}
#breadcrumbs_loja_txt2 {
float: left;
margin: 5px 0 0 190px;
}
#breadcrumbs_loja_txt3{
float: left;
margin: 5px 0 0 200px;
}

#seta_loja {
position: relative;
top:140px;
left: 455px;
background: url(../images/loja/arrow_left-right.png) no-repeat;
width: 30px;
height: 25px;
z-index: 9999;
}

.bt_encomenda {
float: right;
display: block;
width: 81px;
height: 62px;
background: url(../images/botao_encomenda.gif) no-repeat 0 0;
}
.bt_encomenda:hover { 
background-position: 0 -62px;
}
.bt_encomenda span {
display: none;
}

.bt_encomenda_en {
float: right;
display: block;
width: 81px;
height: 62px;
background: url(../images/botao_encomenda_en.gif) no-repeat 0 0;
}
.bt_encomenda_en:hover { 
background-position: 0 -62px;
}
.bt_encomenda_en span {
display: none;
}



/* Contactos
*************************************/
.contactos_left {
float: left;
width: 420px;
margin: 0 0 0 30px;
}
.contactos_middle {
width: 420px;
margin: 0 0 0 260px;
}
.contactos_right {
float: right;
width: 420px;
margin: 0 30px 0 0;
}

.boxtop_contact{
height: 5px;
width: 420px;
background: url(../images/bg_form_edges.gif) no-repeat top;
}
.boxbottom_contact{
height: 5px;
width: 420px;
background: url(../images/bg_form_edges.gif) no-repeat bottom;
}

.box_contact{
padding: 5px 10px;
background: url(../images/bg_form.gif);
}

.contactos_right form.con{
width:360px;
padding:20px;
margin:0;
}
.contactos_right form.con label{
font-size: 11px;
float:left;
text-align: right;
width:130px;
font-weight: bold;
margin: 0 0 4px;
color:#555;
}
.contactos_right form.con input{
float:right;
width: 220px;
border: 1px solid #c1c1c1 ;
font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0 0 10px 0;
}
.contactos_right form.con .check{
border: 0;
}
.contactos_right form.con textarea{
width:220px;
height:72px;
border: 1px solid #c1c1c1 ;
font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color:#fff;
margin:0 0 0 0;
float:right;
}
form.con input.submit{
float: left; 
margin: 0 0 0 90px; 
padding: 10px;
width: 220px; 
cursor: pointer; 
border: 1px solid #222; 
background:#333; 
color:#fff;
}
form.con input.submit:hover{
background:#444;
}



/* Footer
*************************************/

/*
#content ul{
	margin: 20px 0;
	padding: 15px 0 0 0;
	height: 50px;
	background: url(../images/menu_bg.png) repeat-x;
}
#content ul li {
	float: left;
	display: block;
	margin: -30px 0;
	padding: 32px 20px;
	color: #fff;
}
*/


