/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}
.relative{ position:relative;}

/* Global properties ======================================================== */

body{ background:#000; border:0; font:14px Arial, Helvetica, sans-serif;color:#4d4d4d;line-height:25px; min-width:940px; overflow:hidden}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

.page_spinner{ position:absolute;background: url(../images/bg.jpg) 0 0 repeat #000; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner div{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat;width:100%; height:100%; top:0; left:0}


/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 940px; }

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}
.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-300% 0 0 0;overflow:hidden;padding:0}

body, html{ height:100%;}
.over{ position:relative; width:100%; overflow:hidden;min-height:100%; height:auto !important; background:url(../images/bg_top.png) 0 0 repeat-x}

.bg1{ position:absolute; bottom:0; left:0; width:100%; height:50px;}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}

/* ============================= main layout ====================== */

a{ color:#006; text-decoration: none; outline:none}
a:hover{}
h1{  float:left}
h2{ font:30px 'Asap', sans-serif; color:#4d4d4d; line-height:1.2em; padding:2px 0 14px 0; letter-spacing:-2px;}
h3 {font-size:24px;line-height:1.2em;color:#4d4d4d;padding:11px 0 12px 0;letter-spacing:-1px}
h4 {font-size:19px;line-height:1.2em;color:#4d4d4d;padding:11px 0 12px 0; margin-left:50px; letter-spacing:-1px; font-weight:lighter}
h5 {font-size:20px;line-height:1.2em;color:#4d4d4d;padding:11px 0 12px 0;letter-spacing:-1px}

p{ padding-bottom:25px;}
strong{ color:#900}

/* ============================= header ====================== */
header {height:110px;background: url(../images/topo2.jpg) top center no-repeat;position:relative; margin-top:5px; padding:18px 50px 0px 50px; z-index:1000}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0px no-repeat; width:279px; height:123px;}

/*menu
.menu {float:right;padding:35px 0 0 0}
#menu  {}
#menu > li  {position:relative;margin-left:23px;float:left}
#menu > li > a {font-size:22px; background-color:#FFF; padding: 5px; color: #900;line-height:1.2em;overflow:hidden;letter-spacing:-1px}
#menu > li > a:hover, #menu > .active > a, #menu > .sfHover > a {color: #006}
*/

	#menu {list-style:none;	padding:0; margin-left:300px; height:70px; width:850px; z-index:9999;}
	#menu li {float:left; width:109px; height:inherit; position:relative; overflow:hidden; margin-left:3px;}
	#menu li a  {position:absolute; top:20px; text-indent:-999em; background: url(../images/menu.png) no-repeat 0 0; display:block; width:109px; height:inherit;}

			/* png para ie6 */
			position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
		}

		/* Animação menu */
		#menu li.button-1 a {background-position: 0px 0px;}
		#menu li.button-2 a {background-position: -111px 0px;}
		#menu li.button-3 a {background-position: -220px 0px;}
		#menu li.button-4 a {background-position: -331px 0px;}
		#menu li.button-5 a {background-position: -441px 0px;}
			
/* ============================= content ====================== */

#content{ margin-top:0px; padding-bottom:10px; position:relative;}
#content > ul > li{ position:relative; background:#fff; width:100%; overflow:hidden}
.pad{ padding:10px 30px; overflow:hidden}
.pad_left1{ padding-left:60px}
.pad_bot1{ padding-bottom:15px;}
.marg_right1{ margin-right:20px}
.marg_top{ margin-top:95px}

figure{ padding-top:3px;}
#page_Services figure{ padding-top:0}

.link1{ position:relative; display:inline-block; cursor:default;}
.link1 span{ position:absolute; bottom:4px; left:0; height:1px; width:0; cursor:default;}

.close{ position:absolute; background:url(../images/close.gif) 0 0 no-repeat; width:13px; height:13px; top:20px; right:20px;}
.close span{ width:100%; height:100%; background:url(../images/close_active.gif) 0 0 no-repeat; display:block}

#icons{ padding-top:8px;}
#icons li{ float:left; margin-right:-40px}
#icons .first{ font-size:14px; margin-right:10px}
#icons a{ position:relative; display:block}
#icons .img_act{ position:absolute; top:0; left:0}

.scroll{height:425px; width:950px; overflow:hidden;}
.track{ width:20px; height:300px; padding:0 0; top:110px !important; left:890px !important; background: url(../images/scroll_track.png) 0 0 no-repeat}
.shuttle{ width:20px; height:76px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:0px;}
._up-butt, ._down-butt{ height:0px !important;}

.list1{}
.list1 li{ padding-left:15px; background:url(../images/marker_1.gif) 0 10px no-repeat; overflow:hidden}
.list1 a{ position:relative}
.list1 span{ position:absolute; bottom:0; left:0; width:0; height:1px; background:#006}

.list2 {}
.list2 li {padding-bottom:3px; padding-left:12px; background:url(../images/marker_1.gif) 0 8px no-repeat}

.gallery_big_img{ position:relative; width:100%; height:250px; margin-top:5px}
.gallery_big_img img{ position:absolute; top:0; left:0}

#caption{ position:relative; height:120px; width:550px; overflow:hidden;}
#caption  li{ position:absolute; top:0; left:0}

#gallery1{ width:500px !important; margin-left:10px;}
#gallery1 li{ float:left; margin-right:4px; }
#gallery1 img{ width:97px; height:81px;}

.prev, .next{ position:absolute; top:32px; width:4px; height:6px; padding:5px; background:url(../images/marker_left.gif) 5px 5px no-repeat; left:-5px;}
.next{ left:auto; right:-25px; background:url(../images/marker_right.gif) 5px 5px no-repeat}
.prev span, .next span{ display:block; width:100%; height:100%; background:url(../images/marker_left.gif) 0 bottom no-repeat}
.next span{ background:url(../images/marker_right.gif) 0 bottom no-repeat}

/* ============================= footer ====================== */
footer  {height:30px;color:#808080;padding:2px 0 0 0;text-align:center}
footer a {color:#6ab2b1}
footer a:hover {}


/* ============================= forms ============================= */

#ContactForm{ position:relative; padding-bottom:10px}
#ContactForm .col1{ width:76px;}
#ContactForm .wrapper{ overflow:inherit; min-height:25px;}
#ContactForm .success{ display:none; position:absolute; bottom:0; line-height:20px}
#ContactForm label{ position:relative;min-height:22px; display: inline-block;}
#ContactForm .message{ height:140px;}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#006; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:23px; float:right;}
#ContactForm .input { margin:0;width:350px; height:20px; background: #D8D8D8;padding:1px 10px;color:#4d4d4d;font:14px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:350px; height:110px; background:#D8D8D8;padding:2px 10px;color:#4d4d4d;font:14px Arial, Helvetica, sans-serif;margin-top:1px;}
#ContactForm  .bg {display:inline-block}

#contact-form {position:relative; padding-bottom:10px}
#contact-form .col1{ width:76px;}
#contact-form .wrapper{ overflow:inherit; min-height:25px;}
#contact-form  label {position:relative;min-height:22px; display: inline-block;}
#contact-form .mensagem{ height:140px;}
#contact-form  input[type=text] {margin:0;width:350px; height:20px; background: #D8D8D8;padding:1px 10px;color:#4d4d4d;font:14px Arial, Helvetica, sans-serif;}
#contact-form textarea {overflow: auto; margin:0;resize:none;width:350px; height:110px; background:#D8D8D8;padding:2px 10px;color:#4d4d4d;font:14px Arial, Helvetica, sans-serif;margin-top:1px;}
#contact-form  .bg {display:inline-block}
.buttons {padding-top:16px;text-align:right; margin-right:100px;}
.buttons a {margin-left:6px;padding:15px 15px 25px 11px}
.button2 {display:inline-block;font-size:12px;color:#fff;font-weight:normal;line-height:26px;padding:0px 20px;background-color: #900}

/* -------------------------- columns --------------------------*/

.col1, .col2, .col3, .cols { float:left;}

.col1, .col2, .col3 {float:left}
.col1 {width:540px}
.col2 {width:220px}
.col3 {width:82px}

.col-1, .col-2, .col-3, .cols { float:left;}

.col-1, .col-2, .col-3 {float:left}
.col-1 {width:540px}
.col-2 {width:220px}
.col-3 {width:200px}
#page_home .col1 {height:370px}
#page_home .col2 {height:370px}
#page_empresa .col1 {width:390px}
#page_clientes .col1 {width:820px; height:480px}
#page_servicos .col1 {width:800px}
#page_contatos .col2 {width:340px}
.sign {float:right;margin-top:-33px}
.promos {overflow:hidden;padding-top:0px; border: solid 5px #000; background-color:#000; float:left;margin-right:5px}
.promos a {position:relative;display:block}
.promos .last {margin-right:-10px}
.news {}
.news li {padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid #f2f2f2}
.news .last {border-bottom:0;margin-bottom:10px}
.news a {font-size:12px}
.button1 {display:inline-block;font-size:12px;color:#fff;font-weight:bold;line-height:26px;padding:0 20px;background-color: #900}
.btns {margin-right:100px;}