@import url("reset.html");


/* html 5 */

header, section, footer,
aside, nav, article, figure {
	display: block;
}


/* layout */

body{ background:#fcfcfc;
width:980px;
border:solid 1px #333;
font-family: 'Open Sans', sans-serif;
}
    
#wrapper {width: 100%; }
    
.box { clear: both; margin: 0 auto; width: 990px; position:relative; z-index:10000 !important; }

h2 {
	color: #000; 
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	font-style: normal;
	letter-spacing: -1px;
	border-left: solid 10px #7e2729;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	}
	
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited {color: #000; padding: 0 1px;text-decoration: none;}
a:hover, a:active {text-decoration: none;}


/* menu */

.voltar-menu { *position:relative; *top:20px; margin-left:-8px!important; }

#banner { height: 450px; width:100%; }

#banner h1 { text-indent:-9999px; }

#banner h1 a {
	background: url('../images/logo_webcompany.html') no-repeat;
	width: 109px;
	height:109px;
	display: block;
	float:left;
	position: absolute;
	z-index: 100000000000 !important;
	margin: 10px 0 10px;
}


/*.logo { position:absolute; top:10px; left:0px; } */


#banner nav {
	font-size: 10px;
	margin: 10px auto 2em auto;
	padding: 0;
	text-align: center;
	line-height: 15px;
	width: 800px;
	position: absolute;
	left: 142px;
	top:40px;
	z-index: 10000000;
}

#banner nav ul {list-style: none; margin: 0 auto; z-index: 10000000;}
#banner nav li {float: left; display: inline; margin:0 4px 0 0; z-index: 10000000;}

#banner nav #menus a:link, #banner nav a:visited {
	color: #fff;
	font-weight:bold;
	font-size:10px;
	display: inline-block;
	padding: 5px 7px;
	text-decoration: none;
	background: #000305;
	z-index: 10000000;
}
#banner nav #menus a:hover, #banner nav a:active,
#banner nav #menus .active a:link, #banner nav .active a:visited {
	background: #7e2729;
	color: #fff;
	text-shadow: none !important;
	z-index: 10000000 !important;
}

#banner nav div .logo-2020 		{ text-indent:-999px; overflow:hidden; background:url(../images/logo-2020.html) no-repeat 0px 13px; width:74px; height:43px; float:right; z-index: 10000000; *margin-right:10px; margin-right:20px;}
#banner nav div .logo-thinkweb 	{ text-indent:-999px; overflow:hidden; background:url(../images/logo-thinkweb.html) no-repeat; width:63px; height:43px; float:right; z-index: 10000000!important; margin-right:20px;}


/* slider */

.sliderbutton {float:left; width:25px; height:235px; cursor:pointer}
#slideleft {background:url(images/icons.html) -50px -265px no-repeat; visibility: hidden; display: none;}
#slideleft:hover {background-position:-0 -265px}
#slideright {background:url(images/icons.html) 0 90px no-repeat; visibility: hidden; display: none;}
#slideright:hover {background-position:-50px 90px}
#slider { float:left; position:relative; overflow:auto; width:100%; height:487px; }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:100%; height:100%;}
.pagination { position: absolute; bottom:3%; left: 50%; list-style:none; height:12px; z-index:1001;}
.pagination li {float:left; cursor:pointer; /*background:#ccc;*/ /*border:1px solid #fff*/ background:url(../images/bola-branca.png) no-repeat; font-size: 12px; height: 12px; margin: 0 5px 0 0; padding-left: 5px; padding-top: 5px; width: 12px; color:#000;}
.pagination li:hover, li.current {/*background:#fff;*/ background:url(../images/bola-preta.png) no-repeat; color:#fff;}    


/* banners */

.content-banner { margin:0 auto; width:920px; height:310px; clear:both; padding-top:140px; }
.banner_txt {float: left; width: 360px; display: block; height: 310px; /*margin: 130px 10px 0 50px;*/ }
.banner_tit {font-size: 90px;font-family: 'Open Sans', sans-serif; font-weight: bold; line-height: 85px; clear: both; display: block; /*color: #d6a22b; */letter-spacing: -8px; margin-bottom: 15px; }
.banner_desc {font-size: 16px; line-height:20px; /*color: #fff; background-color: #000;*/}
.bannerimagewidth
{width:100%;
	
	}

li.bridge					{
	background-repeat:no-repeat;
	background-position:center;
	background-color:#f5f4ef;
	 background: url('../images/bannerImg01.jpg') no-repeat center top #f5f4ef; 
	 background-size:100%;
	 }
li.bridge .banner_tit 		{ color:#ffd039;  }
li.bridge .banner_desc 		{ color: #fff; background:#000; }
li.bridge .banner_desc:hover{ background:#7E2729; text-decoration:none;}

li.silo{background: url('../images/bannerImg02.jpg') no-repeat center top #f5f4ef; background-size:100%;}

li.silo .banner_tit 			{ color:#FFF; line-height:92px  }
li.silo .banner_desc 		{ color:#fff; background:#d80c0c; }
li.silo .banner_desc:hover	{ background:#000; text-decoration:none;}


li.tank{background: url('../images/bannerImg03.jpg') no-repeat center top #f5f4ef; background-size:100%;}
	
li.tank .banner_tit 	{ color:#ac0963; }	
li.tank .banner_desc 	{ color:#fff; background:#6c1b78; }

li.nuclear{background: url('../images/bannerImg04.jpg') no-repeat center top #f5f4ef; background-size:100%;}

li.nuclear .banner_tit 	{ color:#ac0963; }	
li.nuclear .banner_desc 	{ color:#fff; background:#6c1b78; }

li.dam				{ background: url('../images/dam.html') no-repeat center top #f5f4ef; }	
li.dam .banner_tit 	{ color:#ac0963; }	
li.dam .banner_desc 	{ color:#fff; background:#6c1b78; }

li.building				{ background: url('../images/post_tensioning_building.html') no-repeat center top #f5f4ef; }	
li.building .banner_tit 	{ color:#ac0963; }	
li.building .banner_desc 	{ color:#fff; background:#6c1b78; }

li.ground				{ background: url('../images/ground_anchors.html') no-repeat center top #f5f4ef; }	
li.ground .banner_tit 	{ color:#ac0963; }	
li.ground .banner_desc 	{ color:#fff; background:#6c1b78; }

li.repair				{ background: url('../images/repair_rehabilitation.html') no-repeat center top #f5f4ef; }	
li.repair .banner_tit 	{ color:#ac0963; }	
li.repair .banner_desc 	{ color:#fff; background:#6c1b78; }

li.construction				{ background: url('../images/new_construction.html') no-repeat center top #f5f4ef; }	
li.construction .banner_tit 	{ color:#ac0963; }	
li.construction .banner_desc 	{ color:#fff; background:#6c1b78; }

/* we think web */

#wethinkweb { margin-top:20px;}
#wethinkweb h3 {font-size: 19px; font-style:italic; line-height: 18px;}
#wethinkweb h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#wethinkweb h3 a:hover, #featured h3 a:active {color: #fff; background-color: #000; text-shadow: 1px 1px 1px #333;}
#wethinkweb .tags {font-size: 11px; font-style:italic; margin-bottom: 10px; margin-left: 10px;}
#wethinkweb p { width: 370px;}
#wethinkweb ol {margin: 20px 0 20px;}
#sobre {float: left;}
#posts {float: left; clear:left; width: 650px;}
#talentos {float: right; text-align: right; }
#talentos h3 {color: #000; font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; letter-spacing: -1px; margin-bottom: 10px;}
* + html #talentos h3 {margin-top: 22px;}
#talentos p {font-size: 11px; width: 200px;}
#talentos a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#talentos a:hover, #featured h3 a:active {color: #fff; background-color: #000; text-shadow: 1px 1px 1px #333;}

#images {
	padding: 			0px;
	margin: 			0px;
	height: 			80px;
	width: 				520px;
	overflow:			hidden;
	float: right;
}

#images ul {
	list-style:			none;
	float: 				right;
	padding: 			0px;
	margin: 			0px;
}
#images ul li { display: inline; }
#images ul li img 
{
    margin-left:5px;
	border: 			none;
	width: 				75px;
	height: 			75px;
	opacity: 			0.8;
	-moz-opacity: 		0.8;
	border: solid 1px #000;	
}

#images ul li img:hover { opacity:1;-moz-opacity:1;}

/* facebook */

.fb {float:right; font-size: 11px; margin-bottom: 8px; margin-top: 22px;}

/* servicos */

.servicos { clear: both; margin-bottom: 30px; height: 120px;}

.servicos a:active, .under_header a:active, .header a:focus, .under_header a:focus {
	outline: none; -moz-outline-style: none;
}

.servicos img { border: 0px; display: block; margin-bottom: 5px; }

.item .mouse {
	height: 100px; width: 100px;
	margin:0;padding:0;border:0;display:block;left:0;position:absolute;cursor:pointer;top:0;
}

.item .mouse img { height:100px; width: 100px; margin:0;padding:0; }

.item {
	height: 120px; width: 100px;
	color: black; text-align: center;
	overflow:hidden;display:block;overflow:hidden;position:relative;margin:0 10px 0 20px;
	padding:0;float:left;background-repeat:no-repeat;text-decoration: none;
}

.item .underlay {
	padding: 10px; padding-top: 30px; color: black; font-size: 10px; position:absolute;left:0px;top:0px;
}

.item .overlay {
	height: 120px; width: 100px; background-color: #F5F4EF;
	font-family: 'Open Sans', sans-serif; font-size: 12px; font-style: normal;
	margin:0;padding:0;border:0;left:0;position:absolute;top:0;
}


/* cases */

#cases {height: 770px;}

#cases ul.clientes li img 
{
    margin-right:5px;
    margin-top: 5px;
	border: 			none;
	width: 				220px;
	height: 			158px;
	border: solid 1px #d4d5d6;	
}

#slideshow, #slider { z-index:0px; }

#cases ul.clientes 		{list-style:none; padding: 0px; margin: 0px;}
#cases ul.clientes li 	{display: inline; float: left;}

#case_box {position: absolute; z-index: 1000000 !important; width: 920px; height: 680px; display: block; background:#F5F4EF; display:none; *top:70px; *left:0px;}
.case_txt {position: absolute; z-index: 1000000 !important; width:920px; height: 160px;display: block;  color:#fff; font-size:11px; font-weight:bold;  }
.case_img {position: absolute; left: 0px; top:170px; z-index: 1000; width: 920px; height: 510px; display: block; overflow:hidden;}
.case_img img { display:block; margin-left:-25px;}
.case_img img.tam-real {margin-left:0px;}
.case_img_borda {width:918px!important;height:508px!important;border: 1px solid #D1D3D4!important;}

.case_txt h3 { width:220px; position:absolute; top:20px; left:0px;height: 120px; background-position:center; background-repeat:no-repeat; text-indent:-999999px;}
.case_txt h3.marcia-mello { background-image:url(../images/logo-marcia-mello.html);border-right:1px solid #FFF;} 
.case_txt h3.honda { background-image:url(../images/logo-honda.html);border-right:1px solid #FFF;} 
.case_txt h3.marisa { background-image:url(../images/logo-marisa.html);border-right:1px solid #FFF;} 
.case_txt h3.hopi-hari { background-image:url(../images/logo-hopi-hari.html);border-right:1px solid #FFF;} 
.case_txt h3.logo-m3m { background-image:url(../images/logo-3m.html);border-right:1px solid #ED1B2F;} 
.case_txt h3.educadorafm { background-image:url(../images/logo-educadorafm.html);border-right:1px solid #FFF;} 
.case_txt h3.integral { background-image:url(../images/logo-integral.html);border-right:1px solid #FFF;} 
.case_txt h3.topz { background-image:url(../images/logo-topz.html);border-right:1px solid #FFF;} 
.case_txt h3.ype { background-image:url(../images/logo-ype.html);border-right:1px solid #FFF;} 
.case_txt h3.sapore { background-image:url(../images/logo-sapore.html);border-right:1px solid #FFF;} 
.case_txt h3.oticas-iris { background-image:url(../images/logo-oticas-iris.html);border-right:1px solid #FFF;} 
.case_txt h3.rac { background-image:url(../images/logo-rac.html);border-right:1px solid #FFF;} 
.case_txt h3.singer { background-image:url(../images/logo-singer.html);border-right:1px solid #FFF;} 
.case_txt h3.v100video { background-image:url(../images/logo-100video.html);border-right:1px solid #FFF;} 
.case_txt h3.tecnol { background-image:url(../images/logo-tecnol.html);border-right:1px solid #1da1d9;} 
.case_txt h3.educar { background-image:url(../images/logo-educar.html);border-right:1px solid #2a2926;} 
/*#case_txt p  { position:absolute; width:640px; top:20px; right:30px;height: 120px; padding-top:5px;  }*/
.case_txt p  	{width:640px; height:160px; vertical-align:middle; display:table-cell; padding-left:250px;  }
.tecnol p 		{color:#000!important;}
.educar p 		{color:#3a210a!important;}

div.marisa 		{ background:#ff3fae;}
div.hop-hari 	{ background:#073c66;}
div.rac 		{ background:#0b548e;}
div.sapore 		{ background:#1a4d68;}
div.ype 		{ background:#008bd3;}
div.oticas-iris	{ background:#fadd8d;color:#000!important;}
div.topz 		{ background:#db3018;}
div.integral 	{ background:#a9d8e9; color:#036!important;}
div.educadorafm	{ background:#2d120b;}
div.m3m 		{ background:#ffffff; border:1px solid #d1d3d4; color:#000!important;}
div.honda 		{ background:#dc2925;}
div.marcia-mello{ background:#ae8242;}
div.singer		{ background:#d11e4c;}
div.tecnol		{ background:#FFF;border:1px solid #d1d3d4; }
div.v100video	{ background:#DC2925; }
div.educar		{ background:#d5c8a5;border:1px solid #d1d3d4; }


.navCases   { width:685px; height:30px; position:absolute; top:-30px; right:5px; z-index:10002; text-align:left; text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size: 12px; font-style: normal; }
.navCases a:link, .navCases a:visited  { color:#808285; margin-left:18px; }
.navCases a:hover { text-decoration:none; background:#000; color:#fff; }
.antProx    { float:right; }

/* rodape */

#rodape {width:100%; background-color: #282d2f; height: 300px; padding-top: 20px;}
#rodape div.box-rodape { width: 920px; margin: 0 auto;  }
#rodape h3 {color: #fff; font-family: 'Open Sans', sans-serif; font-size: 20px; font-style: normal; letter-spacing: -1px; margin-bottom: 15px;}

#contato {float: left; width: 400px;}
#contato .nome {float: left;  width:200px; height:40px;}
#contato .email { float:left; width:200px; height:40px; margin-bottom:10px;}
#contato .msg {margin-top: 5px; clear:both;}
#contato label { font-size: 11px; color: #fff; display: block; width: 100%; margin-bottom:5px;}
#contato li {margin-top: 10px;}

#contato { margin-right:80px;}
#contato input,
#contato textarea {
background: #ccc;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 13px  'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
outline: none;
padding: 5px;
width: 180px;
}
#contato textarea { width: 380px; }
#contato input:focus,#contato textarea:focus { background: #fff;}
#contato input[type=radio] { float: left; margin-right: 5px;}

#contato a.btnEnviar {
background-color: #000;
font-family: 'Open Sans', sans-serif;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
color: #ffffff;
display: block;
font-size: 12px;
padding: 7px 25px;
text-transform: uppercase;
float: right;
margin-top: 10px;
margin-right: 8px;
}
#contato a.btnEnviar:hover {
background: #7e2729;
text-decoration:none;
}

.erro{ font-size: 11px; color: #fff; display: block; float: left; margin-top:5px; }

#local { font-size: 11px; color: #fff; display: block; float: left; width: 230px;}
#local p {margin-bottom: 20px;}
.telefone {width:115px; height:31px;font-family: 'Open Sans', sans-serif; background: url(../images/telefone.html) no-repeat center; font-size: 14px; text-indent:-999999px; float:left;  }
#local a img { position:relative; top:20px; left:0px; }
#local .mapa {color: #fff; text-decoration: none; background: url('../images/icone_maps.html') no-repeat; display: block; width: 40px; height: 25px; padding:2px 0 0 25px; position:relative; }
#local a:hover {text-decoration: underline;}

#social { font-size: 11px; color: #fff; display: block; float: left; width: 100px;}
#social img { margin-top:43px; }
a#facebook {color: #fff; text-decoration: none; background: url('../images/icone_facebook.html') no-repeat; display: block; width: 40px; height: 25px; padding:2px 0 0 25px; }
a#facebook:hover {text-decoration: underline;}
a#twitter {color: #fff; text-decoration: none; background: url('../images/icone_twitter.html') no-repeat; display: block; width: 40px; height: 25px; padding:2px 0 0 25px; }
a#twitter:hover {text-decoration: underline;}
a#flickr {color: #fff; text-decoration: none; background: url('../images/icone_flickr.html') no-repeat; display: block; width: 40px; height: 25px; padding:2px 0 0 25px; }
a#flickr:hover {text-decoration: underline;}
/***************** for new banner css *****/
.bannercontainer{
	 position: relative; margin: 0 auto;
        top: 75px; left: 0px; width: 1300px; height: 480px; overflow: hidden;
		
}
.wrapperbanner
{
cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px;
            height: 480px; overflow: hidden;
			background:url('../images/banner-bg.jpg');
}
.jssorb21
{
position: absolute; bottom: 26px; left: 6px;
}
.jssorbcircle
{
POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align:center; line-height:19px; color:White; font-size:12px;
}
.firstcontent{
position: absolute; width: 380px; height: 120px; top: 120px; left: 210px; padding: 5px;
text-align: left; line-height: 40px;  font-size: 22px;font-family: 'Open Sans', sans-serif;
color: #FFFFFF;
}
.firstcontent > h1{color: #000;
    font-size: 28px;
	font-family: 'Open Sans', sans-serif; text-transform:none !important ;
    font-weight: 300;
    line-height: normal;
	}	

.bannerimage
{
float:right;
margin: 80px 190px;
text-align:center;

}
@media only screen and (min-width: 280px) and (max-width: 500px)
{
.jssorb21
{ 
bottom:10px;
}

}
@media only screen and (max-width: 768px){



}