/* RESET CSS */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
:focus {
    outline: 0;
}
body {
    background: white;
    line-height: 1;
    color: black;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
/* ESTILO DO SITE */
body {font-family:Tahoma, Lucida Sans, Arial, Verdana; color:#FFF; font-size:12px; background:url(../imagens/fundo-site-imagens-roscel.jpg) no-repeat center top #000; line-height:18px;}
p, address { line-height:18px;}
strong {font-weight:bold;}
#geral { width:100%; height:100%;}
#pagina { width:950px; margin:0px auto; height:100%;}
#online {width:950px; height:33px;}
#online img {float:right;}
#topo { width:950px; height:67px;}
#conteudo { width:950px; min-height:402px; height:100%;}
#roscel {height:67px; width:271px; background:url(../imagens/menu.gif); display:block; float:left; text-indent:-5000px; background-position:-8px -58px; margin-left:10px;}

/* MENU */
#mcapa, #maroscel, #mcolecao, #mlojas, #mcontato, #mcapa2, #maroscel2, #mcolecao2, #mlojas2, #mcontato2 {height:18px; background:url(../imagens/menu.gif); display:block; float:left; text-indent:-5000px; margin-top:25px; margin-left:10px;} 
#mcapa {width:49px; background-position:-8px -5px; margin-left:140px;}
#mcapa:hover {width:49px; background-position:-8px -25px;}
#mcapa2 {width:49px; background-position:-8px -25px; margin-left:140px;}
#maroscel {width:70px; background-position:-65px -5px;}
#maroscel:hover {width:70px; background-position:-65px -25px;}
#maroscel2 {width:70px; background-position:-65px -25px;}
#mcolecao {width:228px; background-position:-145px -5px;}
#mcolecao:hover {width:228px; background-position:-145px -25px;}
#mcolecao2 {width:228px; background-position:-145px -25px;}
#mlojas {width:45px; background-position:-385px -5px;}
#mlojas:hover {width:45px; background-position:-385px -25px;}
#mlojas2 {width:45px; background-position:-385px -25px;}
#mcontato {width:73px; background-position:-442px -5px;}
#mcontato:hover {width:73px; background-position:-442px -25px;}
#mcontato2 {width:73px; background-position:-442px -25px;}
/* FIM MENU */
/* TITULO */
.taroscel, .tcatalogo, .tlojas, .tcontato, .tmissao {height:20px; background:url(../imagens/menu.gif); display:block; float:left; text-indent:-5000px; margin-top:25px;}
.taroscel {width:81px; background-position:-292px -54px;}
.tmissao {width:68px; background-position:-292px -104px;}
.tcatalogo {width:265px; background-position:-292px -80px;}
.tlojas {width:53px; background-position:-378px -54px;}
.tcontato {width:82px; background-position:-436px -54px;}

/* FIM TITULOS */

#rodape { width:950px; height:60px; background:url(../imagens/fundo-rodape.jpg) repeat-x top left; color:#444; font-size:10px;}
#rodape p { float:left; margin-left:10px; margin-top:20px;}
#webfire { float:right;}
.direita { float:right; margin:10px;}
.endlojas { width:200px; float:left; height:70px; line-height:18px; padding:5px;}
.endlojas:hover { float:left; height:70px; line-height:18px; padding:5px; background-color:#111;}
.titulo { font-weight:bold; color:#666;}
a { text-decoration:none;}
a:link { color:#900;}
a:visited {color:#900;}
a:hover {color:#FFF;}
.foto { padding:5px; margin:6px;}
.foto:hover { background-color:#4A0000;}

#infoesq { width:200px; float:left;}
#formcontato { width:380px; float:right; line-height:15px; color:#999;}
#formcontato label {position:absolute; width:150px; }
#formcontato input, #formcontato textarea { border:1px solid #222; margin-left:80px; background-color:#999; color:#960100; padding:2px;}
#formcontato #nome, form #endereco, form #email, form #assunto, form #mensagem { width:250px;}
form #fone,form #celular {width:90px;}
#formcontato input.botao { background:#222; border:1px solid #222; color:#CCC; font-size:10px; width:100px; float:right; margin-right:45px;}


#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:950px;
	height:402px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}