/**
*	Maga Design | Internal CSS
*	Copyright © 2009 Maga Design [http://www.magadesign.com.br]
*
*	Developed By: Tiago Gerken <tiago@magadesign.com.br>
*
**/

#wrap #middle #pageDescription{
	width:729px;
	background:url("../img/bg_pageDescription.jpg") top left no-repeat;
	height:63px;
	display:table;
	padding:10px 20px 8px;
	float:right;
	position:relative;
	top:-57px;
}

#wrap #middle #pageDescription h3{
	font-size:25px;
	width:120px;
	font-weight:normal;
	float:left;
	color:#666;
	margin-right:10px;
}

#wrap #middle #pageDescription p{
	width:595px;
	float:left;
	font-size:11px;
	color:#777;
}

#wrap #middle #pageDescription form#areas{
	width:100%;
	display:table;
}

#wrap #middle #pageDescription form#areas div.area{
	width:235px;
	margin-right:10px;
	float:left;
}

#wrap #middle #pageDescription form#areas div.area h4{
	color:#DC8000;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:10px;
}

#wrap #middle #pageDescription form#areas div.area select{
	width:100%;
	height:30px;
	padding:5px;
}

#wrap #middle #servicos{
	width:768px;
	display:table;
	float:right;
	position:relative;
	top:-50px;
}

#wrap #middle #servicos dl{
	width:248px;
	margin-right:10px;
	float:left;
}

#wrap #middle #servicos dl dt{
	background:#DF8C19;
	color:#fff;
	font-family:IsonormD;
	font-size:16px;
	padding:5px 10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#wrap #middle #servicos dl dd{
	font-size:11px;
	color:#777;
	margin-bottom:10px;
}
#wrap #middle #servicos dl dd.classImg{
	display: table;
	position: relative;
	width: 100%;
	margin: 2px 0px 5px 0px;
}

#wrap #middle #clientes{
	width:100%;
	float:left;
	display:table;
	position:relative;
	top:-50px;
}

#wrap #middle #clientes #list{
	width:188px;
	display:table;
	float:left;
	margin-right:10px;
}

#wrap #middle #clientes #list h4{
	font-size:15px;
	font-weight:normal;
	color:#666;
	margin-bottom:5px;
}

#wrap #middle #clientes #list ul#areas{
	width:168px;
	background:#F2F2F2;
	border:1px solid #E6E6E6;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#wrap #middle #clientes #list ul#areas li{
	list-style:none;
	padding:3px 0;
	border-bottom:1px dotted #ccc;
}

#wrap #middle #clientes #list ul#areas li a{
	color:#666;
}

#wrap #middle #clientes #list ul#areas li a.selected{
	color:#DF8C19;
	font-weight:bold;
}

#wrap #middle #clientes .clients_logos{
	width:768px;
	float:right;
}

#wrap #middle #clientes span.logo{
	width:145px;
	height:100px;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	display:block;
	border:1px solid #F2F2F2!important;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align: center;
}

#wrap #middle #clientes span.logo:hover{
	background:#fafafa;
	border:1px solid #e4e4e4;
	
}

#wrap #middle #clientes span.logo img{
	position:relative;
	top:10px;
	
}

#wrap #middle #portfolio{
	width:100%;
	float:left;
	display:table;
	position:relative;
	top:-50px;
}

#wrap #middle #portfolio #client{
	width:100%;
	display:table;
}

#wrap #middle #portfolio #client #clientDetails{
	width:188px;
	float:left;
	margin-right:10px;
}

#wrap #middle #portfolio #client #clientDetails h3{
	text-align:right;
	font-size:17px;
	color:#666;
	font-weight:normal;
	margin-bottom:10px;
}

#wrap #middle #portfolio #client #clientDetails p{
	text-align:right;
	font-size:11px;
	line-height:14px;
	color:#777;
	margin-bottom:10px;
}

#wrap #middle #portfolio #client #clientDetails ul#technologies{
	width:100%;
	text-align:right;
	display:table;
	margin-bottom:10px;
}

#wrap #middle #portfolio #client #clientDetails ul#technologies h4{
	font-size:12px;
	font-weight:normal;
	color:#4d4d4d;
	margin-bottom:5px;
	letter-spacing:-1px;
}

#wrap #middle #portfolio #client #clientDetails ul#technologies li{
	list-style:none;
	margin-bottom:3px;
	font-size:11px;
	color:#777;
}

#wrap #middle #portfolio #client #clientDetails a#seeThis{
	background:#D0670B;
	padding:3px 10px;
	display:block;
	width:168px;
	float:right;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-bottom:10px;
}

#wrap #middle #portfolio #client #clientDetails ul#clientProjects{
	width:100%;
	text-align:right;
	display:table;
	float:right;
	margin-bottom:10px;
}

#wrap #middle #portfolio #client #clientDetails ul#clientProjects h4{
	font-size:12px;
	font-weight:normal;
	color:#4d4d4d;
	margin-bottom:5px;
	letter-spacing:-1px;
}

#wrap #middle #portfolio #client #clientDetails ul#clientProjects li{
	margin-bottom:3px;
	font-size:11px;
	list-style:none;	
	color:#777;
}
#wrap #middle #portfolio #client #clientDetails ul#clientProjects li a{
	margin-bottom:3px;
	font-size:11px;
	color:#d0670b;
}

#wrap #middle #portfolio #client #clientImages{
	width:768px;
	display:table;
	float:right;
}

#wrap #middle #portfolio #client #clientImages ul#clientThumbImages{
	width:100%;
	display:table;
	margin-bottom:10px;
}

#wrap #middle #portfolio #client #clientImages ul#clientThumbImages li{
	float:left;
	margin-right:12px;
	list-style:none;
}

#wrap #middle #portfolio #client #image_wrap{
	width:770px;
	float:right;
	overflow:hidden;
}

#wrap #middle #portfolio #client #image_wrap img{
	max-width:768px!important;
}

#wrap #middle #noticias{
	width:100%;
	float:left;
	display:table;
	position:relative;
	top:-50px;
}

#wrap #middle #noticias #tags{
	width:188px;
	display:table;
	position: relative;
	float:left;
}

#wrap #middle #noticias #tags h4{
	font-size:15px;
	font-weight:normal;
	color:#666;
	margin-bottom:10px;
}

#wrap #middle #noticias #tags #tagList{
	padding:10px;
	background:#F2F2F2;
	border:1px solid #E6E6E6;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#wrap #middle #noticias #tags #tagList h5{
	font-size:12px;
	padding-bottom:5px;
	border-bottom:1px solid #777;
}

#wrap #middle #noticias #tags #tagList h5 a{
	color:#DF8C19;
}

#wrap #middle #noticias #tags #tagList ul#tagListContainer{
	height:170px;
	overflow:auto;
}

#wrap #middle #noticias #tags #tagList ul#tagListContainer li{
	width:148px;
	padding:3px 0;
	list-style:none;
	border-bottom:1px dotted #ccc;
	color:#808080;
	font-size:11px;
}

#wrap #middle #noticias #tags #tagList ul#tagListContainer li:hover{
	background:#e9e9e9;
}
#wrap #middle #noticias #tags #tagList ul#tagListContainer li .selected{
	color:#DF8C19;
	font-weight:bold;
}
#wrap #middle #noticias #tags #tagList ul#tagListContainer li a{
	color:#808080;
}

#wrap #middle #noticias #news{
	width:760px;
	float:right;
	padding-right:10px;
}

#wrap #middle #noticias #news #newsSearch{
	padding:10px;
	background:url(../img/bg_newsSearch.jpg) repeat-x top left;
	height:
}

#wrap #middle #noticias #news #newsSearch form#search{
	width:100%;
	display:table;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}

#wrap #middle #noticias #news #newsSearch form#search h3{
	width:110px;
	font-size:18px;
	font-weight:normal;
	color:#777;
	float:left;
	margin-right:10px;
}

#wrap #middle #noticias #news #newsSearch form#search input[type=text]{
	width:400px;
	border:1px solid #ccc;
	float:left;
	padding:5px 10px;
	color:#ccc;
	margin-right:10px;
}

#wrap #middle #noticias #news #newsSearch form#search input[type=button]{
	width:105px;
	background:#DF8C19;
	border:none;
	color:#fff;
	font-size:12px;
	float:left;
	height:25px;
	padding:5px 0 8px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	cursor: pointer;
}

#wrap #middle #noticias #news #newsResult{
	width:100%;
	display:table;
}

#wrap #middle #noticias #news #newsResult div.newsBox{
	width:175px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

#wrap #middle #noticias #news #newsResult div.newsBox h4{
	font-size:14px;
	font-weight:bold;
	line-height:13px;
	margin-bottom:10px;
	color:#808080;
	letter-spacing:-1px;
}
#wrap #middle #noticias #news #newsResult div.newsBox h4 a{
	color:#808080;
}

#wrap #middle #noticias #news #newsResult div.newsBox div.newsInfo{
	width:100%;
	height:18px!important;
	display:table;
	margin-bottom:3px;
}

#wrap #middle #noticias #news #newsResult div.newsBox div.newsInfo span.date{
	display:block;
	width:48px;
	padding:3px 4px;
	background:#C27521;
	font-size:9px;
	color:#fff;
	text-align:center;
	float:left;
	margin-right:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#wrap #middle #noticias #news #newsResult div.newsBox div.newsInfo span.posted{
	display:block;
	width:110px;
	padding-top:3px;
	float:left;
	font-size:9px;
	color:#DF8C19;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#wrap #middle #noticias #news #newsResult div.newsBox p{
	font-size:11px;
	line-height:14px;
	color:#777;
	width:100%;
}
#wrap #middle #noticias #news #newsResult div.newsBox p a{
		color: #777;
}

#wrap #middle #noticias #news #newsRead{
	width:373px;
	display:table;
	float:left;
}

#wrap #middle #noticias #news #newsRead #newsHeader{
	width:100%;
	display:table;
	margin-bottom:10px;
}

#wrap #middle #noticias #news #newsRead #newsHeader h2{
	font-size:30px;
	width:315px;
	color:#DF8C19;
	margin-bottom:10px;
	font-weight:bold;
	float:left;
	line-height:27px;
	letter-spacing:-1.5px;
}

#wrap #middle #noticias #news #newsRead #newsHeader #fontsize{
	width:45px;
	display:table;
	float:right;
}

#wrap #middle #noticias #news #newsRead #newsHeader #fontsize span{
	font-size:10px;
	line-height:9px;
	display:block;
	margin-bottom:5px;
	color:#777;
}

#wrap #middle #noticias #news #newsRead #newsHeader #fontsize a{
	margin-right:2px;
	float:left;
}

#wrap #middle #noticias #news #newsRead #newsHeader #newsInfo{
	width:100%;
	clear: both;
	display:table;
}

#wrap #middle #noticias #news #newsRead #newsHeader #newsInfo span.date{
	background:#C27521;
	display:block;
	padding:3px 4px;
	-moz-border-radius:3px;
	float:left;
	margin-right:10px;E9A95C
	width:60px;
	text-align:center;
	font-size:10px;
	color:#fff;
}

#wrap #middle #noticias #news #newsRead #newsHeader #newsInfo span.posted{
	display:block;
	float:left;
	font-size:11px;
	padding-top:3px;
	color:#E9A95C;
}

#wrap #middle #noticias #news #newsRead #newsContent{
	width:100%;
	display:table;
	margin-bottom:10px;
}

#wrap #middle #noticias #news #newsRead #newsContent p{
	font-size:11px;
	line-height:14px;
	color:#777;	
}

#wrap #middle #noticias #news #newsRead #newsTag{
	width:353px;
	padding:10px;
	background:#F7F7F7;
	font-size:11px;
	position:relative;
}

#wrap #middle #noticias #news #newsRead #newsTag strong{
	margin-right:5px;
	color:#333;
}

#wrap #middle #noticias #news #newsRead #newsTag a{
	color:#808184;
	text-decoration:underline;
}

#wrap #middle #noticias #news #newsRead #newsTag .addthis_toolbox{
	position:absolute;
	padding-top:10px;
	padding-right:10px;
	right:0;
	top:0;
}

#wrap #middle #noticias #news #newsRead #newsTag .addthis_toolbox a{
	text-decoration:none;
}

#wrap #middle #noticias #news #otherNews{
	width:362px;
	display:table;
	float:right;
}

#wrap #middle #noticias #news #otherNews h3{
	width:100%;
	background:#DF8C19;
	font-size:15px;
	font-weight:normal;
	padding:5px;
	color:#fff;
	margin-bottom:10px;
}

#wrap #middle #noticias #news #otherNews div.newsBox{
	width:172px;
	float:left;
	margin-right:10px;
	padding-right:3px;
	margin-bottom:20px;
	border-right:1px dotted #ccc;
}
#wrap #middle #noticias #news #otherNews div.newsBox a{
	color: #777;
}

#wrap #middle #noticias #news #otherNews div.newsBox h4{
	font-size:14px;
	font-weight:bold;
	line-height:13px;
	margin-bottom:10px;
	color:#808080;
	letter-spacing:-1px;
}
#wrap #middle #noticias #news #otherNews div.newsBox h4 a{
	color: #808080;
}

#wrap #middle #noticias #news #otherNews div.newsBox div.newsInfo{
	width:100%;
	height:18px!important;
	display:table;
	margin-bottom:3px;
}

#wrap #middle #noticias #news #otherNews div.newsBox div.newsInfo span.date{
	display:block;
	width:48px;
	padding:3px 4px;
	background:#C27521;
	font-size:9px;
	color:#fff;
	text-align:center;
	float:left;
	margin-right:5px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#wrap #middle #noticias #news #otherNews div.newsBox div.newsInfo span.posted{
	display:block;
	width:110px;
	padding-top:3px;
	float:left;
	font-size:9px;
	color:#DF8C19;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

#wrap #middle #noticias #news #otherNews div.newsBox p{
	font-size:11px;
	line-height:14px;
	color:#777;
	width:100%;
}

#wrap #middle #contato{
	width:100%;
	float:left;
	display:table;
	position:relative;
	top:-50px;
}

#wrap #middle #contato #form{
	width:768px;
	display:table;
	float:right;
}

#wrap #middle #contato #form form#contact{
	width:373px;
	float:left;
}

#wrap #middle #contato #form form#contact input#ddd{
	width:63px;
}

#wrap #middle #contato #form form#contact input#telefone{
	width:259px;
	float:left;
	margin-left:7px;
}

#wrap #middle #contato #form form#contact input[type=text]{
	width:353px;
	height:15px;
	padding:5px 10px;
	background:#F9F9F9;
	border:1px solid #ddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#777;
	margin-bottom:10px;
	float:left;
}

#wrap #middle #contato #form form#contact textarea{
	width:353px;
	min-width:353px;
	height:100px;
	max-height:100px;
	min-height:100px;
	padding:5px 10px;
	background:#F9F9F9;
	border:1px solid #ddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#777;
	margin-bottom:10px;
	float:left;	
}

#wrap #middle #contato #form form#contact input[type=button]#sendButt{
	width:130px;
	height:30px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:right;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background:url(../img/bg_butt.jpg) #DF8C19 repeat-x top left;
	border:none;
	cursor: pointer;
}

#wrap #middle #agencia{}

#wrap #middle #contato #map{
	width:370px;
	float:right;
	display:table;
}

#wrap #middle #contato #map h3{
	width:350;
	padding:10px;
	background:#DF8C19;
	font-size:14px;
	font-weight:normal;
	color:#fff;
}

#wrap #middle #agencia{
	width:768px;
	display:table;
	float:right;
}

#wrap #middle #agencia h3{
	width:100%;
	margin-bottom:10px;
	font-size:20px;
	font-weight:normal;
	color:#DF8C19;
}

#wrap #middle #agencia p{
	font-size:11px;
	line-height:14px;
	color:#777;
	padding: 10px;
}
#wrap #middle #clientes #agencia #gallery{
	font-size:11px;
	line-height:14px;
	color:#777;
	padding: 10px;
}
#wrap #middle #clientes #agencia #gallery ul li{
	list-style: none;
	float: left;
}
#wrap #middle #clientes #agencia #gallery img{
	width: 160px; 
	height: 160px; 
	margin: 0 30px 10px 0;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
}
#wrap #middle #clientes #agencia #gallery ul li.last{
	float: right;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
	#wrap #middle #pageDescription{
		width:769px;
		background:url(../img/bg_pageDescription.jpg) top left no-repeat;
		height:80px;
		display:table;
		padding:10px 20px 8px;
		float:right;
		position:relative;
		top:-57px;
	}
}