/*
Theme Name: Ouse Use
Theme URI: http://www.ouseuse.com.br/
Description: Ouse Use Moda Intima 2010.
Author: Caravela Agência Digital
Version: 1.0
*/

/* 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%;}

* html {}

body { background:url(imagens/fundo.jpg) repeat; font-family:Tahoma, Geneva, sans-serif; }

#main { background:#0f0704; height: 576px; margin: 0 auto; position: relative; width: 960px;}

div#header { position:absolute; top:0; left:0; width:354px; height:101px;}

a#header { display:block; width:354px; height:101px; background:url(imagens/logo.jpg) no-repeat; text-indent:-9999px; }

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

#sidebar { width:354px; height:344px; background:url(imagens/fundomenu.jpg) no-repeat; top:101px; left:0; position:absolute;}

#footer { width:354px; height:131px; position:absolute; left:0; bottom:0; background:#000; }

#conteudo { width:606px; height:576px; position:absolute; right:0; top:0; overflow:auto; }
#conteudo.inside { background:#fff;}

#nav { padding-left:12px; padding-top:40px;}

#nav li { text-indent:-9999px; height:19px; margin-bottom:45px;}
li#colecoes { background:url(imagens/botaocolecoes.png) left no-repeat; margin-bottom:75px;}
li#atendimento { background:url(imagens/botaoatendimento.png) left no-repeat;}
li#nossa-empresa { background:url(imagens/botaonossaempresa.png) left no-repeat;}
li#imprensa { background:url(imagens/botaoimprensa.png) left no-repeat;}

.children { padding:10px 0;}
.children li { float:left; display:inline; margin-bottom:0!important;}
.children a, a.first, a#video:hover { color:#aeaeae; text-transform:uppercase; text-decoration:none; display:block; font-size:0.5em; text-indent:0!important; padding:0px 5px; letter-spacing:1.5px; border-right:1px solid #aeaeae; }
.children a:hover, a.first { color:#fb0000;}
a:hover.first { color: #aeaeae; }
.children a.last, a#video:hover { border-right:none;}

#ouseuse-info {	text-transform:uppercase;	padding:10px 31px;}
#ouseuse-info #nome { color:#595959; display:block; font-size:0.9em; letter-spacing:3px; text-align:center; }
#ouseuse-info #endereco { color:#595959; display:block; font-size:0.55em; letter-spacing:2px; margin:6px 0;}
#ouseuse-info a#twitter { background:url(imagens/botao-twitter.jpg) top; width:24px; height:25px; text-indent:-9999px;}
#ouseuse-info a#facebook { background:url(imagens/botao-facebook.jpg) top; width:24px; height:25px; text-indent:-9999px; }
#ouseuse-info a#orkut { background:url(imagens/botao-orkut.jpg) top; width:24px; height:25px; text-indent:-9999px;}
#ouseuse-info a:hover#twitter { background:url(imagens/botao-twitter.jpg) bottom;}
#ouseuse-info a:hover#facebook { background:url(imagens/botao-facebook.jpg) bottom;}
#ouseuse-info a:hover#orkut { background:url(imagens/botao-orkut.jpg) bottom;}

#ouseuse-info a#mapa { color:#707070; text-decoration:none; display:block; font-size:0.6em; letter-spacing:1px; text-align:center; padding-bottom:3px; }
#ouseuse-info a:hover#mapa { color:#fb0000;}
#ouseuse-info ul { margin:0 auto; padding:5px 0 10px; width:50%; position:relative; z-index:10;}
#ouseuse-info li { display:inline; float:left; margin:0 auto; width:33%; padding:4px 0 3px; background:#000;}
#ouseuse-info li a { display:block; margin:0 auto;}


#caravela { background:#000 url(imagens/logocaravela.jpg) no-repeat 50px center;color:#595959; font-size:0.66em; height:14px; padding:13px 0; text-indent:80px; width:100%; z-index:5; line-height:20px; }
#caravela a { color:#9a9a9a; text-decoration:none;}
#caravela a:hover { color:#595959;}

.clear { clear:both;}

.page { background:#fff; min-height:576px; }

.page-content { width:320px; float:left; display:inline;}

.page h2 { color:#fb0000; font-weight:normal; letter-spacing:2px; padding:10px; text-transform:uppercase; border-bottom:2px dotted #4F4568;}

.page-content h3 { padding:10px; color:#fb0000; font-size:0.9em; font-weight:normal; letter-spacing:1px;}

.page-content h4 { padding:10px; color:#fb0000; font-size:0.85em; font-weight:normal; letter-spacing:1px;}

.page-content p { color:#464646; font-size:0.8em; padding:10px; line-height:16px; text-align:justify;}
.page-content p.full {width:565px; }

.page-content hr { margin:10px;}
.page-content hr.full {width:565px;}

.page-gallery { padding:10px; }
/*.page-gallery a { border:2px solid #AEAEAE; display:block; float:left; margin:0 13px 15px 0;}
.page-gallery a:hover { border:2px solid #fb0000;}
.page-gallery img {}*/

.page-sidebar {float:left; display:inline;}
.page-sidebar h5 {color:#b2b2b2; border-bottom:1px solid #e1e1e1; font-size:0.7em; padding-bottom:5px;}
.page-sidebar img {display:inline;margin-bottom:18px;}

.page-bookmarks { padding:5px; }

.page-bookmarks li { list-style:url(imagens/marcador.jpg) inside; padding-bottom:4px;}
.page-bookmarks li a {text-decoration:none; font-size:0.7em; color:#918d9c; text-transform:uppercase;}
.page-bookmarks li a:hover {border-bottom:2px solid #918D9C; }

#controls { position:absolute; top:200px; right:45px; z-index:100;}

#controls a { color:#FFFFFF; display:block; font-size:0.9em; font-weight:bold; height:20px; margin-top:8px; padding:5px 3px 2px; text-align:center; text-decoration:none; width:20px; background:url(imagens/fundo-info.png); }
#controls a:hover { color:#fb0000;}
a.activeSlide { color:#fb0000!important;}

.post-noticia { padding:12px 10px; clear:both; margin-bottom:15px;}
.post-noticia h3 { color:#454545;}
.post-noticia img { margin:10px;}
.alignleft, .alignnone { float:left; margin-right:5px;}
.alignright { float:right; margin-left:5px;}
.post-noticia p, .page-normal p { font-size:0.8em;line-height:18px; color:#464646; text-align:justify; padding-bottom:5px;}
.post-noticia p a { text-decoration:underline;}
.post-noticia p a:hover {text-decoration:none; color:#fb0000;}
.post-noticia-date { display:block;font-size:0.7em;padding:8px 0; color:#666;}
#post-noticia-nav {padding:0 10px 10px;}
#post-noticia-nav div {margin-bottom:10px;}

.contato, .cadastro { padding:10px; line-height:30px;}
.contato input, .cadastro input { color:#464646; font-size:0.8em; padding:3px; border:1px solid #CCCCCC;}
.contato input:hover, .contato select:hover, .contato textarea:hover, 
	.cadastro input:hover, .cadastro select:hover, .cadastro textarea:hover { border:1px solid #fb0000;}
.contato input:focus, .contato select:focus, .contato textarea:focus,
	.cadastro input:focus, .cadastro select:focus, .cadastro textarea:focus { border:1px solid #000;}
.contato select, .cadastro select { color:#464646; font-size:0.8em; padding:3px; border:1px solid #CCCCCC; }
.contato label, .cadastro label { color:#464646; display:inline-block; font-size:0.8em; padding-right:10px; text-align:right; width:110px;}
.contato textarea, .cadastro textarea { color:#464646; padding:3px; border:1px solid #CCCCCC; margin-top:4px;}
.contato p, .cadastro p { font-size:0.8em; color:#464646;}

.cadastro label { width:135px;}

.cadastro label.segunda {width:70px;}

#enviar, #cadastro { cursor:pointer; margin-left:120px; margin-top:10px; float:left; display:inline;}
#cadastro { margin-left:145px;}
#resposta { padding:10px; }
#carregando { float:left; margin-left:10px; display:inline; color:#464646; font-size:0.8em; height:26px; margin-top:10px;
width:26px; }
.ulcontato {line-height:20px;}
.ulcontato li { font-size:0.8em; color:#fb0000; list-style: none;}
span.vermelho {color:#fb0000;}
span.dica {background:none repeat scroll 0 0 #666666; color:#FFFFFF; font-size:0.8em; margin-left:10px; padding:5px 10px;}

.ouseuse-contato {padding:10px;}
.ouseuse-contato h3 { color:#464646; padding-bottom:10px;}
.ouseuse-contato p {font-size:0.8em;line-height:20px;}
.ouseuse-contato a, .contato p a { color:#464646; text-decoration:underline;}
.ouseuse-contato a:hover, .contato p a:hover { color:#fb0000; text-decoration:none;}

.page-normal { padding:10px;}

.ref-container { clear:left; line-height:15px;}

#banner-wrapper { position:absolute; height:290px; width:750px; z-index:500;top:30%; left:10%;}

a#banner { width:750px; height:270px; background:url(banners/bannercruzeiro.jpg) top no-repeat; display:block; position:absolute;bottom:0;left:0; z-index:300; }
#banner-wrapper #fecharbanner { position:absolute; top:0; right:0; font-size:0.8em; background:#fff; padding:4px 10px; cursor:pointer; font-weight:bold;}

#novidades { color:#FFFFFF; font-size:0.7em; height:60px; letter-spacing:1.5px; line-height:20px; padding:10px; position:absolute; right:20px; text-transform:uppercase; top:20px; width:90px; z-index:100; background:url(imagens/fundo-info.png) repeat; }
#novidades:hover {color:#fb0000;}

#form-novidades { background:url(imagens/fundo-info.png); height:220px; position:absolute; right:20px; top:20px; width:300px; z-index:101;}
#contato-novidades { line-height:32px;}
#contato-novidades label { color:#fff; width:60px;}
#contato-novidades #cadastronovidades { cursor:pointer; float:right; margin-top:10px;}
#contato-novidades #fechar { float:right; color:#fff; font-size:0.7em; letter-spacing:1px; line-height:10px; }
#contato-novidades #fechar:hover { color:#fb0000; }
#contato-novidades #response { float:left; color:#fff; font-size:0.8em; margin-top:10px; }

.anuncios { position:relative; margin:0 10px 20px; float:left; width:110px;}
.anuncios a { display:block; float:left; border:2px solid silver; }
.anuncios a:hover { border-color:#666;}
.anuncios-title { font-size:0.7em; text-align:center; width:100px; height:135px; }
.anuncios img { cursor:url("/highslide/graphics/zoomin.cur"), pointer !important; height:100px; width:100px; }

.previous-link { bottom:20px; left:20px; position:absolute;}
.next-link { bottom:20px; position:absolute; right:90px;}

.next-link a:hover, .previous-link a:hover { text-decoration:underline;}