/* suporte@agw.com.br */
/* sep 2009 */

/* global */

body {
	background: white;
	color: #626262;
	font: normal 0.75em/160% Arial, Helvetica, sans-serif;
}
strong { font-weight: bold; }
ul { padding-left: 15px; }
.off, hr { display: none; }
.alndir { text-align: right; }
.alnesq { text-align: left; }
.alncen { text-align: center; }
.alnjus { text-align: justify; }
* { outline: none; }
a {
	color: #811C1E;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/* form base */

form div.ln {
	display: block;
	width: 100%;
	clear: both;
	float: left;
	margin-bottom: 20px;
}
form div.ln div.bc {
	margin-left: 40px;
	float: left;
}
form div.ln div.bc.a { margin: 0; }
form div.ft input.text, form div.ft textarea, form div.ft select { display: inline; }
form ul.bt li, form ul.bt li input { display: inline; }
form ul.bt li {
	margin-right: 15px;
	padding-left: 15px;
	border-left: 1px solid silver;
}
form ul.bt li.a {
	padding-left: 0;
	border-left: none;
}
form ul.bt li a {
	color: gray;
	font-weight: bold;
	text-decoration: underline;
}
form ul.bt li a:hover { color: black; }
form fieldset { border: none; }
form fieldset legend { display: none; }
form input, form textarea, form select {
	display: block;
	width: auto;
	margin-top: 2px;
	clear: both;
	color: black;
	font-size: 1em;
}
form input.text, form textarea {
	width: 450px;
	padding: 5px;
	border: 1px solid gray;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}
form textarea { height: 50px; }
form input.text:focus, form textarea:focus {
	background: white;
	border-color: black;
}
form input.file {
	cursor: pointer;
	background: none;
}
form label.chrd input {
	display: inline;
	margin-right: 5px;
	border: none;
	cursor: pointer;
	background: none;
}
form input[type=hidden] { display: none; }
form select {
	display: block;
	clear: both;
	margin-top: 2px;
	background: white;
	color: black;
}
form input.button {
	display: block;
	padding: 2px 7px;
	clear: none;
	border: none;
	cursor: pointer;
	-moz-border-radius: 5px;
	background: #811C1E;
	color: white;
	font-size: 1.3em;
	text-transform: uppercase;
}
form input.button:hover { background: #811C1E; }

/* form labels */

form label, form strong.label {
	display: block;
	clear: both;
	color: #811C1E;
	font-size: 1.2em;
	font-weight: normal;
}
form strong.label { margin-bottom: 5px; }
form label.chrd {
	color: black;
	line-height: 180%;
}
form span.nt {
	display: block;
	margin-top: 2px;
	clear: both;
	color: #a7a7a7;
	font-size: 0.9em;
}
strong.glabel {
	display: block;
	margin: 0 0 20px;
	clear: both;
	color: #50AF8D;
	font-size: 1.7em;
	font-weight: bold;
}

/* form campos */

form .fld_s2 { width: 16px; }
form .fld_s4 { width: 32px; }
form .fld_data { width: 75px; }
form .fld_cidade { width: 250px; }
form .fld_senha { width: 250px; }
form .fld_telefone { width: 150px; }
form .fld_endereco { width: 350px; }
form .fld_mensagem { height: 90px; }
form .fld_cep { width: 68px; }

/* form campos */

form span.linha {
	clear: both;
	display: table;
	width: 462px;
	margin: 5px 0;
}

form span.linha label { float: left; display: compact; clear: none; margin: 0; }
form span.linha label input { width: 215px; margin: 0; }

form span.linha label.b { float: right; }

form table.comentarios { display: table; width: 100%; }
form table.comentarios td label { display: block; margin: 5px 0; }
form table.comentarios td label input.text,
form table.comentarios td label textarea { width: 285px; margin: 0; }
form table.comentarios td label textarea { height: 68px; }

/* form validacao */

div.valform {
	display: none;
	margin: 0 0 20px;
	padding: 10px;
	background: #811C1E;
}
div.valform, div.valform label { color: white; }
div.valform strong.t {
	clear: both;
	font-size: 1.4em;
	font-weight: bold;
}
div.valform ol { padding: 15px 0 0 15px; }
div.valform ol li { list-style-type: square; }

/* sucesso */

div.sucessocurriculo {
	display: block;
	margin: 0 0 20px;
	padding: 10px;
	background: #811C1E;
	text-align: center;
	color: white;
}

/* common */

div.ajln {
	display: table;
	width: 100%;
	clear: both;
}
div.ajln:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	overflow: hidden;
}
div.txt { text-align: justify; }
div.txt p { margin-bottom: 15px; }
div.txt p.destaque {
	display: block;
	padding: 20px;
	background: #E3E3E3;
}
div.txt strong.t1 {
	font-size: 2.2em;
	font-weight: bold;
	line-height: 120%;
}
div.txt strong.t2 {
	font-size: 1.8em;
	font-weight: normal;
	line-height: 130%;
}
div.txt strong.t3 {
	font-size: 1.4em;
	font-weight: bold;
	line-height: 130%;
}
div.media {
	display: block;
	float: right;
	width: 228px;
}
div.mediabox {
	display: block;
	margin: 0 10px 7px 7px;
	padding: 3px;
	border: 1px solid #eee;
}
div.mediabox a {
	display: block;
	padding: 14px 0 0;
	background: url(img/mediabox_zoom.gif) no-repeat right top;

}
div.mediabox a img {
	display: block;
	width: 200px;
}
div.mediabox span.desc {
	display: block;
	width: 200px;
	margin: 5px 0 0;
	clear: both;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 130%;
}	
div.mediabox span.cred {
	display: block;
	width: 200px;
	margin: 5px 0 0;
	clear: both;
	color: #C5C5C5;
	font-size: 0.9em;
	line-height: 130%;
}
div.alert {
	display: block;
	padding: 20px;
	background: #811C1E;
	color: white;
	font-size: 1.3em;
}
div.alert p { margin: 0; }
h2.tpag {
	display: block;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E3E3E3;
	color: #811C1E;
	font-size: 1.8em;
}
div.tbox {
	float: right;
	width: 326px;
	position: relative;
	margin-bottom: 10px;
	background: white url(img/tbox_bg.png) no-repeat left 32px;
}
div.tbox.twitter {
	float: left;
	width: 240px;
	background: white url(img/tbox_menor_bg.png) no-repeat left 32px;
}
div.tbox h2 {
	_width: 10%;
	margin-bottom: 10px;
	padding-left: 20px;
	float: left;
	line-height: 34px;
	background: transparent url(img/tbox_h2.png) no-repeat left top;
	color: white;
	font-size: 1.2em;
	font-weight: bold;
}
div.tbox h2 span {
	display: block;
	padding-right: 20px;
	background: transparent url(img/tbox_h2.png) no-repeat right top;
}
div.tbox div.conteudo {
	display: block;
	padding: 5px 15px 15px;
	clear: both;
	background: transparent url(img/tbox_bg.png) no-repeat left bottom;
}
div.tbox.twitter div.conteudo {
	height: 272px;
	padding: 2px 5px;
	background: transparent url(img/tbox_menor_bg.png) no-repeat left bottom;
}
div.tbox.twitter div.conteudo span { display: none; }
div.tbox.twitter div.conteudo div.twtr-hd,
div.tbox.twitter div.conteudo div.twtr-ft { display: none; }
div.tbox.twitter div.conteudo div div div div:last-child a { }

div.tbox h4 {
	display: block;
	padding-left: 17px;
	background: transparent url(img/tbox_h4.png) no-repeat left top;
	color: #811C1E;
	font-weight: bold;
	line-height: 20px;
}
div.tbox ul { padding: 0 0 10px; }
div.tbox ul li {
	width: 281px;
	margin: 8px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #C5C5C5;
	line-height: 140%;
}
div.tbox ul li a {
	display: block;
	color: #464646;
}
div.tbox a.bt {
	display: block;
	width: 150px;
	margin: 0 auto;
	padding-left: 35px;
	background: transparent url(img/tbox_bt.png) no-repeat left top;
	font-weight: bold;
	line-height: 32px;
}
div.tbox a.bt span {
	display: block;
	height: 32px;
	padding-right: 20px;
	background: transparent url(img/tbox_bt.png) no-repeat right top;
}
ul.mc {
	padding: 0;
	margin-top: 50px;
	text-align: center;
}
ul.mc li {
	display: inline;
	margin: 0 20px;
}
ul.mc {
	padding: 0;
	margin-top: 50px;
	text-align: center;
}
ul.mc li {
	display: inline;
	margin: 0 20px;
}t
div.listlink h4 {
	margin: 20px 0 10px;
	color: #811C1E;
	font-size: 1.4em;
	font-weight: bold;
}
div.listlink ul { padding: 0; }
div.listlink ul li {
	margin-bottom: 2px;
	padding: 5px 10px;
	background: #E3E3E3;
	color: #383838;
}
div.listlink ul li.x { background: #f0f0f0; }
div.listlink ul li a {
	display: block;
	color: #383838;
}
ul.a {
	display: table;
	line-height: 140%;
}
ul.a li {
	margin-bottom: 8px;
	list-style-type: square;
}
ul.a li ul { margin: 10px 0 0 10px; }
ul.a li ul li { list-style-type: disc; }
ul.pagn {
	padding: 10px 0;
	text-align: center;
}
ul.pagn li {
	display: inline;
	margin: 5px 1px;
}
ul.pagn li a {
	padding: 3px 5px;
	background: #E3E3E3;
	color: #aeaeae;
}
ul.pagn li a:hover, ul.pagn li a.x { color: #383838; }
h4.subtopic {
	margin: 20px 0 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E3E3E3;
	color: #811C1E;
	font-size: 1.4em;
	font-weight: bold;
}

h4.subtopic span { font-weight: normal; color: #6b6b6b; } 
h4.subtopic span a { color: #6b6b6b; font-size: 0.7em; }

/* paginação */

div.paginacao {
	padding: 10px 0;
	text-align: center;
	color: #383838;
}
div.paginacao a {
	display: inline;
	margin: 5px 1px;
	padding: 3px 5px;
	background: #E3E3E3;
	color: #aeaeae;
}
div.paginacao a:hover { color: #383838; }

/* layout base */

div#geral {
	width: 988px;
	position: relative;
	margin: 0 auto;
}

/* topo */

div#topo {
	display: block;
	height: 112px;
	position: relative;
	overflow: hidden;
	background: transparent url(img/topo_bg.jpg) no-repeat left top;
}
div#topo h1 a {
	display: block;
	width: 273px;
	height: 84px;
	position: absolute;
	top: 20px;
	left: 20px;
	background: transparent url(img/mc_chipcia.png) no-repeat left top;
	text-indent: -9999px;
}
div#topo a.microsoft {
	display: block;
	width: 114px;
	height: 52px;
	position: absolute;
	bottom: 0;
	right: 140px;
	background: transparent url(img/microsoft.png) no-repeat left top;
	text-indent: -9999px;
}
div#topo a.hp {
	display: block;
	width: 91px;
	height: 63px;
	position: absolute;
	bottom: 0;
	right: 20px;
	background: transparent url(img/mc_hp.png) no-repeat left top;
	text-indent: -9999px;
}
div#topo form {
	width: 240px;
	height: 25px;
	position: absolute;
	top: 10px;
	right: 20px;
}
div#topo form input.text {
	width: 198px;
	padding: 3px 7px;
	float: left;
	border: none;
	background: transparent url(img/busca_input.png) no-repeat left top;
	color: #C5C5C5;
}
div#topo form input.text:focus { color: #626262; }
div#topo form input.button {
	width: 21px;
	height: 22px;
	float: right;
	border: none;
	background: transparent url(img/busca_bt.png) no-repeat left top;
	text-indent: -9999px;
}

/* menu */

div#menu {
	height: 40px;
	margin: 20px 0 20px -5px;
	overflow: hidden;
}
div#menu ul li { display: inline; }
div#menu ul li a {
	display: block;
	height: 40px;
	float: left;
	background: transparent url(img/menu.png) no-repeat 0 0;
	text-indent: -9999px;
}
div#menu ul li a.chipcia { width: 101px; background-position: 0 0; }
div#menu ul li a.chipcia:hover { background-position: 0 -40px; }

div#menu ul li a.solucoes { width: 85px; background-position: -101px 0; }
div#menu ul li a.solucoes:hover { background-position: -101px -40px; }

div#menu ul li a.casos { width: 133px; background-position: -186px 0; }
div#menu ul li a.casos:hover { background-position: -186px -40px; }

div#menu ul li a.parcerias { width: 88px; background-position: -319px 0; }
div#menu ul li a.parcerias:hover { background-position: -319px -40px; }

div#menu ul li a.competencias { width: 121px; background-position: -407px 0; }
div#menu ul li a.competencias:hover { background-position: -407px -40px; }

div#menu ul li a.noticias { width: 84px; background-position: -528px 0; }
div#menu ul li a.noticias:hover { background-position: -528px -40px; }

div#menu ul li a.registro { width: 143px; background-position: -612px 0; }
div#menu ul li a.registro:hover { background-position: -612px -40px; }

div#menu ul li a.chipnews { width: 106px; background-position: -755px 0; }
div#menu ul li a.chipnews:hover { background-position: -755px -40px; }

div#menu ul li a.contato { width: 104px; background-position: -861px 0; }
div#menu ul li a.contato:hover { background-position: -861px -40px; }

/* super destaque */

div.sdestaque {
	display: block;
	position: relative;
	margin-bottom: 10px;
	clear: both;
	background: white url(img/sdestaque_bg.gif) no-repeat 14px 10px;
	text-align: right;
}
div.sdestaque span {
	padding: 0 35px 0 10px;
	cursor: pointer;
	background: white url(img/seta.png) no-repeat right 3px;
	color: #C5C5C5;
}
div.sdestaque span.exp { background-position: right -26px; }
div.sdestaque div.conteudo {
	display: block;
	margin-top: 5px;
	clear: both;
	text-align: center;
}

/* localizacao pagina & linkbar */

span.lpag,
span.linkbar {
	display: block;
	margin-bottom: 10px;
	padding-right: 15px;
	color: #C5C5C5;
	text-align: right;
}
span.lpag a { color: #C5C5C5; }
span.lpag a.on { font-weight: bold; }
span.lpag a:hover  { color: #626262; }

span.linkbar { padding-right: 0; }
span.linkbar a { color: #626262; }

/* sidebar */

div#sidebar {
	width: 326px;
	position: relative;
	right: 15px;
	float: right;
}
div#sidebar.inicial {
	width: 578px;
	overflow: hidden;
}
div#sidebar div.ads {
	margin-top: 20px;
}

div#sliderdestaques { width: 296px; height: 210px; margin-bottom: 15px; overflow: hidden; }
div#sliderdestaques ul { width: 296px; height: 210px; overflow: hidden; }
div#sliderdestaques ul,
div#sliderdestaques li { margin:0; padding:0; list-style:none; }
div#sliderdestaques li {
	position: relative;
	width:296px;
	height:210px;
	float: left;
	overflow:hidden;
}
div#sliderdestaques li a { text-decoration: none; }
div#sliderdestaques li a:hover { text-decoration: underline; color: white; }
div#sliderdestaques li img { position: absolute; z-index: 5; min-width: 296px; height: 210px; border: 0; }
div#sliderdestaques li div.titulo { position: absolute; width: 276px; bottom: 0px; padding: 10px; background: #7b1b1d; color: white; font-weight: bold; opacity:0.8; filter:alpha(opacity=70); border-top: solid 2px white; z-index: 20; cursor: pointer; }

#prevBtn a, #nextBtn a {
	display:block;
	width: 20px;
	height: 20px;
	position:absolute;
	top: 130px;
	left: 20px;
	z-index:1000;
	background: url(../../img/sliderdestaques_setas_bg.png) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
}
#nextBtn a { left: 286px; background-position: -20px 0; }
#prevBtn a:hover { background-position: 0px -20px; }
#nextBtn a:hover { background-position: -20px -20px; }

/* conteúdo */

div#conteudo {
	width: 610px;
	position: relative;
	left: 15px;
	float: left;
}
div#conteudo.inicial {
	width: 368px;
	font-size: 12px;
}
div#conteudo div.col1 {
	width: 295px;
	float: left;
}
div#conteudo div.col2 {
	width: 295px;
	float: right;
}

div#conteudo div#comentarios { display: none; }

div#conteudo div#lista_comentarios { margin-top: 10px; }
div#conteudo div#lista_comentarios div.item {
	display:block;
	border-left: solid 2px #811c1e;
	padding: 0 5px;
	margin-bottom: 10px;
	text-align: justify;
}
div#conteudo div#lista_comentarios div.item span { display: block;  }
div#conteudo div#lista_comentarios div.item span.info b { font-size: 14px; }

a.cadastrese {
	display: block;
	position: relative;
	width: 312px;
	height: 57px;
	margin: 0 auto;
	margin-top: -4px;
	background: url(img/cadastrese.png) no-repeat;
	text-indent: -9999px;
}

/* rodape */

div#rodape {
	display: block;
	height: 65px;
	position: relative;
	top: 20px;
	clear: both;
	background: #E3E3E3;
	text-align: center;
}
div#rodape address {
	position: relative;
	top: 17px;
}
div#rodape a.agw {
	display: block;
	width: 56px;
	height: 21px;
	position: absolute;
	top: 20px;
	right: 22px;
	background: transparent url(img/mc_agw.png) no-repeat left top;
	text-indent: -9999px;
}

div#rodape div#social {
	float: left;
	position: relative;
	width: auto;
	left: 0;
	margin-top: -20px;
	margin-left: 5px;
}
div#rodape div#social a { margin: 5px; }


/* contato */

body#contato form#form1 {
	display: block;
	padding: 15px;
	border: 1px solid #E3E3E3;
}
body#contato form#curriculo input.file { width: 320px; }

/**
 * @section Share
 */

.share { margin:30px 0 15px; overflow:hidden; }
.share div { float:left; }
.share .facebook { margin-left:15px; }
.share .linkedin { margin-right:27px; }
