@charset "utf-8";
/* CSS Document */
/*Basic Structure*/
body{background:#e9f1fd; margin:0; padding:0; position:relative;}
a img{border:0; outline:0;}
#sitewrap{width:800px; min-height:960px; margin-left:auto; margin-right:auto; /*background:#fff; -webkit-box-shadow: 0px 1px 5px #9b9b9b;-moz-box-shadow: 0px 1px 5px #9b9b9b;*/}
#innerwrap{min-height:960px; margin-left:auto; margin-right:auto; background:#fff; -webkit-box-shadow: 0px 1px 5px #9b9b9b;-moz-box-shadow: 0px 1px 5px #9b9b9b; box-shadow: 0px 1px 5px #9b9b9b; width:568px; float:left; behavior: url(js/pie.htc);}
#clear { height:20px; visibility:hidden;}
#clearside {visibility:hidden; height:10px;}
hr { color:#CCC; background-color:#CCC; border:none; height:1px; margin-top:-3px;}
#sidesquare {background:#fff; float:right; margin-top:10px; width:230px; -webkit-box-shadow: 0px 1px 5px #9b9b9b;-moz-box-shadow: 0px 1px 5px #9b9b9b; box-shadow: 0px 1px 5px #9b9b9b; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-top:10px; behavior: url(js/pie.htc);}
#sidehead {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#1d6ee9; text-align:center; background: url(images/sidesquare_06.png) no-repeat right ; height: 58px; float:left; padding-left: 18px; padding-right:18px;  margin: -20px 20px 0px 7px; /*background:#c2dcfe; border: 1px solid #1d6ee9;*/ width:210px; margin-top:0px; /*-webkit-box-shadow: 0px 1px 5px #9b9b9b; -moz-box-shadow: 0px 1px 5px #9b9b9b; box-shadow:0px 1px 5px #9b9b9b;*/}
#sidehead h2 {padding:0; margin:0; margin-top:1px; color:#286ed7; font-size:1.2em;}
.news {/*border:1px solid #CCC;*/ width:210px; margin-right:10px; margin-left:10px; margin-bottom:10px; background:#fff;}
.news p {font-size:0.7em;}
#news {height:250px; margin-top:40px;}
a.other {font-style: italic; color:#585656 !important; padding-top:5px; float:right; border-bottom:1px solid #CCC; width:100%; float:right;}	
#news ul li a {color:#585656; font-family:"Times New Roman", Times, serif;}
#news ul li a:hover {color: #585050;}
#newsletter {margin-top:150px; height:150px;}
#newsletter.newscont {height:100px;}
.newshead {border-bottom:1px solid #CCC; padding-left:10px;}
.news ul li{margin:0; padding:0;}
.newscont ol{margin:0; padding:0;}
.newscont ol li{margin:0; padding:0;}
.red{color:#f00;}
/*#newstop ul {display:inline;}
#newstop ul li {display:inline;}
#newstophead {text-align:center;}
#newstophead h3 {font-size:13px;}
#newstopcont {overflow:hidden; height:20px;}*/
div.newscont form {margin:0; margin-top:10px; padding:0; border:0;}
.news label{margin-left:10px; color:#666;}
.news input[type=submit] { margin-left:80px; margin-top:5px;}
form input[type=text].newsletter {width:180px; margin-right:10px; margin-left:0;}
#socialmd {float:right; border:1px solid #CCC; width:320px; height:170px;}
#socialhead {border-bottom:1px solid #CCC; padding-left:10px;}
#head{text-align:center; padding-bottom:0; margin-bottom:0; margin:0; padding:0; min-width:600px;}
#headerimg{overflow:hidden; background: url('images/wlogbg_01.png') center top repeat-x; margin-bottom:-7px;}
ul{margin:0; padding:0;}
#menuct{background:url(images/menubg_03.png) center center repeat-x; height:23px; position:relative; list-style:none; text-align:center; min-width:960px;  margin-left:-30px; text-align:center; padding-left:8%;} /* 8% -> 1024 */ /* 18% -> 1360 */ /*16% -> 1280 */ /*20% -> 1440 */ /*28% -> 1920 */
#menu li{display:inline; margin-right:17px;}
#menu li a{color:#FFF; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:14px;}
#menu li a:before{content: "\00BB \0020"; color:#ff7676; font-size:16px;}
#menu li a:before:hover{content: "\00BB \0020"; color:#fff;}
/*#home #menu li.home a:before{ content: "\00BB \0020"; color:#fdeb76; font-size:16px;}*/
#home #menu li.home a:before, #empresa #menu li.empre a:before, #clientes #menu li.cli a:before, #contato #menu li.cont a:before, #monitoramento #menu li.moni a:before, #servicos #menu li.serv a:before, #orcamento #menu li.orc a:before, #gallery #menu li.photos a:before{ content: "\00BB \0020"; color:#ffda76; font-size:16px;}
#menu li a:hover{text-decoration:underline;}
ul.topnav {
	list-style: none;
	background: #a61a1a;
	font-size: 1.2em;
	background: url(topnav_bg.gif) repeat-x;
	padding:0;
	margin:0;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	margin-bottom:0;
	padding: 0;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 23px;
	float: left;
	background: url(subnav_btn.png) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 21px;
	background: #a61a1a;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #a61a1a;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #a61a1a; /*--Create bevel effect--*/
	border-bottom: 1px solid #df6767; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
ul.topnav li ul.subnav li a{
	padding:10px 5px;
	margin:0;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: url(images/images/submenubg.png) no-repeat center;
	padding-left: 20px;
	margin:0;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: url(images/images/submenubgh.png) no-repeat center; 
}
#bhead{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#1d6ee9; text-align:center; background: url(images/hback_06.png) no-repeat left ; height: 58px; float:left; padding-left: 18px; padding-right:18px;  margin: 0px 20px -18px -22px; /*background:#c2dcfe; border: 1px solid #1d6ee9;*/ width:540px; margin-top:0px; /*-webkit-box-shadow: 0px 1px 5px #9b9b9b; -moz-box-shadow: 0px 1px 5px #9b9b9b; box-shadow:0px 1px 5px #9b9b9b;*/}
h1{font-size:24px; /*background-color:#c2dcfe;*/ margin:1px 0 0 -3px ; padding-top:3; padding-bottom:5px; /*border-bottom: 2px solid #377eea;border-top:1px solid #1d6ee9;*/ height:30px;}
#body{font-family: Arial,"Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif; width:568px; float:left; background:#ffffff; padding-bottom:30px;}
#content {line-height:1.5em; padding-right:20px; padding-left:20px;  width:510px; float:left; text-align:justify;}
body#gallery #content {padding-left:7px;}
#monitoramento #content {background:url(images/comingsoon.png) #fff no-repeat center left; padding-top:70px; padding-bottom:10px;}
#sitewrap ul{list-style:none;}
#sitewrap li{display:block; margin-right:17px;}
#sitewrap li:before{content: "\00BB \0020"; color:#ff7676; font-size:16px;}
#sitewrap a {color:#ff7676; text-decoration:none;}
#sitewrap a:hover {text-decoration:underline;}
#logos {margin-left:auto; margin-right:auto; margin-right:-5px; width:500px;}
#logos img {margin-right:5px; background:#CCC; border:1px solid #999; padding:5px;  -webkit-box-shadow: 0px 1px 5px #9b9b9b;-moz-box-shadow: 0px 1px 5px #9b9b9b;}
p{margin:0; margin-bottom:15px; padding:0;}
p.first{padding-top:25px;}
i {border-bottom: 1px dashed #999;}
form {margin-right:auto; margin-left:auto; padding-top:1em; width:350px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.moni{/*margin-top:5em;*/}
.monit input{width:270px;}
fieldset{padding:5px;}
fieldset{border:1px solid #8db0ff;}
legend{color:#1d6ee9; font-size:1.3em;}
input[type='text'], input[type='password'] {float:right; border:1px solid #CCC; width:350px; height:20px;}
.moni input[type='text'], .moni input[type='password'] {float:right; border:1px solid #CCC; width:330px; height:20px;}
select {width:350px}
.mess {float:none; text-align:center;}
textarea {float:right; border:1px solid #CCC; width:350px; margin-bottom:5px;}
input[type='text']:focus {border:1px solid #999;}
label {color:#CCC;}
#contato label {margin-right:300px;}
.wind{width:300px; height:200px;background:#c2dcfe; border:1px solid #1d6ee9; font-family: Verdana, Geneva, sans-serif;}
.rectwind {width:100%; height:150px;background:#c2dcfe; border:1px solid #1d6ee9; font-family: Verdana, Geneva, sans-serif; padding-left:5px; padding-right:5px;}
.wind img {border:1px solid #1d6ee9; margin-left:10px; margin-right:10px; float:left;}
.windhead{padding:5px 0 0 0; margin-bottom:3px;}
#W1{position:relative; float:left; margin-left:20px; margin-bottom:20px; margin-top:10px;}
#W1:hover{-webkit-box-shadow: 0px 1px 5px #9b9b9b;}
h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#585656; font-style:italic; text-align:center;}
h3{font-family:Arial, Helvetica, sans-serif; color:#585656; font-style:italic; text-align:left; font-size:20px; margin:0; padding:0;}
#W2{position:relative; float:right; margin-right:20px; margin-bottom:20px; margin-top:10px;}
#W2:hover{-webkit-box-shadow: 0px 1px 5px #9b9b9b;}
#W3{position:relative; float:left; margin-left:20px; margin-bottom:20px;}
#W3:hover{-webkit-box-shadow: 0px 1px 5px #9b9b9b;}
#W4{position:relative; float:right; margin-right:20px; margin-bottom:20px;}
#W4:hover{-webkit-box-shadow: 0px 1px 5px #9b9b9b;}
.fnav{list-style:none; display:block; width:70px; height:80px; text-align:left; margin-left:2px; color:#fff; border-right:1px solid #fff; padding-left:10px; margin-bottom:10px; margin-top:10px;}
#footer{background:url(images/footerbg_07.png) center center repeat-x; height:99px; min-width:960px;font-family:Verdana, Geneva, sans-serif; position:relative; text-align:center; clear:both;}
#footnavct{margin-left:auto; margin-right:auto; width:450px;}
#footer a{color:#fff; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footnav1{position:relative; float:left; width:80px; border-left:1px solid#fff;}
#footnav2{position:relative; float:left;width:100px;}
#footnav3{position:relative; float:left; width:200px;} 
.submit {background: #2c7aee; background-image: -moz-linear-gradient(top, #2279fb, #145ecc); background: -webkit-gradient(linear, left top, left bottom, from(#2279fb), to(#145ecc)); border:1px solid #043199; -moz-border-radius:5px; color:#fff; -webkit-border-radius:5px; color:#fff; height:30px; outline:0; font-weight:bold; font-family: Arial, Helvetica, sans-serif; margin-right:300px; behavior: url(js/pie.htc);}
.submit:active {background-color: #1560ce; background-image: -moz-linear-gradient(top, #145ecc, #2279fb);  background: -webkit-gradient(linear, left top, left bottom, from(#145ecc), to(#2279fb)); outline:0; behavior: url(js/pie.htc);}