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



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

	section#Content .prodBannerTop .obliqueLine{
		width: 230px; 
		height: 120px; 
		border-bottom: 1px solid #fff; 
		-webkit-transform: translateY(20px) translateX(-230px) rotate(-60deg);
		-moz-transform: translateY(20px) translateX(-230px) rotate(-60deg);
		-o-transform: translateY(20px) translateX(-230px) rotate(-60deg);
		transform: translateY(20px) translateX(-230px) rotate(-60deg);
		display:inline-block;	
	}
	
	section#Content .prodBannerTop .prodQuickInfo{
		color:#224dba;
		display: inline-block;
		left: -227px;
		position: relative;
		padding-top:20px;
		vertical-align: top;
		text-transform:uppercase;
	} 
	
		section#Content .prodBannerTop .prodQuickInfo .title{
			
		}
	
			section#Content .prodBannerTop .prodQuickInfo .title span.small{
				font-size: 30px;
				font-weight: 300;
				text-transform: uppercase;
				line-height: 30px;
				margin-left: 4px;
			}
			
			section#Content .prodBannerTop .prodQuickInfo .title span.big{
				font-size:75px;
				font-weight:200;
				line-height: 65px;
				color:#fff;
			}
	
	section#Content article{
		width:100%;
		position:relative;
		/*max-width:950px;*/
		padding: 0 50px;
		box-sizing: border-box;
		text-align:center;
		margin: 30px 0;
        z-index: 1;
	}
	
	section#Content article .contNav{
		position:relative;
		display:inline-block;
		vertical-align:top;
		z-index:2;
		text-align:left;
		width:20%;
	}
			
		section#Content article .contNav nav ul{
			position:relative;
			display:block;
		}
		
			section#Content article .contNav nav ul li{
				position:relative;
				display:block;
				padding:5px 0;
				height:15px;
			}
			
				section#Content article .contNav nav ul li a{
					color:#000;
					font-size:14px;
				} section#Content article .contNav nav ul li a:hover,
				  section#Content article .contNav nav ul li a.current{
						color:#d72929;
						text-decoration:none;
				}
				
					section#Content article .contNav nav ul li a .icon{
						opacity:0;
						display: inline-block;
						position: relative;
						top: 5px;
						margin-right: 10px;
					} section#Content article .contNav nav ul li a.current .icon{
						opacity:1
					}
			
	section#Content article section{
		width:60%;
		position:relative;
		display:inline-block;
		vertical-align:top;
		margin-left:100px;
		background:#f1efef;
		padding:35px 0px;
		text-align:left;
	}
	
		section#Content article section span.triangle{
			position:absolute;
			left: -223px;
			top:0;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 0 0 50px 223px;
			border-color: transparent transparent #f1efef transparent;
			z-index:1;
		}
		
		section#Content article span.onlyBg{
			display: block;
			background: #F1EFEF;
			border: 0px solid #F1EFEF;
			position: absolute;
			top: 0;
			right: 0;
			height: 100%;
			width: 23%;
			z-index: -1;
		}
	
		section#Content article section .mainText{
			position:relative;
			display:inline-block;
			width:60%;
			vertical-align:top;
		}
		
		section#Content article section .mainImage{
			position:relative;
			display:inline-block;
			width:35%;
			margin-left:4%;
			vertical-align:top;
			text-align:center;
		}
		
			section#Content article section .mainImage img{
				position:relative;
				display:block;
				max-width:250px;
				width: 100%;
			}
	
		section#Content article section h1{
			font-size:24px;
			font-weight:600;
			position:relative;
			display:block;
			margin-bottom:10px;
		}
		
		section#Content article section p{
			font-size:12px;
			position:relative;
			display:block;
			margin-bottom:10px;
		}

        section#Content article section strong {font-weight: bold;}
        section#Content article section em {font-style: italic;}
        section#Content article section em strong {font-style: italic;font-weight: bold;}
        section#Content article section strong em {font-style: italic;font-weight: bold;}

		section#Content article section h3{
			font-size:14px;
			font-weight:600;
			position:relative;
			display:block;
			margin-bottom:10px;
		}