* {
margin: 0;
padding: 0;
}

html {
background: #000 url(../images/bg.jpg) top center repeat-y;
}

body {
background: url(../images/top_bg.gif) top center repeat-x;
color: #fff;
text-align: center;
font-family: "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
font-size: 0.75em;
}

a {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

a.selected {
font-weight: bold;
}

p {
color: #262626;
/*line-height: 21px;*/
}

h3 {
/*padding-left: 17px;*/
padding-bottom: 15px;
color: #fff;
font-size: 1.6em;
font-weight: lighter;
}

h4 {
color: #fff;
font-size: 1.2em;
font-weight: bold;
}

.search{
margin: -10px 0 10px 0;
color: #aaa;
font-size: 1.1em;
font-weight: bold;
}

li {
list-style: none;
}

#main_right_page table {
border-collapse: collapse;
margin: 10px 15px;	
}
#main_right_page th strong {
color: #fff;
}
#main_right_page th {
background: #111;
background-image:url(../images/table-bg.jpg); background-repeat:repeat-x;
height: 29px;
padding-left: 11px;
padding-right: 11px;
color: #fff;
text-align: left;
border-left: 1px solid #999;
border-bottom: solid 2px #999;
}
#main_right_page tr {
height: 30px;
}
#main_right_page td {
padding-left: 11px;
padding-right: 11px;
/* border-left: 1px solid #FFE1C3; */
border-left: 1px solid #999;
border-bottom: solid 1px #999;
}
#main_right_page td.first,th.first {
border-left: 0px;
}
#main_right_page tr.row-a {
background: #999;
}
#main_right_page tr.row-b {
background: #999;
}

.clear { clear: both; height:1px;}

/* botao */
a.ovalbutton{
background: transparent url(../images/bt_left.png) no-repeat top left;
display: block;
float: left;
font: normal 11px "Trebuchet MS"; /* Change 13px as desired */
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{
color: #dcc; /*button text color*/
}
a.ovalbutton span{
background: transparent url(../images/bt_right.png) no-repeat top right;
display: block;
padding: 4px 15px 4px 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: #fff;
}
.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%;
}

#container {
/*background: url(../images/bg_top.jpg) top left no-repeat;*/
margin: 0 auto 20px auto;
width: 973px;
min-height: 600px;
text-align: left;
}

#header {
position: relative;
height: 118px;
}

#logo {
float: left;
text-indent: -9999px;
background: url(../images/logo.png) no-repeat;
width: 291px;
height: 118px;
}


/* menu principal */
#div_nav_main{
float: right;
width:625px;
}
ul#nav_main {
	margin: 0;
	padding: 45px 0 0 0;
	height: 33px;
	background: url(../images/menu_bg.gif) no-repeat bottom right;
}
ul#nav_main li {
	list-style-type: none;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
ul#nav_main li.selected{
	background: url(../images/menu_active.gif) no-repeat;
	height: 24px;
	width: 125px;
	padding: 9px 0 0 0;
	text-align: center;
	color: #FFF;
}
ul#nav_main li.first_selected{
	background: url(../images/menu_first_active.gif) no-repeat;
	height: 24px;
	width: 125px;
	padding: 9px 0 0 0;
	text-align: center;
	color: #FFF;
}
ul#nav_main li.last_selected{
	background: url(../images/menu_last_active.gif) no-repeat;
	height: 24px;
	width: 125px;
	padding: 9px 0 0 0;
	text-align: center;
	color: #FFF;
}
ul#nav_main li a.unselected:link, ul#nav_main li a.unselected:visited {
	background: url(../images/menu_bg.gif) repeat-x;
	height: 23px;
	width: 125px;
	padding: 10px 0 0 0;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	display: block;
}
ul#nav_main li a.unselected:hover, ul#nav_main li a.unselected:active {
	color: #e18b4d;
}
ul#nav_main li a.first_unselected:link, ul#nav_main li a.first_unselected:visited {
	background: url(../images/menu_first.gif) left top no-repeat;
	height: 23px;
	width: 125px;
	padding: 10px 0 0 0;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	display: block;
}
ul#nav_main li a.first_unselected:hover, ul#nav_main li a.first_unselected:active {
	color: #e18b4d;
}
ul#nav_main li a.last_unselected:link, ul#nav_main li a.last_unselected:visited {
	background: url(../images/menu_last.gif) left top no-repeat;
	height: 23px;
	width: 125px;
	padding: 10px 0 0 0;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	display: block;
}
ul#nav_main li a.last_unselected:hover, ul#nav_main li a.last_unselected:active {
	color: #e18b4d;
}

/* submenu */
#submenu {
background: url(../images/submenu_bg.gif) no-repeat;
width:976px;
height:42px;
}
#search {
float: left;
}
#search_box {
    width: 210px;
    height: 40px;
    background: url(../images/search_box_bg.gif) center center no-repeat;
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 13px 0 0 25px;
    border: 0;
    width: 145px;
    background: none;
	color: #af7b55;
	font: .9em;
}
#search_box #go {
    float: right;
    margin: 15px 21px 0 0;
}

#flags {
float: right;
width: 128px;
margin: 0 10px 0 0;
}
#flags li span { display: none; }
#flags li { float:left; list-style:none; position:relative; }
#flags li, #flags a {
height:32px;
display:block;
margin:0; 
padding:0;
}
li#pt, li#en, li#fr, li#es { /*margin:0; */ margin:2px; width:28px; }

#pt a { background:url("../images/flag_pt.gif") -28px 0px no-repeat; }
#en a { background:url("../images/flag_en.gif") -28px 0px no-repeat; }
#fr a { background:url("../images/flag_fr.gif") -28px 0px no-repeat; }
#es a { background:url("../images/flag_es.gif") -28px 0px no-repeat; }

#pt a:hover { background:url("../images/flag_pt.gif") 0px  0px no-repeat; }
#en a:hover { background:url("../images/flag_en.gif") 0px  0px no-repeat; }
#fr a:hover { background:url("../images/flag_fr.gif") 0px  0px no-repeat; }
#es a:hover { background:url("../images/flag_es.gif") 0px  0px no-repeat; }

#pt a.active { background:url("../images/flag_pt.gif") 0px  0px no-repeat; }
#en a.active { background:url("../images/flag_en.gif") 0px  0px no-repeat; }
#fr a.active { background:url("../images/flag_fr.gif") 0px  0px no-repeat; }
#es a.active { background:url("../images/flag_es.gif") 0px  0px no-repeat; }


#main {
margin: 15px 2px 0 2px;
/*background: url(../images/layout2_center.png) no-repeat;*/
width:973px;
}

#main_left_page {
float: left;
width: 220px;
}

#main_right_page {
width: 750px;
float: right;
}
#main_right_page p{
text-align: justify;
line-height: 1.7em;
font-size: .9em;
color: #fff;
}

.separador_main {
clear: both;
height: 1px;
}
.separador_content {
margin:30px 0;
clear: both;
height: 1px;
line-height:1px;
}

#bt_catalogo {
font-size: 1.1em;
font-weight: bold;
width: 207px;
height: 43px;
background: url(../images/bt_catalogo.png) top no-repeat;
}
#bt_catalogo a {
outline:none; /* para retirar a caixa à volta do botao */
text-decoration: none;
display:block;
padding:12px 15px;
color: #fff;
}
#bt_catalogo_bottom {
display: block;
width: 207px;
height: 18px;
margin: -9px 0 5px 0px;
background: url(../images/bt_catalogo_bottom.png) top no-repeat;
}

#box {
margin: 0 0 0 4px;
}
#bt_novidades {
font-weight: bold;
width: 200px;
height: 30px;
margin: 0 0 1px 0px;
background: url(../images/bt_novidades.gif) top no-repeat;
}
#bt_novidades a{
padding: 7px 10px;
display: block;
color: #e18b4d;
font-weight: bold;
text-decoration: none;
}
#bt_novidades a:hover{
color: #e7650b;
}

.collapse {
margin: 0 4px;
}

.bt_left {
width:207px;
height:37px;
margin: 5px 0;
background: url(../images/bt_bg_left.gif) no-repeat;
color: #fff;
font-size: 1.1em;
font-weight: bold;
}
.bt_left a {
display: block;
padding:12px 15px;
color: #fff;
text-decoration: none;
}

#footer {
clear: both;
width: 100%;
background: url(../images/footer_bg.png) repeat-x;
padding-top: 30px;
}
#footer_container {
margin: auto;
width: 973px;
min-height: 205px;
text-align: left;
}
#footer h3 {
text-indent: -9999px;
width: 210px;
height: 10px;
color: #fff;
}
#footer ul {
margin: 0;
padding:0;
}
#footer li {
margin-bottom:4px;
width:200px;
}
#footer ul li a{
display: block;
width:200px;
color:#aaa;
margin:0;
padding:3px;
padding-left:27px;
background:url(../images/bullet_footer.gif) top left no-repeat;
text-decoration:none;
line-height:2em;
border-bottom: 1px dashed #aaa;
}
#footer ul li a:hover{
color:#fff;
border-bottom: 1px dashed #fff;
}
#footer_module_left {
width:200px;
float: left;
}
#footer_module_left ul li:first-child a{
padding-left:35px;
background:url(../images/bt_favoritos.gif) 2% 50% no-repeat;
border: none;
}
#footer_module_left ul li a:hover{
color: #fff;
border: none;
}
#footer_module_left ul li a{
padding-left:35px;
background:url(../images/bt_sendfriend.gif) 2% 50% no-repeat;
border: none;
}
#footer_module_left ul li a:hover{
color: #fff;
border: none;
}

#sendfriend  {
background: url(../images/boxes_bg.png);
float: right;
width: 350px;
padding: 10px 20px;
font-size: .9em;
}
#sendfriend  h3{
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/h3_sendfriend.png) 0px 0px no-repeat;
}
#sendfriend  form.con{
	width:330px;
	padding:20px;
	margin:0;
	
}
#sendfriend  form.con label{
	float:left;
	text-align: right;
	width:140px;
	font-weight: bold; margin: 0 0 4px;
	color:#ccc;
}
#sendfriend  form.con input{
	float:right;
	width: 180px;
	height: 20px;
	border:0;
	font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
}
#sendfriend  form.con .imagem{
	height: 32px;
	border: 0;
}
#sendfriend  form.con .check{
	border: 0;
}
#sendfriend  form.con textarea{
	width:180px;
	height:72px;
	border:0;
	font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 0 0 0;
	float:right;
}
#sendfriend  form.con input.submit{
	width:57px;
	height:11px;
	float:right;
	border:none;
	cursor:pointer;
	margin:16px 0 0 0;
	padding:0 0 0 0px;
	}
#sendfriend p.bot2{
	display:block;
	width:418px;
	height:39px;
	background:url(images/contact_bot.gif) 0 0 no-repeat;
	float:left;
}

#footer_module_center{
width:300px;
float: right;
}
#footer_module_center h3 {
background: url(../images/h3.png) 0px 0px no-repeat;
}
#footer_module_center.en h3 {
background: url(../images/en_h3.png) 0px 0px no-repeat;
}
#footer_module_center.es h3 {
background: url(../images/es_h3.png) 0px 0px no-repeat;
}
#footer_module_center.fr h3 {
background: url(../images/fr_h3.png) 0px 0px no-repeat;
}


#footer_module_right{
width:300px;
float: right;
}
#footer_module_right h3 {
background: url(../images/h3.png) 0px -25px no-repeat;
}
#footer_module_right.en h3 {
background: url(../images/en_h3.png) 0px -25px no-repeat;
}
#footer_module_right.es h3 {
background: url(../images/es_h3.png) 0px -25px no-repeat;
}
#footer_module_right.fr h3 {
background: url(../images/fr_h3.png) 0px -25px no-repeat;
}


#credits {
margin: 0 auto 10px auto;
width: 973px;
text-align: right;
}

/* main page */
#left_content {
float: left;
width: 530px;
margin: 10px auto 20px auto;
text-align: center;
}

#right_content {
float:right;
width: 200px;
}
/* detalhes produto */
#breadcrumbs_wrap {
clear: both;
height: 30px;
line-height: 30px;
margin: 0 0 10px 0;
color: #eee;
}
#breadcrumbs_home {
float: left;
width: 67px;
background: url(../images/breadcrumb_home.png) left no-repeat;
text-indent: 19px;
}
#breadcrumbs_home a  {
display: block;
color: #ccc;
outline:none;
}
.breadcrumbs_unit {
float: left;
background: url(../images/breadcrumb_start.png) left no-repeat;
margin-left: -11px;
padding: 0 3px 0 0;
text-indent: 18px;
}
.breadcrumbs_unit a  {
display: block;
color: #ccc;
outline:none;
}
.breadcrumbs_separador {
float: left;
width: 17px;
height: 30px;
background: url(../images/breadcrumb_end.png) right no-repeat;
text-indent: -9999px;
}

#produto_big {
width: 530px;
margin:0 auto;
}
.img-shadow {

background: url(../trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}
.img-shadow img {
/*display: block;  IE won't do well without this */
/*position: relative;  Make the shadow's position relative to its image */
padding: 10px; /* This creates a border around the image */
background-color: #fff; /* Background color of the border created by the padding */
margin: -6px -6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

.photos-carousel {
background: url(../images/boxes_bg.png);
padding: 10px 20px;
}
#photos-carousel  h3 {
text-indent: -9999px;
width: 150px;
height: 10px;
background: url(../images/h3.png) 0px -75px no-repeat;
}
#photos-carousel.en h3 {
text-indent: -9999px;
width: 150px;
height: 10px;
background: url(../images/en_h3.png) 0px -75px no-repeat;
}
#photos-carousel.es h3 {
text-indent: -9999px;
width: 150px;
height: 10px;
background: url(../images/es_h3.png) 0px -75px no-repeat;
}
#photos-carousel.fr h3 {
text-indent: -9999px;
width: 150px;
height: 10px;
background: url(../images/fr_h3.png) 0px -75px no-repeat;
}

#info {
margin: 0 0 20px 0;
}
#info h3 {
color: #fff;
/*background: url(../images/h3.png) 0px -75px no-repeat;*/
}
#photos-carousel2 h3{
text-indent: -9999px;
width: 220px;
height: 10px;
background: url(../images/h3.png) 0px -100px no-repeat;
}
#photos-carousel2.en h3{
text-indent: -9999px;
width: 220px;
height: 10px;
background: url(../images/en_h3.png) 0px -100px no-repeat;
}
#photos-carousel2.es h3{
text-indent: -9999px;
width: 220px;
height: 10px;
background: url(../images/es_h3.png) 0px -100px no-repeat;
}
#photos-carousel2.fr h3{
text-indent: -9999px;
width: 220px;
height: 10px;
background: url(../images/fr_h3.png) 0px -100px no-repeat;
}


/* empresa */
.empresa {
width: 705px;
float: left;
padding: 20px;
}

#fotos_instalacoes  h3 {
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/h3.png) 0px -125px no-repeat;
}
#fotos_instalacoes.en h3 {
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/en_h3.png) 0px -125px no-repeat;
}
#fotos_instalacoes.es h3 {
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/es_h3.png) 0px -125px no-repeat;
}
#fotos_instalacoes.fr h3 {
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/fr_h3.png) 0px -125px no-repeat;
}



/* servicos */
.servico {
width: 705px;
float: left;
border-bottom: 1px dashed #fff; 
padding: 20px;
}
.servico img{
float: left;
margin: 0 30px 0 0;
border:5px solid #fff;
}
.titulo_servicos {
font-size: 1.1em;
font-weight: bold;
margin: 0 0 5px 0;
}


/* localização */
#mapa {
margin: 20px;
}


/* contactos */
.contactos {
float: left;
margin: 19px;
}
.separador_contactos {
clear: both;
height: 10px;
}
.titulo_contactos {
color: #111;
font-weight: bold;
size: 1em;
}
.contactos p {
margin: 0 0 0 0;
}
.contactos a {
color: #fff;
text-decoration: underline;
}

#side_contact {
background: url(../images/boxes_bg.png);
float: right;
width: 350px;
padding: 10px 20px;
font-size: .9em;
}

#side_contact h3{
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/h3.png) 0px -150px no-repeat;
}
#side_contact.en h3{
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/en_h3.png) 0px -150px no-repeat;
}
#side_contact.es h3{
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/es_h3.png) 0px -150px no-repeat;
}
#side_contact.fr h3{
text-indent: -9999px;
width: 210px;
height: 10px;
background: url(../images/fr_h3.png) 0px -150px no-repeat;
}

#side_contact form.con{
	width:330px;
	padding:20px;
	margin:0;
	
}
#side_contact form.con label{
	float:left;
	text-align: right;
	width:130px;
	font-weight: bold; margin: 0 0 4px;
	color:#ccc;
}
#side_contact form.con input{
	float:right;
	width: 190px;
	height: 20px;
	border:0;
	font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
}
#side_contact form.con .imagem{
	height: 32px;
	border: 0;
}
#side_contact form.con .check{
	border: 0;
}
#side_contact form.con textarea{
	width:190px;
	height:72px;
	border:0;
	font:11px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#fff;
	margin:0 0 0 0;
	float:right;
}
#side_contact form.con input.submit{
	width:57px;
	height:11px;
	float:right;
	border:none;
	cursor:pointer;
	margin:16px 0 0 0;
	padding:0 0 0 0px;
	}
#side_contact p.bot2{
	display:block;
	width:418px;
	height:39px;
	background:url(images/contact_bot.gif) 0 0 no-repeat;
	float:left;
}


/* produtos */
.produtos {
width: 705px;
float: left;
border-bottom: 1px dashed #fff; 
padding: 20px;
}
.imagem{
float: left;
width: 150px;
text-align: center;
}
.produtos img{
margin: 0 auto;
border:5px solid #fff;
}
.texto_link {
float: right;
width: 530px;
}
.produtos span {
/*margin: 0 0 0 180px;*/
}
.titulo_produtos {
font-weight: bold;
}
.titulo_subfamilia {
clear:both;
width: 100%;
background: url(../images/boxes_bg.png);
top: 10px;
padding: 10px 0;
font-weight: bold;
}
.titulo_subfamilia  h4{
padding-left:27px;
background:url(../images/bullet_footer.gif) 0% 60% no-repeat;
font-weight: bold;
}
.modelos {
background: url(../images/boxes_bg.png);
margin: 20px 0;
padding: 10px 20px;
}
.modelos  h4 {
text-indent: -9999px;
width: 150px;
height: 20px;
margin: 0 0 10px 0;
background: url(../images/h3.png) 0px -125px no-repeat;
}
.modelos.en h4 {
text-indent: -9999px;
width: 150px;
height: 20px;
margin: 0 0 10px 0;
background: url(../images/en_h3.png) 0px -125px no-repeat;
}
.modelos.es h4 {
text-indent: -9999px;
width: 150px;
height: 20px;
margin: 0 0 10px 0;
background: url(../images/es_h3.png) 0px -125px no-repeat;
}
.modelos.fr h4 {
text-indent: -9999px;
width: 150px;
height: 20px;
margin: 0 0 10px 0;
background: url(../images/fr_h3.png) 0px -125px no-repeat;
}

.modelos img {
border: 5px solid #fff;
}



/* antigo */

/* home */
.separador_empty{
margin:10px 0;
clear: both;
width: 561px;
height: 1px;
line-height:1px;
}

/* destaques */

.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
}
	
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 0 0;
position: relative;
width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {
width: 100%;
height: 260px;
background: #fff;
overflow: scroll
}

.csw .loading {
margin: 200px 0 300px 0;
text-align: center
}

.stripViewer { /* This is the viewing window */
top: -30px;
position: relative;
overflow: hidden;
border: 5px solid #000; /* this is the border. should have the same value for the links */
margin: auto;
width: 500px; /* Also specified in  .stripViewer .panelContainer .panel  below */
height: 260px;
clear: both;
background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
position: relative;
left: 0; 
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 500px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
position: relative;
top: 285px;
margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
list-style: none;
}

.stripNav ul li {
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
	
.stripNav a { /* The nav links */
font-size: 36px;
font-weight: bold;
text-align: center;
line-height: 32px;
/*background: #c6e3ff;*/
color: #ccc;
text-decoration: none;
display: block;
padding: 0 15px;
}

.stripNav li.tab1 a {
}
.stripNav li.tab2 a {
}
.stripNav li.tab3 a {
}
.stripNav li.tab4 a {
}
.stripNav li.tab5 a {
}

.stripNav li a:hover {
color: #000;
}

.stripNav li a.current {
font-size: 36px;
color: #000;
}

.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 285px;
}

.stripNavL a, .stripNavR a {
display: block;
height: 29px;
width: 28px;
}
	
.stripNavL {
left: 30px;
background: url("../images/bt_seta_esquerda.gif") no-repeat center;
}
	
.stripNavR {
right: 30px;
background: url("../images/bt_seta_direita.gif") no-repeat center;
}

.photo-meta-data {
background: url(../images/slider/images/transpBlack.png);
padding: 10px;
height: 30px;
margin-top: -50px;
position: relative;
z-index: 9999;
color: white;
}

.photo-meta-data span  {
font-size: 13px;
}


/* promocoes  */

.prod_promo {
float: left;
width: 165px;
height: 200px;
margin: 0 10px 20px 10px;
text-align: center;
}
.prod_promo_img {
float: left;
height: 120px;
width: 120px;
line-height: 120px;
margin: 0 10px 10px 10px;
border: 5px solid #999;
padding: 10px;
}
.prod_promo_img:hover {
border: 5px solid #000;
}
.prod_promo_img img {
border: none;
vertical-align: middle;
}

#titulo_promo {
font-weight: bold;
}


/* detalhes produto */


#detalhes_produto_wrap {
width: 567px;
}
#titulo {
width: 567px;
text-align: center;
margin: 20px 0;
font-size: 24px;
font-weight: bold;
}
#fotos {
width: 567px;
}


#big_foto {
float: right;
width: 500px;
text-align: right;
}
#big_foto img {
border: 5px solid #000;
padding: 10px;
}

#rating {
float: left;
clear:both;
margin: auto;
}

#dados {
}

#dados_preco {
width: 150px;
margin-left: 211px;
}
#dados_preco_promo {
font-size: 19px;
font-weight: bold;
text-align: center;
color: green;
}
#dados_preco_antigo {
font-size: 15px;
text-decoration: line-through;
text-align: center;
color: red;
}

#encomendar {
float: right;
width: 200px;
text-align: center;
}

.dados_titulo {
background: url(../images/bullet_h3.png) left top no-repeat;
clear: both;
margin: 20px 0 10px 0;
font-weight: bold;
text-indent: 17px;
}

.dados_conteudo {

}

/* formulário */
#commentForm { width: 500px; }
#commentForm label { width: 100px; }
#commentForm label.error, #commentForm input.submit { margin-left: 100px; }

/*
*/