@charset "UTF-8";
@import url("webfonts/Montserrat_Bold/stylesheet.css");
@import url("../webfonts/Montserrat_Bold/stylesheet.css");
@import url("../webfonts/montserratregular/stylesheet.css");

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:1em;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
body{
	background-color:#f0f0f0;
	}


/* Default */
h1{
	font-family:Montserrat-Bold;
	font-size: 3em;
	color:#f0f0f0;
	margin-bottom: 64px;
	text-transform: uppercase;
	}




#wrap {
	height: auto;
	width: 1300px;
	margin-right: auto;
	margin-left: auto;
}
#wrap #top {
	background-color: #FFF;
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: 1300px;
}
#wrap header #top #logo {
	height: auto;
	width: auto;
	float: left;
	margin-top: 48px;
	margin-left: 163px;
}
#wrap header #top #slogn {
	float: right;
	height: 210px;
	width: 310px;
	margin-top: 123px;
	margin-right: 168px;
	font-family:Montserrat-Bold, Arial, Helvetica, sans-serif;
	font-size: 2.5em;
	color:#eeeeee;
	text-align:right;
	line-height: 1.3em;
	text-shadow: 1px 2px 2px #575757;
}
#wrap #middle {
	background-image: url(../images/bg_middle.jpg);
	background-repeat: no-repeat;
	width: 960px;
	padding-right: 170px;
	padding-left: 170px;
	padding-top: 17px;
	height: auto;
}
#wrap #middle nav {
	width: 960px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}

/* menu dropdown horizontal                */
/*******************************************/

/* Targeting both first and second level menus */

#wrap #middle nav #nav {
	float:left;
	position: relative;
	margin-left: -9px;
	}
#wrap #middle nav #nav li {
    list-style:none;
    float: left;
	display: block;
	color: #7ec9ed;
	font-family:Montserrat-Bold, Arial, Helvetica, sans-serif;
	font-size: 0.56em;
	text-transform:uppercase;
	
}
#wrap #middle nav #nav li a {
	padding-left: 12px;
	padding-right: 12px;
    text-decoration: none;
	color: #7ec9ed;

	color:#FFF;
	padding-top:-5px !important;
	
}

#wrap #middle nav #nav li a.current{
	color: #7ec9ed;
	}

#wrap #middle nav #nav li:before {
	content: " | ";
	color: #FFF;
	
}

#wrap #middle nav #nav li:first-child:before {
content: none;
}

#wrap #middle nav #nav li a:hover {
	color:#7ec9ed;
	/*opacity:1;*/
}

/* Targeting the first level menu */
#wrap #middle nav #nav {  
    /*top:150px;
    min-width:850px;
    background:#fff;
    opacity:0.5;
    display: block;
    height: 34px;
    z-index: 100;
    position: absolute;*/
}
#wrap #middle nav #nav > li > a {
}

/* Targeting the second level menu */
#wrap #middle nav #nav li ul {
    color: #333;
    display: none;
    position: absolute; 
}
#wrap #middle nav #nav li ul li {
    display: inline;
}
#wrap #middle nav #nav li ul li a {
    /*background: #fff;*/
    border: none;
    line-height: 34px;
    margin: 0;
    padding: 0 8px 0 10px;
}
#wrap #middle nav #nav li ul li a:hover {
    /*background-color:red;*/
    color:#7ec9ed;;
    /*opacity:1;*/
}

/* Third level menu */
#wrap #middle nav #nav li ul li ul{
    top: 0;
}
#wrap #middle nav ul.child {
/*background-color:#FFF;  */
}
/* A class of current will be added via jQuery */
#wrap #middle nav #nav li.current > a {
    /*background: #f7f7f7;*/
    float:left;
}
/* CSS fallback */
#wrap #middle nav #nav li:hover > ul.child {
	color:#7ec9ed;
    left:150px;
	

	font-size: 1.8em;
    /*top:34px;
    
    position:absolute;*/
    text-align:left;
	display:inline;
}
#wrap #middle nav #nav li:hover > ul.grandchild  {
    display:block;
}
#wrap #middle section {
	clear: left;
	float: left;
	width: 640px;
	margin-top: 55px;
	margin-bottom: 70px;
}

/* Conteudos */
#wrap #middle section p {
	font-family: Montserrat-Bold;
	font-size: 0.69em;
	color: #535557;
	line-height: 1.6em;
	margin-left: 10px;
}




/* clear */
.clear{
	clear:both;
	}
#wrap #middle #boxes {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	clear: both;	
}
#wrap #middle #boxes .box {
	width: 300px;
	float:left;
	margin-right: 20px;
}
#wrap #middle #boxes .box.boxRight{
	margin-right: 0px;
	}
#wrap #middle #boxes .box .topBoxCompetencias {
	background-image: url(../images/topBoxCompetencias.jpg);
	background-repeat: no-repeat;
	height: 149px;
	width: 300px;
}
#wrap #middle #boxes .box .bottomBoxCompetencias {
	background-image: url(../images/bottomBoxCompetencias.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 300px;
	clear: both;
}
#wrap #middle #boxes .box .topBoxSolucoes {
	background-image: url(../images/topBoxSolucoes.jpg);
	background-repeat: no-repeat;
	height: 149px;
	width: 300px;
}
#wrap #middle #boxes .box .bottomBoxSolucoes {
	background-image: url(../images/bottomBoxSolucoes.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 300px;
	clear: both;
}
#wrap #middle #boxes .box .topBoxRef{
	background-image: url(../images/topBoxRef.jpg);
	background-repeat: no-repeat;
	height: 149px;
	width: 300px;
}
#wrap #middle #boxes .box .bottomBoxRef {
	background-image: url(../images/bottomBoxRef.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 300px;
	clear: both;
}
#wrap #middle #boxes ul {
	list-style-type: none;
	font-family: Montserrat-Bold;
	font-size: 0.68em;
	color: #168ec7;
	margin-top: 25px;
	margin-bottom: 12px;
	line-height: 1.3em;
	float: left;
}
#wrap #middle #boxes ul li {
	margin-bottom: 0.6em;
}
#wrap #middle #boxes a.link {
	font-family: Montserrat-Bold;
	font-size: 0.68em;
	text-transform: uppercase;
	color: #168ec7;
	float: right;
	margin-top: 90px;
	text-decoration:none;
}

#wrap #middle #boxes a.floatLeft {
	float:left;
	margin-top: 10px;
	margin-bottom: 13px;
}


#wrap #middle #boxes a.link:hover {
	color: #0078b1;
}

#wrap #middle #boxes a.link span{
	color: #535557;
	
}

#wrap #middle #boxes a.link:hover span{
	color: #0078b1;
	
}



/**/
#wrap #middle #boxes a.linkTabBottom {
	font-family: Montserrat-Bold;
	font-size: 0.68em;
	text-transform: uppercase;
	color: #168ec7;
	float: left;
	text-decoration:none;
	margin-bottom: 10px;
}



#wrap #middle #boxes a.linkTabBottom:hover {
	color: #0078b1;
}

#wrap #middle #boxes a.linkTabBottom span{
	color: #535557;
	
}

#wrap #middle #boxes a.linkTabBottom:hover span{
	color: #0078b1;
	
}



#wrap #bottom {
	background-image: url(../images/bgBottom.jpg);
	background-repeat: no-repeat;
	width: 1300px;
	height: 127px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
}
#wrap #bottom #btnVoltar {
	float: right;
	height: 15px;
	width: 121px;
	margin-right: 180px;
	margin-top: 30px;
}
#wrap #bottom #contactos {
	float: left;
	margin-top: 40px;
	margin-left: 180px;
	clear: left;
}


#wrap #bottom #contactos address {
	font-family: Montserrat-Bold;
	font-size: 0.62em;
	color: #85c9e8;
	font-style: normal;
}

#wrap #bottom #contactos address a {
	font-family: Montserrat-Bold;
	font-size: 1em;
	color: #85c9e8;
	text-decoration: none;
	
}
#wrap #bottom #contactos address .contactosTel {
	margin-left: 80px;
}
#wrap #bottom #btnFacebookBottom {
	float: left;
	margin-left: 180px;
	margin-top: 30px;
}
#wrap #bottom #ofertaSingular {
	float: right;
	margin-right: 180px;
	clear: right;
	margin-top: 33px;
}
#wrap #bottom .fb-like {
	float: left;
	margin-left: 10px;
	margin-top: 31px;
}
#wrap #middle #marcadorRightHome,
#wrap #middle #marcadorRightEmpresa,
#wrap #middle #marcadorRightCompetencias,
#wrap #middle #marcadorRightSolucoes,
#wrap #middle #marcadorRightReferencias,
#wrap #middle #marcadorRightContactos {
	float: right;
	height: 340px;
	width: 310px;
	margin-top: -10px;
}

#wrap #middle #marcadorRightReferencias {
	height: 370px;
}

#wrap #middle #marcadorRightHome {
	background-image: url(../images/middleHome.png);
	background-repeat: no-repeat;
}

#wrap #middle #marcadorRightEmpresa {
	background-image: url(../images/middleEmpresa.png);
	background-repeat: no-repeat;
}

#wrap #middle #marcadorRightCompetencias {
	background-image: url(../images/middleCompetencias.png);
	background-repeat: no-repeat;
}

#wrap #middle #marcadorRightSolucoes {
	background-image: url(../images/middleSolucoes.png);
	background-repeat: no-repeat;
}

#wrap #middle #marcadorRightReferencias {
	background-image: url(../images/middleReferencias.png);
	background-repeat: no-repeat;
}

#wrap #middle #marcadorRightContactos {
	background-image: url(../images/middleContactos.png);
	background-repeat: no-repeat;
}

#wrap #middle #working {
	background-image: url(../images/working.jpg);
	background-repeat: no-repeat;
	height: 342px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 30px;
}
#wrap #middle #boxes .box .topBoxCompKnowHow {
	background-image: url(../images/compKnowHow.jpg);
	height: 80px;
	width: 300px;
}

#wrap #middle #boxes .box .topBoxCompExperiencia {
	background-image: url(../images/compExperiencia.jpg);
	height: 80px;
	width: 300px;
}

#wrap #middle #boxes .box.boxRight .topBoxCompParcerias {
	background-image: url(../images/compParcerias.jpg);
	height: 80px;
	width: 300px;
}

#wrap #middle #boxes .box .topBoxSolLimpeza{
	background-image: url(../images/solLimpeza.jpg);
	height: 80px;
	width: 300px;
}

#wrap #middle #boxes .box .topBoxSolFresagem {
	background-image: url(../images/solFresagem.jpg);
	height: 80px;
	width: 300px;
}

#wrap #middle #boxes .box.boxRight .topBoxSolInspecao {
	background-image: url(../images/solInspecao.jpg);
	height: 80px;
	width: 300px;
}

#wrap #middle #boxes .box p {
	font-family: Montserrat-Bold;
	font-size: 0.687em;
	color: #878686;
	line-height: 1.7em;
}
#wrap #middle #boxes .box article.competencias {
	height: 230px;
	padding-top: 25px;
}

#wrap #middle #boxes .box article.referencias{
	height: 130px;
	padding-top: 25px;
	}

#wrap #middle #boxes .box article.referencias.ref50{
	height: 78px;
	padding-top: 25px;
	}

#wrap #middle #boxes .box article.referencias.ref25{
	height: 53px;
	padding-top: 25px;
	}


#wrap #middle #boxes .box article.solDiagnostico {
	height: 273px;
	padding-top: 25px;
}

#wrap #middle #boxes .box article.contactos {
	height: 330px !important;
	margin-top:22px;
}

#forms,
#mapa{
	margin-top: 22px;
	height: 330px !important;
	max-height:330px;
}
#mapa{
	margin-top: 18px !important;
}


#wrap #middle section .gray {
	color: #c7c7c7;
	margin-bottom: 30px;
	margin-top: 55px;
	text-transform: uppercase;
}
.blue {
	color: #0078b1;
}
#wrap #middle #boxes h3 {
	font-family: Montserrat-Bold;
	font-size: 1.56em;
	color: #0078b1;
	text-transform: uppercase;
}
#wrap #middle #boxes #titulosH3 {
	height: 30px;
	margin-top: 40px;
	margin-bottom: 10px;
}
#wrap #middle #boxes #titulosH3 .H3floatRight {
	float: right;
	width:auto;
}
#wrap #middle #boxes #titulosH3 .H3floatLeft {
	float: left;
	width:auto;
}

#wrap #middle #boxes #titulosH3 .H3floatRight.marginRight {
	margin-right: 20px !important;
}

#wrap #middle #boxes .box .referencias ul.ulRef,
#wrap #middle #boxes .box .contactos ul.ulRef
 {
	font-family: Montserrat-Bold;
	font-size: 0.687em;
	color: #878686 !important;
	margin-top: 0px;
	margin-bottom: 0px;
}

#wrap #middle #boxes .box .contactos ul.ulRef li {
	margin-bottom: 28px;
	padding-left: 10px;
	line-height: 1.45em;
}

#wrap #middle #boxes .box .referencias ul.ulRef li:before,
#wrap #middle #boxes .box .contactos ul.ulRef li:before {
	margin-left: -10px;
	content: "» ";	
}
#wrap #middle #boxes .box .mais10 {
	font-size: 1.875em;
}

#wrap #middle #boxes .box.boxRight .imgRef {
	width:300px;
	float:left;
}

#wrap #middle #boxes .box.boxRight .imgRef img {
	float:right;
	margin-bottom: 13px;
}
#wrap #middle #boxes .box .mapaLocalizacao {
	border-radius: 3px;
	border: 2px solid #51a1c5;	
	/*margin-top: 25px;*/
}
#wrap #middle #boxes .box small a {
	font-family: Montserrat-Bold;
	font-size: 0.68em;
	text-transform: uppercase;
	color: #535557;
	text-decoration:none;
	margin-bottom: 24px;
	float:right;
	margin-top: 7px;
}
#wrap #middle #boxes .box small a span {
	color: #168ec7;
}

#wrap #middle #boxes .box small a:hover {
	color: #0078b1;
}
#wrap #middle #boxes .box .referencias.ref50 .ulRef li {
	margin-bottom: 30px;
}





/************/
#wrap #middle #boxes .box.boxRight #newsletter-form,
#wrap #middle #boxes .box.boxRight #contact-form{
    float: left;
	/*margin-top:25px;*/
}
#wrap #middle #boxes .box.boxRight #newsletter-form{
	margin-top:22px;
}


#wrap #middle #boxes .box.boxRight #contact-form fieldset{
    border: none;
}


#wrap #middle #boxes .box.boxRight #contact-form input{
	width: 290px;
	border: none;
	height: 25px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 0.687em;
	color: #000000;
	font-family: Montserrat-Bold;
	background-color: #e8e8e8;
	border-radius: 4px;
}

#wrap #middle #boxes .box.boxRight #newsletter-form input{
	width: 218px;
	border: none;
	height: 25px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 0.687em;
	color: #000000;
	font-family: Montserrat-Bold;
	background-color: #e8e8e8;
	border-radius: 4px;
	float: left;
	}

#wrap #middle #boxes .box.boxRight #newsletter-form #newsletter fieldset #submit{
	margin-left: 10px;}


#wrap #middle #boxes .box.boxRight #contact-form textarea{
	width: 290px;
	height: 105px;
	border: none;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 0.687em;
	color: #000000;
	font-family: Montserrat-Bold;
	background-color: #e8e8e8;
	border-radius: 4px;
}
#wrap #middle #boxes .box.boxRight #newsletter-form .button,
#wrap #middle #boxes .box.boxRight #contact-form .button{
    width: 60px;
    height: 30px;
    font-family: Montserrat-Bold;
	font-size: 0.68em;
	text-transform: uppercase;
	color: #535557;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-right: 10px;
}

#wrap #middle #boxes .box.boxRight #newsletter-form .button{
	margin-right:0px;
	height: 27px;}

#wrap #middle #boxes .box.boxRight #newsletter-form .button:hover,
#wrap #middle #boxes .box.boxRight #contact-form .button:hover{
    cursor: pointer;
	color: #0078b1;
}

label.error{
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8125em;
    color: #e8533b;
    margin-top: -15px;
    margin-left: 5px;
    margin-bottom: 10px;
    float: left;
    width: 300px;

}

#wrapper article #content .box .box_content_left #contact-form span{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.6875em;
    color: #6a6a6a;
    float: left;
}

#wrap #middle #boxes .box.boxRight #contact-form #contact fieldset span {
	font-family: Montserrat-Bold;
	font-size: 0.625em;
	color: #b4b3b3;
}
#wrap #middle #facebookTop {
	z-index:999;
	float: right;
	width: auto;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrap #middle #boxes .box #codGPS {
	float: left;
	font-family: Montserrat-Bold;
	color: #878686;
	font-size: 0.687em;
	margin-top: 7px;
	margin-left: 5px;
	font-weight: bold;
}
#wrap #middle #boxes .box #GPS {
	float:left;
	font-family: Montserrat-Bold;
	font-size: 0.687em;
	color: #51a1c5;
	margin-top: 7px;
}
#wrap #middle #boxes .box .contactos .ulRef .contUltima {
	margin-bottom: 23px;
}

#map_canvas{
	width: 296px;
	height: 273px;
	border-radius: 3px;
	border: 2px solid #51a1c5;
	margin-top: 23px;
	margin-bottom: 10px;

}
/*
#boxes{
	margin-top: 70px;
}*/