/* ---------------------------------------------
   META
   -------------------------------------------*/

html {
	height:100%;
}

body {
	height:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	background: url(../img/bg.jpg) no-repeat center top #FFF;
}

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

.clearfix {
	clear:both;
}

/* ---------------------------------------------
   HEADER & MULHER
   -------------------------------------------*/

div#logo {
	text-align:right;
	width:860px;
	margin:7px auto;
}
div#mulherwrapper {
	width:960px;
	margin:0 auto;
}

/* Link pra página no Facebook */
#facebook {
	display:block;
	background:url(../img/facebook.png) no-repeat;
	width:31px;
	height:31px;
	margin-top:6px;
	margin-left:-217px;
	position:absolute;
	z-index:20;
}

#facebook:hover {
	background-position: 0 -31px;
}

div#mulher {
	background:url(../img/mulher.png) no-repeat;
	width:336px;
/*	min-height:100%;*/
	top:89px;
	position:absolute;
	z-index:1;
	margin-left:50px;
}

ul#menu {
	width:100%;
	height:44px;
	background:rgba(0,0,0,0.4);
	font-size:14px;
	text-transform:uppercase;
	margin-top:18px;
	z-index:1;
}

div#menuwrapper {
	margin: 0 auto;
	width:605px;
	padding-left: 215px;
}

ul#menu li {
	display:inline-block;
	height:44px;
	position:relative;
	z-index:2;
}

ul#menu li a {
	display:inline-block;
	padding:15px 12px;
}

ul#menu li a:hover {
	background:rgba(0,0,0,0.4) !important;
}

ul#menu li a.ativo {
	background:rgba(0,0,0,0.3);
}

ul#submenu-modelos {
	width:100%;
	height:0;
	position:absolute;
	overflow:hidden;
}
div#submenu-left {
	background:rgba(255,255,255,0.6);
	height:40px;
	display:inline-block;
	/* Bug do inline-block do ie7 */
	zoom:1; *display: inline;
	color:#999;
}
div#submenu-right {
	width:290px;
	background:rgba(255,255,255,0.6);
	height:40px;
	display:inline-block;
	z-index:10;
	border-radius: 0 0 5px 0;
	top: -6px;
	position:relative;
	/* Bug do inline-block do ie7 */
	zoom:1; *display: inline;
}
div#submenu-right div.color {
	color:#999;
}

div#submenu-right li {
	color:#999;
	display:inline-block;
	width:50%;
	font-size:11px;
	padding-top:5px;
	/* Bug do inline-block do ie7 */
	zoom:1; *display: inline;
}

div#submenu-right .legenda {
	margin-left:4px;
	margin-bottom:2px;
	display:inline-block;
	color:#777;
}

div#submenu-right li a {
	color:#999;
	font-size:14px;
	display:inline-block;
	padding:4px;
}
div#submenu-right li a:hover {

}
div#submenu-right li a.ativo {
	color:#FFF;
	background:#c6c4c3;
}
div#submenu-right li div {
	width:100%;
	height:100%;
}

/* ---------------------------------------------
   CONTEUDO
   -------------------------------------------*/

div#conteudowrapper {
	width:100%;
	float:left;
}

div#conteudotudo {
	margin:88px auto 80px;
	float:left;
  width:820px;
}

div#conteudo {
	background:rgba(0,0,0,0.52);
	height:auto;
	width:820px;
	float:left;
}

div#conteudo.mini {
  width:393px;
}

div#conteudoleft {
	background:rgba(0,0,0,0.52);
	height:10px;
	float:left;
	margin-top:88px;
}

/* ---------------------------------------------
   HOME
   -------------------------------------------*/

div#home {
	background:url(../img/bghome.jpg) top right no-repeat;
	width:523px;
	height:378px;
	float:right;
}

div#home h1 {
	margin-top:35px;
	font-size:63px;
	line-height:55px;
	color:transparent;
}

div#home h2 {
	color:transparent;
	font-size:30px;
	line-height:39px;
	margin-top:42px;
}

div#home address {
	font-weight:bold;
	font-size:15px;
	font-style:normal;
	margin-top:20px;
}

div#home #visite {
	display:block;
	margin-bottom:5px;

}

#home .comochegar {
	display:block;
	font-size:12px;
	text-decoration:underline;
	margin:3px 0 0 0px;
}

/* ---------------------------------------------
   PERSONALIZACAO
   -------------------------------------------*/

div#personalizacao {
	background:url(../img/bgpersonalizacao.jpg) top right no-repeat;
	width:563px;
	height:377px;
	float:right;
}

div#personalizacao h1, div#personalizacao h2, div#personalizacao h3 {
	color:transparent;
	font-size:1px;
}

div#personalizacao p {
	font-size:14px;
	font-style:normal;
	margin-top:320px;
	margin-left:84px;
	width:430px;
	display:block;
}

/* ---------------------------------------------
   CONTATO
   -------------------------------------------*/

div#contato {
	background:url(../img/bgcontato.jpg) top right no-repeat;
	width:563px;
	height:377px;
	float:right;
}

div#contato h1 {
	font-size:30px;
	color:#FFF;
	float:left;
	text-align:center;
	display:block;
	width:500px;
	margin-top:100px;
	margin-left:50px;
}
div#contato h2 {
	text-align:center;
	font-weight:normal;
	font-size:20px;
	color:#FFF;
	float:left;
	width:500px;
	margin-left:50px;
	margin-top:5px;
	
}


div#contato > p {
	font-size:14px;
	font-style:normal;
	margin:20px auto 0 50px;
	text-align:center;
	display:block;
	width:40%;
}

div#contato form {
	float:left;
	display:block;
	margin-top:30px;
	margin-left:100px;
}
div#contato textarea {
	margin-left:0;
}
div#contato input {
	width:179px;
}
div#contato label {
	text-align:right;
	width:100px;
	display:block;
	float:left;
	margin-right:10px;
	font-size:13px;
}
div#contato #button {
	width:60px;
	height:25px;
	background:#383838;
	color:#FFF;
	border:0;
	float:right;
	margin-top:5px;
	margin-right:1px;
}
div#contato #button:hover {
	background:#585858;
}
div#contato #button:active {
	background:#000000;
}


/* ---------------------------------------------
   EMPRESA
   -------------------------------------------*/

div#empresa {
	float:right;
	font-size:14px;
	width:458px;
	height:298px;
	padding:20px 20px 0 85px;
	background:url(../img/bgempresa.jpg) top right no-repeat;
}
div#empresa p {
	text-indent:40px;
	margin-bottom:10px;
}
div#empresa ul {
	color:#ff989c;
	margin-bottom:10px;
}

div.empresa div.linhadotempo {
	float:right;
	display:block;
	clear:both;
	margin-right:293px;
}

div.empresa ul.linha {
	float:right;
	color:#ed1c24;
	font-size:26px;
  margin-top:20px;
	margin-right:10px;
	position:relative;
	z-index:12;
}

div.empresa ul.linha#cima {
	margin-bottom: 30px;
}

div.empresa ul.linha li {
	display:table-cell;
  vertical-align:middle;
  background:url(../img/conector.gif) repeat-x center right;
	padding-right: 15px;
	text-align:center;
}

div.empresa ul.linha li a {
	color:inherit;
}
div.empresa ul.linha li a:hover {
	text-decoration:underline;
}

div.empresa span {
	background:rgba(255,255,255,0.5);
	display:block;
	position:relative;
	z-index:5;
	border-radius:0 0 5px 5px;
}

div.empresa ul.linha li.ultima {
  padding-right:0;
}

/* ---------------------------------------------
   MODELOS
   -------------------------------------------*/

div#modelos {
  float:right;
	font-size:14px;
	width:145px;
	height:287px;
}
.sobenc-soc { background:url(../img/sobenc-soc.jpg) top right no-repeat;}
.sobenc-pro {	background:url(../img/sobenc-pro.jpg) top right no-repeat;}
.pronta-soc {	background:url(../img/pronta-soc.jpg) top right no-repeat;}
.pronta-pro {	background:url(../img/pronta-pro.jpg) top right no-repeat;}

div.modelos #miniaturas {
  position:absolute;
  margin-left:220px;
}
div.modelos #miniaturas p {
	display:none;
}
div.modelos .grande p {
	display: block !important;
	font-size: 12px;
	margin-left: 13px;
	margin-top: 388px;
	position: absolute;
	text-align: center;
	width: 277px;
	line-height:15px;
}

div.modelos #ampliar {
	background:url(../img/ampliar.png) 0 0 no-repeat transparent;
	width:183px;
	height:22px;
	margin:-22px 0 0 50px;
	position:absolute;
}

div.modelos #ampliar.dois {
	background-position: 0 -27px;
}

div.modelos #miniaturas ul {
	display:table;
	float:left;
}

div.modelos #miniaturas ul li a, div.modelos #miniaturas ul li a img {
	position:relative;
	z-index:5;
}
div.modelos #miniaturas ul li a img {
  border: 1px solid #aa9d9a;
  margin-bottom:10px;
}
div.modelos #miniaturas ul li a img:hover {
  border: 1px solid #000000;
  margin-bottom:10px;
}

div.modelos #miniaturas ul li {
  display:table-cell;
	vertical-align:bottom;
	padding:0 6px;
	display:none;
}

div.modelos #miniaturas ul li.tablecell {
	display:table-cell;
}

div.modelos #tabela {
  display:block;
  padding-left:261px;
	float:left;
  margin-top:15px;
  width:120px;
  clear:left;
  text-align:right;
  z-index:3;
  position:relative;
}

div.modelos #tabela a {
  font-size:20px;
  color:#413230;
  line-height:110%;
}

div.modelos #tabela a:hover {
  text-decoration:underline;
}

div.modelos #controles {
	color: #413230;
	float: left;
	line-height: 100%;
	margin-left: 91px;
	margin-top: 220px;
	text-align: center;
	width: 165px;
}

div.modelos #controles a {
	color: #413230;
}

div.modelos #controles #ant {
  float:left;
}
div.modelos #controles #prox {
  float:right;

}

div.modelos #controles .seta {
  display:block;
	height:35px;
	width:35px;
	margin-left:3px;
	font-size:87px;
	line-height:87px;
	position:relative;
	top:-38px;
}


div.modelos #grande {
	height:492px;
	width:296px;
	display:inline-block;
	margin-right:7px;
}
div.modelos #grande #imagem {
	width:286px;
	height:375px;
	margin-left:8px;
	background:white;
	overflow: hidden;
}
div.modelos #grande #imagem a {
	height:375px;
	width:286px;
	display:block;
}
div.modelos #grande #imagem img {
	display:block;
	border:0;
}
div.modelos #grande #legenda {
	width:100%;
	height:492px;
	background:url(../img/moldura_modelos.png) no-repeat transparent;
	margin-top:-375px;
}

/* ---------------------------------------------
   CLIENTES
   -------------------------------------------*/

div#clientes {
  width:500px;
  float:left;
	background:url(../img/bgclientes.jpg) top right no-repeat;
	padding:30px 20px 0 300px;
  font-size:12px;
}

div#clientes h1 {
	font-weight:bold;
	font-size:16px;
	margin-bottom:14px;
}

div#clientes ul {
	margin-bottom:20px;
  line-height:13px;
}

div#clientes .titulo {
  font-weight:bold;
  font-size:120%;
  margin-bottom:10px;
}

div#clientes #um {
  float:left;
  margin-left:50px;
}
div#clientes #dois {
  float:right;
	width:40%;
	margin-top:28px;
}

#final {
  background:url(../img/fundo.jpg)  top right no-repeat;
  width:100%;
  height:21px;
  float:right;
}

/* ---------------------------------------------
   CORES E TECIDOS
   -------------------------------------------*/

div#cores {
  width:500px;
  float:left;
	background:url(../img/bgcores.jpg) top right no-repeat;
	padding:30px 20px 30px 300px;
  font-size:12px;
}

div#cores ul {
	margin-bottom:20px;
  line-height:13px;
	margin-left:40px;
}

div#cores h2 {
  font-weight:bold;
  font-size:120%;
  margin-bottom:10px;
	margin-left:60px;
}

div#cores ul, div#cores li {
	display:inline-block;
}

div#cores li {
	display:table-cell;
	padding-left:10px;
	text-align:center;
	font-size:11px;
}

div#cores > p {
	margin-left:40px;
}

div#cores .cor {
	width:62px;
	height:111px;
}


#final {
  background:url(../img/fundo.jpg)  top right no-repeat;
  width:100%;
  height:21px;
  float:right;
}

/* ---------------------------------------------
   FOOTER
   -------------------------------------------*/

div#footer {
	width:820px;
	margin:0 auto;
	text-align:right;
	display:block;
	height:20px;
	padding-bottom:20px;
}


#contato .comochegar {
	display:block;
	font-size:12px;
	text-decoration:underline;
	margin-top:2px;
}
a.comochegar:hover {
	text-decoration:none !important;
}