﻿/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{text-align:center;}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right; margin: 0 60px 0 0;}
.clear  { clear:both;}


html{ font-family:Arial, Helvetica, sans-serif; font-size:0.8125em; line-height:1.538em; color:#5c5f64;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#243a6a;}
a:hover{text-decoration: underline;}
p {padding-top:18px;}
cite{ font-size:1.154em; line-height:1.467em; color:#2f4a85; display:block;}
em{ font-size:1.077em;}
h6{ font-size: 18px; line-height:1.412em; font-weight:normal; color:#243a6a; text-transform:uppercase;}
strong{ color:#243a6a;}
.strong1{ color:#2f4a85; font-size:1.154em; line-height:1.467em; font-weight:normal; display:block;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.padding1{ padding-top:18px;}
.padding2{ padding-top:10px;}
.padding3{ padding-top:25px;}
.padding4{ padding-top:30px;}

.margin1{ margin-top:18px !important;}

.row-1 .extra .imgindent{ margin:0 0 0 0; float:left;}
.row-1 .extra{ padding-bottom:7px;}
.row-1 .extra .title{ margin:0;}

.row-2 .column-2{ margin:16px 0 0 49px;}
.space{ margin-left:10px;}

/* ============================= header ====================== */
#header {
	background:#83b3df;
	width: 975px;
	padding-bottom: 0;
	margin: 0 auto 20px auto;
	}
#header .text{ font-size:0.923em; line-height:1em; color:#ffffff; float:right; padding:49px 59px 0 0; text-align:right;}
#header .text span{ background:url(images/header-phone-bg.gif) no-repeat 0 1px; padding-left:15px; display:block; padding-top:4px; }
#header .menu {background:#83b3df;  margin:-8px 0 0 0; text-align: center;}
#header .menu li{ float:left; display:inline-block; font-size:1.077em; }
#header .menu a{ color:#ffffff; text-decoration:none; display:block; background:#83b3df;}
#header .menu .first{ background:none;}
#header .menu a span{ display:block; }
#header .menu a span span{ padding:14px 50px 12px 48px; position:relative;}
#header .menu a:hover {background:#F2F1EF; color:#333;}

/* ============================= content ====================== */
.row-1 {height:133px;}
.row-1 .indent{ padding:36px 22px 28px 44px;}
.row-2{ background:#ffffff;}
.row-2 .indent{ padding:30px 23px 30px 22px;}
.row-2 .indent2{ padding:0 23px 0 0;}
.row-2 .indent3{ padding:36px 40px 53px 46px;}


.row-1 .title{ border-bottom:solid 2px #cccac9; margin-bottom:12px;}
.row-1 .title2{ border-bottom:solid 2px #cccac9; margin:0 0 27px 3px;}
.row-2 .title{ border-bottom:solid 2px #c2c0be; margin-bottom:28px;}
.title-bg, .title-empresas{ background:url(images/pag1-title7-img.jpg) no-repeat 0 0; padding:0 0 10px 86px;}
.title-empresas {
		background:none;
		padding: 0;
		margin: 0 0 20px 0px;
	}

#marcasEmpresas {
	width: 80px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	float: left;
}

/*.title-empresas img {
	float: left;
	margin: -90px 15px 0 0;
	border: #CCC 1px solid;
	padding: 5px;
	}*/
.title-empresas h2 {
	margin: 85px 0 0 20px;
	padding: 5px;
	font-size: 35px;
	line-height: 20px;
	float: left;
	}


.box1{ background:url(images/box1-border.gif) top repeat-x #ffffff; width:100%;}
.box1 .left-border{ background:url(images/box1-border.gif) left repeat-y; width:100%;}
.box1 .right-border{ background:url(images/box1-border.gif) right repeat-y; width:100%;}
.box1 .bot-border{ background:url(images/box1-bot-border.gif) bottom repeat-x; width:100%;}
.box1 .left-top{ background:url(images/box1-corner-left-top.gif) left top no-repeat; width:100%;}
.box1 .right-top{ background:url(images/box1-corner-right-top.gif) right top no-repeat; width:100%;}
.box1 .left-bot{ background:url(images/box1-corner-left-bot.gif) left bottom no-repeat; width:100%;}
.box1 .right-bot{ background:url(images/box1-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box1 .indent{ padding:10px 10px 17px 10px;}
.box1 .indent2{ padding:24px 10px 17px 23px;}
.box1 .title{ margin:14px 4px 18px 4px; border-bottom:solid 1px #c4c4c4;}
.box1 .text{ line-height:1.385em; padding-left:13px;}
.box1 .link{ margin-top:24px !important;}

.box2{ background:url(images/box2-tail.gif) top repeat-x #e8e6e3; width:100%; }
.box2 .left-border{ background:url(images/box1-border.gif) left repeat-y; width:100%;}
.box2 .right-border{ background:url(images/box1-border.gif) right repeat-y; width:100%;}
.box2 .bot-border{ background:url(images/box1-border.gif) bottom repeat-x; width:100%;}
.box2 .left-top{ background:url(images/box2-corner-left-top.gif) left top no-repeat; width:100%;}
.box2 .right-top{ background:url(images/box2-corner-right-top.gif) right top no-repeat; width:100%;}
.box2 .left-bot{ background:url(images/box2-corner-left-bot.gif) left bottom no-repeat; width:100%;}
.box2 .right-bot{ background:url(images/box2-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box2 .indent{ padding:26px 20px 18px 20px; line-height:1.385em;}
.box2 .indent2{ padding:0 0 0 5px;}
.box2 .title{ border-bottom:solid 2px #c2c0be; margin-bottom:25px;}
.box2  .text{ line-height:1.538em;}

.box3{ background:url(images/box3-tail.gif) top repeat-x #f2860e; width:100%;}
.box3 .left-border{ background:url(images/box3-border.gif) left repeat-y; width:100%;}
.box3 .right-border{ background:url(images/box3-border.gif) right repeat-y; width:100%;}
.box3 .bot-border{ background:url(images/box3-bot-border.gif) bottom repeat-x; width:100%;}
.box3 .left-top{ background:url(images/box3-corner-left-top.gif) left top no-repeat; width:100%;}
.box3 .right-top{ background:url(images/box3-corner-right-top.gif) right top no-repeat; width:100%;}
.box3 .left-bot{ background:url(images/box3-corner-left-bot.gif) left bottom no-repeat; width:100%;}
.box3 .right-bot{ background:url(images/box3-corner-right-bot.gif) right bottom no-repeat; width:100%;}
.box3 .indent{ padding:19px 25px 18px 25px;}
.box3 .title{ border-bottom:solid 2px #c2c0be; margin-bottom:25px;}

.link{ display:inline-block; background:url(images/link-left-bg.gif) left top no-repeat; color:#ffffff; text-decoration:none; margin-top:33px; padding-left:23px; cursor:pointer; }
.link:hover{ text-decoration:none; background:url(images/link-left-bg2.gif) left top no-repeat;}
.link:hover span{ background:url(images/link-right-bg2.gif) right top no-repeat;}
.link:hover span span{ background:url(images/link-bg2.gif) top repeat-x;}
.link span{ display:inline-block; background:url(images/link-right-bg.gif) right top no-repeat; padding-right:9px;}
.link span span{ display:inline-block; background:url(images/link-bg.gif) top repeat-x; padding:1px 20px 4px 18px;}

.link2{ font-size:1.077em; margin-left:11px;}
.link3{ font-size:1.077em; margin-left:25px;}

.list li{ background:url(images/list-bg.gif) no-repeat 5px 5px; padding: 0 10px 10px 20px; font-size:0.923em; line-height:1.5em; clear:both;}
.list .last{ padding-bottom:0;}
.list li a{ color:#5c5f64;}

.list2 li{ list-style:disc; padding-left:15px;
margin: 0 0 10px 0;}
.list22 {float:left; margin:10px 0 0 35px;}
.list22 li{ list-style:disc; padding-left:15px;
margin: 0 0 10px 0;}
.list2  a{ text-decoration:none; color:#5c5f64;}
.list2  a:hover{ text-decoration:underline;}

#box {
	border:solid 1px #333;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: 3px 3px 2px #888;
	padding:10px;
}

.unline{ background:url(images/unline.gif) bottom repeat-x; padding-bottom:31px; margin-bottom:27px;}
.unline2{ background:url(images/unline2.gif) bottom repeat-x; padding-bottom:25px; margin-bottom:22px;}
.clients{ line-height:1.385em;}
/*.clients a:hover, .clients strong:hover {
	color:#F60;
	}
.clients img {
	border: #fff 2px solid ;
	}
.clients img:hover {
	border: #F60 2px solid ;
	}*/
.clients .col-1, .clients .col-2 {
	padding: 5px 0 5px 5px;
	}
.clients .col-1:hover, .clients .col-2:hover {
	background: #FFC;
	color: #006;
	}
.text2{ font-size:1.154em; line-height:1.467em; }

/* ============================= page1 ===========================*/
#page1 .row-1 .column-2{ margin-left:45px;}
#page1 .row-2 .col-2{ margin-left:65px;}
#page1 .row-2 .col-3{ margin-left:56px;}

/* ============================= page2 ===========================*/
#page2 .row-1 .column-2{ margin-left:45px;}
#page2 .row-2 .col-2{ margin-left:25px;}
#page2 .row-2 .col-3{ margin-left:65px;}

/* ============================= page3 ===========================*/
#page3 .row-1 .column-2{ margin-left:43px;}
#page3 .row-1 .col-2{ margin-left:50px;}
#page3 .row-2 .col-2{ margin-left:52px;}

#page3 .serv {
	width:200px;
}

#page3Empresas {
	margin: -20px 0 0 0;
	padding: 0;
	border: 0;
	}
/* ============================= page4 ===========================*/
#page4 .row-1 .column-2{ margin-left:45px;}

/* ============================= page5 ===========================*/
#page5 .row-1 .column-2{ margin-left:43px;}
#page5 .row-1 .col-2{ margin-left:37px;}
#page5 .row-2 .col-2{ margin-left:55px;}
#page5 .row-2 .col-3{ margin-left:46px;}

/* ============================= page6 ===========================*/
#page6 .row-1 .column-2{ margin-left:45px;}
#page6 .row-2 .col-2{ margin-left:25px;}
#page6 .row-2 .col-3{ margin-left:63px;}

/* ============================= page7 ===========================*/
#page7 .row-1 .column-2{ margin-left:45px;}
.phone{ float:right; padding-right:45px;}

/* ============================= footer ====================== */
#footer{ border-top:solid 5px #323d59; background:#5f626c; color:#ffffff; font-size:0.923em;}
#footer .main{ text-align:center; padding-top:25px;}
#footer a{ color:#ffffff;}

/* ============================= forms ============================= */
#Form1{ padding-top:10px;}
#Form1 .tail{ background:url(images/form1-bg.gif) top repeat-x;}
#Form1 .left-bg{ background:url(images/form1-left-bg.gif) left top no-repeat;}
#Form1 .right-bg{ background:url(images/form1-right-bg.gif) right top no-repeat; height:22px;}
#Form1 input{ border:solid 0px; margin:1px 0 0 5px;}
#Form1 .form-link{ display:inline-block; background:url(images/form1-link-left-bg.gif) left top no-repeat; color:#c45e00; text-decoration:none; margin-top:12px; padding-left:9px; cursor:pointer; }
#Form1 .form-link:hover{ text-decoration:none; background:url(images/form1-link-left-bg2.gif) left top no-repeat; color:#ffffff;}
#Form1 .form-link:hover span{ background:url(images/form1-link-right-bg2.gif) right top no-repeat;}
#Form1 .form-link:hover span span{ background:url(images/form1-link-bg2.gif) top repeat-x;}
#Form1 .form-link span{ display:inline-block; background:url(images/form1-link-right-bg.gif) right top no-repeat; padding-right:9px;}
#Form1 .form-link span span{ display:inline-block; background:url(images/form1-link-bg.gif) top repeat-x; padding:1px 5px 4px 5px;}
#Form1 .form-link2{ display:block; float:left; margin-top:13px; color:#ffffff;}

#ContactForm{ padding-top:33px;}
#ContactForm .col-1{ width:320px !important;}
#ContactForm .col-2{ width:296px !important; margin-left:0 !important;}
#ContactForm label{ display:block; height:52px;}
#ContactForm input{ border:solid 1px #adafb1; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:1px 0 2px 3px; width:245px;}
#ContactForm textarea{ border:solid 1px #adafb1; background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:1em; padding:1px 0 0 3px; width:290px; height:123px; overflow:hidden;}
#ContactForm .margin1{ margin:18px 18px 0 0 !important;}
#ContactForm .margin2{ margin:18px 26px 0 0 !important;}


/*==================*/
.linha {
	border-top:#CCC dotted 1px;
	margin: 40px 0 20px 0;
	clear: both;
	}

.container a {
	text-decoration: none;
	}
.clear {
	clear: both;
	}
	
.containerEmpresa {
	width:300px;
	height:80px;
	padding:2px;
	float:left;
	margin:0 0 20px 0;
}

.containerEmpresa:hover {
	background:#FF9;	
}

.emp_clientes, .emp_servicos {
	margin: 20px;
	clear: both;
	}

.emp_clientes h3, .emp_servicos h3 {
	color: #243a6a;
	font-size: 14px;
	margin: 0 0 10px 0;
	}
.emp_clientes a, .emp_servicos a {
	color: #666;
	}
.emp_clientes ul, .emp_servicos ul {
	width: 160px;
	margin: 0 0 20px 30px;
	float: left;
	}

.emp_clientes li {
	color: #666;
	list-style-image: url(images/icon/cliente.gif);
	}
.emp_servicos li {
	color: #666;
	list-style-image: url(images/icon/pasta.gif);
	margin: 0 0 5px 0;
	}

.logoTb {
	margin: -30px 0 0 0;
	}
.mapaGoogle {
	border: #999 1px solid;
	padding: 1px;
	}
	
	
.home_esq {
	width: 650px;
	float: left;
	padding: 0 0 0 15px;
	}
.home_dir {
	width: 266px;
	float: right;
	}
.flash_home {
	width: 975px;
	height: 133px;
	margin: 0 0 0 20px;
	padding:10px 0 0 0;
	}
.newsLetter {
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
	}
.h2HomeDir {
	color: #243a6a;
	font-size: 18px;
	font-weight: normal;
	padding: 10px 10px 0 10px;
	}
.imgEmpresas {
	float: left;
	margin: 0 20px 0 0;
	border: #CCC 1px solid;
	}

.paginaServicos {
	margin: 0 30px;
	}


.tdsko {
	margin: -20px 0 0 0;
	font-size: 35px;
	line-height: 20px;
	font-weight: bold;
	float: left;
	}
.tdeskoImg {
	clear: both;
	}
.empresasInterna {
	margin: 0 40px;
	}
.imgList {
	margin: 0 0 15px 0;
	}
	
	
/* ====================================== */
#a{
	float: left;
}

#b{
	width: 355px;
	float: left;
}
.contato2, .msg2 {
	width: 280px;
	height: 18px;
	background: #E4E2DF;
	border: none;
	padding: 3px;
	font-size: 11px;
	color: #243a6a;
}

.msg2 {
	width: 280px;
	height: auto;
	margin: 0 0 10px 10px;
}

.listaEmpresas {
	border-bottom:dotted 1px #CCC;	
}

.clear {clear:both;}

.row-1 {background:#fff;}
.end {border-right:solid 2px #83b3df;}
.end:hover{border-right:solid 2px #f2f1ef;}
.dadosEmpresa {
	background:#f2f2f2;
	padding:10px;
	margin:20px 0 0 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-moz-box-shadow: 3px 3px 2px #888;
}

#mainmenu li a {
	background:#069;	
}

.containerTop, .mainTopo {
	width:975px;	
	margin:auto;
}

#lista {
	list-style:disc;	
}