/*MODELO WEBSTORM*/

/*CONFIGURAÇÕES GERAIS*/
body {
	margin:0 auto;
	padding:0;
	min-width:1000px;
	background:#e6e6e6;
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	margin:0px;
}

a {text-decoration:none; border:none; color:#333}

a:hover{text-decoration:underline;}


h1{color:#333; font-weight:normal}
h1.bold{font-weight:bold}
h2{font-size:18px; color:#464646; font-weight:normal; margin-bottom:10px; border-bottom:3px solid #f4f4f4; background:#f9f9f9}
.corPadrao{color:#8d1113}
h3 {color:#4d4d4d; font-size:2em; font-weight:bold;margin-bottom:10px;}
h4 { color:#333; font-size:16px; font-weight:bold; margin:10px 0; border-bottom:1px dotted #999}

input, textArea, select{ 
	background: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#000000;
	border: 1px solid #d6d6d6;
	padding:0 0 0 3px;
-moz-border-radius: 3px; -webkit-border-radius:3px 	
}

input{ padding:3px; height:20x; vertical-align:middle}


.paginacao{width:100%; float:left; margin-top:10px;height:20px;padding-top:10px}
.paginacao a{color:#666; padding:2px 5px;border:1px solid #fff}
.paginacao a:hover{border:1px solid #ccc; color:#666; text-decoration:none}


/*ESQUELETO*/

#cabecalho{float:left; width:100%; height:100%; background:url(images/bgCabecalho.jpg) repeat-x top}

#direita{width:160px; float:right; margin-left:5px; overflow:hidden; margin-bottom:10px}

#esquerda{width:160px; float:left; margin-right:5px; overflow:hidden; margin-bottom:10px}

#conteudo{float:left; width:100%; overflow:hidden;}

#rodape{clear:both; overflow:hidden; height:100%; padding-bottom:10px; background:#e0e0e0}

/*INSTITUCIONAL*/

#institucional{float:left; width:100%; padding:6px 0 6px 0; text-transform:uppercase}
#institucional ul{text-align:center; color:#464646; font-size:10px; line-height:23px}
#institucional li{display:inline; padding:0 4px 0 5px}
#institucional .separa{font-size:9px; color:#464646; cursor:default}
#institucional a{color:#464646}
.titulo{font-weight:normal; padding:0;}


/*MENU PADRÃO LATERAL

#menu{clear:both; z-index:100; width:160px;}

#menu span{display:block; height:100%; cursor: pointer; padding:5px 0}

#menu li{ float:left; width:100%}

#menu a{display:block; padding:5px 0}

#menu a:hover{text-decoration:none}

/*1º NÍVEL
#menu .containerN1 li span{
	background:url(images/arrow.jpg)  150px 9px  #fff no-repeat;
 	color:#A00;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding-left:10px
}
/*2º NÍVEL
#menu .containerN2 li a{
	color:#333; 
	border-bottom:1px dashed #ccc;
	padding-left:20px;
	width:140px
}
 
#menu .containerN2  li a:hover{	background:#f1f1f1;}

/*3º NÍVEL
#menu .containerN2 li ul{
	position: absolute;  
	margin:-26px 0px 0px 160px; 
	z-index:200
}

#menu .containerN3{width: 100%;}

#menu .containerN3 li a{
	z-index:100;
	border-bottom:1px solid #D1D1D1; 
	background:#F1F1F1;
	color:#333;
}

#menu .containerN3 li a:hover{background:#DFDFDF}


/*LISTA CASAMENTO*/
#buscaLista { height: 150px; }
#buscaLista li { padding: 3px; }
#novaBusca { margin: 10px 0px; font-weight: bold; }

#listagemNoivos{ width: 100%;}
#listagemNoivos ul{ margin:0; padding:0; width: 100%; }

#listagemNoivos ul li { width:100%; float:none; }

#listagemNoivos li.listagem{
	float:left;
	height:90px;
	width:24%;
	overflow:hidden;
	border-right:1px dashed #DDD;
	border-bottom:1px dashed #DDD;
	text-align:center;
	padding:5px 0; 
}

#listagemNoivos .listagem div{height: 26px}

#listagemNoivos .title{
	border:1px solid #fff;
	font-weight:bold; 
	font-size:12px; 
	background:#c61616; 
	height: 20px; 
	float:left; 
	width:24%;
	text-align:center;
	padding:5px 0;
	color: #fff; 
}


#nomeDepartamento{background:url(images/bgSelect.gif) no-repeat right top}
.formulario div {height:27px; padding:6px 0 9px 5px; z-index:999}
.formulario input {font-size:1.1em; color:#666; border:2px solid #ddd; padding:3px}
.formulario .opcoes {background:#fff}
.formulario .opcoes li {border:1px solid #ededed; border-bottom:none; background:#fff; padding:4px; margin:0 0 0 0; display:block; cursor:pointer; color:#999; font-style:italic}
.formulario .opcoes .mouseOver {background:#ddd}






/*PEDIDO FINALIZADO*/

	/* CENTRAL DO CLIENTE */
.centralIcones {float:left; width:850px; padding:15px 0 0 100px; overflow:hidden; }
.centralIcones img{float:left; margin-right:10px}
.centralIcones a{cursor:pointer}
.centralIcones span{font-size:2.0em; font-weight:bold; float:left}
.centralIcones li{height:40px; float:left; width:30%; border-right:1px solid #ccc; padding:10px 0 10px 10px;}

.infoCentralAtendimento{font-size:0.9em; float:left; width:98%; text-align:center; border-top:1px solid #ccc; padding-top:5px; margin-top:10px}

.menuCentral{border:1px solid #ccc;}
.menuCentral h1{font-size:1em; background:#06559e; color:#fff; padding:4px 5px; margin-top:10px}
.menuCentral a{display:block; padding:3px 0 3px 14px; background:url(images/arrow.png) no-repeat 3px center}

.centralConteudo { overflow:hidden; margin:0 5px; float:left; width:640px; }

.centralConteudo h2{ font-size:3em; font-weight:bold; color:#6f00; padding-bottom:10px }
.centralConteudo h3{ font-size:2em; color:#666; padding-bottom:5px }

	/* MEUS PEDIDOS */
.pedidoSelecionado {float:left; width:100%; margin-top:20px}
.pedidoSelecionado .numeroPedido {background:url(images/bgNumeroPedido2.gif) no-repeat; width:248px; margin: 0 15px 0 30px; height:133px; float:left; text-align:center; color:#fff; padding:10px 0}
.pedidoSelecionado .numeroPedido li {float:left; width:100%; margin:2px 0}
.pedidoSelecionado .numeroPedido span {padding-top:10px; float:left; text-align:center; width:100%}
.pedidoSelecionado .numeroPedido li.codigo {background:#6f0000; padding:5px 0; font-size:1.7em; font-weight:bold; color:#FC0; margin-bottom:3px}
.pedidoSelecionado .numeroPedido a {color:#fff}

.pedidoSelecionado .formaPagamento { padding:10px 0; font-size:1.15em; color:#666; font-weight:bold; float:left }
.pedidoSelecionado .formaPagamento img{ float:left;}
.pedidoSelecionado .formaPagamento span{ margin-top:2px; float:left; width:425px; }

.pedidoSelecionado .dataPedido { color:#0566ae; font-size:0.9em; font-weight:normal; padding:2px 0}
.pedidoSelecionado .dataPedido a{color:#0566ae;}

.listaPedidos ul { float:left; width:100%; border-bottom:1px dashed #ddd; padding:10px 0 }
.listaPedidos .nav{ background:#f9f9f9; font-weight:bold; font-size:1.1em }
.listaPedidos li{ text-align:center; float:left; width:130px; }
.listaPedidos li.coluna5 { width:240px }
.listaPedidos a{ color:#0566ae; }

.listaPedidos .colunaDetalhe1 {width:110px}
.listaPedidos .colunaDetalhe2 { width:220px}
.listaPedidos .colunaDetalhe3 {width:110px}
.listaPedidos .colunaDetalhe4 {}
.listaPedidos .colunaDetalhe5 {width:180px}

.formMeusPedidos ul{float:left; width:100%;}
.formMeusPedidos li{float:left; width:100%; font-size:1.1em; padding:6px 0 6px 50px }

.entrega {float:left; width:280px; background:#f1f1f1; padding:10px; line-height:16px; margin:10px 0 0 60px}

.valoresPedido {float:right; width:450px; margin:10px 70px 0 0; font-size:1.2em}
.valoresPedido li {float:left; width:75%; text-align:right; line-height:24px}
.valoresPedido li.col2 {width:24%; }


/*LISTA PEDIDOS EM PEDIDO FINALIZADO - ESTILO IGUAL DA TELA MEUS PEDIDOS*/
.listaPedidosPF ul { float:left; width:100%; border-bottom:1px dashed #ddd; padding:10px 0 }
.listaPedidosPF .nav{ background:#6f0000; font-weight:bold; font-size:1.1em; color:#fff }
.listaPedidosPF li{ text-align:center; float:left; width:120px; }
.listaPedidosPF a{ color:#0566ae; }

.listaPedidosPF li.coluna1 {width:400px; margin-left:60px}
.listaPedidosPF li.coluna2 {}
.listaPedidosPF li.coluna3 {}
.listaPedidosPF li.coluna4 {}
.listaPedidosPF li.coluna5 {width:150px}


/*TITULO CENTRAL DO CLIENTE*/
.titCentral {margin:0 50px 20px 50px; font-size:3em; border-bottom:1px dashed #ddd; color:#4d4d4d; font-weight:bold}


/*AVALIAÇÃO*/

#star div{height:13px;}

#star .level5{ background:url(images/iconStar.png) no-repeat 0 0; width:73px;  }
#star .level4{ background:url(images/iconStar.png) no-repeat -14px 0; width:73px; }
#star .level3{ background:url(images/iconStar.png) no-repeat -28px 0; width:73px;}
#star .level2{ background:url(images/iconStar.png) no-repeat -42px 0; width:73px; }
#star .level1{ background:url(images/iconStar.png) no-repeat -57px 0; width:73px;}

#star{
	margin:auto;
	height:13px; 
	width:75px; 
	text-align:center;
	margin:5px  auto;
}

.nome_Campos {float:left; width:100px; text-align:right; padding-right:5px}
.nome_Campos li{padding:0 0 10px 0}

#star2 div{height:15px;}

#star2 .level5{ background:url(images/iconStarG.png) no-repeat 0 0; width:87px;  }
#star2 .level4{ background:url(images/iconStarG.png) no-repeat -18px 0; width:87px; }
#star2 .level3{ background:url(images/iconStarG.png) no-repeat -36px 0; width:87px;}
#star2 .level2{ background:url(images/iconStarG.png) no-repeat -54px 0; width:87px; }
#star2 .level1{ background:url(images/iconStarG.png) no-repeat -71px 0; width:87px;}

.comentarios {float:left; padding:10px 0; width:100%}

#box8{ background:url(images/box5.png) no-repeat left top;	padding:0 0 0 7px;}
#box8 .rightBox8{ background:url(images/box5.png) no-repeat right top; overflow:hidden; padding:10px 7px 0 3px; height:100%; }
#closeBox8{ background:url(images/box5.png) no-repeat left bottom; padding:0 0 0 7px ;		margin:auto;}
#closeBox8 .rightBox8{  background:url(images/box5.png) no-repeat right bottom; padding-left:3px; overflow:hidden; height:16px}

#boxNamorados{ background:url(images/box5Red.png) no-repeat left top;	padding:0 0 0 7px;}
#boxNamorados .rightBoxNamorados{ background:url(images/box5Red.png) no-repeat right top; overflow:hidden; padding:10px 7px 0 3px; height:100%; }
#closeBoxNamorados{ background:url(images/box5Red.png) no-repeat left bottom; padding:0 0 0 7px ;		margin:auto;}
#closeBoxNamorados .rightBoxNamorados{  background:url(images/box5Red.png) no-repeat right bottom; padding-left:3px; overflow:hidden; height:16px}


#acompanhamento{float:left; font-family:Arial, Helvetica, sans-serif;clear:both;color:#777; margin:15px 0px 15px 0px; padding-left:15px}
#acompanhamento .situacao{ font-size:11px; text-transform:uppercase; font-weight:bold;  text-align:left; width:97px; float:left; margin:0 82px 10px 0px; text-align:center}
#acompanhamento .titulos{ display:inline;float:left}

#acompanhamento .barraStatus{ display:inline;  width:891px; height:41px; float:left; padding-left:30px}
#acompanhamento .barraOK{ background:url(images/acompOk.jpg) right center no-repeat; width:180px; height:41px; float:left}
#acompanhamento .barraOFF{ background:url(images/acompPendente.jpg) right center no-repeat; width:180px; height:41px; float:left}

#acompanhamento	.status{ float:left; margin:10px 0}
#acompanhamento .statusOK{ background:url(images/btoCompleto.jpg) left center no-repeat; height:19px; width:181px; float:left;}
#acompanhamento .statusOFF{background:url(images/btoPendente.jpg) left center no-repeat; height:19px; width:181px; float:left;}

#acompanhamento .estrutura{display:inline; float:left;}
#acompanhamento .dataHora{ width:181px; float:left; font-size:10px; text-align:left; text-transform:uppercase }
#acompanhamento .semDataHora{ display:none}

#acompanhamento .tituloAcompanhe{ font-size:16px; color:#669933; font-weight:normal; float:left; text-transform:uppercase; margin-bottom:15px}

li.priceOff  {background:#999999; font-size:13px; color:#fff; padding:2px 10px; width:150px; margin-bottom:10px; text-align:right}