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

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

	section#Contacts .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#Contacts .prodBannerTop .prodQuickInfo{
		color:#224dba;
		display: inline-block;
		left: -180px;
		position: relative;
		padding-top:20px;
		vertical-align: top;
		text-transform:uppercase;
	} 
	
		section#Contacts .prodBannerTop .prodQuickInfo .title{
			
		}
	
			section#Contacts .prodBannerTop .prodQuickInfo .title span.small{
				font-size: 30px;
				font-weight: 300;
				text-transform: uppercase;
				line-height: 30px;
				margin-left: 4px;
			}
			
			section#Contacts .prodBannerTop .prodQuickInfo .title span.big{
				font-size:75px;
				font-weight:200;
				line-height: 65px;
				color:#000;
			}
			
		section#Contacts .prodBannerTop .prodQuickInfo .text{
			position:relative;
			display:inline-block;
			margin-top:25px;
			color:#646464;
			margin-left: 7px;
		}
		
			section#Contacts .prodBannerTop .prodQuickInfo .text span{
				position:relative;
				display:block;
			}
			
			section#Contacts .prodBannerTop .prodQuickInfo .text .morada,
			section#Contacts .prodBannerTop .prodQuickInfo .text .contactos{
				position:relative;
				display:inline-table;
			}
			
			section#Contacts .prodBannerTop .prodQuickInfo .text .morada b{
				color:#000;
			}
			
			section#Contacts .prodBannerTop .prodQuickInfo .text .contactos{
				margin-left:25px;
			}
			
			section#Contacts .prodBannerTop .prodQuickInfo .text .contactos b{
				margin-right:10px;
			}
			
section#Contacts section#contactMap{
	position:relative;
	display:block;
	height:500px;
}
	
	section#Contacts section#contactMap #map{
		position:absolute;
		top:0;
		left:0;
		bottom:0;
		right:0;
		opacity:0.4;
		filter:  blur(3px);
		-webkit-filter: blur(3px);
		-moz-filter: blur(3px);
		-o-filter: blur(3px);
		-ms-filter: blur(3px);
		-webkit-transition: -webkit-filter .4s, opacity .4s;
		-moz-transition: -moz-filter .4s, opacity .4s;
		-o-transition: -o-filter .4s, opacity .4s;
		transition: filter .4s, opacity .4s;
	} section#Contacts section#contactMap #map.collected{
        opacity: 1;
		filter: grayscale(0%) blur(0);
		-webkit-filter: grayscale(0%) blur(0);
		-moz-filter: grayscale(0%) blur(0);
		-o-filter: grayscale(0%) blur(0);
		-ms-filter: grayscale(0%) blur(0);
	}
			
	section#Contacts section#contactMap .mapInfo{
		position:absolute;
		display:block;
		left:0px;
		top:10px;
		padding:30px 65px 30px 180px;
		background:#fff;
        min-height: 400px;
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	} section#Contacts section#contactMap .mapInfo:before{
		content:"";
		display:block;
		position:absolute;
		right:-130px;
		top:0;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 459px 130px 0 0;
		border-color: #fff transparent transparent transparent;
	} section#Contacts section#contactMap .mapInfo.collected{
		left:-510px;
	}
	
		section#Contacts section#contactMap .mapInfo > h1,
		section#Contacts section#contactMap .mapInfo > p,
		section#Contacts section#contactMap .mapInfo > form,
		section#Contacts section#contactMap .mapInfo > a,
		section#Contacts section#contactMap .mapInfo > .extraOptions{
			opacity:1;
			-webkit-transition: opacity .2s;
			-moz-transition: opacity .2s;
			-o-transition: opacity .2s;
			transition: opacity .2s;
		} section#Contacts section#contactMap .mapInfo.collected > h1,
		  section#Contacts section#contactMap .mapInfo.collected > p,
		  section#Contacts section#contactMap .mapInfo.collected > form,
		  section#Contacts section#contactMap .mapInfo.collected > a,
		  section#Contacts section#contactMap .mapInfo.collected > .extraOptions{
			opacity:0;
		}
	
		section#Contacts section#contactMap .mapInfo h1{
			font-size:36px;
			font-weight:200;
			margin-bottom:10px;
			color:#000;
			line-height: 25px;
		} section#Contacts section#contactMap .mapInfo h1.success{
              line-height: 50px;
              max-width: 300px;
              font-size: 60px;
              color:#4F8A10;
        }
		
		section#Contacts section#contactMap .mapInfo p{
			color:#646464;
		}
			
		section#Contacts section#contactMap .mapInfo form#contactForm{
			position:relative;
			display:block;
			margin:20px 0px;
		}
			
			section#Contacts section#contactMap .mapInfo form#contactForm input,
			section#Contacts section#contactMap .mapInfo form#contactForm textarea{
				position:relative;
				display:block;
				color:#6a6868;
				font-size:11px;
				color:#000;
				font-style:italic;
				padding:12px;
				width:100%;
				border:1px solid #6a6868;
			} section#Contacts section#contactMap .mapInfo form#contactForm input.error,
			  section#Contacts section#contactMap .mapInfo form#contactForm textarea.error{
				 	border-color:#d40202; 
			  }
			
			section#Contacts section#contactMap .mapInfo form#contactForm input#email{
				top:-1px;
			}
			
			section#Contacts section#contactMap .mapInfo form#contactForm textarea{
				resize:none;
				height:65px;
				top:-1px;
			}
			
			section#Contacts section#contactMap .mapInfo form#contactForm .errorMessage{
				margin-top: 5px;
				position: relative;
				display: block;
				color:#d40202;
			} section#Contacts section#contactMap .mapInfo form#contactForm .errorMessage.success{
				color:#4F8A10;
			}
			
			section#Contacts section#contactMap .mapInfo .toggleForm{
				position:absolute;
				right: -177px;
				top:18px;
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s;
			} 
			
				section#Contacts section#contactMap .mapInfo .toggleForm a{
					color:#d40202;
					line-height: 32px;
				} section#Contacts section#contactMap .mapInfo .toggleForm a:hover{
					text-decoration:none;
					color:#000;
				}
				
					section#Contacts section#contactMap .mapInfo .toggleForm a span.small{
						display:block;
						font-size:30px;
						font-weight:200;
					}
					
					section#Contacts section#contactMap .mapInfo .toggleForm a span.big{
						position:relative;
						display:table;
						font-size:50px;
						font-weight:200;
						margin-bottom:15px;
					}
					
						section#Contacts section#contactMap .mapInfo .toggleForm a span.big span#mapa{
							position:absolute;
							left:0;
							top:0;
							opacity:1;
							-webkit-transition: all .2s;
							-moz-transition: all .2s;
							-o-transition: all .2s;
							transition: all .2s;
						} section#Contacts section#contactMap .mapInfo.collected .toggleForm a span.big span#mapa{
							opacity:0;
						}
						
						section#Contacts section#contactMap .mapInfo .toggleForm a span.big span#formulario{
							position:absolute;
							left:0;
							top:0;
							opacity:0;
							-webkit-transition: all .2s;
							-moz-transition: all .2s;
							-o-transition: all .2s;
							transition: all .2s;
						} section#Contacts section#contactMap .mapInfo.collected .toggleForm a span.big span#formulario{
							opacity:1
						}
			
			
					section#Contacts section#contactMap .mapInfo .toggleForm a .mediumArrowLeftRed{
						top: 35px;
						position: relative;
						-webkit-transition: -webkit-transform 1s;
						-moz-transition: -moz-transform 1s;
						-o-transition: -o-transform 1s;
						transition: transform 1s;
					}section#Contacts section#contactMap .mapInfo .toggleForm a:hover .mediumArrowLeftRed{
						background-position: -101px -119px;
					} section#Contacts section#contactMap .mapInfo.collected .toggleForm a .mediumArrowLeftRed{
						-webkit-transform:rotate(1080deg);
						-moz-transform:rotate(1080deg);
						-o-transform:rotate(1080deg);
						transform:rotate(1080deg);
					}
					
					section#Contacts section#contactMap .mapInfo .buttonToSend{
						position: relative;
						display:block;
						padding: 8px 13px;
						line-height: 24px;
						font-size: 20px;
						color: #FFF;
						width: 100%;
						background: #D40202;
						font-weight:200;
						text-align: center;
						-webkit-transition: all .2s;
						-moz-transition: all .2s;
						-o-transition: all .2s;
						transition: all .2s;
					} section#Contacts section#contactMap .mapInfo .buttonToSend:hover{
						text-decoration: none;
						background: #A10101;
					}
					
						section#Contacts section#contactMap .mapInfo .buttonToSend span{
							float: right;
							margin-left: 20px;
							position: relative;
							top: 3px;
						}
						
					section#Contacts section#contactMap .mapInfo .extraOptions{
						position:relative;
						margin-top:15px;
						font-size:11px;
						color:#cac8c8;
						cursor:pointer;
						-webkit-transition: all .2s;
						-moz-transition: all .2s;
						-o-transition: all .2s;
						transition: all .2s;
					} section#Contacts section#contactMap .mapInfo .extraOptions:hover{
						color:#000;
					}