@charset "utf-8";
/*** css reset geral
 *	http://meyerweb.com/eric/tools/css/reset/
***/
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {	text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse;	border-spacing: 0;}
/* fim css reset */

html, body {height:100%;}
body {background:url(imagens/bg-dot.jpg);font-family:Tahoma, Geneva, sans-serif;}

#tudo {}

#main {	width:980px;	position:relative;	margin:0 auto;	z-index:5;}

#header-wrapper {	width:100%;	background:url(imagens/menubar.jpg) repeat-x bottom;	height:155px;	position:relative;	z-index:10;}

#header {	width:980px;	margin:0 auto;	position:relative;	height:155px;	z-index:10;}

#header-colecoes {	bottom:10px;	color:#fff;	font-size:0.6em;	left:-5px;	position:absolute;	z-index:10;}

#nav {	width:935px;	height:33px;	position:absolute;	left:30px;	bottom:0;}

#nav li {	float:left;	display:inline;}

#nav li a {	height:49px;	display:block;	float:left;	text-indent:-9999px;}

a#confort { width:164px; background:url(imagens/menu.png) 0px 0px;}
a#class { width:166px; background:url(imagens/menu.png) -164px 0px;}
a#gloss { width:146px; background:url(imagens/menu.png) -330px 0px;}
a#sexy { width:153px; background:url(imagens/menu.png) -478px 0px;}
a#inverno-2010 { width:306px; background:url(imagens/menu.png) 306px 0px ;}

a:hover#confort, a#confort.active { width:164px; background:url(imagens/menu.png) 0px 49px;}
a:hover#class, a#class.active { width:166px; background:url(imagens/menu.png) -164px 49px;}
a:hover#gloss, a#gloss.active { width:146px; background:url(imagens/menu.png) -330px 49px;}
a:hover#sexy, a#sexy.active { width:153px; background:url(imagens/menu.png) -478px 49px;}
a:hover#inverno-2010, a#inverno-2010.active { width:306px; background:url(imagens/menu.png) 306px 49px ;}

a#logo {	position:absolute;	display:block;	left:22px;	top:5px;	width:185px;	height:108px;	text-indent:-9999px;	background:url(imagens/logo.png) no-repeat;}

#menusuperior {	position:absolute;	left:240px;	top:85px;}

#menusuperior li {	float:left;	display:inline;}

#menusuperior a {	color:#7a230c;	display:block;	float:left;	padding:1px 10px;	font-size:0.8em;	text-decoration:none;	letter-spacing:0.1em;}

a.middle {	border-left:1px solid #7a230c;	border-right:1px solid #7a230c;}

#menusuperior a:hover {	color:#fff;}

#conteudo {	width:895px;	margin:0 auto;	height:400px;	/*padding-bottom:5px;*/	border-color:#7a230c;	border-width:0px 3px 3px;	border-style:solid;	border-radius:3px;	-moz-border-radius:3px;	-wedbkit-border-radius:3px;	position:relative;	overflow:hidden;	z-index:5;}

.paginas { 	background:#df5900 url(imagens/borboletafundo.jpg) no-repeat 510px center;}

.fotos {	background:#df5900;}

#conteudo h2 {	color:#ff9936;	font-size:1.6em;	text-transform:uppercase;	font-weight:normal;	padding:30px 30px 5px;	letter-spacing:0.3em;}

#conteudo p {	color:#fff;	padding:20px 30px 15px;	line-height:1.8em;	font-size:0.85em;	width:45%;	word-spacing:0.5em;}

#conteudo p.error {	position:absolute;	left:220px;	top:30px;	padding:0;	color:#fff;}

#conteudo span.error {	color:#fff;}

form#contato {	padding:10px 30px 5px;}

form#contato label {	color:#fff;	display:inline-block;	width:80px;	height:15px;	font-size:0.9em;	padding:0 0 3px;	margin:2px 0 1px;}

form#contato input, form#contato select {	color:#333;	font-size:0.7em;	width:200px;}

form#contato select {	padding:2px;}

form#contato textarea {	font-size:0.9em;}

#enviar {	width:50px!important;	color:#fff!important;	background:#ff6e00;	border:1px solid #7A230C;	margin-top:4px;	border-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px;	cursor:pointer;}

#footer {	width:895px;	height:30px;	background:none;	margin:0 auto;	font-size:0.7em;}

#caravela {	background:url(imagens/caravela.png) no-repeat 0px 5px;	width:250px;	padding-top:5px;	height:25px;	float:left;	color:#4b9eff;	position:relative;	text-indent:21px;}

#caravela a {	text-decoration:none;		color:#fff;}

#caravela a:hover {	text-decoration:underline;	}

#inforevelacao {	float:right;	color:#ff6e00;	height:25px;	padding-top:5px;	width:590px;	text-align:right;}

img.bg {	position:fixed!important;}

#img-container {	position:absolute;	right:0;	top:0;	overflow:hidden;	width:720px;	height:400px;}

#img-principal {	position:absolute;	left:0!important;	top:0;	width:720px;	cursor:pointer;	z-index:10;}

#img-info {	position:absolute;	right:-723px;	top:15px;	font-size:0.6em;	font-weight:bold;	color:#fff;	background:url(imagens/fundo-info.png) repeat;	padding:8px;	text-align:right;	line-height:13px;	z-index:100;}

#setacima {	width:720px;	height:200px;	color:#fff;	position:absolute;	right:0;	top:0;	cursor:pointer;}

#setabaixo {	width:720px;	height:200px;	color:#fff;	right:0;	bottom:0;	position:absolute;	cursor:pointer;	}

#galeria {	height: 100%;	top:0px;	position: absolute;	left: 2px;	width:170px;	z-index:15;}
.galeria-container {	height:90%;	position:relative;	width:148px;	margin:0 auto;	padding:20px 0 0;	z-index:20;}
a.img-item {	display: inline; 	width: 60px; 	height:60px;	float:left;	border: 3px solid #7a230c ; 	overflow:hidden;	margin:5px 4px;	bordera-radius:5px;	-moz-border-radius:5px;	-webkit-border-radius:5px;}

a:hover.img-item {	border-color:#fff;}

#class-32, #sexy-53, #sexy-62, #gloss-9 {	height:60px;	width:auto;}

#galeria-nav-prev {	left:0;}

#galeria-nav-next {	right:0;}

#galeria-nav-next, #galeria-nav-prev {	color:#fff;	text-decoration:none;	position:absolute;	bottom:5px;	z-index:100;}

.page-link {	color:#fff;	margin:0 30px;	text-decoration:none;}

#galeria-nav-next:hover, #galeria-nav-prev:hover, .page-link:hover {	color:#7a230c;}

a.img-item span {	display:none;}

.img-item img {	width:60px;}

#carregando {    text-align:center;	margin:0 auto;}

#foto-capa {	position:absolute;	top:0;	left:0;	z-index:50;}

#foto-capa-efeito-1 {	position:absolute;		left:80px;	z-index:100;}

#foto-capa-efeito-2 {	position:absolute;	left:408px;	z-index:100;}

/* */