/* Cabeçalho */

.languages a {
    display: block;
}

.wrapper_header{
	width: 100%;
	height:110px;
	margin: 0 auto;
	position: fixed;
	top: 0%;
	background-color: #fff;
	z-index: 10000;
	box-shadow: 2px 2px 2px #929292;
}

.languages{
	/* background: none repeat scroll 0 0 gray; */
	border-radius: 0 0 20px 20px;
	-moz-border-radius: 0 0 20px 20px;
	-webkit-border-radius: 0 0 20px 20px;
	-khtml-border-radius: 0 0 20px 20px;
	float: right;
	height: 30px;
	/* padding: 0 15px; */
	margin: 30px 80px 50px 50px;
}

nav.menu .menu-responsivo{
	display:none;
	margin-top: 10px;
	text-align: center;
}

nav.menu ul.menu-padrao{
	display: inline-table;
	position: absolute;
	padding-right: 20px;
	margin: 28px 190px 0 180px;
	float:right;
}

nav.menu ul.first-level > li{
	background: #fff; /* Old browsers */
	float:left;

}

nav.menu ul li a:hover{
	color: #929292;
}


nav.menu ul li a{
	display:block;
	font-size: 0.8em;/* se tirar o upercase coloque aqui em 0.9*/
	font-family: Arial, Verdana, Helvetica;
	color:#929292;
	cursor:pointer;
	padding: 15px 30px;
	text-transform: uppercase;
	
}

nav.menu ul.first-level li:hover > ul.second-level{
	display:block;	
}

nav.menu ul.second-level{
	display:none;
	position:absolute;
	top:100%;
	z-index:1;
}

nav.menu ul.second-level li{
	float:none;
	background:#666;
	border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;
	opacity:0.9;
}

nav.menu ul.first-level li:hover > ul {
	display: block;
}

.wrapper_header .logo{
	float:left;
}

/* Slider */

.wrapper_slider{
	background:url(../images/bg_wrapper_slider.jpg) repeat-x;
	position: relative;
	width: 100%;
	height:400px;
}

.wrapper_slider2{
	/*background: url("../images/bg_slider.png") no-repeat scroll 0 0 transparent;*/
	width: 100%;
	height: inherit;
	margin: 0 auto;
}

.slider{
	width:1024px;	
	height: inherit;
	margin: 0 auto;
	position:relative;
}

.flexslider{
	height:400px;
	margin:0 auto !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
  	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.flexslider .flex-direction-nav a{
	background: url(../images/arrows.png) no-repeat;
	height:60px;
	width:60px;
}

.flexslider .flex-direction-nav .flex-next{
	background-position:100% 0;
}

.flexslider .slides img{
	width:auto !important;
	margin:0 auto;
}

.flexslider .flex-prev{
	left:4% !important;
}

.flexslider .flex-next{
	right:4% !important;
}

/* Conteúdo */

p{
	font-size:18px;
	line-height:1.6em;
	font-family: arial, helvetica, sans-serif;
	color: #8A8A8A;	
}

h1{
	font-size: 1.4em; /* 24px */
	color: #6B6B6B;
	font-family: arial, helvetica, sans-serif;
}

h2{
	font-size:1.1em;	/* 22px */
}

h3{
	font-size:0.8em;	
}

h4{
	font-size:1.1em;	/* 22px */
	margin-bottom:20px;
}

.wrapper_main{
	margin: 0 auto;
	width: 85%;
	min-height:600px;
	padding-bottom: 100px;
}

.welcome{
	margin: 20px auto;
	padding: 20px 0;
	width: 74%;
	max-width:600px;
	text-align:center;
	border:1px solid #DBDBDB;
	border-left:0;
	border-right:0;
	font-family: arial, helvetica, sans-serif;
	color: #929292;
}

span.wda{
	color:#00b2ec;
}

.wrapper_services{
	margin: 20px auto;
}

ul.services{
	width: inherit;
	overflow:hidden;
}

ul.services li{
	float:left;
	width: 29.3%;	
	margin: 10px 2% 30px;
	overflow: hidden;
}

ul.services li.quemsomos{
	background:url(../images/icon-pesquisadese.png) no-repeat 0px top;
	background-position:50% 2%;
	margin-left: 5%;
	background-size: 140px;

}

ul.services li.awda{
	background:url(../images/icon-fabricadesoftware7.png) no-repeat -1px top;
	background-position: 40% 0%;
	margin-left: 45%;
	margin-top: -515px;
	background-size: 220px;
}

ul.services li.missao{
	background:url(../images/icon-sistemaespecializado6.png) no-repeat -2px top;
	background-position: 25% 10%;
	background-size: 260px;
	margin-left: 85%;
	margin-top: -545px;
}
ul.services li.outsourcing{
	background:url(../images/OS_Icon.png) no-repeat -2px top;
	background-position: 35% 8%;
	background-size: 170px;
	margin-left: 125%;
	margin-top: -545px;
	padding-bottom: 10px;
}





ul.services li.industria{
	background:url(../images/Industria_Icon2.png) no-repeat 0px top;
	background-position:50% 2%;
	background-size: 170px;
}

ul.services li.saude{
	background:url(../images/Saude_Icon3.jpg) no-repeat -1px top;
	background-position: 40% 0%;
	background-size: 185px;
}

ul.services li.educacao{
	background:url(../images/Educacao_Icon2.jpeg) no-repeat -2px top;
	background-position: 35% 8%;
	background-size: 170px;
}

ul.services li.corporativo{
	background:url(../images/Corporativo_Icon2.png) no-repeat -2px top;
	background-position: 35% 8%;
	background-size: 170px;
}

ul.services li.energia{
	background:url(../images/Energia_Icon1.png) no-repeat -2px top;
	background-position: 35% -20%;
	background-size: 200px;
}

ul.services li.inovacao{
	background:url(../images/Inovation_Icon.png) no-repeat -2px top;
	background-position: 35% 8%;
	background-size: 170px;
}

ul.services li.industria h1{
	margin: 200px 0px 15px 35px;
	font-size: 21px;
}
ul.services li.saude h1{
	margin: 200px 0px 15px 100px;
	font-size: 21px;
}
ul.services li.educacao h1{
	margin: 200px 0px 15px 80px;
	font-size: 21px;
}
ul.services li.corporativo h1{
	margin: 200px 0px 15px 65px;
	font-size: 21px;
}
ul.services li.energia h1{
	margin: 200px 0px 15px 95px;
	font-size: 21px;
}
ul.services li.inovacao h1{
	margin: 200px 0px 15px 50px;
	font-size: 21px;
}
ul.services li.outsourcing h1{
	margin: 220px 0px 15px 48px;
	font-size: 21px;
}
ul.services li.outsourcing p {
    margin-top: 35px;
    text-align: justify;
}
div.wrapper_title h1{
	margin-left: 32%;
	margin-right: 10%;
}






ul.services li h1{
	margin: 200px 0px 15px 1px;
	font-size: 21px;
}
ul.services li img{
	width: 200px;
}

ul.services li.awda p{
	margin-top: -10px;
	text-align:justify;
}
ul.services li.quemsomos p{
	margin-top: -10px;
	text-align: justify;
}
ul.services li.missao p{
	margin-top: -10px;
	text-align: justify;
}
ul.services li .wda-button{
	margin-top: 20px;
}

ul.services li.awda h1{
	text-align: center;
}

ul.services li.quemsomos h1{
	text-align: center;
}

ul.services li.missao .se{
	margin-left: 20px;
}
.wrapper_parceiros {
  margin: 0 auto;
  width: 94%;
}

.wrapper_parceiros h1 {
	background:url("../images/bg_header_parceiros.png") no-repeat scroll 244px 15px transparent
}

.parceiros{
	position:relative;
	width: 94%;
	margin: 10px auto;
}

/*.parceiros .flex-direction-nav a{
	height:30px;
	width:25px;
	background: url(../images/arrows_parceiros.png) no-repeat;
	opacity:0.7;
}

.parceiros .flex-direction-nav a:hover{
	opacity:1;	
}

.parceiros .flex-direction-nav .flex-next{
	background-position:100% 0;
}*/

.wrapper_news_social{
	width:94%;
	margin:10px auto;
	overflow:hidden;
}

.news{
	float: left;
	padding-right: 30px;
	width: 49%;
}

.news h1{
	margin-bottom:44px;	
}

.news ul li {
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.news li .details{
	float: none;
	padding-left: 0;
	text-align: justify;
}

.fb-social{
	float: left;
	width: 29%;
}

.fb-social h1{
	margin-bottom:20px;	
}

.youtube{
	float: left;
	width: 22%;
	padding-left: 20px;	
}

.youtube h1{
	margin-bottom: 44px;	
}

/* Conheça a WDA */

.wrapper_breadcrumbs{
	width:100%;
	height:150px;
	background:url(../images/bg_breadcrumbs.png) repeat-x;
}

.breadcrumbs{
	margin:0 auto;
	padding:25px 30px 0;
	height:103px;
	width:1024px;
}

.breadcrumbs h1{
	color: #FFFFFF;
	font-size: 1.4em;
	margin-bottom: 12px;
	text-shadow: 1px 1px 4px #000000;
	text-transform:uppercase;
}

.breadcrumbs span{
	color:#FFF;
	font-size:0.8em;	
	text-shadow: 1px 1px 4px #000000;
}

.breadcrumbs span a{
	color:#FFF;
}

.breadcrumbs span a:hover{
	color:#B0B0B0;	
}

.wrapper_main section{
	width: 94%;	
	margin:0 auto;
}

.first-block{
	overflow:hidden;
}

.first-block p, .second-block p{
	text-align:justify;
	margin:20px 0;
	line-height: 1.6em
}

.first-block img{
	float:left;
	margin-right:30px;
	margin-left: 30px;
	margin-bottom:15px;
}

.first-block h1, .second-block h1, .third-block h1{
	margin-bottom:10px;
}

.second-block{
	overflow: hidden;
}

.second-block img{
	float:left;
	margin-left:30px;
	margin-bottom:15px;
	padding-right: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
}
.second-block ul{
	margin-top: 40px;
	margin-bottom: 80px;
}
.second-block ul li{
	list-style-type: disc;
    font-size: 18px;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif;
    color: #8A8A8A;
    margin-left: 60px;
}

.third-block{
	width: 100%;
}

.third-block img{
	float: left;
	margin-left: 30px;
	margin-bottom: 15px;
	
}

.third-block li{
	float:left;	
	margin:0 1%;
	padding:1% 0;
}
.fourth-block{
	width: 100%;
}

.fourth-block img{
	float: left;
	margin-left: 30px;
	margin-bottom: 15px;
	
}
.fourth-block-two img{
	float: left;
	padding-right: 20px;
	margin-left: 30px;
	margin-bottom: 15px;
	
}
.fourth-block h1{
	margin-bottom: 30px;
}

.fourth-block ul li{
	list-style-type: disc;
    font-size: 18px;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif;
    color: #8A8A8A;
    margin-left: 400px;
}
.fourth-block li{
	float:left;	
	margin:0 1%;
	padding:1% 0;
}
.fifth-block{
	width: 100%;
}

.fifth-block img{
	float: left;
	margin-left: 30px;
	margin-bottom: 15px;
	
}
.fifth-block h1{
	margin-bottom: 30px;
}

.fifth-block ul li{
	list-style-type: disc;
    font-size: 18px;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif;
    color: #8A8A8A;
    margin-left: 400px;
}
.sixth-block{
	width: 100%;
	margin-top: 150px;
}

.sixth-block img{
	float: left;
	margin-left: 30px;
	margin-bottom: 15px;
	
}
.sixth-block h1{
	margin-bottom: 30px;
}

.sixth-block ul li{
	list-style-type: disc;
    font-size: 18px;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif;
    color: #8A8A8A;
    margin-left: 400px;
}
.seventh-block{
	width: 100%;
	margin-top: 150px;
}

.seventh-block img{
	float: left;
	margin-left: 30px;
	margin-bottom: 15px;
	
}
.seventh-block h1{
	margin-bottom: 30px;
}

.seventh-block ul li{
	list-style-type: disc;
    font-size: 18px;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif;
    color: #8A8A8A;
    margin-left: 400px;
}
.eighth-block{
	width: 100%;
	margin-top: 150px;
}

.eighth-block img{
	float: left;
	margin-left: 30px;
	margin-bottom: 15px;
	
}
.eighth-block h1{
	margin-bottom: 30px;
}

.eighth-block ul li{
	list-style-type: disc;
    font-size: 18px;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif;
    color: #8A8A8A;
    margin-left: 400px;
}
.ninth-block{
	width: 100%;
	margin-top: 150px;
}

.ninth-block img{
	float: left;
	margin-left: 30px;
	margin-bottom: 15px;
	
}
.ninth-block h1{
	margin-bottom: 30px;
}

.ninth-block ul li{
	list-style-type: disc;
    font-size: 18px;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif;
    color: #8A8A8A;
    margin-left: 400px;
}
.tenth-block{
	width: 100%;
	margin-top: 150px;
}

.tenth-block img{
	float: left;
	margin-left: 30px;
	margin-bottom: 15px;
	
}
.tenth-block h1{
	margin-bottom: 30px;
}

.tenth-block ul li{
	list-style-type: disc;
    font-size: 18px;
    line-height: 1.6em;
    font-family: arial, helvetica, sans-serif;
    color: #8A8A8A;
    margin-left: 400px;
}

.third-block li.vantagem1{
	background:url(../images/porque-wda1.png) top left no-repeat;	
}

.third-block li.vantagem2{
	background:url(../images/porque-wda2.png) top left no-repeat;	
}

.third-block li.vantagem3{
	background:url(../images/porque-wda3.png) top left no-repeat;	
}

.third-block li.vantagem4{
	background:url(../images/porque-wda4.png) top left no-repeat;	
}

.third-block li.vantagem5{
	background:url(../images/porque-wda5.png) top left no-repeat;	
}

.third-block li.vantagem6{
	background:url(../images/porque-wda6.png) top left no-repeat;	
}

ul.vantagens span{
	margin-bottom:10px;
	margin-left:80px;
	font-weight:bold;	
	display:block;
}

ul.vantagens p{
	margin-left:80px;
	text-align:justify;
}

.events {
	background: url(../images/icon-events.png) top left no-repeat;
	background-size:70px auto;
	overflow:auto;
	clear:both;
}

.events > h1 {
     margin: 38px 0px 30px 86px;
}

.events ul li {
     clear: both;
     margin-bottom: 5px;
     overflow: auto;
}

li .container-date {
	float: left;
	margin-right: 15px;
	width: 70px;
}

li .container-date .date, li .container-date .bigdate{
	float:right;
	background: none repeat scroll 0% 0% #00b2ec;
    border-radius: 10px 10px 10px 10px;
	text-align:center;
	color: #FFF;
	font-weight:bold;
}

.container-date .bigdate{
	width: inherit;
	height: inherit;
	padding: 14px 0;
}

.container-date .date{
	width: 50px;
	height: 50px;
	padding:3px 0;
}

.bigdate span{
	
}

.date span{
	font-size:0.8em;
}

li .details {
     float: left;
}

li .details p {
	line-height: 1.1em;
}

li .details a{
	color:#000;	
}

li .details a:hover{
	text-decoration:underline;
	color:#000;	
}

.events .dates {
     height: 200px;
     width: 100%;
}

/* -------- */

/* Nossas soluções */

ul.solucoes{height:200px;}

ul.solucoes li{
	float: left;
	height:288px;
	margin-right: 3%;
	overflow: hidden;
	position: relative;
	cursor:pointer;
}

ul.solucoes li div{
	position:absolute;
	background: none repeat-x scroll 0 0 #666666;
	padding: 20px 0 40px;
	text-align: center;
	width: 100%;
	border-radius: 10px 10px 0 0;
}

ul.solucoes li span{
	color:#FFF;
	font-weight:bold;
}

.wrapper_solucoes {
	width:94%;

}

.wrapper_solucoes .header{
	width:100%;
	background: rgb(221,221,221); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	padding:20px;
	margin-bottom:20px;
	-moz-box-shadow:1px 3px 10px -3px #000000;
	-webkit-box-shadow:1px 3px 10px -3px #000000;
	box-shadow:1px 3px 10px -3px #000000;
}

.wrapper_solucoes .header h1 {
	color: #7B7B7B;
	font-weight: lighter;
	text-shadow: 3px 1px 5px #FFFFFF;
}

.wrapper_solucoes .content{
	background: rgb(221,221,221); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(221,221,221,1) 0%, rgba(217,217,217,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,1)), color-stop(100%,rgba(217,217,217,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(217,217,217,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(217,217,217,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(221,221,221,1) 0%,rgba(217,217,217,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(221,221,221,1) 0%,rgba(217,217,217,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
	padding:20px;
	line-height:1.6em;
	-moz-box-shadow:1px 3px 10px -3px #000000;
	-webkit-box-shadow:1px 3px 10px -3px #000000;
	box-shadow:1px 3px 10px -3px #000000;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.wrapper_solucoes .content h1{
	color: #7B7B7B;
	margin-bottom:20px;	
}

.wrapper_solucoes .content p{
	margin:0 0 20px 20px;
	text-align:justify;
}

.wrapper_solucoes .content ul{
	margin:0 0 20px 20px;
	position:relative;
}

ul.list li{
	margin-bottom:10px;	
	list-style-image: url('../images/bullet-fabricasoft.png'); 
	list-style-position: inside; 
	font-size:0.8em;
}

.wrapper_solucoes .content ul img{
	position:absolute;
	right:0;
	bottom:0;
}

/* -------- */

/* Produtos */

ul.products{
	width:100%;
}

ul.products > li{
	float: left;
	height: 340px;
	margin: 2% 0;
	overflow: hidden;
	padding: 3%;
	width: 50%;
}

ul.products .logo{
	width: 70%;
}

ul.products > li img{
	
}

.description{
	padding-left: 20px;
	width: 70%;
	height:300px;
	margin-top:10px;
}

.description p{
	line-height: 1.6em;
	margin-bottom:20px;
	text-align: justify;	
}

ul.list-description li{
	list-style-image: url("../images/bullet-listcheck.png");
	list-style-position: inside;
	margin-bottom: 10px;
}

.jspPane{
	padding: 0 !important;	
}

/* -------- */

/* Portfólio */

ul.portfolio{
	width:100%;
}

ul.portfolio li{
	float: left;
	height:200px;
	width: 200px;
	margin: 2%;
	overflow: hidden;
	position: relative;
	cursor:pointer;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	-moz-box-shadow: 1px 3px 9px #aeaeae;
	-webkit-box-shadow: 1px 3px 9px #aeaeae;
	box-shadow: 1px 3px 9px #aeaeae;
}

.rounded-corners {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 3px 3px 5px 6px #CCCCCC;
}

ul.portfolio .caption{
	background: none repeat scroll 0 0 #00b2ec;
	border-radius: 0 0 6px 6px;
	color: #FFFFFF;
	padding: 10px 0;
	position: absolute;
	text-align: center;
	width: 100%;
	opacity:0.95;
}

ul.portfolio .navigation{
	background: none repeat scroll 0 0 #333333;
	left: 37px;
	opacity: 0.8;
	padding: 20px;
	position: absolute;
	text-align: center;
	top: 38px;
	display:none;
}

.navigation a{
	display:block;
	float:left;	
	width:40px;
	height:40px;
	margin:0 2px;
}

.navigation a.nav-details{
	background:url(../images/nav-details.png) no-repeat;

}

.navigation a.nav-details:hover{
	background:url(../images/nav-details.png) no-repeat 0 100%;
}

.navigation a.nav-image{
	display:block;
	background:url(../images/nav-image.png) no-repeat;
	width:40px;
	height:40px;
}

.navigation a.nav-image:hover{
	background:url(../images/nav-image.png) no-repeat 0 100%;
}

ul.portfolio li img{
	opacity:0.5;	
}

ul.portfolio .caption ~ span{
	display:none;	
}

.wrapper_portfolio_details {
  width: 100%;
  display:none;
}

.portfolio_details{
	border-top: 1px solid #DBDBDB;
	margin: 0 auto;
	padding: 30px 30px 10px;
	width: 1024px;
	min-height:300px;
	position:relative;
}

.portfolio_details .close{
	background: none repeat scroll 0 0 #C8C8C8;
	color: gray;
	cursor: pointer;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;	
}

.portfolio_details img{
	margin-top:20px;
}

.portfolio_details h1{
	margin-bottom:20px;	
}

.portfolio_details p{
	text-align:justify;
	margin:10px 0;
}

.portfolio_details .caption{
	float:right;
	width:280px;
	margin-top:20px;
}

.caption ul{
	font-size:0.8em;
	text-align:left;
	height:100px;
}

.caption ul li{
	clear: both;
	display: block;
	float: left;
	margin-bottom: 5px;
}

.caption ul li label{
	display: block;
	font-weight: bold;
	margin: 0 5px 5px 0;
	padding: 10px 5px;
	width: 70px;
}

.caption ul li span{
	background: none repeat scroll 0 0 #C8C8C8;
	display: block;
	padding: 10px 20px;
}

/* isotope transition styles */

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}
  

/* -------- */

/* Contato */

.wrapper_endereco{
	width:40%;
	float:left;	
	margin:	0 auto 30px;
}

.wrapper_endereco h1{
	margin-bottom:30px;	
}

.wrapper_endereco .endereco{
	margin-bottom:30px;	
	text-align:justify;
}

.wrapper_contact{
	width:40%;
	float:left;
	margin:	0 auto 30px;
}

.wrapper_contact h1{
margin-bottom:30px;	
}

.wrapper_contact label{
	display:block;	
}

#contact-form input[type=text], #contact-form textarea, #contact-form select{
	background: none repeat scroll 0 0 #EEEEED;
	border: 1px solid #C8C7AC;
	border-radius: 8px 8px 8px 8px;
	color: #969580;
	display: block;
	margin: 10px 0;
	padding: 7px 5px 7px 8px;
	width: 300px;
	resize: none;
}

#contact-form input[type=text]:focus, #contact-form textarea:focus{
	border:1px solid #00b2ec;
}

span.error{
	color: red;
	display: block;
	margin: 10px 0;	
}

/* -------- */
#menu .containermy {
	padding:0px;
	margin:0px;
	background-color:#EDEDED;
	width: 100%;
	height: 642px; 
	text-align: center;
	font-family: Arial, Verdana, Helvetica;
}
#menu .containermy ul li{
	list-style-type: disc;
	font-size: 18px;
	line-height:1.6em;
	font-family: arial, helvetica, sans-serif;
	color: #8A8A8A;	
	margin-left: 60px;


}
#menu .containermy { 
	display: inline; 
	padding: 20px 20px;
	display: inline-block;
	width: 100%;
	/* visual do link #EDEDED */
	background-color:#EDEDED;
	color: #333;
	border-bottom:3px solid #EDEDED;
}
/*.coluna_1{
	position: relative;
	width: 400px;
	top: 70px;
	left: 50px;
}
.coluna_2{
	position: relative;
	width: 400px;
	top: -72px;
	left: 500px;
}
.coluna_3{
	position: relative;
	width: 400px;
	top: -425px;
	left: 950px;
}*/
/* Footer */

.wrapper_footer_2{
	background-color: #007FA9;
	border-top: 2px solid #C2C2C2;
	clear: both;
	width: 100%;
	height: 200px;
	margin-top: -150px;
	display: inline-block;
}

.wrapper_footer_2 footer{
	background-color: #007FA9;
	margin: 0 auto;
	text-align: center;
	vertical-align: baseline;
	width: 100%;
	height: 200px;
}

.wrapper_footer_2 footer p{
	color: #000;
	padding: 5px 0;
	line-height: 30px;
	color: #fff;
}

.wrapper_footer_2 footer .social img{
	padding: 0px 5px;
}
.wrapper_footer_2 footer .rodape{
	width: 170px;
	height: 170px;
	margin-left: 100px;
	margin-top: 50px;
}




.wrapper_footer{
	background-color: #007FA9;
	border-top: 2px solid #C2C2C2;
	clear: both;
	width: 100%;
	height: 200px;
	margin-top: 30px;
	display: inline-block;
}

.wrapper_footer footer{
	background-color: #007FA9;
	margin: 0 auto;
	text-align: center;
	vertical-align: baseline;
	width: 100%;
	height: 200px;
}

.wrapper_footer footer p{
	color: #000;
	padding: 5px 0;
	line-height: 30px;
	color: #fff;
}

.wrapper_footer footer .social img{
	padding: 0px 5px;
}
.wrapper_footer footer .rodape{
	width: 170px;
	height: 170px;
	margin-left: 100px;
	margin-top: 50px;
}
ul.rodape li{
	float:left;
	width: 100%;	
	margin: 10px 12% 30px;
	overflow: hidden;
}
ul.rodape li.telefone{
	background: url(../images/icon-telefone.png) no-repeat 0px top;
    background-size: 70px;
}
ul.rodape li.endereco{
	background: url(../images/icon-casa.png) no-repeat 0px top;
    background-size: 70px;
}
ul.rodape li h2{
	margin: 20px 0 30px 55px;
}

ul.rodape li p{
	margin-top: 20px 0 30px 55px;
	text-align:justify;
}
.wrapper_footer footer h2{
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	
}

/* -------- */

#side-tabs .need-help{
	right: 0;
	top: 10px;
	height: 56px;
	width: 101px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 9998;
	display:block;
	text-indent: -9999px;
	opacity:0.7;
	cursor:pointer;
}

#side-tabs a.support {
	background: url('../images/support-tab.png') no-repeat;
	right: -100px;
	top: 70px;
	height: 44px;
	width: 118px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 9999;
	display:block;
	opacity: 0.5;
}

.rounded-corners {
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.shadow {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
	box-shadow: 1px 3px 6px 5px #CCCCCC;
}

.wda-button {
	float:left;
	font-size: 0.8em;
	color: #ffffff;
	padding: 7px 17px;
	background: #00b2ec; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
	border-radius: 2px 2px 2px 2px;
	background: -moz-linear-gradient(top, #00b2ec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#00b2ec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #00b2ec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #00b2ec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #00b2ec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #00b2ec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2ec', endColorstr='#0092c1',GradientType=0 ); /* IE6-8 */
	
	
		cursor:pointer;
		margin-right: 20px;
}



/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size:20px; }

body { background: white; font-family: "PT Sans", Verdana, "Comic Sans MS"; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a { color: #2ba6cb; text-decoration: none; line-height: inherit; }

a:hover { color: #2795b6; }

a:focus { color: #2ba6cb; outline: none; }

p a, p a:visited { line-height: inherit; }

/* Misc ---------------------- */
.left { float: left; }

.cleft { clear: left;}

.right { float: right; }

.cright { clear: right;}

.cboth { clear: both; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }

/* The Grid ---------------------- */
.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.row .one { width: 8.333%; }

.row .two { width: 16.667%; }

.row .three { width: 25%; }

.row .four { width: 33.333%; }

.row .five { width: 41.667%; }

.row .six { width: 50%; }

.row .seven { width: 58.333%; }

.row .eight { width: 66.667%; }

.row .nine { width: 75%; }

.row .ten { width: 83.333%; }

.row .eleven { width: 91.667%; }

.row .twelve { width: 100%; }

.row .offset-by-one { margin-left: 8.333%; }

.row .offset-by-two { margin-left: 16.667%; }

.row .offset-by-three { margin-left: 25%; }

.row .offset-by-four { margin-left: 33.333%; }

.row .offset-by-five { margin-left: 41.667%; }

.row .offset-by-six { margin-left: 50%; }

.row .offset-by-seven { margin-left: 58.333%; }

.row .offset-by-eight { margin-left: 66.667%; }

.row .offset-by-nine { margin-left: 75%; }

.row .offset-by-ten { margin-left: 83.333%; }

.push-two { left: 16.667%; }

.pull-two { right: 16.667%; }

.push-three { left: 25%; }

.pull-three { right: 25%; }

.push-four { left: 33.333%; }

.pull-four { right: 33.333%; }

.push-five { left: 41.667%; }

.pull-five { right: 41.667%; }

.push-six { left: 50%; }

.pull-six { right: 50%; }

.push-seven { left: 58.333%; }

.pull-seven { right: 58.333%; }

.push-eight { left: 66.667%; }

.pull-eight { right: 66.667%; }

.push-nine { left: 75%; }

.pull-nine { right: 75%; }

.push-ten { left: 83.333%; }

.pull-ten { right: 83.333%; }

img, object, embed { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

/* Nicolas Gallagher's micro clearfix */
.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 240px) 
and (max-device-width : 480px) {
/* Styles */

html{
	font-size:16px;	
}

.wrapper_header header{
	width:auto;
}

.wrapper_header .logo{
	width: 100%;
	text-align:center;
}

.wrapper_slider{display:none;}

nav.menu ul.first-level > li{
	float:none; 
	text-align:center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	margin-bottom: 5px;
}

nav.menu ul.first-level li:first-child, nav.menu ul li:last-child{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

ul.services li{
	width: 100%;	
}

ul.portfolio li{
	cursor: pointer;
	float:none;
	height: 200px;
	margin: 2% auto;
	overflow: hidden;
	position: relative;
	width: 200px;
}

.caption ul li{
	margin:10px 0;	
}

.caption ul li label, .caption ul li span{
	float:none;

}

.wrapper_endereco, .wrapper_contact{
	width:100%;
}

.wrapper_endereco .endereco{
	text-align:none;
}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 240px)
and (max-device-width : 480px)
and (orientation : landscape) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (min-device-width : 240px)
and (max-device-width : 480px)
and (orientation : portrait) {
/* Styles */



}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 640px) 
and (max-device-width : 1024px) {
/* Styles */



}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

}

/* iPads (portrait) ----------- */
@media only all 
and (min-device-width : 600px) 
and (max-device-width : 1000px)
and (orientation : portrait)
{
/* Styles */
.wrapper_menu{
	width: 100%;	
}

nav.menu ul li a{
	font-size: 16px;
}

.wrapper_header header{
	width: auto;
}

.wrapper_header .logo{
	width: 100%;
	text-align:center;
}
}

/* Menor que 800 de largura */
@media only all 
and (max-width : 800px) {

.wrapper_header, .wrapper_breadcrumbs .breadcrumbs, .wrapper_main, .wrapper_footer footer, .portfolio_details{
	height:auto;
	width: 100%;	
	clear:both;
}

.wrapper_breadcrumbs .breadcrumbs{text-align:center;}

.wrapper_header .logo{
	float:none;
	width: 100%;
	text-align:center;
	margin: 10px 0;
}

.languages{
	float: none;
	height: auto;
	padding: 0 15px;
	text-align:center;
}

.wrapper_slider{display:none;}

.wrapper_parceiros{display:none;}

nav.menu .menu-responsivo{
	display:block;	
}

nav.menu ul.menu-padrao{
	display:none;	
}

nav.menu ul.first-level > li{
	float:none; 
	text-align:center;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	margin-bottom: 5px;
}

nav.menu ul.first-level li:first-child, nav.menu ul.first-level li:last-child{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

ul.services li{
	width: 100%;	
}

.wrapper_noticias{
	width:100%;	
	float:none;
	padding:0;
	margin-bottom:15px;
}

.news{
	width:100%;
}

.fb-social{
	width:100%;
	margin-bottom:15px;
}

.youtube{
	float: none;
	width:94%;
	margin-bottom:15px;
}

.first-block, .second-block, .third-block{
	text-align:center;	
}

.first-block img, .second-block img{
	width:70%;
	float:none;	
	margin-right:0;
}

.second-block h1, .first-block h1{
	text-align:center;	
}

.third-block li{
	width:100%;	
	margin:5% 1%;
}

ul.vantagens span{
	text-align:left;	
}

.portfolio_details .caption{
	width:auto;	
	float:none;
	
}

.portfolio_details{
	text-align:center;
}

.wrapper_endereco, .wrapper_contact{
	width:100%;
}

.wrapper_endereco .endereco{
	text-align:none;
}

}
/* Maximo de 1024 e Mínimo de 800 de largura ----------- */
@media only all 
and (min-width : 800px)
and (max-width : 1024px) {
/* Styles */

.wrapper_header, .wrapper_breadcrumbs, .wrapper_slider, .wrapper_main, .wrapper_footer{
	width:1024px;
}

}
/* Desktops and laptops ----------- */
@media only all 
and (min-width : 1224px) {
/* Styles */



}

@media only all 
and (max-width : 1100px) {
/* Styles */



}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}