﻿@charset "utf-8";
/*/////////////////////////////////////////

OpusMúltipla
Criado por: Jeff Olinger

/////////////////////////////////////////*/

/*==================================
ESTRUTURA
==================================*/

body {	
	background:#e3eced url(/limpeza/img/background.jpg) repeat-x center top;
}
#page{ background:#fff url(/limpeza/img/titulo_fundo.jpg) no-repeat; width:475px; height:90px; margin-left:-10px;} /* fundo do titulo da pagina */
#page-ins{ background:#fff url(/limpeza/img/titulo_fundo2.jpg) no-repeat; width:100%; height:95px; margin-bottom:-10px;} /* fundo do titulo da pagina */

.box-destaque{ padding:10px 10px 10px 13px; border:1px dotted #e0dfdf; margin: 0 0 8px 10px; border-left:2px solid #990000; width:430px; overflow:auto;}
/*==================================
COMBOS
==================================*/
#combo-navegar{
background: url(/limpeza/img/combo_navegar.gif) no-repeat;
}
#combo-agenda{
background: url(/limpeza/img/combo_agenda.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/global/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;
}
#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:#df6811; color:#fff}

/*==================================
LISTAS L1
==================================*/
#lista-produtos1 img.foto-mais{ margin:0px 10px 10px 0px;}
#lista-produtos1 p{ line-height:130%;}


#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(/limpeza/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 url(/pintura_artistica/img/numero.gif) no-repeat left top;
padding:12px 8px 8px 8px;
margin-bottom:5px;
}
#lista-passos ul li span.num{
width:35px; height:35px; font-weight:bold;
margin-right:5px;
font-size:26px;
color:#FFFFFF;
}
#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;}


#textop{
background-color:#FFFFFF;
/*min-height:300px; /* hack para ie6 */
height:auto !important;
padding: 0 10px 10px 10px;
line-height:150%;
min-height:600px;}
#textop p{font-size:1.2em; padding: 0 10px;}

/*==================================
CLASSES
==================================*/



.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:inline-block; float:none;}

.titulo-linha{
background:url(/limpeza/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:8px; font-size:1.5em; font-style:italic; display:block; width:280px; float:left;}

.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;}


#page .page-titulo{text-align:left !important; font-size:2.0em; 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-linha, .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;} 
.page-titulo-linha{font-weight:bold;} 

