@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0; background: #FFF url(../images/bg.png) top left repeat-x; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px;}
a:hover, a:active, a:focus { outline: none }
a, a:visited, .contactStart {  text-decoration: none; color:#F398E5; font-weight:bold; cursor:pointer}
a:hover, a:active, a:focus { outline: none }
a:hover { text-decoration:underline}
img { border:0;}
ul, ol, li, h1,h2,h3,h4,h5 { margin:0; padding:0; }

h1 {font-size: 26px; color:#ED61D8}
h2 { font-size: 22px;}
h3 { font-size: 16px; }
h4 { font-size:12px}
h5 { font-size:10px}

#main { width:760px; margin: 0 auto; padding:0; }

#top { margin:0; padding:0; }
	#logo { display:none; padding: 25px 0 40px 0}

#content { margin:0; padding:0; }
	#homeImages {margin:0; padding:0;  }
#center {  float:left; margin:0 10px 0 0; padding:0; width:510px;}

#mainNav { float:right; width: 240px; height:190px; background: transparent url(../images/bg-menu.png) top left no-repeat; list-style: none; margin: 25px 0 0 10px; padding: 0;}
#mainNav li { margin:0px 10px 7px 30px;}
#mainNav li a { text-indent: -999999px; overflow: hidden; display: block; height: 23px;} 

#home { background: url(../images/nav/menu-home.jpg); width: 200px; margin-top:23px }
#portfolio { background: url(../images/nav/menu-portfolio.jpg); width: 200px; height: 23px; }
#where { background: url(../images/nav/menu-aonde.jpg); width: 200px; height: 23px; }
#howto { background: url(../images/nav/menu-como.jpg); width: 200px; height: 23px; }
#contact { background: url(../images/nav/menu-contato.jpg); width: 200px;  height: 23px;}

#mainNav:hover li a#home, #mainNav:hover li a#portfolio, #mainNav:hover li a#where, #mainNav:hover li a#howto, #mainNav:hover li a#contact { background-position: -239px; }

#home:hover { background: url(../images/nav/menu-home.jpg) 0 0 !important;  height: 23px;}
#portfolio:hover { background: url(../images/nav/menu-portfolio.jpg) 0 0 !important; height: 23px; }
#where:hover { background: url(../images/nav/menu-aonde.jpg) 0 0 !important;  height: 23px;}
#howto:hover { background: url(../images/nav/menu-como.jpg) 0 0 !important; height: 23px; }
#contact:hover { background: url(../images/nav/menu-contato.jpg) 0 0 !important; height: 23px; }

/* HOME */

#homeHome, #portfolioHome, #whereHome, #howtoHome, #contactHome { width: 480px; margin: 25px 10px; color:#1D2327 }
#homeHome {font-size:18px;}

/* Portfolio */
#portfolioSlide { width: 410px; height: 260px; /*border: 1px solid #ddd; background-color: #eee; */}
#portfolioSlide div { width: 410px; height: 260px; padding: 15px 35px; color: #333; overflow: hidden }
#portfolioSlide div span { background-color:#1D2327; color: #FFF; display:block; height:40px; width:390px; padding:10px}

/* FOOTER */
#footer { height: 50px; background-color: #2c343a; margin-top: 50px}
/* FORMZ */
#formz {}

#accessoriesList dt{ font-size: 16px; font-weight: bold;}
#accessoriesList img{ margin-right:20px}
#accessoriesList dd{display: block; height:150px}

input, textarea{	font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}
.box h3 { color:#666666; 
	margin-bottom:20px;
	font-size:16px;
}

div.box{
	padding:20px 50px;
	color:#333333;
	margin-bottom:20px;
}
div.box h3 {
	font-size:14px;
	color:#000000;
	padding-bottom:4px;
}
div.box p{padding-bottom:14px;}

div.box input .input-text{
	border:1px solid #E943D0;
	color:#666666;
	width:180px;
}

div.box label{
	display:block;
	margin-bottom:10px;
	color:#555555;
}

div.box label span{
	display:block;
	float:left;
	padding-right:6px;
	width:80px;
	text-align:right;
	font-weight:bold;
}
.spacer{margin-left:180px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555555;
}
.purple{
	background:url(../images/purple.gif);
	padding:0px 6px;
	border:1px solid #E943D0;
	height:24px; 
	line-height:24px;
	color:#FFFFFF;
	font-size:12px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
}