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

OpusMúltipla
Criado por: Jeff Olinger

/////////////////////////////////////////*/

/*==================================
ESTRUTURA
==================================*/

body {	
	background:#e3eced url(/PinturaArtistica/img/background.jpg) repeat-x center top;
}
#page{ background:#fff url(/PinturaArtistica/img/titulo_fundo.jpg) no-repeat; width:475px; height:90px; margin-left:-10px;} /* fundo do titulo da pagina */
#page-ins{ background:#fff url(/PinturaArtistica/img/titulo_fundo2.jpg) no-repeat; width:100%; height:90px; margin-bottom:-10px;} /* fundo do titulo da pagina */


/*==================================
COMBOS
==================================*/
#combo-navegar{
background: url(/PinturaArtistica/img/combo_navegar.gif) no-repeat;
}
#combo-agenda{
background: url(/PinturaArtistica/img/combo_cidades.gif) no-repeat;
}
/*==================================
MENU PRODUTOS
==================================*/
#menu-sala{
background-color:#ffffff;
min-height:100px; /* hack para ie6 */
height:100px;
height:auto !important;
background:#ffffff url(/img/noticias/fundo_menu_sala.gif) no-repeat left bottom;
}
#menu-sala div{margin-left:9px;}
#menu-sala dl{margin-left:10px;}
#menu-sala dd{
clear:both;
font-size:12px;
margin-left:0px;
text-align:left !important;
}
#menu-sala dd a{
display:block;
border-top:1px dotted #d9dee6;
padding:5px 0 5px 5px;
color:#3db5c2; /* !important impede alteração no hover */
background-color:transparent;
text-decoration:none !important;
}
#menu-sala dd a:hover{background-color:#059533; color:#fff}

/*==================================
LISTAS L1
==================================*/


#paginacao{ margin-top:20px;}
#paginacao ul li{ display:inline; width:20px; padding:4px;}

/* produtos home */
#lista-produtos1 ul li div.float{
padding:3px;
min-height:100px;
height:auto;
margin-bottom:5px;
clear:both;
}
#lista-produtos1 div.float ul li{ display:inline; margin-right:3px;}
#lista-produtos1 div.float div.item{
 float:left; margin:3px 3px 8px 3px;
 width:147px; height:190px;
 background:#ffffff url(/pinturaArtistica/img/item_fundo.gif) no-repeat;
}
#lista-produtos1 img, #lista-produtos1 p{ margin-left:14px;}
#lista-produtos1 img.foto-mais{ margin:0px 10px 10px 0px;}
#lista-produtos1 p{ line-height:130%;}

#lista-produtos1 div.float div.pb img { margin-left:0px;}
/*#lista-produtos1 div.float ul li div.pb*/#lista-produtos1 div.float div.pb {
 float:left; margin:3px 3px 8px 3px;
 width:82px; height:115px;
 border-left:1px dotted #dbdada;
 border-bottom:1px dotted #dbdada;  
}
/* passo */
#lista-passos ul li{
width:95%;
display:block;
background:#f1f3f6;
padding: 12px 8px 8px 8px;
margin-bottom:5px;
color:#333333;
font-size:12px; line-height:14px;
}
#lista-passos ul li span.num{
font-weight:bold;
text-align:center;
font-size:30px;
color:#FFFFFF;
}
#lista-passos td.num
{
    padding-top:11px;
    background: url(/PinturaArtistica/img/numero.gif) no-repeat center top;
    width:45px; height:35px;
    text-align: center;
}

#lista-passos ul li p.detalhes{
width:90%; margin-left:40px; top:0%; margin-top:-10px; line-height:130%;
}
#lista-passos ul li p.detalhes img{padding:0 10px 5px 0;}

/* faca voce */
#lista-dicas ul li div.float{
background-color:#f1f3f6;
padding:10px;
clear:both;
min-height:80px;
height:80px !important;
height:auto;
margin-bottom:5px;
}
#lista-dicas p{ line-height:130%; margin:0px;}
#lista-dicas img.thumb-img-left{border:2px solid #a9bcbf; margin:0 10px 10px 0; position:relative; clear:left;}
#lista-dicas img.thumb-img-right{border:2px solid #a9bcbf; margin:0 0px 10px 10px; position:relative; clear:right;}
#tabela-pinceis{ background:#fff url(/PinturaArtistica/img/sombra_tabela.gif) no-repeat left top;}

#textop{
background-color:#FFFFFF;
/*min-height:300px; /* hack para ie6 */
height:auto !important;
padding: 0 10px 10px 10px;
line-height:150%;
min-height:730px;}
#textop p{font-size:1.2em; padding: 0 10px;}

/*==================================
CLASSES
==================================*/
#botao_formatos{float:right;}
.tabela-underline{border-top:1px dotted #999999; padding-top:5px;}
.tabela-fundo1{ background:#e9e9e9 url(/PinturaArtistica/img/tabela_fundo1.gif) repeat-y right; border-bottom:1px solid #fff;}
.tabela-fundo2{ background:#f1f1f1 url(/PinturaArtistica/img/tabela_fundo2.gif) repeat-y right; border-bottom:1px solid #fff;}
.titulo-noticia{font-weight:bold; font-size:1em; color:#868686;}

.titulo-campanha{
background:url(/Beleza/img/fundo_titulo_campanha.jpg) no-repeat;
color:#ffffff;
width:100%;
height:39px;
display:inline-block;
margin:5px 0 5px 0;
float:none;
}
.titulo-campanha img, .titulo-release img{ margin:8px 10px 0 0;}
.titulo-campanha span, .titulo-release span{padding:10px; font-size:1.1em; font-style:italic; display:block; width:300px; float:left;}
.titulo-campanha img, .titulo-release img{ float:right; margin-top:5px;}
#lista-noticias1 div {display:block; float:none;}


.titulo-indicacao, .titulo-formato{
background:url(/PinturaArtistica/img/fundo_titulo3.jpg) no-repeat;
color:#2991a5;
width:100%;
height:70px;
display:block;
margin:5px 0 5px 0;
}
.titulo-indicacao img, .titulo-formato img{ margin:-4px 0 0 -4px; padding:0px; float:left;}
.titulo-indicacao img.imgbotao, .titulo-formato img.imgbotao{ margin:18px 3px 0 0; float:right;}
.titulo-formato span{
padding:4px; font-size:0.9em; text-align:left; width:350px; float:left; display:block; height:36px;
}
.titulo-indicacao span{padding:10px; font-size:1.2em !important; text-align:left; width:300px; height:35px; float:left; display:block;}

.titulo-linha{
background:url(/PinturaArtistica/img/fundo_titulo2.jpg) no-repeat;
color:#ffffff;
width:100%;
height:39px;
display:block;
margin:5px 0 5px 0;
}
.titulo-linha img{ margin:8px 10px 0 0;}
.titulo-linha span{padding:7px; font-size:1.3em; font-style:italic; display:block; width:280px; float:left;}

.titulo-materiais{
background:url(/PinturaArtistica/img/fundo_titulo_materiais.jpg) repeat-y right top;
color:#96adb0;
width:95%;
padding:6px;
margin:5px 0 5px 0;
}

.titulo-produto{ margin:0px; padding:0px 0 3px 0; border-bottom:1px solid #76c9f2; color:#2991a5; text-align:left; line-height:120%;}
.codigo-produto{ color:#666666; font-weight:bold; margin-right:2px;}

.combo-items{width:180px;}

#page .page-titulo{text-align:left !important; font-size:1.7em; font-style:italic; font-weight:bold; color:#FFFFFF; padding:25px 0 30px 5px; width:265px;}  /* titulo da pagina interna */
#page-ins .pagetitulo {text-align:left !important; font-size:2.0em; font-style:italic; font-weight:bold; color:#FFFFFF; padding:29px 0 30px 5px; width:265px;}
#texto #page-ins .page-titulo { padding:25px 0 20px 5px;}
.page-titulo-produto{text-align:left !important; font-size:1.3em;  font-style:italic; font-weight:bold; color:#FFFFFF; padding:20px 0 5px 5px; display:block; width:230px !important; 
height:55px; line-height:105%; vertical-align:middle;}