/* resetando a folha de estilos */
	@import url("resetando.css");
/* ============================ */
	/* === PÁGINA DE LOGIN === */ 
	.tituloTelaPK{font-size: 22px; font-weight: bold; text-align: left; padding: 4px; margin-top: 20px; margin-bottom: 20px; border-bottom: 1px solid #CCC;}
		div.topoLogin { width: 100%; background: url(../img/estrutural/bg-busca.png) top left repeat-x; overflow: hidden; height: 60px; margin-top: 5%; margin-bottom: 20px; }
		div.containerTopoLogin { width: 940px; height: 60px; margin: 0 auto; text-align: left; }
			div.containerTopoLogin img { width: 150px; height: 40px; float: left; margin-top: 10px; }
			div.containerTopoLogin h1 { color: white; font-weight: bold; font-size: 16px; float: left; margin: 25px 0px 0px 30px;}

		/*div.formularioLogin { background: url(../img/login/bg-corpo.png) top left no-repeat; overflow: hidden; width: 916px; height: 377px; margin: 0 auto; text-align: left; } */
		div.formularioLogin { background: #CCC; overflow: hidden; width: 916px; height: 377px; margin: 0 auto; text-align: left; } 
		div.formularioLogin form { margin-top: 50px; }
		div.formularioLogin fieldset { margin: 20px 0px 0px 50px; }
		div.formularioLogin label { display:block; float: left; width: 150px; font-size: 30px; color: #616060; font-weight: bold; margin-top:  10px; }
		div.formularioLogin div.fieldsLogin { width: 580px; height: 50px; background: url(../img/login/bg-campo.png) top left no-repeat; float: left; padding: 7px 10px 0px 10px; }
		div.formularioLogin div.fieldsLogin input, div.formularioLogin div.fieldsLogin select { font-size: 25px; font-style: italic; color: #666; font-weight: bold; width: 560px; height: 35px; background: none; border: none; }
		input.bt-login { cursor: pointer; color: white; font-size: 30px; font-weight: bold; text-transform: uppercase; width: 223px; height: 59px; border: none;  background: url(../img/login/bg-bt-login.png) top left no-repeat; display: block; margin: 20px 0px 0px 520px; }
	/* ======================= */

	#topo { width: 940px; height:60px; margin: 0 auto; text-align: left; position: relative; }
		#topo a.logopuket { width: 150px; height: 40px; float: left; padding-top: 10px; }
		
		#topo div.menuPrincipal { width: 750px; float: right; display: inline; height: 55px; background: url(../img/estrutural/bg-topo.png) top left no-repeat; }
			  div.menuPrincipal ul { margin: 13px 0px 0px 0px; width: 490px; float: left; display: inline; }
			  div.menuPrincipal ul.dropmenu li { 
				float: left; 
				height: 24px; 
				display: inline; 
				padding:8px 20px 0px 0px; margin: 0px 10px 0px 10px;
				text-align: center;
				position: relative;
				border-right: 1px solid #d0cdcd;
			  } div.menuPrincipal ul li.ultimoItemMenu { border-right: none; } 
			
			  div.menuPrincipal ul li a {
				color: #7c7877;
				font-size: 13px;
				font-weight: bold;
				text-transform: uppercase;
				text-decoration: none;
			  } div.menuPrincipal ul li a:hover { color: black; } 
		
			  /*submenu*/
    			ul.dropmenu li ul.submenus {
					display: none;
					position: absolute;
					text-align: left;
					left: 1px;
					top: 102%;
					padding-bottom: 10px;
					margin: 0px;
					z-index: 101;
					width: 200px;
					background: #f1efef url(../img/estrutural/bg-submenu.png) bottom left no-repeat;
			    }
			    
			    ul.dropmenu li ul.submenus li {
			    	float: none;
			    	border: none;
			    	height: 19px;
			    	display: block;
			    	text-align: left;
			    	padding: 2px 2px 0px 2px;
			    } ul.dropmenu li ul.submenus li a {font-size: 12px;}
	
		div.menuUsuario { width: 260px; float: right; text-align: left; }	
			div.menuUsuario span { 
				display: block; width: 150px; float: left;
				color: #fff; font-weight: bold; font-size: 12px;
				margin-top: 18px;
				margin-right: 30px;
			}
			
			div.menuUsuarioSair { width: 65px; float: right; height: 25px; margin: 18px 10px 0px 0px;  }
			div.menuUsuarioSair a { 
				display: block; width: 20px; margin-left: 20px; padding-left: 20px; padding-top: 1px; height: 25px;
				background: url(../img/estrutural/bg-sair.png) 0px 0px no-repeat;
				color: #fff; text-decoration: none; font-size: 12px; font-weight: bold;
			}
	
	div.menuGrife { 
		width: 940px; height: 60px;
                margin: auto auto;
		background: url(../img/estrutural/bg-busca.png) top left repeat-x; overflow: hidden;
		margin-bottom: 20px;	 
	}
	div.containermenuGrife { width: 940px; margin: 0 auto; height: 60px; overflow: hidden; }
	div.containermenuGrife ul { overflow: hidden; width: 1000px; }
	div.containermenuGrife ul li { float: left; display: inline; height: 38px; margin: 12px 10px 0px 10px; }
		div.containermenuGrife ul li a { display: block; float: left; height: 26px; background: url(../img/estrutural/bg-bt-center.png) top left repeat-x; color: #fff; font-weight: bold; text-decoration: none; font-size: 14px; padding-top: 12px; text-transform: uppercase; }
		div.containermenuGrife ul li a:hover { text-decoration: underline; }
		div.containermenuGrife ul li span.round-esquerda, div.containermenuGrife ul li span.round-direita { display: block; width: 8px; height: 38px; float:left; }
		div.containermenuGrife ul li span.round-esquerda { background: url(../img/estrutural/bg-bt-left.png) top left no-repeat; }
		div.containermenuGrife ul li span.round-direita  { background: url(../img/estrutural/bg-bt-right.png) top left no-repeat; } 
	
	#conteudo { width: 940px; margin: 0 auto; overflow: hidden; text-align: left; }
		div.opcoesCompra { width: 230px; background: #f1eff0; border: 1px solid #e3e1e2; float: left; margin-right: 20px; display: inline; }
		div.grupoAcoes { margin-bottom: 30px; }
			div.grupoAcoes h2 { height: 35px; padding-left: 45px; padding-top: 15px; color: #ff6124; font-size: 20px; font-weight: bold; margin-left: 12px; margin-bottom: 10px; }
			div.grupoAcoes h2.passo1 { background: url(../img/estrutural/1.png) center left no-repeat; }
			div.grupoAcoes h2.passo2 { background: url(../img/estrutural/2.png) center left no-repeat; }
		div.grupoAcoes select { margin-left: 20px; width: 190px; }
		div.grupoAcoes label  { display: block; margin: 0px 0px 10px 55px; font-size: 12px; }
		div.grupoAcoes input.finalizarCompra { display: block; width: 211px; height: 44px; background: url(../img/estrutural/bg-finalizar-compra.png) top left no-repeat; border: none; text-transform: uppercase; font-weight: bold; color: #fff; font-size: 14px; padding: 0px 0px 0px 15px; text-align: left; margin-left: 10px; cursor: pointer; }
	
		div.grupoOpcoes { margin: 10px 0px 10px 0px; padding: 10px; }
			div.grupoOpcoes h3 a { font-size: 20px; color: #787677; font-weight: bold; text-decoration: none; }
			div.grupoOpcoes ul { margin-top: 10px; margin-left: 20px; }
			div.grupoOpcoes ul li { margin-bottom: 8px; }
			div.grupoOpcoes ul li a { color: #979694; text-decoration: none; font-size: 13px; }
			div.grupoOpcoes ul li a:hover { color: #7e7e7e; text-decoration: underline; }
		div.grupoTopo { border-top: 1px dotted #bab9ba; padding-top: 20px; }
		
		#produtos { width: 680px; float: left; display: inline; }
			.menuProdutos { overflow: hidden; margin-bottom: 20px; }
			.menuProdutos ul li { float: left; margin-right: 10px; border: 1px solid #f2511a; text-align: center; padding: 5px; } 
			.menuProdutos ul li a { color: #f2511a; font-weight: bold; text-transform: uppercase; font-size: 13px; text-decoration: none; }
			.menuProdutos ul li a:hover { color: #000; }
		
		#listaProdutos { width: 770px; overflow: hidden; }
			div.item { width: 150px; height: 315px; float: left; overflow: hidden; margin: 0px 30px 30px 0px; }
			div.item div { width: 150px; height: 205px; overflow: hidden;}
			div.item div img{ width: 150px; border: 0px;}
				div.infoItem { margin-top: 10px; padding: 10px; background: #dfdfdf; }
				div.infoItem ul li { font-size: 12px; color: #333; margin-bottom: 8px; }
				div.infoItem ul li input { width: 20px; font-size: 10px; }


                #produto { width: 770px; overflow: hidden; }
                            #fotoPrincipalProd{text-align: center; width: 200px; border: 1px solid #CCC;}
                            #fotoPrincipalProd img{ margin: auto; text-align: center;}
                            #listarFotos{width: 180px;  margin: auto; margin-top: 10px; overflow: auto;}
                            #listarFotos div{ width: 55px; height: 80px; float: left; overflow: hidden; margin: 0px 3px 3px 0px; text-align: center; border: 1px solid #CCC; text-align: center;}
                            #listarFotos div img{ width: 50px; margin: auto; cursor: pointer; }
                            div.zoomdiv {
                                z-index: 100;
                                position: absolute;
                                top: 0px;
                                left: 0px;
                                width: 200px;
                                height: 200px;
                                background: #ffffff;
                                border: 1px solid #CCCCCC;
                                display: none;
                                text-align: center;
                                overflow: hidden;
                            }
                            img.jqzoom{
                                cursor:crosshair;
                                position:relative;
                            }

				
			    #paginacao{ width: 660px; height: 20px; border: 1px solid #F0F0F0; padding: 5px; margin-top: 10px; }
				#paginacao ul { overflow: hidden; } 
				#paginacao ul li { float: left; margin-right: 15px; }
				#paginacao ul li.paginacaoEsquerda { padding-left: 25px; border-right: 1px solid #f0f0f0; background: url(../img/estrutural/anterior.png) center left no-repeat; height: 20px; }
				#paginacao ul li.paginacaoEsquerda a { color:#999999; font-size: 10px; text-transform: uppercase; text-decoration: none; padding-right: 10px; }
				#paginacao ul li.paginacaoDireita { padding-right: 25px; border-left: 1px solid #f0f0f0; background: url(../img/estrutural/proxima.png) center right no-repeat; height: 20px; }
				#paginacao ul li.paginacaoDireita a { color:#999999; font-size: 10px; text-transform: uppercase; text-decoration: none; padding-left: 10px; }
				div.itensPaginacao { width: 440px; text-align: center; }
				div.itensPaginacao ul li {  font-size: 12px; text-align: center; margin-top: 5px; }
				div.itensPaginacao ul li a.active { color: #000000; font-weight: bold; }
				div.itensPaginacao ul li a { color:#666666; text-decoration: none;  }
				 
		/*  RODAPE  */
		#rodape { width: 100%; margin: auto auto; height: 200px; background: url(../img/estrutural/bg-rodape.png) bottom left repeat-x; overflow: hidden; clear: both; margin-top: 50px; }
			div.containerRodape { width: 940px; text-align: left; }
			div.textoRodape { width: 820px; float: left; padding-top: 165px;}
			div.infoRodape { width: 115px; float: right; }
			
			
			
			input.bt-padrao { cursor: pointer; color: white; font-size: 30px; font-weight: bold; text-transform: uppercase; width: 223px; height: 59px; border: none;  background: url(../img/login/bg-bt-login.png) top left no-repeat; display: block; margin: 0px; }
			input.bt-blue { cursor: pointer; color: white; font-size: 30px; font-weight: bold; text-transform: uppercase; width: 223px; height: 59px; border: none;  background: url(../img/login/bg-bt-blue.png) top left no-repeat; display: block; margin: 0px; }
			input.bt-green { cursor: pointer; color: white; font-size: 30px; font-weight: bold; text-transform: uppercase; width: 223px; height: 59px; border: none;  background: url(../img/login/bg-bt-green.png) top left no-repeat; display: block; margin: 0px; }
			input.bt-orange-easy { cursor: pointer; color: white; font-size: 30px; font-weight: bold; text-transform: uppercase; width: 223px; height: 59px; border: none;  background: url(../img/login/bg-bt-orange-easy.png) top left no-repeat; display: block; margin: 0px; }
			input.bt-gray-easy { cursor: pointer; color: white; font-size: 30px; font-weight: bold; text-transform: uppercase; width: 223px; height: 59px; border: none;  background: url(../img/login/bg-bt-gray-easy.png) top left no-repeat; display: block; margin: 0px; }
			input.bt-gray-easy1 { cursor: pointer; color: #687884; font-size: 15px; font-weight: bold; font-family: Arial, Verdana; text-transform: uppercase; width: 223px; height: 59px; border: none;  background: url(../img/login/bg-bt-gray-easy1.png) top left no-repeat; display: block; margin: 0px; }
			div.barraslide-left{cursor: pointer; width: 51px; height: 350px; position: absolute; float: left; z-index: 9999; margin-top: 40px; margin-left: 10px;}
			div.barraslide-right{cursor: pointer; width: 51px; height: 350px; position: absolute; float: right; z-index: 9999; margin-top: 40px; margin-left: 95%;}
.paging 
{
    position: relative;
	top: 15px;
	z-index: 9999999;
	width: 1000px;
	height: 25px;
	margin: auto;
	
}
.paging a {
	padding: 5px;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #DDD;
	color: #687884;
	background: #FFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 20px;
}
.paging a.active {
	font-weight: bold;
	background: #F1F1F1;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}