/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.0625em; background:#dcd8cc}
html, input, textarea, tr, td, th { font-family: Arial, Helvetica, sans-serif; color:#646464; }
th { font-weight: normal; padding-right: 10px; }

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {	overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top;  }

a{color:#ef4000; text-decoration:underline; outline:none} 
a:hover{text-decoration:none}

.link{color:#f84b00; background:url(images/marker.gif) center right no-repeat; padding-right:11px;  text-decoration:none; font-size:.76em; text-transform:uppercase  }
.link:hover{text-decoration:underline }
.link2{color:#636363; background:url(images/marker1.gif) center right no-repeat; padding-right:11px;  text-decoration:none; font-size:.76em; text-transform:uppercase  }
.link2:hover{text-decoration:underline }
.link1{ color:#f84b00; text-decoration:none;  }
.link1:hover{text-decoration:underline }
.link3{ color:#f84b00; text-transform:uppercase ; text-decoration:none; font-size:.76em  }
.link3:hover{text-decoration:underline }

.button{color:#f8f7f3; background:url(images/button.gif) top left no-repeat; padding:3px 18px 6px 15px; text-decoration:none; font-size:12px; text-transform:none  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker2.gif) top left no-repeat; background-position:0 11px; margin:0; padding-left:17px; }
#content #wrapper-curso ul li{background:url(images/marker2.gif) no-repeat; background-position: 0 6px; margin:0; padding-left:17px; }
#content ul li a{color:#646464; text-decoration: underline; line-height:2.23em} 
#content ul li a:hover { text-decoration:none; }



/*header*/
#header {font-size:0.625em; color:#c0bcb2; text-transform:uppercase }
#header .logo{ margin:112px 0 59px 25px }
#header .icon{ margin:0 0 0 373px }
#header .flash{ margin:69px 0 0 25px; position: absolute}
#header .flash1{ margin:225px 0 0 329px; position: absolute}
#header .menu{ margin:78px 0 0 326px; position: absolute}
#header .indent{margin:19px 0 0 29px; position:absolute}
#header .title{  margin-bottom:20px}
#header .slogan{  margin-bottom:12px}
#header .indent1{margin:14px 0 0 635px; position:absolute; width:322px}
#header .indent-block1{ margin-top:225px; position:absolute}
#page1 .block{ background:url(images/bg_1.gif) no-repeat top left; width:304px; height:309px; margin-left:25px}
#page2 .block{ background:url(images/bg_2.gif) no-repeat top left; width:304px; height:309px; margin-left:25px}
#page3 .block{ background:url(images/bg_3.gif) no-repeat top left; width:304px; height:309px; margin-left:25px}
#page4 .block{ background:url(images/bg_4.gif) no-repeat top left; width:304px; height:309px; margin-left:25px}
#page5 .block{ background:url(images/bg_5.gif) no-repeat top left; width:304px; height:309px; margin-left:25px}
#header .indent-block{padding:70px 0 0 56px}

/*content*/
#content{ font-size:0.8175em; width:100%; text-align:left;}
#content .indent-main{padding:0 23px 0 25px}
#content .indent-col{padding:11px 0 15px 0}
#content .title{  margin-bottom:5px}
#content .title1{  margin-bottom:17px}
#content .title2{  margin-bottom:8px}
#content .img-left{ float:left; margin:0 16px 16px 0}
#content .img-left1{ float:left; margin:0 16px 66px 0}
#content .img-indent{ margin:0 0 12px 0}
#content p{ margin:0 0 11px 0}
#content .p{ margin:0 0 21px 0}
#content .p1{ margin:0 0 45px 0}
#content h4{color:#f84b00; font-size:1em; margin-bottom:13px; font-weight:normal  }
#content .h4{margin-bottom:0 }
#content h6{color:#636363; font-size:.76em; font-weight:normal; text-transform:uppercase  }
#content h5{color:#ef4000; font-size:.76em; font-weight:normal; text-transform:uppercase  }

/*#content h2{color:#636363; font-size: 15px; margin-bottom:2px; font-weight:normal; text-transform:uppercase; background:url(images/icon-1.gif) no-repeat center left; padding-left:20px}*/
#content h2{color:#636363; font-size: 11px; margin-bottom:2px; font-weight:normal; text-transform:uppercase; padding-left: 21px }

#content .h2-1{background:url(images/icon-2.gif) no-repeat center left;}
#content .h2-2{background:url(images/icon-3.gif) no-repeat center left;}
#content .h2-3{color:#f84b00; background:url(images/icon-1.gif) no-repeat top left;}
#content .h2-4{color:#f84b00; background:url(images/icon-2.gif) no-repeat top left;}
#content .h2-5{color:#f84b00; background:url(images/icon-3.gif) no-repeat top left;}
#content .tail{ background:url(images/tail1.gif) repeat-x bottom; padding-bottom:24px; margin-bottom:24px}
.txt{ font-size:1.07em}

#content .indent{padding:30px 0 0 0}
#content .indent1{padding:0 0 0 158px}


/*footer*/
#footer { color:#636363; font-size:0.75em; background:url(images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:64px 50px 0 23px;}
#footer .indent-footer1{ margin:60px 0px 0 681px; position:absolute; }
#footer a {color:#f84b00; text-decoration:underline}  
#footer a:hover {  text-decoration:underline}

#footer ul{margin:0; padding:0; list-style:none;}
#footer ul li{ margin:0px; display:inline; background:url(images/bg_menu.gif) center left no-repeat; float:left}
#footer ul li a{color:#636363; text-decoration:none; display:block; float:left; padding:2px 23px 2px 23px} 
#footer ul li a:hover { text-decoration:underline; }
#footer ul .first{background:none;}
#footer ul .first a{ padding:2px 23px 2px 0px;}
#footer ul li .current{ text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat;  }


.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:30px}
.h1{ height:30px; background:url(images/bg_input.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:110px}
.input{
   	border:none; 
	background:none;
	width:259px; height:20px;
	font-size:12px;
	text-transform:none;
	vertical-align:middle;
	color:#c0bcb2;
	padding-left:10px;
	padding-top:2px;
}input{

	border-left:1px solid #404040; 
   	border-top:1px solid #404040; 
   	border-right:1px solid #d4d0c8; 
   	border-bottom:1px solid #d4d0c8; 

   	border:1px solid #000000; 
	background:#FFFFFF;
	width:193px; height:18px;
	font-size:1em;
	padding-left:5px;
	padding-top:2px
}
textarea{
   	border:1px solid #000000; 
	background:#FFFFFF;
	width:193px; height:152px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}

h2.quem-somos { background: url('images/icon_quem_somos.png') no-repeat 0 1px; }
h2.servico { background: url('images/icon_servico.png') no-repeat 0 1px; }
h2.portfolio { background: url('images/icon_portfolio.png') no-repeat 0 1px; }
h2.contato { background: url('images/icon_contato.png') no-repeat 0 1px; }
h2.tecnologia { background: url('images/icon_tecnologia.png') no-repeat 0 1px; }
h2.depoimentos { background: url('images/icon_depoimentos.png') no-repeat 0 1px; }
h2.treinamentos { background: url('images/icon_treinamentos.png') no-repeat 0 1px; }
h2.acesso_rapido { background: url('images/icon_acesso_rapido.png') no-repeat 0 1px; }
h2.noticias { background: url('images/icon_noticias.png') no-repeat 0 1px; }






.nome_port { 
	font-weight:bold;
	color:#2FBDF2;
	font-size:14px; 
	margin-bottom:10px;
	width:440px; 
	overflow:hidden; 
	border-bottom:dotted 1px #ddd;
	}

.nome_tecnologia {
	font-weight:bold;
	color:#f84b00;
	font-size:14px; 
	margin-bottom:10px;
	width:440px; 
	overflow:hidden; 
	border-bottom:dotted 1px #ddd;
}

.texto { margin:10px; font-size:11px;}
.foto_port { text-align:center; }
.foto_port img { padding:3px; }

.foto_tecnologia { text-align:center; }


.titulo { color:#e98400; text-transform:uppercase; font-size:11px; margin-bottom:15px;}

a.link_port:link,
a.link_port:active,
a.link_port:visited {color:#474542; text-decoration:none; font-size:11px; }
a.link_port:hover { text-decoration:underline;}

.bolinha { 
	background:url('images/bullet.gif') no-repeat 0px 6px; 
	padding-left:18px; 
	width:200px;
	height:20px; 
	}

.bordinha {	border-top:dotted 1px #ddd; width:200px; margin-bottom:5px;}

.t_tecnologia { float:left; margin:0px 12px 18px 6px; }

a.php:link,
a.php:active,
a.php:visited { display:block; background:url('images/php1.jpg'); width:46px; height:38px;}
a.php:hover {  background:url('images/php.jpg'); }

div.saiba-mais { font-size: 10px; }

a.item-tecnologias:link,
a.item-tecnologias:active,
a.item-tecnologias:visited { display: block; float: left; width: 46px; height: 46px; background-repeat: no-repeat; background-position: 0px 0px; margin: 0 15px 15px 0; }
a.item-tecnologias:hover { background-position: 0px -46px; }

.wrapper-portfolio-home { clear: both; height: 100px;}

.padd { padding-bottom: 20px; }

.input-area { padding: 0px; margin: 0px; width: 170px; border: 1px solid #CCC; font-family: Trebuchet MS, Arial, Sans-serif; }

.green h4,
.green h5 { color: #75B92F !important; }
.green a:link,
.green a:active,
.green a:visited,
.green a:hover { color: #75B92F; }

.blue h4,
.blue h5,
.blue a:link,
.blue a:active,
.blue a:visited,
.blue a:hover { color: #3486E2 !important; }

.pink h4,
.pink h5,
.pink a:link,
.pink a:active,
.pink a:visited,
.pink a:hover { color: #DF3DB7 !important; }

.pic { background: #FFF; padding: 2px; border: 1px solid #CCC; }

.wrapper-servicos { height: 100px; clear: both; }
.wrapper-servicos img { padding-right: 10px; float: left; }
.wrapper-servicos div { padding-left: 314px; }

.header-servicos { height: 90px; background: url('images/header_servicos.png') top right no-repeat; margin-bottom: 20px; }

.formulario {
	margin-top:15px;
}

.formulario tr td {
	height:30px;
}

.label_contato { padding: 5px; }
.label_contato .bullet{ color: #EF4000; }

.input_contato { padding-left: 16px; margin-bottom: 15px; }
.input_contato input,
.input_contato textarea {
	border:solid #CCC 1px;
	width:380px;
	float: none;
	padding: 5px;
	font-family: Myriad Pro, Trebuchet MS, Tahoma, Sans-serif;
	color: #666;
}

.botao-preto:link,
.botao-preto:active,
.botao-preto:visited { text-align: center; width: 120px; font-size: 12px; color: #FFF; text-decoration: none; background: url('images/botao_preto.gif') no-repeat; display: block; padding-top: 3px; padding-bottom: 3px; }
.botao-preto:hover { text-decoration: underline; }

input.botao-preto { text-align: center; width: 120px; font-size: 12px; color: #FFF; text-decoration: none; background: url('images/botao_preto.gif') no-repeat; display: block; border: 0px; height: 23px; cursor: pointer; }

.formulario textarea {
	border:solid #ddd 1px;
	width:250px;
	padding:0px;
}

.preencha {
	font-weight:bold;
	font-size:13px;
}

.enviar {
	height:25px!important;
	width:43px!important;
	padding:2px!important;
	background-color:#ddd;
	border:solid #ccc 1px!important;
	margin-left:180px;
}

.sucesso {
	margin-bottom:15px;
	font-weight:bold;
	color:#055086;
	font-size:14px;
}

.servico_pic img { padding-bottom: 5px; float: left; padding-right: 5px; }

.cinza:link,
.cinza:active,
.cinza:visited { color: #666 !important; text-decoration: none; }
.cinza:hover { text-decoration: underline; }

.cinza_claro:link,
.cinza_claro:active,
.cinza_claro:visited { color: #BBB; text-decoration: none; }
.cinza_claro:hover { text-decoration: underline; }

h4 a:link,
h4 a:active,
h4 a:visited { text-decoration: none; }
h4 a:hover { text-decoration: underline; }

#ListagemNoticias tr { border-bottom: 1px dotted #EEE; }

.separator { margin: 15px 0; border-bottom: 1px dotted #CCC; }

.wrapper-busca .texto { color: #888; }
.wrapper-busca .visualizar { text-align: right; }
.wrapper-busca .visualizar a:link,
.wrapper-busca .visualizar a:active,
.wrapper-busca .visualizar a:visited { font-size: 11px; }

.radio { width: 20px !important; height: 12px; }
.box { margin-left: 16px; background: #FCFCFC; padding: 6px; border-bottom: 1px dotted #CCC; border-left: 1px dotted #CCC; margin-right: 35px; }
.box td { color: #999; font-family: Trebuchet MS, Tahoma, Sans-serif; font-weight: bold; font-size: 11px; }

.contato-grade td { width: 120px; }

.box-tec-1 { width: 673px; background: url('images/box-tec-1.gif') repeat-y top left; }
.box-tec-2 { background: url('images/box-tec-2.gif') no-repeat top left; }
.box-tec-3 { background: url('images/box-tec-3.gif') no-repeat bottom left; padding: 30px; color: #888; }

.box-tec-3 h4 { font-weight: bold !important; }

.error { background-color: #F84B00; color: #FFF; padding: 2px; text-align: center; font-size: 11px; font-weight: bold; margin-bottom: 1em; }

#listagem-cursos { text-align: center; }
#listagem-cursos table { border: 1px solid #FFF; border-collapse: collapse; text-align: center; }
#listagem-cursos table td,
#listagem-cursos table th { padding: 6px; background: #EEE; border: 1px solid #FFF; border-collapse: collapse; }
#listagem-cursos table th { background: #DDD; font-weight: bold; }

#demotip { display:none; background:transparent url(img/black_arrow.png); font-size:9px; height:70px; width:160px; padding:25px; color:#fff; }

#wrapper-curso { padding: 15px 0 0 15px; }
#wrapper-curso .nome { font-size: 30px; font-family: Trebuchet MS, Tahoma, Sans-serif; color: #BBB; }
#wrapper-curso .logo { padding-right: 10px; margin-right: 10px; border-right: 1px solid #CCC; vertical-align: bottom; }
#wrapper-curso .carga-horaria { font-size: 19px; padding: 20px 0; }
#wrapper-curso h2 { padding: 10px 0; font-size: 19px; color: #EC008C; text-transform: none; border-bottom: 1px dotted #CCC; }
#wrapper-curso .chamada { padding: 20px; background: #EEE; border: 1px dotted #DDD; color: #999; }

.voltar { text-align: right; }
.voltar a:link,
.voltar a:active,
.voltar a:visited { font-size: 17px; font-family: Trebuchet MS, Tahoma, Sans-serif; background: #DDD; padding: 5px 10px; color: #999 !important; text-decoration: none; }
.voltar a:hover { background: #CCC; }