/*
Theme Name: Distribui
Theme URI: http://visie.com.br/
Description: Primeiro design da Distribui
Version: 1.0
XHTML and CSS: Diego Eis (twitter.com/diegoeis)
Author Design: Julio Sousa (twitter.com/rulico)
Author URI: http://visie.com.br/

*/


* {
	margin: 0;
	padding:0;
}

.limite {
	width:990px;
	margin:0 auto;
}

.clearfix:after {
	content: " ";
	clear: both;
	display: block;
}

.clearfix {
	_float:left;
	_width:100%;
}

/*** 
	HEADER
	onde vai o logo e o menu
***/
#header {
	background: #262D27 url(images/degradetop.gif) repeat-x bottom center;
	border-bottom:5px solid #A6CE39;
	padding: 0 0 5px;
	margin:0 0 15px;
}

#header h1 {float:left; margin:12px 0 0;}
#header h1 a {
	display: block;
	width:194px;
	height:77px;
	background: url(images/logo.gif?1) no-repeat center center;
	text-indent: -999px;
	overflow: hidden;
}

#header .infocontato {
	float:right;
	font:11px Arial, verdana, tahoma, sans-serif;
	color: #7F7F7F;
	padding:5px 0 0;
}

#header .infocontato p {display: inline;}
#header .infocontato p strong {
	font:12px Arial, verdana, tahoma, sans-serif;
	color:#BDBDBD;
	padding-right: 15px;
}
#header .infocontato a {color:#BDBDBD;}

#header .nav {
	margin:10px 0 0;
	float:right;
	clear:right;
	_width:auto;
	background:url(images/fundomenu.gif) no-repeat left center;
}

#header .nav ul {
	float: left;
	background:url(images/fundomenudir.gif) no-repeat right center;
	padding:0 10px 5px 10px;
	list-style: none;
}

#header .nav ul li {float:left;}

#header .nav ul li a {
	float:left;
	padding:1px 30px 5px;
	position: relative;
	top:1px;
	font:20px arial, verdana, tahoma, sans-serif;
	text-decoration: none;
	color:#A6CE39;
	outline: none;
}
#header .nav ul li a:hover {text-decoration: underline;}

#header .nav ul li.current_page_item a {
	color: white;
	text-decoration: underline;
}

/***
	CONTENT
	onde vai o conteúdo todo
***/
#content {
	width:990px;
	position:relative;
	margin:0 auto;
}

h6.imgchama {
	border:1px solid #FFF;
	width:;
	height:;
}

.principal {
	background:url(images/principaltotal.jpg) no-repeat left top;
	padding:10px 20px;
	margin:0 0 10px;
	height: 345px;
}

.principal h2 {
	font:bold 48px/40px Arial, Tahoma, Sans-Serif;
	letter-spacing: -3px;
	color: #FFF;
	margin:10px 0 15px;
	width:650px;
}

.principal p {
	color: #BDC1B0;
	letter-spacing: -1px;
	font:17px arial, tahoma, sans-serif;
	width:650px;
}

/*** CHAMADINHAS DA HOME ***/
.chamada {
	width:310px;
	float:left;
	margin:35px 20px 0 0;
}

.chamada h3 {
	font:bold 28px Arial, Verdana, Tahoma, Sans-serif;
	color: #262D27;
	letter-spacing: -2px;
}

.chamada p {
	width:auto;
	color: #314234;
	font:12px/16px Arial, Verdana, Tahoma, Sans-serif;
	letter-spacing: normal;
}

a.saibamaislnk, .chamada p a, a.more-link, .outroservico a {
	display:block;
	text-align: right;
	padding:10px 20px 10px 0;
	outline: none;
	background:url(images/icomaisv.gif) no-repeat right center;
	font:bold 13px arial, tahoma, sans-serif;
	color: #2A2D36;
	text-decoration: none;
	clear:both;
}
.listservices li {list-style: none;}
.listservices a.saibamaislnk {background:url(images/icomais.gif) no-repeat right center;}
.outroservico a {color:#FFF;background:url(images/icomaisve.gif) no-repeat right center;}

/***
	DESTAQUE
	onde fica os destaquezinhos
***/
.destaques {clear:both;}

.destaques div {
	float:left;
	width:218px;
	background:#A6CE39;
	margin-right:10px;
	padding:10px;
	height:128px;
}

.destaques div.listservices {
	background:#D7E89A;
	margin: 0;
	padding:10px;
}

.destaques div h4 {
	font:bold 24px/20px arial, tahoma, sans-serif;
	color: #FFF;
	letter-spacing: -2px;
	margin: 0 0 10px;
}

.destaques div p {
	font:12px arial, tahoma, sans-serif;
	color: #314234;
	width:125px;
}

.destaques div p a {
	text-decoration: none;
	color: #314234;
}

.destaques div.dtq-comps {background:#A6CE39 url(images/computadores.gif) no-repeat 95% 80%;}
.destaques div.dtq-globo {background:#A6CE39 url(images/globo.gif) no-repeat 95% 80%;}
.destaques div.dtq-intranet {background:#A6CE39 url(images/intranet.gif) no-repeat 95% 80%;}

.destaques div ul li {
	font: bold 13px/13px arial, tahoma, helvetica, sans-serif;
	color: #262D27;
	letter-spacing: -1px;
	background:url(images/check.gif) no-repeat left top;
	padding:4px 0 4px 23px;
}



/***
	SERVICOS
	CSS da página de SERVICOS
***/
.servicoprincipal {
	height:250px;
	padding:20px;
	background:url(images/fundo-servicoprincipal.jpg) no-repeat center center;
	margin:0 0 15px;
}

.servicoprincipal h6 {
	font:bold 18px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	letter-spacing: -2px;
	color: #D7DF21;
	margin-bottom: 10px;
}

.servicoprincipal h2 {
	font:bold 55px/40px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	letter-spacing: -3px;
	color: #FFF;
	margin-bottom: 20px;
}

.servicoprincipal p {
	font:bold 20px/21px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	letter-spacing: -1px;
	color: #BDC1B0;
	width:555px;
}

.outroservico {
	width:447px;
	float:left;
	background: #293332;
	padding:0 20px;
	height: 171px;
}
.outroservicopri {margin-right:15px;}

.outroservico h3 {
	font:bold 24px/24px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	letter-spacing: -1px;
	color: #FFF;
	margin:0;
	padding: 15px 0 0;
}

.outroservico p {
	font:bold 13px/16px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	letter-spacing: -1px;
	color: #BDC1B0;
	width: 232px;
}

.outroservico.servstreaming {background:#262D27 url(images/fundo-streaming.jpg) no-repeat right center;}
.outroservico.servcaching {background:#262D27 url(images/fundo-caching.jpg) no-repeat right center;}


/***
	PAGINAS INTERNAS
	CSS das páginas internas padrão
***/
#top {
	padding:20px 30px;
	background: #262D27;
	clear:both;
}

#top .breadcrumb {
	font:16px Arial, Verdana, Helvetica, Sans-serif;
	color:#BDC1B0;
	letter-spacing: -1px;
}
#top .breadcrumb a {text-decoration:none; color: #A6CE39; font-weight: bold;}

#top h2 {
	font:bold 52px/40px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	letter-spacing: -3px;
	color: #FFF;
	margin:15px 0 13px;
	width:700px;
}

#top p {
	width:700px;
	font:19px/21px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	letter-spacing: -1px;
	color: #BDC1B0;
}

#top.caching {background:#262D27 url(images/cachingtop.jpg) no-repeat right center;}
#top.streaming {background:#262D27 url(images/streamingtop.jpg) no-repeat right center;}

/*** ABAX ***/
#abas li {
	float:left;
	background:url(images/abadirc.gif) no-repeat 96% top;
	font:20px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	letter-spacing: -1px;
	list-style: none;
}

#abas li a {
	padding:10px 40px 0;
	float:left;
	text-decoration: none;
	color: #444444;
	background:url(images/abaesqc.gif) no-repeat left top;
}

#abas li.abaselec {background:url(images/abadire.gif) no-repeat 96% top;}
#abas li.abaselec a {
	background:url(images/abaesqe.gif) no-repeat left top;
	color: #A6CE39;
}

.animation {
	background: #F4F4F4;
	height:400px;
	text-align: center;
	padding:15px 0;
}

/***
	CONTENT
	onde vai o conteúdo de texto, titulos, imagens, etc.
***/
.content {
	float:left;
	padding:20px 10px 20px 30px;
	width:575px;
}

.content p {
	font:12px/17px arial, helvetica, tahoma, verdana, sans-serif;
	color: #314234;
	margin:0 0 15px;
}

.content ul, .content ol {
	font:12px/17px arial, helvetica, tahoma, verdana, sans-serif;
	margin:0 0 15px 20px;
}

.content h3 {
	font:bold 28px/27px arial, helvetica, tahoma, verdana, sans-serif;
	color: #262D27;
	letter-spacing: -2px;
}

.content h4 {
	font:bold 20px/27px arial, helvetica, tahoma, verdana, sans-serif;
	color: #262D27;
	letter-spacing: -2px;
}

.content h5 {
	font:bold 15px/27px arial, helvetica, tahoma, verdana, sans-serif;
	color: #262D27;
}

/***
	CHAMADAS DA TELA DE CACHING
***/
.chamacaching {
	float:left;
	width:300px;
	margin-right: 10px;
	padding:10px;
}

.chamacaching img {float:right;}

.chamacaching h3 {
	color: #262D27;
	font:bold 27px/27px arial, tahoma, heveltica, verdana, sans-serif;
	letter-spacing: -1px;
}

.chamacaching p {
	font:12px/17px arial, tahoma, helvetica, verdana, sans-serif;
	color: #314234;
	margin-bottom: 10px;
}

/***
	SIDEBAR
	onde vão outras informações
***/
.sidebar {
	float:right;
	width:315px;
	padding:20px 10px 20px 30px;
	background:url(images/sombrasidebar.gif) no-repeat left 20px;
}

.sidebar .boxfaleconosco {
	background:url(images/fundofaleconosco.gif) repeat-X;
	padding:15px;
}

.sidebar .boxfaleconosco h5 {
	font:bold 28px/20px arial, helvetica, tahoma, verdana, sans-serif;
	color:#FFF;
	margin:0;
}

.sidebar .boxfaleconosco p {
	color: #E1E8C4;
	font:bold 17px/18px Arial, Tahoma, Verdana, Helvetica, Sans-serif;
}

.sidebar .boxfaleconosco p a {
	display:block;
	text-align: right;
	color: #FFF;
	text-decoration: none;
}

.sidebar h5 {
	font:bold 28px/20px arial, helvetica, tahoma, verdana, sans-serif;
	color: #A6CE39;
	margin:20px 0 5px;
}

.sidebar .downloadpdf li {
	padding:10px 0 10px 65px;
	background:url(images/pdf.gif) no-repeat left center;
	font:bold 14px arial, tahoma, sans-serif;
	color: #314234;
	list-style: none;
}

.sidebar .downloadpdf li a {
	display:block;
	font:normal 11px arial, tahoma, sans-serif;
	color:#0080CE;
	text-align: right;
}

.sidebar dl dt {
	font:bold 14px arial, tahoma, sans-serif;
	background:url(images/setinhasrv.gif) no-repeat left center;
	padding:0 0 0 20px;
}
.sidebar dl dd {
	font: 12px/17px arial, tahoma, sans-serif;
	padding:0 0 10px 20px;
	color: #314234;
}
.sidebar dl dd a {color: #314234; text-decoration: none;}

.sidebar h2 {
	font:bold 28px/27px Arial, Tahoma, Sans-Serif;
	letter-spacing: -3px;
	color: #262D27;
	margin:10px 0 0;
}

.sidebar p {
	font:12px/17px arial, helvetica, tahoma, verdana, sans-serif;
	color: #314234;
	margin:0 0 15px;
}

.sidebar ul {margin:0 0 20px; list-style: none;}
.sidebar ul li {
	font:12px/17px arial, helvetica, tahoma, verdana, sans-serif;
	color: #314234;
	background:url(images/bullet.gif) no-repeat left 2px;
	padding:0 0 0 15px;
	margin:0 0 5px;
}

.content form {	width:400px;}
.content form fieldset {border:none;}


.content form label {
	display: block;
	font:13px arial, tahoma, sans-serif;
	padding: 3px;
	text-align: right;
}

.content form label input {
	width:300px;
	border:1px solid black;
	padding: 3px;
}

.content form label textarea {
	padding: 3px;
	width:300px;
	height:200px;
	vertical-align: top;
}
input.botenviar {
	background:#97BC34;
	padding: 3px;
	color: #FFF;
	border: none;
	font:bold 13px arial, tahoma, sans-serif;
	cursor: pointer;
	float: right;
}

/***
	RODAPE
***/
#footer {
	clear:both;
	background: #262D27;
	color: #FFF;
	padding:10px;
	border-top:20px solid white;
}
#footer a {color: #FFF;}
#footer h1 a {
	font:bold 12px arial, tahoma, sans-serif;
	color:#FFF;
	text-decoration: none;
}

#footer address {
	font:11px/12px arial, tahoma, sans-serif;
	color: #FFF;
}

#footer div.desenvby {
	float:right;
	margin:10px;
	font:12px verdana, arial, tahoma, sans-serif;
}

.content form label.vObrigatorio {
  font-weight:bold;
}

.content form label.vErro {
  color:red;
}