@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700);

html{
	background: url(../images/bg/bg.gif) fixed repeat center 0;
	color: #333;
}

body{
    padding: 0 0 0 0;
    margin: 10px;
	font-size: 12px/1.5em;
	font-family: 'Open Sans', sans-serif;
}
	
	.geral{
		width: 960px;
		margin: 0 auto;
		padding: 0 10px 0 10px;
		overflow: hidden;
		position: relative;
	}
	
	.caixa_topo,
	.rodape,
	.login-form{
		background: #f2f2f2 url(../images/bg/topo.gif) repeat-x 0 0;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		border: 1px solid #dbdbdb;
		
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}
	
	#page-login{
		text-align: center;
	}
	
		#page-login img{
			margin: 10px 0 20px 0;
		}
	
	.login-form {
		width: 542px;
		margin: 0 auto 5px auto;
		display: block;
		text-align: left;
	}
		.esqueceu_sua_senha .login-form,
		.login-form .caixa{
			width: 500px;
			padding: 20px;
	
		}
		
			.login-form h2{
				margin-bottom: 10px;
				color: #631496;
				text-shadow: 0px 1px 0 #fff;
				background: url(../images/tracejado2.png) repeat-x 0 bottom;
				padding-bottom: 16px;
				line-height: 100%;
			}
		
			.login-form .input-box{
				float: left;
				margin: 0 10px 10px 0;
			}
				
				.login-form .input-box label{
					display: block;
					margin: 0 0 4px 0;
				}
				
				.login-form .input-box input{
					padding: 10px;
					font-size: 13px;
				}
				
			.login-form button{
				margin-top: 26px;
			}
				.login-form button span{
					font-size: 14px;
					padding: 9px 10px 7px 10px;
				}
				
			.login-form a.left{
				font-size: 12px;
				text-shadow: 0px 1px 0 #fff;
			}
		
		.caixa_slide{
			width: 100%;
			position: absolute;
			top: 5px;
			z-index: 9;
		}
		
			.caixa_slide .conteudo{
				background: rgba(255, 255, 255, 0.95) url(../images/bg/baixo_slide.png) repeat-x 0 bottom;
				padding: 15px 0 19px 0;
				text-align: center;
				display: none;
				margin: 0 5px;
			}
			
				.caixa_slide .conteudo form{
					display: inline-block;
				}
						
				.caixa_slide .conteudo label{
					font-weight: bold;
					margin: 0 5px 0 0;
				}
				
				.caixa_slide .conteudo input[type=text]{
					width: 200px;
				}
				
				.caixa_slide .conteudo button span{
					padding: 6px 8px 1px 8px;
				}
				
				.caixa_slide .conteudo .caixa_campo_checkbox label{
					font-weight: normal;
				}
				
			.caixa_slide .slide{
				background: url(../images/bg/sombra_slide.png) repeat-x 0 0;
				text-align: center;
				margin: 0 5px;
			}
			
				.caixa_slide .slide a{
					background: url(../images/canto/canto1_slide.png) no-repeat 0 0;
					padding-left: 27px;
					display: inline-block;
				}
				
					.caixa_slide .slide a span{
						background: url(../images/canto/canto2_slide.png) no-repeat right 0;
						padding-right: 27px;
						display: inline-block;
					}
					
						.caixa_slide .slide a span span{
							background: url(../images/botoes/meio_slide.png) repeat-x 0 0;
							padding: 0;
						}
						
							.caixa_slide .slide a span span span{
								padding: 2px 12px 0 6px;
								background: url(../images/botoes/setinhas.gif) no-repeat right -44px;
								color: #812bba;
								font-weight: bold;
								font-size: 10px;
								text-transform: uppercase;
								height: 24px;
							}
							
							.caixa_slide .slide a.ativo span span span{
								background-position: right 7px;
							}
		
		.caixa_topo .caixa,
		.rodape .caixa,
		.middle .caixa,
		.login-form .caixa{
			border: 1px solid #fff;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}
		
			.caixa_topo .logo{
				padding: 10px 22px 10px 0;
				margin: 10px 20px 10px 10px;
				float: left;
			}
			
			.caixa_topo .fl{
				margin: 34px 0 0 0;
			}
				.caixa_topo h2{
					color: #ed6300;
					font-size: 16px;
					text-transform: uppercase;
					text-shadow: 0px 1px 0 #fff;
					font-family: 'GothamMediumRegular';
					font-weight: normal;
				}
			
				.caixa_topo h1{
					text-transform: uppercase;
					text-shadow: 0px 1px 0 #fff;
					color: #822bbb;
					font-family: 'GothamBoldRegular';
					font-weight: normal;
				}
				
			.caixa_topo .fr{
				margin: 10px;
			}
			
				.caixa_topo .aux{
					float: left;
					background: url(../images/tracejado.png) repeat-y right 0;
					padding: 0 12px 0 0;
					margin: 0 10px 0 0;
				}
				
					.caixa_topo .aux span{
						float: left;
						font-weight: bold;
						margin: 4px 0 0 0;
					}
					
					.caixa_topo .aux .foto{
						width: 22px;
						height: 22px;
						overflow: hidden;
						border: 1px solid #fff;
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						float: left;
						-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
						-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
						box-shadow: 0 1px 1px rgba(0,0,0,0.1);
					}
					
					.caixa_topo .aux a{
						color: #333333;
						font-weight: bold;
					}
					
				.caixa_topo .dia{
					float: left;
					background: url(../images/icones/calendario.gif) no-repeat right 5px;
					padding: 1px 20px 0 0;
					font-size: 12px;
				}
				
				.caixa_topo .sair{
					float: left;
					background: url(../images/icones/sair.png) no-repeat right 5px;
					padding: 0 14px 0 0;
					display: block;
					color: #333333;
					font-weight: bold;
					text-transform: lowercase;
					margin-top: 4px;
				}
				
				.caixa_topo .clrR{
					height: 30px;
				}
				
				.acessar-a-loja a{
					background: url(../images/icones/carrinho.png) no-repeat right 2px;
					margin: 0 0 0 0;
					padding: 0 20px 0 0;
				}
				
				.notificacoes{
					position: relative;
				}
				
					.notificacoes a.icone{
						background: url(../images/icones/mundo.png) no-repeat right 0;
						margin: 0 0 0 0;
						padding: 0 22px 0 0;
					}
				
					.caixa_topo .notificacoes span{
						background: #ef7000 url(../images/bg/laranja.gif) repeat-x 0 0;
						-webkit-border-radius: 2px;
						-moz-border-radius: 2px;
						border-radius: 2px;
						border: 1px solid #d45900; 
						margin: 0;
						-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
						-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
						box-shadow: 0 1px 1px rgba(0,0,0,0.1);
						position: absolute;
						top: -6px;
						right: 8px;
					}
					
						.caixa_topo .notificacoes span span{
							border: 1px solid #f6a100;
							-webkit-border-radius: 1px;
							-moz-border-radius: 1px;
							border-radius: 1px;
							font-size: 9px;
							font-weight: bold;
							text-shadow: 0px 1px 1px #000;
							color: #fff;
							padding: 0 2px 1px 2px;
							-moz-box-shadow: 0;
							-webkit-box-shadow: 0;
							box-shadow: 0;
							line-height: 100%;
							position: static;
						}
						
					.notificacoes .caixa_notificacoes,
					ul#nav ul{
						width: 226px;
						position:  absolute;
						background-color: #f7f7f7;
						-webkit-border-radius: 5px;
						-moz-border-radius: 5px;
						border-radius: 5px;
						border: 1px solid #cccccc;
						z-index: 1000;
						-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
						-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
						box-shadow: 0 0 5px rgba(0,0,0,0.1);
						left: -25px;
						top: 25px;
					}
					
					ul#nav ul{
						left: -10000px;
					}
					
						.notificacoes .caixa_notificacoes .canto{
							width: 21px;
							height: 14px;
							background: url(../images/canto/canto.png) no-repeat 0 0;
							margin: -14px auto 0 auto;
						}
						
						.notificacoes .caixa_notificacoes .caixa{
							border: 1px solid #fff;
							-webkit-border-radius: 5px;
							-moz-border-radius: 5px;
							border-radius: 5px;
						}
						
							.notificacoes .caixa_notificacoes li,
							#nav ul li{
								background: #f7f7f7 url(../images/bg/notificacoes.gif) repeat-x 0 0;
								padding: 15px;
								border-bottom: 1px dashed #c6c6c6;
								font-size: 12px;
							}
								
								.notificacoes .caixa_notificacoes  li a{
									text-decoration: underline;
									font-weight: normal;
								}
								
								.notificacoes .caixa_notificacoes li a.usuario{
									color: #de7f00;
									font-weight: bold;
									text-decoration: none;
								}
								
							.notificacoes .caixa_notificacoes a.vejamais{
								width: 100%;
								height: 23px;
								text-align: center;
								display: block;
								background: url(../images/bg/tracejado.gif) repeat-x 0 0;
								padding: 6px 0 0 0;
								text-transform: uppercase;
								color: #812bba;
								text-shadow: 0px 1px 0 #fff;
								font-size: 10px;
							}

	.menu{
		width: 100%;
		height: 34px;
		background: url(../images/menu/bg.gif) repeat-x 0 0;
		margin: 0 0 0 0;
		padding: 6px 0 0 0;
	}
	
	.notification-global{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin: 0 0 10px 0;
		border: 1px solid #EEE2BE;
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
		box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	}
	
	.middle{
		margin: 0 0 10px 0;
	}
	
		.middle .caixa{
			padding: 0;
			position: relative;
		}
			
			.middle .side-col{
			}
			
				.middle .side-col h3{
					padding: 15px;
				}
			
			.middle .caixa .main-col{
				padding: 15px;
			}
			
	
	.rodape .caixa{
		padding: 15px;
	}
	
		.rodape .caixa .fr{
			margin-top: 0px;
		}
.esqueceu_sua_senha{
		
}
@font-face {
    font-family: 'GothamBoldRegular';
    src: url('../fonts/gotham-bold-webfont.eot');
    src: url('../fonts/gotham-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-bold-webfont.woff') format('woff'),
         url('../fonts/gotham-bold-webfont.ttf') format('truetype'),
         url('../fonts/gotham-bold-webfont.svg#GothamBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'GothamMediumRegular';
    src: url('../fonts/gotham-medium-webfont.eot');
    src: url('../fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham-medium-webfont.woff') format('woff'),
         url('../fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('../fonts/gotham-medium-webfont.svg#GothamMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}