@charset "utf-8";
/* #############################################################################################################
#  Inovazi Agência Criativa                                                                                     
#  Copyright (C) 2013 Inovazi Agência Criativa                                                                  
#  Website:  http://www.inovazi.com                                                                             
#  ########################################################################################################## */

section#NewStore .prodBannerTop {
	background-size:cover !important;
	background-position: 0 0;
	background-attachment:fixed;
	height:190px;
	padding: 2px 40px 2px 11.5%;
}

	section#NewStore .prodBannerTop .obliqueLine{
		width: 200px; 
		height: 120px; 
		border-bottom: 1px solid #000; 
		-webkit-transform: translateY(5px) translateX(-203px) rotate(-60deg);
		-moz-transform: translateY(5px) translateX(-203px) rotate(-60deg);
		-o-transform: translateY(5px) translateX(-203px) rotate(-60deg);
		transform: translateY(5px) translateX(-203px) rotate(-60deg);
		display:inline-block;	
	}
	
	section#NewStore .prodBannerTop .prodQuickInfo{
		color:#224dba;
		display: inline-block;
		left: -180px;
		position: relative;
		padding-top:20px;
		vertical-align: top;
		text-transform:uppercase;
	} 
	
		section#NewStore .prodBannerTop .prodQuickInfo .title{
			
		}
	
			section#NewStore .prodBannerTop .prodQuickInfo .title span.small{
				font-size: 30px;
				font-weight: 300;
				text-transform: uppercase;
				line-height: 30px;
				margin-left: 4px;
			}
			
			section#NewStore .prodBannerTop .prodQuickInfo .title span.big{
				font-size:75px;
				font-weight:200;
				line-height: 65px;
				color:#000;
			}
			
		section#NewStore .prodBannerTop .prodQuickInfo .text{
			position:relative;
			display:inline-block;
			margin-top:25px;
			color:#646464;
			margin-left: 7px;
		}
		
			section#NewStore .prodBannerTop .prodQuickInfo .text p{
			/*	max-width:520px;*/
			}
			
section#NewStore  section{
	position:relative;
	display:block;
}
			
	section#NewStore  section .newStoreForm{
		position:relative;
		display:block;
		background:#f1efef;
		padding: 30px 65px 30px 12%;
		width: 31%;
	}section#NewStore  section .newStoreForm.success{
        font-size: 30px;
        color: #4f9e2c;
        padding: 297px 65px 298px 12%;
     } section#NewStore  section .newStoreForm .triangle{
		display:block;
		position:absolute;
		right:-280px;
		top:0;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 889px 0 0 280px;
		border-color: transparent transparent transparent #f1efef;
	}
	
		section#NewStore  section .newStoreForm h1{
			color:#d40202;
			font-size:26px;
			width:100%;
			max-width:240px;
			margin-bottom:20px;
			line-height:26px;
			font-weight:200;
			text-transform:uppercase;
		}
		
		section#NewStore  section .newStoreForm .divider{
			margin-top:50px;
            float: left;
            width: 100%;
		}
		
			section#NewStore  section .newStoreForm .divider span.icon{
				position:relative;
				margin-bottom:10px;
			}
			
		section#NewStore  section .newStoreForm .formField{
			display:block;
			position:relative;
			margin-bottom:10px;
		} section#NewStore  section .newStoreForm .formField:not([class*="halfWidth"]){
            clear: both;
        } section#NewStore  section .newStoreForm .formField.halfWidth{
			display:inline-block;
			width:45%;
            float: left;
		}
			
			section#NewStore  section .newStoreForm .formField label{
				color:#000;
				font-size:11px;
				display:block;
				width:100%;
				margin-bottom:3px;
				text-transform:uppercase;
			}
			
			section#NewStore  section .newStoreForm .formField input,
			section#NewStore  section .newStoreForm .formField textarea{
				width:100%;
				border:1px solid #c8c8c8;
				background:#fff;
				padding:10px;
				font-size:14px;
				color:#000;
				font-size:11px;
			} section#NewStore  section .newStoreForm .formField input:nth-child(n+2){
				margin-top:3px;
			} section#NewStore  section .newStoreForm .formField.halfWidth input{
				width:100%;
			} section#NewStore  section .newStoreForm .formField input.error,
			  section#NewStore  section .newStoreForm .formField textarea.error,
			  section#NewStore  section .newStoreForm .formField.Important input,
			  section#NewStore  section .newStoreForm .formField.Important textarea,
			  section#NewStore  section .newStoreForm .formField.notSoImportant input,
			  section#NewStore  section .newStoreForm .formField.notSoImportant textarea{
				border-color:#d40202;
				background:#f8f7f7;
			}
			
			section#NewStore  section .newStoreForm .formField.Important input::-webkit-input-placeholder,
			section#NewStore  section .newStoreForm .formField.Important textarea::-webkit-input-placeholder
			{ color:    #d40202; }
			
			section#NewStore  section .newStoreForm .formField.Important input:-moz-placeholder,
			section#NewStore  section .newStoreForm .formField.Important textarea:-moz-placeholder 
			{ color:    #d40202; }
			
			section#NewStore  section .newStoreForm .formField.Important input::-moz-placeholder,
			section#NewStore  section .newStoreForm .formField.Important textarea::-moz-placeholder 
			{ color:    #d40202; }
			
			section#NewStore  section .newStoreForm .formField.Important input:-ms-input-placeholder,
			section#NewStore  section .newStoreForm .formField.Important textarea:-ms-input-placeholder 
			{ color:    #d40202; }
			
			/****/
			
			section#NewStore  section .newStoreForm .formField.notSoImportant input::-webkit-input-placeholder,
			section#NewStore  section .newStoreForm .formField.notSoImportant textarea::-webkit-input-placeholder
			{ color:    #e69a9a; }
			
			section#NewStore  section .newStoreForm .formField.notSoImportant input:-moz-placeholder,
			section#NewStore  section .newStoreForm .formField.notSoImportant textarea:-moz-placeholder 
			{ color:    #e69a9a; }
			
			section#NewStore  section .newStoreForm .formField.notSoImportant input::-moz-placeholder,
			section#NewStore  section .newStoreForm .formField.notSoImportant textarea::-moz-placeholder 
			{ color:    #e69a9a; }
			
			section#NewStore  section .newStoreForm .formField.notSoImportant input:-ms-input-placeholder,
			section#NewStore  section .newStoreForm .formField.notSoImportant textarea:-ms-input-placeholder 
			{ color:    #e69a9a; }
		
			section#NewStore  section .newStoreForm .formField .errorMessage{
				margin-top: 5px;
				position: relative;
				display: block;
				color:#d40202;
			} section#NewStore  section .newStoreForm .formField .errorMessage.success{
				color:#4F8A10;
			}
			
			section#NewStore  section .newStoreForm .addStore{
				position: relative;
				display:block;
				width: 98.7%;
				padding: 8px 13px;
				line-height: 24px;
				font-size: 12px;
				color: #FFF;
				background: #D40202;
				font-weight:200;
				text-align: center;
				text-transform:uppercase;
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s;
			} section#NewStore  section .newStoreForm .addStore.loading:after{
                content:"";
                position:absolute;
                display:block;
                left:105%;
                top:5px;
                width:30px;
                height: 30px;
                background: url('../img/loaderSmall.gif') 0 0 no-repeat;
            } section#NewStore  section .newStoreForm .addStore:hover{
				text-decoration: none;
				background: #A10101;
			}
			
				section#NewStore  section .newStoreForm .addStore span{
					float: right;
					margin-left: 20px;
					position: relative;
					top: 3px;
				}
		
		section#NewStore  section .newStoreForm .errorMessage{
			margin-bottom: 5px;
			position: relative;
			display: block;
			color:#d40202;
		} section#NewStore  section .newStoreForm .errorMessage.success{
			color:#4F8A10;
		}
			
	section#NewStore  section .mapaLojas{
		position:absolute;
		top:0;
		left: 65%;
	}
	
		section#NewStore  section .mapaLojas h1{
			position:relative;
			left:-100px;
			color:#000;
			font-weight:200;
			text-transform:uppercase;
		}
		
			section#NewStore  section .mapaLojas h1 span.big{
				display:block;
				font-size:50px;
			}
			
			section#NewStore  section .mapaLojas h1 span.small{
				font-size:30px;
				line-height: 0.6em;
			}

            section#NewStore  section .mapaLojas svg > g > path{
                fill: #ebebeb !important;
            }
            section#NewStore  section .mapaLojas svg g.hasStores > path{
                /*fill:#F7F6F6 !important;*/
            }

            section#NewStore  section .mapaLojas svg g .storeMarker{
                opacity:0 !important;
            } section#NewStore  section .mapaLojas svg g.hasStores .storeMarker{
                  opacity:1 !important;
              }

            section#NewStore  section .mapaLojas svg g.hasStores .storeMarker .marker{
                fill:#FF0000 !important;
            }

                section#NewStore  section .mapaLojas svg g.hasStores g.lettering g path{
                    fill:#6a6a6a !important;
                }