* {
margin: 0;
padding: 0;
}

html {
background: #121212 url(../images/skin1/bg2_3.jpg) top center no-repeat;
}

body {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
/*line-height:1.7em;*/
}

a {
text-decoration: none;
color: #ddd;
}

a:hover {
text-decoration: underline;
}

a.selected {
font-weight: bold;
}

p {
color: #dddddd;
line-height:1.7em;
margin: 0 0 20px 0;
/*line-height: 21px;*/
}

h2 {
font-size: 17px;
}

h3 {
padding: 0 0 15px 0;
color: #9bbc18;
font-size: 18px;
font-weight: lighter;
}

h4 {
background: url(../images/sub_menu.gif) left top no-repeat;
color: #9bbc18;
padding: 3px 0 0 25px;
font-size: 15px;
font-weight: bold;
}

li {
list-style: none;
}

.promo_price  {
color: 4c650d;
font-size: 15px;
font-weight: bold;
}

#rent-bike table {
	width:550px;
	background:#666;
	margin:25px 20px;
}

#rent-bike td {
	padding:3px;
	text-align:center;
	background:#fff;
	font:100%;
	color:#000;
}

#rent-bike th {
	text-align:center;
	color:#fff;
	padding:3px;
}

.bigger_font {
font-size: 150%;
}
.smaller_font {
font-size: 90%;
}

.float-right { float: right; padding-left: 5px; }

#container {
/*background: url(../images/skin1/bg_top2.jpg) top left no-repeat;*/
margin: auto;
width: 898px;
text-align: left;
position: relative;
}

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

#logo {
float: left;
text-indent: -9999px;
background: url(../images/skin1/logo.png) no-repeat;
width: 291px;
height: 148px;
}
#social_top {
float: left;
height: 111px;
margin: 0 150px 0 0;
}
#social_top img{
/*vertical-align: middle;*/
margin: 10px 0 0 3px;
}
.social_bottom {
float: right;
height: 111px;
margin: 0 20px 0 0;
}
.social_bottom img{
vertical-align: middle;
margin: 40px 0 0 3px;
}
#cannondalept {
clear: both;
margin: 0 0 0 75px;
}

.noborder {
border: 0;
}
#callout_top {
float: right;
height: 111px;
}
#callout_top img{
border: 0;
vertical-align: middle;
margin: 30px 0 0 20px;
}

#nav_aux {
float: right;
/*height: 28px;*/
}

#nav_aux li {
background: url(../images/skin1/bg_menu_aux.png) repeat-x;
float: left;
line-height: 28px;
}

#nav_aux li a {
border-right: 1px dotted #0e1210;
padding: 0 3em;
font-size: 12px;
color: #0e1210;
}

#nav_aux li a.last {
border-right:none;
font-weight: bold;
color: #557e06;
}

#nav_main {
width: 607px;
margin-top: 0px;
float: right;
}


#nav_main li {
float: left;
line-height: 38px;
}

#nav_main li a {
background:url(../images/skin1/bg_menu_main.png) repeat-x;
font-size: 14px;
padding: 10px 40px;
margin-right: 2px;
text-align: center;
color: white;
text-decoration: none;
}

#nav_main li a:hover {
background: #000;
}

#nav_main li a.selected {
background:url(../images/skin1/bg_menu_main-active.png) repeat-x;
color: #fff;
}

#main {
background: url(../images/skin1/bg_main.png) repeat-y;
}

#main_left {
float: left;
background: url(../images/skin1/bg_main_left_box.gif) repeat-y;
}

.left_box_top {
width: 291px;
height: 6px;
background:url(../images/skin1/bg_main_left_box_top.png) no-repeat;
}

.left_box {
width: 251px;
background: url(../images/skin1/bg_main_left_box-bottom.png) bottom no-repeat;
padding: 15px 20px 20px 20px;
}
.left_box a {
color: #111;
text-decoration:none;
}


#search_box {
    width: 251px;
    height: 32px;
    background: url(../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;
}

#promo li a {
display: block;
width: 255px;
height: 36px;
margin-bottom: 10px;
background: url(../images/skin1/bg_categorias_promo.png) top no-repeat;
}

.side_module_wrapper {
cursor: pointer;
display: block;
width: 231px;
min-height: 50px;
padding: 10px;
background: #000;
color: #aaa;
border-bottom: 1px dotted #333;
}
.side_module_wrapper:hover {
background: #333;
}
.side_module_wrapper img {
/*width: 55px;*/
float: left;
}
.side_module_titulo {
color: #ddd;
font-weight: bold;
margin-bottom: 5px;
}

.mais_votados_titulo {
float: right;
width: 158px;
margin-left: 10px;
font-weight: bold;
margin-bottom: 5px;
}

.mais_votados_votos {
background: url(../images/icon_star.png) no-repeat;
float: right;
width: 158px;
margin-left: 10px;
text-indent: 20px;
}

#main_content {
color: #ddd;
float: right;
background:#000;
margin: 5px;
padding: 15px; 
width: 567px;
display: inline; /* f*** IE6! */
}

#separador_main {
clear: both;
height: 1px;
}


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

#footer {
margin: 0 auto;
clear: both;
width: 898px;
background: #0c130f url(../images/skin1/footer_line.gif) repeat-x;
padding-top: 30px;
}

#footer_container {
margin: auto;
width: 870px;
text-align: left;
}

#footer h3 {
color: #9bbc18;
font-size: 18px;
font-weight: lighter;
}

#footer ul {
margin: 0;
padding:0;
}

#footer li {
margin-bottom:4px;
width:240px;
}

#footer ul li a{
display: block;
width:240px;
color:#aaa;
margin:0;
padding:3px;
padding-left:27px;
background:url(../images/arrow-right.gif) top left no-repeat;
text-decoration:none;
line-height:2em;
border-bottom: 1px dotted #aaa;
}

#footer ul li a:hover{
color:#fff;
border-bottom: 1px dotted #fff;
}

#newsletter {
    width: 251px;
    height: 32px;
    background: url(../images/bg_search_box.png);
}
#newsletter #sNewsletter {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 210px;
    background: none;
}
#newsletter #goNewsletter {
    float: right;
    margin: 2px 2px 0 0;
}


.footer_module_left {
color: #777;
width:250px;
float: left;
margin-left: 10px;
}

.footer_module_left h3 {
/*background: url(../images/icon_footer_favourite.gif) top left no-repeat;*/
}

.footer_module_right{
width:250px;
float: right;
margin-left: 40px;
margin-right: 20px;
}

.footer_module_right h3 {
/*background: url(../images/icon_footer_team.gif) top left no-repeat;*/
}

#footer h1 {
clear: both;
margin-top: 20px;
text-indent: -9999px;
background: url(../images/skin1/logo_footer.gif) center no-repeat;
height: 111px;
}
#footer a {
color: #ccc;
font-weight: bold;
margin: 0 10px;
}

/* footer navigation */
#footer p {
	text-indent:0;
}

#footer_menu {
margin: 40px 0 -60px 270px;

}


/* home */
.separador_content {
margin:25px 0;
clear: both;
width: 561px;
height: 1px;
line-height:1px;
border-bottom: 1px dotted #4c4c4c;
}
.separador_empty{
margin:10px 0;
clear: both;
width: 561px;
height: 1px;
line-height:1px;
}

/* destaques */
.banner_img {
background: #000;
cursor: pointer;
float: left;
margin: 0 10px 10px 30px;
border: 5px solid #9bbd19;
padding: 0 0 -3px 0;
}
.banner_img a{
border: 0px;
display:block;
}
.banner_img img{
border: 0px;
}
.banner_img:hover {
border: 5px solid #33ff00;
}


.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 #9bbd19; /* 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:hover {
border: 5px solid #33ff00; /* this is the border. should have the same value for the links */
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
top: -50%;
bottom: -50%;
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 */
text-align: center;
float:left;
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 */

}

.wrapper{
overflow:hidden;
height: 500px;
line-height: 500px;
}
.wrapper img {
vertical-align: middle;
border:0;
}

.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: #aaa;
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: #fff;
}

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

.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/skin1/bt_seta_esquerda.gif") no-repeat center;
}
	
.stripNavR {
right: 30px;
background: url("../images/skin1/bt_seta_direita.gif") no-repeat center;
}

.photo-meta-data {
background: url(../images/slider/images/transpBlack.png);
padding: 10px;
height: 20px;
margin-top: -150px;
position: relative;
z-index: 98;
font-weight:bold;
color: white;
}

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


/* promocoes  */

.prod_promo {
float: left;
width: 165px;
height: 220px;
margin: 0 10px 20px 10px;
text-align: center;
}
.prod_promo_img {
background: #fff;
cursor: pointer;
float: left;
height: 120px;
width: 120px;
line-height: 120px;
margin: 0 10px 10px 10px;
/*border: 5px solid #999;*/
border: 5px solid #9bbd19;
padding: 10px;
}
.prod_promo_img a{
display:block;
}

.prod_promo_img:hover {
border: 5px solid #33ff00;
}
.prod_promo_img img {
border: none;
vertical-align: middle;
}

#titulo_promo {
font-weight: bold;
}


/* detalhes produto */

#breadcrumbs_wrap {
clear: both;
height: 26px;
line-height: 26px;
margin: 0 0 10px 0;
color: #eee;
font-weight: bold;
font-size: 11px;
}

#breadcrumbs_home {
float: left;
width: 61px;
background: url(../images/breadcrumb_home.png) left no-repeat;
text-indent: 10px;
}
#breadcrumbs_home a  {
color: #fff;
}

.breadcrumbs_unit {
float: left;
background: url(../images/breadcrumb_start.png) left no-repeat;
margin-left:-12px;
text-indent: 20px;
}
.breadcrumbs_unit a  {
color: #fff;
}
.breadcrumbs_separador {
float: left;
width: 17px;
height: 26px;
background: url(../images/breadcrumb_end.png) right no-repeat;
text-indent: -9999px;
}

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


.detalhes_img{
background: #fff;
cursor: pointer;
float: left;
width: 120px;
height: 120px;
line-height: 120px;
margin: 0 10px 10px 10px;
border: 5px solid #9bbd19;
padding: 10px;
}

.detalhes_img:hover {
border: 5px solid #33ff00;
}
.detalhes_img img {
border: none;
vertical-align: middle;
}


#fotos {
width: 567px;
}

#thumbs{
width: 567px;
text-align:center;
margin: 0 auto;
}
#thumbs ul {
list-style: none;
text-align: center;
margin: 0 auto;
}
#thumbs ul li {
width:130px;
display: inline;
text-align:center;
}


#SubNavigation
{
margin-top:1px;
background-color:#322E2C;
color:#FFFFFF;
height:38px;
}

#SubNavigation ul
{
margin:0px auto 0px auto;
padding:0px;
list-style-type:none;
min-width:567px;
height:100%;
text-align: center;
position:relative;
}

#SubNavigation li
{
position:relative;
font-size:12px;
text-align: center;
height:100%;
display:inline;
line-height:38px;
}


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

#rating {
padding: 5px 27px;
float: right;
}

#dados {
}

#dados_preco {
float:left;
width: 200px;
}
#dados_preco_promo {
margin: 5px 0 0 25px;
font-size: 25px;
font-weight: bold;
color: #fff;
}
#dados_preco_antigo {
font-size: 15px;
text-decoration: line-through;
text-align: center;
color: red;
}

#encomendar {
float: left;
width: 200px;
margin: 0 0 0 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: 23px;
}
.dados_conteudo {
margin: 0 0 20px 27px;
}

/* formulário */
#commentForm { width: 500px; }
#commentForm label { width: 100px; }
#commentForm label.error, #commentForm input.submit { margin-left: 100px; }
label {
padding:10px 0 0 0;
display: inline-block;
float: left; 
width: 150px;
}

#form { width: 500px; }
#form label {
margin: 0 10px 0 0;
text-align: right;
display: inline-block;
float: left; 
width: 150px;
}
#form input, textarea, select { width: 280px; margin: 5px 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; webkit-border-radius:5px; }
#form input.submit { float: left; margin: 0 0 0 160px; width: 150px; cursor: pointer; border: 1px solid #222; background:#9bbc18; color:#fff; }
#form input.submit:hover { background:#6ddb33; }


/* blog */
.blog_post{
padding: 0 0 60px 0;
}
.blog_post selected{
background: #111;
}
.blog_post h2{
padding: 5px 0 0 0;:
}

.date {
background: #555;
padding: 5px 0;
border-right: 1px solid #222;
border-bottom: 1px solid #222;
color: #9bbd19;
float: left;
width: 55px;
margin: 7px 12px 5px 0;
text-align: center;
}
.date span {
font-size: 1.6em;
}

.author {
margin: -5px 0 10px 0;
}

.descricao_post {
margin: 0 0 0 68px;
}

#bt_next a {
background: #564342 url(images/bt_next_bg.jpg) repeat-x 0% 0%;
border-bottom: none;
color: #d8cbca;
float: left;
padding: 10px 16px;
text-decoration: none;
}
#bt_next a:hover {
background: #433433 url(images/search_bkg.jpg) repeat-x 0% 0%;
text-decoration: none;
}


/*  contactos  */
.main_left {
float: left;
}
.main_left p {
margin: 0 0 20px 27px;
}

.main_right {
width: 300px;
float: right;
}

.main_right p {
margin: 0 0 20px 27px;
}

#map {
margin: 0 0 0 27px;
width: 540px;
height: 500px
}


	#floatMenu {
		position:absolute;
		z-index: 9999;
		top:0;
		width:600px;
		right: 10px;
		}
		#floatMenu ul {
			margin-bottom:20px;
			}
			#floatMenu ul li a {
				display:block;
				border:1px solid #999;
				background-color:#222;
				border-left:6px solid #999;
				text-decoration:none;
				color:#ccc;
				padding:5px 5px 5px 25px;
			}
			#floatMenu ul li a:hover {
				color:#fff;
				background-color:#333333;
			}
			#floatMenu ul.menu1 li a:hover {
				border-color:#09f;
			}
			#floatMenu ul.menu2 li a:hover {
				border-color:#9f0;
			}
			#floatMenu ul.menu3 li a:hover {
				border-color:#f09;
			}


#carrinho {
	background: url(images/skin1/bg_carrinho_pattern.gif);
}
#carrinho_top{
	cursor: pointer;
	background: url(../images/carrinho.png) no-repeat right top;
	height: 67px;
	width: 317px;
	float: right;
}
#carrinho_top:hover{
	background: url(../images/carrinho.png) no-repeat right -68px;
}
#cart-count {
	float: right;
}
#cart-sum {
	float: right;
}

#caja {
width:95%;
display: none;
padding:20px;
border:2px solid #000;
background-color:#eee;
}
/*
#caja {
position: absolute;
top: 0; left: 0;
z-index: 10;
background:#ffc;
padding:5px;
border:1px solid #CCCCCC;
text-align:center;
font-weight:bold;
width:99%;
}
*/
#icon_carrinho {
	border: none;
	padding:7px 0 0 0;
}
.texto_carrinho {
padding:5px;
color: #fff;
text-decoration: none;
font-weight: bold;
padding-top: 23px;
margin-right: 40px;
}
.mostrar{
display:block;
}
.mostrar a{
color: #000;
}
#cart-count, #cart-sum {
	color: #111;
}
.price {
color: #26520e;
text-shadow: #fff 1px 1px 0px;
line-height: 25px;
padding-left: 5px;
background: url(../images/bg_price.gif) no-repeat;
}
.ui-effects-transfer { background: url(../images/bg_container.png); border: 3px dotted #6dda33; } 

#jcart{
	color:#111;
}
#jcart a {
	color:#11d;
	font-weight: bold;
}
.jcart-remove {
	color: #d11;
}
#form_infos {
	text-align: left;
	color: #eee;
}